@charset "utf-8";
/* kinderzahnarztpraxis Dr. Bettina Brem */

html{width:100%; height:100%}

*{
margin:0px;
padding:0px;
}


body{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:#FFFCE4;
line-height:18px;
}

#container{
margin:10px auto;
width:1006px;
text-align:left;
}

#logo{width:258px; height:144px; float:left;}

#header{width:710px; height:144px; padding:0px 0px 0px 38px; background:url(images/bg-header_e.jpg) no-repeat; float:left;}

#language{float:right; margin:50px 10px 33px 0px; color:#15A7AF; font-weight:bold; width:70px; height:30px; }

#language .de a{
display:block;
float:left;
width:35px;
height:30px;
background:url(images/btn-language.png) no-repeat 0px -30px;
}

#language .deactive a {
background:url(images/btn-language.png) no-repeat 0px 0px;
}

#language .en a{
display:block;
float:left;
width:35px;
height:30px;
background:url(images/btn-language.png) no-repeat -35px 0px;
}

#language .enactive a {
background:url(images/btn-language.png) no-repeat -35px -30px;
}


#navi{float:left;}

#navi, #navi ul, #subnavi, #subnavi ul { list-style-type:none; margin:0; padding:0; }

#navi li {float:left; width:167px; margin-right:-1px;}



#navi li ul { display:none; }
  #navi li:hover ul { display:block; position:relative; z-index:1; }
  
  
#navi .oberpunkt a{
display:block; 
width:157px; 
height:24px; 
background:url(images/bg-btn1.jpg) no-repeat 0px 0px; 
padding:8px 0px 0px 10px; 
color: #FFFFFF; 
text-decoration:none;
font-size:14px;
}

#navi .oberpunkt a:hover{
background:url(images/bg-btn1.jpg) no-repeat 0px -32px; 
}
  
#navi .unterpunkt a{
display:block; 
width:155px; 
height:23px; 
background:#aad9dc; 
padding:7px 0px 0px 10px; 
color: #0e7682; 
text-decoration:none; 
border:1px solid #fff; margin-top:-1px;
}

#navi .unterpunkt a:hover{
background:#9AC7CA;
}

#content{
width:1006px;
min-height:400px;
background:url(images/bg-content.png) repeat-y; 
}


#sidebar{
width:247px;
float:left;
padding-left:9px;
margin-right:2px;
}

#infobox{
background:#fff598;
height:187px;
padding:20px;
}

#greenbox{
background:url(images/bg-greenbox.png) no-repeat;
width:227px;
height:156px;
padding:13px 10px 0px 10px;
text-align:center;
}

#greenbox_froelich{
background:url(images/bg-greenbox-froehlich.png) no-repeat;
width:227px;
height:156px;
padding:13px 10px 0px 10px;

}

#detailbild_froelich{
width:227px;
height:158px;
padding:13px 10px 0px 10px;

}

#detailbild{
width:227px;
padding:13px 10px 0px 10px;
text-align:center;
}

#infobox p{
padding-bottom:5px;
margin-bottom:5px;
}

.underline{
border-bottom:1px solid #fff;
}

#kalender{
width:60px;
height:53px;
background:url(images/bg-cal.png) no-repeat;
float:right;
margin:-75px -5px 0px 0px;
}

#monat{
width:60px;
text-align:center;
font-weight:bold;
font-size:12px;
color:#fff;
margin-top:1px;
}

#datum{
width:60px;
text-align:center;
font-weight:bold;
font-size:20px;
color:#15A7AF;
margin-top:6px;

}

.tag{
font-size:11px;
margin-left:-2px;
}

#malteser, #zitat{
padding:20px;
}

#zitat{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#330099;}

#logo-malteser{
float:left;
margin-right:10px;
}

#maincontent{
width:748px;
float:left;
}

#bild{
width:740px; height:198px;
}

#lila{width:702px; height:24px; padding:6px 0px 0px 38px; background:#C1BBDB;}

#subnavi li{display:inline;}

