/*Theres Teichmann fuer www.mietradmitte.de April 2009*/

/* allgemeingueltige Angaben */

html, body {
	background: #fff;
	color: #000;
	font-family:  Helvetica, Arial, Verdana, sans serif;
	margin: 0px;
	padding: 0px;
}

body {
	font-size:78%;	
}

img, div, table, h1, h2, h3, p, ul, li, hr {
	border: 0;
	margin: 0;
	padding: 0;
}

/* LINKS - allgemein*/

a  {
        text-decoration                : none;
        }

a:link{
        color:#000;
        }

a:visited{
        color:#000;
        }

 a:hover{
         color:#666;
        }

li.cur a{
         color:#666;
        }
                
/* +++ BOX beinhaltet alle Elemente und sorgt fuer Zentrierung im Browserfenster, inkl. Links, Inhaltsbereich und Marginalspalte +++  */

div#box {
        margin:25px auto 20px auto;        
        text-align:center;
        width:717px; 
        border:1px solid #A28F3F;     
        }
        
/* +++ KOPF +++ */
       
div#kopf {
	margin:0 auto 0 auto;    
	text-align:left; 
	width:665px;
	border:0px solid #e00;
}

div#kopf ul{		
	list-style:none;	
}	

div#kopf ul.sprachen{		
	float:right;margin:.6em 0 .3em 0;	
}

div#kopf ul.bilder{		
	clear:both;	
}

div#kopf ul li{		
	text-align:left;
	list-style:none;
	float:left; 	
}	

div#kopf ul li a{		
	font-size:.9em;
}	

div#kopf ul li.logo_mietrad{		
	float:left;background:#D8D0AE; height:164px;width:238px; text-align:center;margin-right:14px;      	
}	

div#kopf ul li.logo_mietrad img{		
	margin-top:20px;      	
}	

#kopf li#bildwechsel  {
position:relative;
}

#kopf li#bildwechsel img {
display:none;
left:0pt;
position:absolute;
top:0pt;
}

/* +++ HAUPTNAVIGATION +++ */

div#hauptnavi {	
	text-align:left;
	width:665px; 
	margin:0 auto 0 auto;
	background:url(../bilder/hg_navi.gif) center left repeat-x;
	clear:both;
}

div#hauptnavi ul li{	
	text-align:left;
	list-style:none;
	float:left;
	margin-right:30px;
	padding:3px 0 3px 10px;
}	

div#hauptnavi ul li a{
        display:block;
        text-align:left;        
        padding:3px 7px 1px 7px;
        background:#fff;
        font-size:1.3em;
}

div#hauptnavi ul li.cur{
       background: url(../bilder/hg_navi_cur.gif) center left repeat-x;
}

/* CONTAINER */

div#container {
        margin:0 auto 10px auto;
        text-align:center;/* fuer Zentrierung IE */
        width:665px;        
        background:#D8D0AE;       
        }

     		
               
/* INHALT schliesst ein Textbereich und Marginalspalte*/

/* Text- und Bildbereich*/

div#content {	
	text-align:left;	
        position:relative;/* um den fuss absolute zum inhalt positionieren zu koennen */
        left:0; 
        top:0;
        min-height: 300px;
        padding-bottom:5em;
        }

*+ html div#content    {
        min-height:300px;
        }

* html body div#content   {
        height:300px;
        }

html>body div#content   {
        min-height: 300px;
        }   
        
div.inhalt {        
        height:auto;
        padding-bottom:1em;
        padding-top:25px;
        margin-left:18px; 
         position:relative;      
        }  
        
img.standort  {
	float:right;padding-left:20px;
        }

 /* Textauszeichnungen*/    
 
#content p{
        font-size:1em; line-height:1.4em;margin-bottom:1em;
        } 

div#content h1{
	font-size:1.3em; margin-bottom:1em;font-weight:normal;
	}

div#content h2{
	font-size:1em; margin-bottom:.5em;color:#666;font-weight:normal;
	}
	
div#content h1 a{
	background: url(../bilder/h1.gif) top right no-repeat;padding-top:.2em;
	padding-right: 25px;
	}
	
p.detail{
        width:385px;
        } 

.inhalt img{
        padding-bottom:1em;
        } 

.order{
        position:absolute; bottom:1em; right:0; width:188px;
        } 
 
 .order a{
        padding-left:15px; background:url(../bilder/pfeil.gif) top left no-repeat;text-align:left;line-height:1.4em;
        } 
                               	               
/* MARGINALSPALTE */

div.marginalspalte {
        float:right;
        width:188px;
        margin-right:18px;
}

.marginalspalte table{
        width:188px;
        }   

.marginalspalte tr{
      
        }   

