* {margin:0; padding:0;}
body {font:12px Tahoma, Arial, sans-serif; background:#cde3aa url(../img/bg.gif) repeat-x 0 0;}

a {color:#60bb46;}
a:hover {color:#329A25;}
a img {border:0;}
h1 {height:38px; line-height:38px; padding:112px 15px 0; background:url(../img/hdr/zahnarztpraxis.jpg) no-repeat;}
h1,h2 {font-size:23px; font-weight:normal; color:#60bb46;}
h2 span {white-space:nowrap; color:#666;} 
h4 {margin-top:20px; font-size:12px; color:#60bb46;}
ul {list-style:none;}
label {cursor:pointer;}

.fl {float:left;}
.fr {float:right;}
.mt {margin-top:15px;}
.mt0 {margin-top:0 !important;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.floatfix {overflow:hidden;}
* html .clearfix {height:1%;}
* html .floatfix {height:1%;}
*+html .clearfix {height:1%;}
*+html .floatfix {height:1%;}

#wrapper {position:relative; width:700px; margin:15px auto 0; padding:15px; background:#fff;}

#prophylaxe h1 {background:url(../img/hdr/prophylaxe.jpg) no-repeat;}
#bleaching h1 {background:url(../img/hdr/bleaching.jpg) no-repeat;}
#kinderbehandlung h1 {background:url(../img/hdr/kinderbehandlung.jpg) no-repeat;}
#zahnaerztliche-hypnose h1 {background:url(../img/hdr/zahnaerztliche-hypnose.jpg) no-repeat;}
#parodontitis-laserbehandlung h1 {background:url(../img/hdr/parodontitis-laserbehandlung.jpg) no-repeat;}
#service h1 {background:url(../img/hdr/service.jpg) no-repeat;}

#navi {height:58px; border-top:2px solid #a0d690; background:url(../img/navi_bg.gif) repeat-x 0 46px;}
#navi li {float:left; font-size:14px; font-weight:bold; text-transform:uppercase; height:46px;}
#navi li.active {height:58px; background:url(../img/navi_arw.gif) no-repeat 50% 100%;}
#navi li a {display:block; padding:15px; text-decoration:none; color:#000; background:url(../img/navi_divide.gif) no-repeat 100% 50%;}
#navi li a:hover, #navi li.active a {color:#60bb46;}

#sidebar {float:right; width:200px;}
#sidebar ul {border-top:1px solid #a0d690;}
#sidebar li a {display:block; width:180px; padding:5px 10px; color:#000; text-decoration:none; border-bottom:1px solid #a0d690;}
#sidebar li a:hover {background:#f3ebd6;}
#sidebar li.active a {color:#60bb46; font-weight:bold;}

#content {width:460px;}
#content p {margin-top:15px; line-height:16px;}

.team li {float:left; width:50%; margin-top:15px;}
.team li a {text-decoration:none; color:#666;}
.team li a img {float:left; margin-right:10px;}
.team li a strong {color:#60bb46; text-decoration:underline;}
img.vita {float:left;}
div.vita {margin-left:130px; line-height:16px;}
.vita dt {float:left; width:100px;}
.vita dd {margin:0 0 3px 100px;}
* html .vita dd {margin-left:0; float:left;}

.contact dt {float:left; width:130px; text-align:right; color:#666;}
.contact dd {margin:0 0 10px 150px;}
.contact dd input, .contact dd textarea {width:300px; padding:2px; border:1px solid #666;}
.contact dd input:focus, .contact dd textarea:focus {border:1px solid #60bb46;}
.contact .btn {margin-left:150px;}
.contact .error {color:#f00;}
.contact .error ul {margin:10px 0 0 20px; list-style:disc;}

#sidebar .contact {position:relative; padding:38px 15px 20px; background:#f3ebd6;}
#sidebar .contact h4.first {position:absolute; top:-6px; right:-8px; width:192px; height:68px; margin-top:0; padding-top:30px; background:url(../img/contact_banner.png) no-repeat 100% 0;}
* html #sidebar .contact h4.first {z-index:-1;}
#sidebar .contact p {position:relative;}
#sidebar .contact .mt {margin-top:10px;}
#sidebar .contact dt {float:none; width:auto; text-align:left; color:#000;}
#sidebar .contact dd {margin:-14px 0 0 80px;}

#gmap {margin-top:10px; width:460px; height:360px;}

#footer {position:absolute; bottom:-40px; margin-top:20px; padding-bottom:20px; width:700px; color:#666;}
#footer a {float:right;}