@charset "utf-8";
/* CSS Document */

/*für alle Bereiche werden die Innen- und Außernabstände auf 0 gesetzt*/
*  {
  margin: 0;
  padding: 0;
}

body  {
  font: 100.01% verdana, arial, sans-serif;
  text-align: center;/*Zentrierung für den IE 5.x */
  background: url(bilder/layout/background-body.jpg);
  background-repeat:repeat-x;
  background-color: #FBF3D5;
 
}

.clearer {
	CLEAR: both;
}


#wrapper  { 
  width:960px;  
  margin: 10px auto 20px auto; /*Zentrierung für die standardkonformen Browser */
  text-align: left;
  overflow:hidden
}

img  {
  border: 0;

}

/*==================================================================*/
/*-----------------------Kopfbereich--------------------------------*/
/*==================================================================*/   


#header  {
   background-color: #FBF3D5;
   width:960px;
   position: relative;
   }


#logo  { 

   height:256px; 
   background-position: top left;
   float: left;
   background-image:url(bilder/layout/putzerhof-logo-de.jpg);
   background-repeat: no-repeat; 
   width:211px;
 } 
 
#head {

    position: top right;
    background-image: url(bilder/layout/putzerhof.jpg);
    background-repeat: no-repeat;
    float: right;
    width:749px;
    height:256px;
    margin:0px;

    }

#roter-hahn  {
    padding: 150px 0 0 60px;

}


/*==================================================================*/
/*-----------------------Content------------------------------------*/
/*==================================================================*/

#content{
    background: url(bilder/layout/bg.jpg) repeat-y top left;
    }
	
#sidebar-left{

      background-color: #FBF3D5;
      background-image: url(bilder/layout/background-menu.jpg);
      float:left;
      width: 211px;
      }
	  

#qtranslate-3-chooser  {
    margin-left:80px;}
    
    
#qtranslate-3-chooser li { 
    float: left;
    margin-right: 15px;
    }
    /**Navigation**/


ul {
	list-style: none;
	margin: 3em 0 0;

	
	}

#menu li {

    width:13.8em;
    background: url(bilder/layout/menu.jpg);
    height: 35px;
    font-weight: bold;

    }


#menu {
    font-family: verdana, arial, sans-serif;
    float: left;
    width: 13.8em;
    margin: 1.3em;
    font-size: 0.8em;

	}

/*---------------------IE<7 Hack--------------------*/	
* html #menu {
  width: 13.8em;
  margin: 0.6em;
} 
/*---------------------IE<7 Hack--------------------*/		
  


#menu li a {
    
  	voice-family: "\"}\""; 
  	voice-family: inherit;
        height: 35px;
	text-decoration: none;
	padding: 7px 0 0 7px;
	
	}
	
#menu li a:link, #menu li a:visited {
	color: #690601;
	display: block;
	background: url(bilder/layout/menu.jpg);
        padding: 7px 0 0 7px;
	
	}

#menu li a:hover {
	color: #FFCC66;
	background: url(bilder/layout/menu.jpg) 0 -35px;
	
	font-variant:small-caps;
	font-size:1em
	
	}
	
	
	
#menu li a:active {
	color: #666666;
	background: url(bilder/layout/menu.jpg) 0 -67px;
	
	}

.brixencard  {
   color: #690601;
}

.brixencard img  {
   border: 1px solid #990000;
}

.impressum  {
  padding: 5em 0 0 0;
  font-size:0.8em;
  
  }
  
.impressum a:link  {
  color: #690601; 
}

.sprueche  {
  color: #690601;
  font-size:1.1em;
  margin: 5em 0 0 0;
  font-variant: small-caps;
  font-weight:bold;
  background-color: #FFCC66;
  
}

.hotelinfo  {
  color: #690601;
  font-size:0.9em;

  background-color: #FFCC66;
  font-weight:bold;
  
  }

/*==================================================================*/
/*----------------------------Content-------------------------------*/
/*==================================================================*/   


#inhalt  {
  background-color: #FFFFFF;  
  float: right; 
  margin-right:44px;
  display:inline;
  position: relative; 
  width: 705px;
  text-align:left
}

.bild   {
   text-align:center;
   border: 0;
}

.float-left  {
   float: left;
   padding: 0.5em;
}



  
.float-left2  {
   float: left;
   padding: 0.5em;
   width: 370px;
  
}

.float-left2 img  {
   border:1px solid #990000;
   margin: 0.2em; 
   float:left;
} 

.float-left3  {
   float: left;
   padding: 0.5em;
   width: 420px;
  
}

.float-left3 img  {
   border:1px solid #990000;
   margin: 0.2em; 
   float:left;
} 

.float-right  {
   float:right;
   padding:0.5em 0.5em 0.1em 0.5em;
   width: 350px;
}


.float-right img  {

   border:1px solid #990000;
   margin: 0.2em;
   float:left;
}


.ende-float  {
   clear:both;
   padding-top: 0.1em;
}

.startseite-pics   {
   margin: 10px auto 10px auto;
   width: 660px;
   height:200px;

}
.startseite-pics img  {
   border:1px solid #990000;
   margin: 0 10px 0 40px;
   float:left;
 

}  

/*---------------------IE<7 Hack--------------------*/	
 * html #inhalt {  height: 1%;  }  