.marginalspalte td{
     padding-bottom:.8em;  font-size:.95em; line-height:1.1em;vertical-align:top;
        }  
         
 .marginalspalte td.preis{
     width:50px;text-align:right;
        }          

hr.linie {clear:both;border:none;background:url(../bilder/linie.gif) bottom left no-repeat;}

/* FOOTER */

#adresse {
         margin:0 auto 12px auto;
         width:665px;
         position:absolute; 
         bottom:0;
         text-align:left;
         clear:both;
         background:#D8D0AE;       
        }

#adresse .logo_karlito {
        position:absolute;bottom:0;right:18px;width:117px; height:43px;
        }

#adresse .logo_karlito img{
        
        }

#adresse p{
        padding-left:18px;position:relative;margin:0!important;line-height:1.1em;font-size:.9em;
        }
                
/* FOOTER */
        
#fuss {
         margin:0 auto .5em auto;
         width:628px;
         clear:both;
         text-align:left;
        }

#fuss ul{
         list-style:none;
        }

#fuss ul li{
         list-style-type:none;float:left;margin-right:10px;
        }
                
#fuss a{
        border:0; text-decoration:none;font-size:.9em;
        }

/* Angaben fuer Formular */

fieldset, form {margin:.5em 0 0 0;padding:0;border:0;}

textarea{
        margin: 0 0 0 0;
        border: 1px solid #999;
        font-size: 1.2em;
        width: 255px;
        color:#333;
}

/*input[type=text] {*/
input.text, input.text_s, select.select, input.anzahl, input.datum {
        border: 1px solid #999;
        color: #333;
        float: left;
        font-size: .935em;
        line-height: 1.3em;
        margin: 0 .3em 0 0;
        padding: .1em 0 .1em 0;
}
input.text, input.datum{
        width: 200px;
}

select.select {
        width: 255px;
}
input.text_s, input.anzahl{
        width: 50px;
}
input.datum    {color:#A28F3F;}

/*input[type=radio] {*/
input.radio {
        float                        : left;
        margin:0 0 0 0;padding:0 0 0 0;
                }
label {
        border: 0px solid #999;
        color: #666;
        line-height: 1.3em;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        text-align: left;
        vertical-align: top;
}
label.beschreibung {
        float                        : left;
        margin:0 0 0 0;
        width:90px;
}
label.gespraech {
        float                        : left;
        margin:0 1em 0 0;
        width:20em;
        color:#A28F3F;
}
label.auswahl{
        color: #666;
        cursor: pointer;
        float: left;
        margin: 0 1em 0 0;
        padding: 0 0 0 .2em;
}

*+html label.auswahl{
         }/* IE 7 */

* html label.auswahl{
         }/* other IE */

/* Hides from IE-mac \*/
*|html label.auswahl{
       float                        : left;
         }/* FF, Opera, Safari    float:left fŸr Anzeige von radio-button und label nebeneinander*/
/* End hide from IE-mac */

label.wann {
        color:#666;
        cursor: pointer;
        margin: 0 2em 0 .3em;
        padding: 0 0 0 0;
        text-align: left;
        width: 13em;
}
.was {color:#666; }

p.formular {clear:both;margin:0 0 0 0; padding:.5em 0 0 0;font-size:.935em;}

p.abstand {
        padding:.5em 0 0 0;clear:both;font-size:.935em;
}

p.zusatz  {font-size:.9em;line-height:1.2em;padding:2em 10% 0 0;margin:0 0 0 0; clear:both;}

.button:link     { color:#c00; text-decoration: none; background:#ffc; }
.button:visited  { color:#c00; text-decoration: none; background:#ffc; }
.button:active   {color:#fff; text-decoration: none; background:#CE8F3F; }
.button:hover    { color:#fff;text-decoration: none; background:#CE8F3F; }

input.button {
        background:#ffc;
        text-align:center;
        color:#666;
        float                        : left;
        width                        : 80px;
        clear                        : both;
        padding:0 0 0 0;
        height:20px;
        border:1px solid #A28F3F;
          display:block;
          font-size:1em;
                        }

*+html input.button{margin:.3em 0 0 90px;
         }/* IE 7 */

* html input.button{margin:.3em 0 0 46px;
         }/* other IE */

/* Hides from IE-mac \*/
*|html input.button{
       margin:.3em 0 0 90px;
         }/* FF, Opera, Safari    float:left fŸr Anzeige von radio-button und label nebeneinander*/
/* End hide from IE-mac */

/*select     {width:190px; font-size:1em; color:#333;line-height                : 1.3em;}*/



/*  PflichtfeldprŸfung:  */
.fehler {
        color: #A28F3F;
        font-weight: bold;
        margin-bottom: 1em;
}