/* für Webseite Ferienwohnungen Ritter */

html,body {
   margin: 0;
   padding: 0;
   background: #CCEEFF;        /* Farbe HG Body */   
   }

html {height:101%;}    
   
body {
   font: 85% verdana,arial,sans-serif;
   text-align: center;
   }

p {
   margin: 0 10px 10px;
   }

a {
   color: #981793;             /* Farbe Link */
   padding: 0px;
   }

#header_start,
#header_fewo,
#header_ort,
#header_umg,
#header_preis,
#header_kontakt {
   background-repeat: no-repeat;
   height: 150px; 
   margin: 0;
   }   
   
#header_start {
   background-image: url(img/header_start3.jpg);
   }

#header_fewo {
   background-image: url(img/header_fewo.jpg);
   }

#header_ort {
   background-image: url(img/header_ort.jpg);
   }
   
#header_umg {
   background-image: url(img/header_345313.jpg);
   }

#header_preis {
   background-image: url(img/header_preis2.jpg);
   }         
   
#header_kontakt {
   background-image: url(img/header_kontakt_345332.jpg);
   }  
       
.header {
   padding: 35px 0 0 20px;
   }
   
#container {
   text-align: left;
   border: 1px solid #5D93F9;
   background: #F9C25D;   
   }

#content {
   background: #FFFFFF;      /* Farbe HG Content */    
   }
 
#content p {
   padding: 15px 0 0 10px;
   line-height: 1.4;
   }

.orange {
   color: #F6A713;
   }
   
.bild-links
   {
   display: inline;
   float:left;
   text-align:left;
   margin:0 20px 0 20px;
   }   
   
.bild-rechts
   {
   display: inline;
   float:right;
   text-align:right;
   margin:0 20px 15px 20px;
   }

.clearen 
   {
   clear:both;
   }
   
span.legende
   {
   display: block;
   font-size: 70%;
   line-height: 2em;
   } 
    
#navigation {
   font-size: 120%;
   padding-top: 10px;
   background: #F9C25D;        /* Farbe HG Navigation */
   }

#ferienwohnung #nav02 a,
#ort #nav06 a,
#umgebung #nav03 a,   
#preise #nav04 a,
#kontakt #nav05 a {
   color: #FFFFFF;
   }
   
#navigation li {
   list-style-type: none;
   font-weight: bold;
   border-bottom: 1px solid #2974FF;
   padding: 0px;
   padding-top: 0px !important;
   padding-top: 18px;
   margin: 0px;
   }

*+html #navigation li {        /* nur für IE7 */
   padding: 0;
   margin: 0;
   height: 1.8em;
   line-height: 2.3em;
   }
   
#navigation a:link, a:visited {
   text-decoration: none;
   color: #2974FF;
   }
   
#navigation a:hover, a:focus {
   color: #FFFFFF;
   }   
   
.bildtext {
   padding-left: 22px;
   }    
     
#footer {
   font-size: 80%;
   background: #5D93F9;        /* Farbe HG Footer */
   color: #FFF;
   margin: 0;
   padding: 8px 20px;
   }

#impress a{
   text-decoration: none;
   color: #FFFFFF;
   } 

.impress {
   font-size: 80%;
   }    
   
.impress a,
#content a {
   text-decoration: none;
   color: #5D93F9;   
   }
      
   
/* Width + Float */   

#center {
   width: 900px;
   margin: 0 auto;
   }
   
#container {
   float: left;
   width: 900px;
   }
   
#content {
   float: right;
   width: 650px;
   }

#navigation {
   float: left;
   width: 250px;
   }
   
#footer {
   float: left;
   width: 95.6%;
   }

#copy {
   float: left;
   width: 85%;
   }
   
#impress {
   float: right;
   width: 10%;
   }