#subnavi .subbtn a{
display:block;
height:18px;
padding:5px 9px 0px 9px;
float:left;
margin-right:1px;
background:#f1eff7 url(images/bg-subbtn.png) no-repeat right 0px;
color:#330099;
text-decoration:none;
}

#subnavi .subbtn a:hover, #subnavi .active a{
background:#fff url(images/bg-subbtn.png) no-repeat right -24px;
height:19px;
}


#maintext{width:682px; padding: 24px 20px 0px 38px; }

#sidebar a, #maintext a{color:#000;}

#sidebar a:hover, #maintext a:hover{color:#330099;}

h1{
font-size:20px;
font-weight:normal;
margin-bottom:15px;
color:#15A7AF;
padding-bottom:10px;
border-bottom:1px dashed #15A7AF;
}

h2{
font-size:12px;
color:#15A7AF;
padding-bottom:5px; margin-bottom:5px;
}

#maintext h2 a{color:#15A7AF;}

.turq{color:#15A7AF;}

p{
margin-bottom: 15px;
}

.auszeichnung{
width:400px;
background:#FFFCDF;
padding:10px;
border:1px solid #DFC80D;
text-align:left;
-moz-border-radius:10px;
-khtml-border-radius:10px;
margin-bottom:15px;
}


.auszeichnung-lang{
width:597px;
background:#FFFCDF;
padding:10px;
border:1px solid #DFC80D;

-moz-border-radius:10px;
-khtml-border-radius:10px;
margin-bottom:15px;
}


.lang{width:664px;}


/* Gelbe Buttons im Maintext */

/* Button Auf Gelb (Auszeichnungsfeld) */
#maintext .download-button a{
display:block;
width:300px;
height:30px;
background:url(images/bg-download-btn.png) no-repeat 0px 0px;
margin-top:10px;
font-size:16px;
color:#330099;
text-decoration:none;
text-align:center;
padding-top: 10px;
}
#maintext .download-button a:hover{
background:url(images/bg-download-btn.png) no-repeat 0px -40px;
color:#fff;
}

/* Button Auf Weiß */
#maintext .download-button2 a{
display:block;
width:300px;
height:30px;
background:url(images/bg-download-btn2.png) no-repeat 0px 0px;
margin-top:10px;
font-size:16px;
color:#330099;
text-decoration:none;
text-align:center;
padding-top: 10px;
}
#maintext .download-button2 a:hover{
background:url(images/bg-download-btn2.png) no-repeat 0px -40px;
color:#fff;
}

#maintext .download-button-green a{
display:block;
width:300px;
height:30px;
background:url(images/bg-download-btn-green.png) no-repeat 0px 0px;
margin-top:10px;
font-size:16px;
color:#330099;
text-decoration:none;
text-align:center;
padding-top: 10px;
}
#maintext .download-button-green a:hover{
background:url(images/bg-download-btn-green.png) no-repeat 0px -40px;
color:#fff;
}

#footer{
width:1006px;
height:30px;
background:url(images/bg-footer.png) no-repeat; 
}

.clear{
clear:both;
}

#copyright{
float:left;
margin-top:15px;
margin-left:15px;
font-size:11px;
}

#impressum{
float:right;
margin-top:15px;
margin-right:15px;
font-size:11px;
}

#impressum a{color:#000;} #impressum a:hover{color:#15A7AF;}

/* Team-Tabellen Eigenschaften */
.dr-left{
width:35px;
height:32px;
background:url(images/bg-team-dr-left.png) no-repeat;
margin:0px; padding:0px;
}

.dr-center{
width:180px;
height:32px;
background:url(images/bg-team-dr-center.png) no-repeat;
padding-left:20px;
font-weight:bold;
}

.dr-right{
width:365px;
height:32px;
background:url(images/bg-team-dr-right.png) no-repeat;
padding-left:20px;
font-size:11px;
}

.dr-right2{
width:565px;
height:32px;
background:url(images/bg-team-dr-right2.png) no-repeat;
padding-left:20px;
font-weight:bold;
}