/*---------------------IE<7 Hack--------------------*/	

/*==================================================================*/
/*-----------------------Rechte Box---------------------------------*/
/*==================================================================*/   
#sidebar-right{
  width:44px; 
  float:right; 
  position:relative;
  background-image:url(bilder/layout/background-right.jpg); 
  background-color:#FBF3D5;
  height: 1000px;
  
  
}

 /*==================================================================*/
/*-----------------------------Footer-------------------------------*/
/*==================================================================*/  
#footer {
  height:3.9em; 
  background-color:#FBF3D5;
  background-image:url(bilder/layout/background-footer.jpg); 
  clear:both;
  text-align:center;
  color:#FFCC33;
   font-size:0.8em;  
  
 }
 
#footer a:link  {
  color: #FF9933
} 

#footer a:hover  {
  color: #FF9933
} 

#footer a:visited  {
  color: #FF9933
} 

p.footer  {
  padding: 0.2em 0 0 0 ;
  font-size:0.8em;
  
}

/*==================================================================*/
/*----------------------Überschriften-Absätze-----------------------*/
/*==================================================================*/ 

 h1  {
 
   font-size:1em;
   padding: 2em 1em 1em 1em;
   text-align:center;
   color: #690601;
}

 h2  {
 
   font-size:1em;
   padding: 2em 1em 1em 1em;
   text-align:center;
   color: #690601;
}

 h3  {
  font-size:0.9em;
  padding:0.4em;
  margin:1em;
  width:20em;
  text-align:left;
  background-image:url(bilder/layout/background-footer.jpg);
  border:1px solid #FFCC33;
  color:#FFCC33;
}

 h3 a:link {
  font-size:0.9em;
  text-align:left;
  color:#FFCC33;
}

h3 a:hover {
  font-size:0.9em;
  padding:0.4em;
  text-align:left;
  background-image:url(bilder/layout/background-footer.jpg);
  border:1px solid #FFCC33;
  color:#FFCC33;
}

h3 a:visited {
  font-size:0.9em;
  text-align:left;
  color:#FFCC33;
}


 h5  {
  font-size:0.9em;
  padding:0.4em;
  margin:3px;
  width:14em;
  text-align:left;
  background-image:url(bilder/layout/background-footer.jpg);
  border:1px solid #FFCC33;
  color:#FFCC33;
}

 h5 a:link {
  font-size:0.9em;
  text-align:left;
  color:#FFCC33;
}

h5 a:hover {
  font-size:0.9em;
  padding:0.4em;
  text-align:left;
  background-image:url(bilder/layout/background-footer.jpg);
  border:1px solid #FFCC33;
  color:#FFCC33;
}

h5 a:visited {
  font-size:0.9em;
  text-align:left;
  color:#FFCC33;
}

p  {
   padding: 1em;
   font-size:0.8em;
   text-align:center
 }
 
p.text  {
   text-align:left;
  
}

p.text-startseite  {
   text-align:left;
   padding-top:0.5em;
   text-align:justify;
}
   
p.text-wohnungen  {
   text-align:left;
   padding-top:0.5em;
   
}
p img  {
   border:1px solid #990000;

}

.footer-link  {
 padding: 20px;
 text-align: center;
 font-size:0.6em;
 color:#990000;
  }
  
.footer-link a:link  {
  color: #990000;
  }

/*==================================================================*/
/*----------------------Gäste Buch----------------------------------*/
/*==================================================================*/ 

div.comment-number {
float: left;
text-align: left;
font-size: 2.5em;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
padding: 8px  0 ;
background-image:url(bilder/layout/background-footer.jpg);
border:1px solid #FFCC33;
color:#FFCC33;
margin: 20px; }

/*==================================================================*/
/*---------------------Anfrage Preise-------------------------------*/
/*==================================================================*/ 

.table {
 background-color: #660000;
 width:80%;
 text-align:center;
 margin:auto;

 
}

.head {
 background-color: #660000;

}
.main {
 background-color: #FFFFFF;
 color: #000000;
 height:25px;
 font-family: Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 text-align:left
}

.main-preise {
 background-color: #FFFFFF;
 color: #000000;
 height:25px;
 font-family: Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 text-align: center;
 border-color:#990000
 
 


}
.foot {
 background-color:#660000;
}

.align {
 text-align: left;
  background-image:url(bilder/layout/background-menu.jpg);

  padding:6px
  
}

.align-preise {
 text-align: left;
 background-image:url(bilder/layout/background-menu.jpg);
 padding:5px
  
}

#anfrage_formular  {
font: 100.01% verdana, arial,  sans-serif;
margin-left: 10px;
font-size:0.9em;
}




  
#lang_sel {
  
  text-align: center;
  margin-top: 20px ;
   margin-left:48px;
}

#lang_sel ul{
  list-style: none;
  margin:0;
  padding:0;
}

#lang_sel ul li img{
  margin-right: 5px;
  border: 0px;
}

#lang_sel ul li{
  display: inline;
  margin:0 5px 0 5px;
  padding:0;
  width: 50px;
}

#lang_sel li {float:left;width:50px;}


#lang_sel ul li a:hover, #lang_sel ul li a:active{
	background: transparent;
}

#slideshow  {

 float:left;
 padding:10px;
 }