.assi-left{
width:35px;
height:32px;
background:url(images/bg-team-assi-left.png) no-repeat;
}

.assi-center{
width:180px;
height:32px;
background:url(images/bg-team-assi-center.png) no-repeat;
padding-left:20px;
font-weight:bold;

}

.assi-right{
width:365px;
height:32px;
background:url(images/bg-team-assi-right.png) no-repeat;
padding-left:20px;
font-size:11px;
}

.abrechnung-left{
width:35px;
height:32px;
background:url(images/bg-team-abrechnung-left.png) no-repeat;
}

.abrechnung-center{
width:180px;
height:32px;
background:url(images/bg-team-abrechnung-center.png) no-repeat;
padding-left:20px;
font-weight:bold;

}

.abrechnung-right{
width:365px;
height:32px;
background:url(images/bg-team-abrechnung-right.png) no-repeat;
padding-left:20px;
font-size:11px;
}

.azubi-left{
width:35px;
height:32px;
background:url(images/bg-team-azubi-left.png) no-repeat;
}

.azubi-center{
width:180px;
height:32px;
background:url(images/bg-team-azubi-center.png) no-repeat;
padding-left:20px;
font-weight:bold;

}

.azubi-right{
width:365px;
height:32px;
background:url(images/bg-team-azubi-right.png) no-repeat;
padding-left:20px;
font-size:11px;
}

#lebenslauf tr td{
padding:10px;
vertical-align:top;
}

#lebenslauf .lila{
 background:#F2EFFF;
}

#faq-list  li{
list-style-position:inside;
margin-bottom:10px;
}

#faq-list{margin-bottom:25px;}

.lexikon{float:left; width:215px; margin-right:7px; margin-bottom:25px; list-style:none; padding-left:5px;}

#maintext li{margin-bottom:5px;}

.capital{display:block; width:215px; height:25px; padding:5px 0px 0px 5px; background:#FFFCDF; margin-left:-5px;}



.teaser{

width:662px;
min-height:40px;
background:#FFF9C5;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topright:10px;
-khtml-border-radius-bottomright:10px;
-khtml-border-radius-topright:10px;
padding:10px;
margin-bottom:15px;
border:1px solid #DFC80D;
}

.green{background:#E3E9A3; border:1px solid #C7CF67;}


.teaserpic{
float:left; margin-right:15px; width:216px;
}

.teasertext p{
margin-bottom:0px;
}

.teaser h2, .lang h2{
border-bottom:1px dashed;
}

 .teasertext{float:left; width:431px;}
 
 #formular tr td{
 padding:5px;
 }
 
  #charity{
 background:#e3e9a3;
 border-top:#fff solid 2px;
 border-bottom:#fff solid 2px;
 padding:4px 0px 20px 20px;
 }
 
 #charity ul{margin-top:15px;}
 
 #charity ul li{
 padding:0px; list-style:none; margin-bottom:6px;
 }
 
#charity .charbtn a{display:block; width:212px; height:33px; background:url(images/bg-char-btn.png) no-repeat 0px 0px; font-size:16px; color:#330099; text-decoration:none; padding:12px 0px 0px 15px;}
#charity .charbtn a:hover{display:block; width:215px; height:33px; background:url(images/bg-char-btn.png) no-repeat 0px -45px; font-size:16px; color:#330099; text-decoration:none; padding:12px 0px 0px 15px;}
#charity .active a{display:block; width:215px; height:33px; background:url(images/bg-char-btn.png) no-repeat 0px -90px; font-size:16px; color:#330099; text-decoration:none; padding:12px 0px 0px 15px;}
#charity .active a:hover{display:block; width:215px; height:33px; background:url(images/bg-char-btn.png) no-repeat 0px -90px; font-size:16px; color:#330099; text-decoration:none; padding:12px 0px 0px 15px;}

#intro{
	position:absolute;
	z-index:100;
	left: 0px;
	top: 0px;
	text-align:center;
	width: 100%;
	background:#fffce4;
	height:100%;
	padding-top:4px;
}