/* Thomas Kessler - www.kessler-design.com */
body{
margin:0;
padding:0;
font:normal 11px Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
background:#E9EBEB url("images/bg.gif") repeat-x left 88px;
}
h1{
font-size:11px;
font-weight:bold;
margin:0 0 5px 0;
}
h1.topspace{margin-top:8px;}
h1.topspace_leistungen{margin-top:4px;}
#page{
width:911px;
margin:0 auto;
text-align:left;
}
#dr_hermanns{
margin-top:88px;
width:911px;
height:112px;
text-align:center;
}
#dr_hermanns span{display:none;}
#dr_hermanns a{
display:block;
width:911px;
height:112px;
background:url("images/zahnarztpraxis-dr-ralf-hermanns.gif") no-repeat 0 0;
outline:0;
}
#navigation{
float:left;
width:101px;
margin:30px 8px 0 73px;
display:inline;
}
#content,#content_index{
float:right;
width:547px;
height:273px;
color:#000;
background-color:#fff;
margin:30px 182px 0 0;
display:inline;
}
div.overflow{overflow:auto;}
div.clear{clear:both;}
span.motto{font-weight:normal;}
#content_index{
height:360px;
background-color:#E9EBEB;
}
div.subline{
margin:2px 0 0 0;
text-align:center;
font-size:13px;
background-color:#E9EBEB;/* IE6 */
}
div.newsbox{
margin:9px 0 0 0;
text-align:center;
font-size:13px;
font-weight:bold;
background-color:#E9EBEB;/* IE6 */
}
div.prophylaxe{
text-align:center;
font-style:italic;
font-weight:bold;
}
div.notdienst{padding-left:100px;}
#content_left_box, #team_left_box{
float:left;
width:126px;/* 134px - 8px */
margin:24px 0 0 8px;
display:inline;
}
#content_right_box, #team_right_box{
float:right;
width:412px;/* 413px - 1px */
margin:24px 0 0 0;
padding-left:1px;/* FF, 'W' */
display:inline;
}
#team_left_box{width:134px; /* 142px - 8px */}
#team_right_box{width:404px;/* 405px - 1px */}
#team_content{
width:300px;
height:215px;
padding-left:15px;/* ul.content */
}
#team_back{padding-left:15px;/* ul.content */}
ul.content{
margin: 0 0 0 -15px;
padding: 0 0 0 15px;
}
ul.leistungen li {line-height:12px;}
ul.content_inside{
margin: 0;
padding: 0 45px 0 15px;
}
#partner_left_box{
float:left;
width:176px;/* 200px - 8px - 16px */
height:261px;/* 271px - 8 - 2 */
margin:0;
padding:8px 8px 2px 16px;
display:inline;
}
#partner_right_box{
float:right;
width:339px;/* 347px - 8px */
margin:24px 0 0 0;
padding-left:8px;/* FF, see #content_right_box */
display:inline;
}
div.partner{margin:0 0 8px 0;}
#partner_img{border:#E9EBEB 1px solid;}

#content_box, #content_ul_box{margin:8px 8px 2px 16px;}
#content_ul_box{padding-left:15px;/* ul.content */}
#praxis_box{margin:24px 0 2px 8px;}
#rundgang_box{margin:8px 0 2px 16px;}
#karte_box, #rundgang_gross_box{margin:5px 6px 2px 6px;}
#karte {
display:block;
/* border:#E9EBEB 1px solid; kein rand wg. IE6! */
margin-bottom:1px;
}
#karte_link {text-align:right;}

.tbl_praxis, .tbl_termin, .tbl_notdienst, .tbl_rundgang{
border-spacing:0; /*Others*/
border-collapse:collapse; /*IE*/
}
.tbl_praxis td, .tbl_termin td, .tbl_notdienst td, .tbl_rundgang td{
padding:0;
margin:0;
}
.tbl_praxis td.team_klein{padding:0 2px 2px 0;}

.tbl_rundgang td.bild{padding:0 0 1px 0;}
.tbl_rundgang td.spacer{width:11px;}
.tbl_rundgang td.spacer_vertical{height:24px;}
.tbl_rundgang td.right{text-align:right;}
.tbl_rundgang td img{display:block; /* FF remove bottom space */}

.tbl_termin td{width:90px;}

.tbl_notdienst td{padding-bottom:2px;}
.tbl_notdienst td.left{width:210px;}

.block{display:block; /* IE6 index-img */}

a.weiter, a.weiter:active, a.weiter:visited,
a.fwd, a.fwd:active, a.fwd:visited,
a.back, a.back:active, a.back:visited,
a.web, a.web:active, a.web:visited,
a.webwide, a.webwide:active, a.webwide:visited{
text-decoration:none;
color:#000;
padding:0 2px;
background-color:#D2E2E5;
}
a.fwd, a.fwd:active, a.fwd:visited{
padding:1px 2px 1px 12px;
background:#D2E2E5 url("images/bg-fwd.gif") no-repeat left 1px;
}
a.back, a.back:active, a.back:visited{
padding:1px 2px 1px 12px;
background:#D2E2E5 url("images/bg-back.gif") no-repeat left 1px;
}
a.web, a.web:active, a.web:visited, 
a.webwide, a.webwide:active, a.webwide:visited{
padding:1px 5px 1px 15px;
background:#D2E2E5 url("images/bg-web.gif") no-repeat left 1px;
}
a.webwide, a.webwide:active, a.webwide:visited{
padding:1px 15px 1px 15px;
}
a.weiter:hover, a.weiter:focus,
a.fwd:hover, a.fwd:focus,
a.back:hover, a.back:focus,
a.web:hover, a.web:focus,
a.webwide:hover, a.webwide:focus{
color:#000;
background-color:#BAC8CB;
}
a.partner, a.partneractive{
text-decoration:none;
color:#000;
padding:0 2px;
display:block;
margin:0 0 2px 0;
}
a.partner, a.partner:active, a.partner:visited, a.partner:focus{
color:#000;
background-color:#fff;
}
a.partneractive, a.partner:hover{
color:#000;
background-color:#D2E2E5;
}

/* based on uvsc.edu/disted/decourses/dgm/2740/IN/steinja/lessons/12/l12_05.html */
ul#menu{
list-style-type:none; 
margin:0; 
padding:0; 
}
ul#menu li span{
display:none;
}
ul#menu li{
margin:0 0 3px 0;
padding:0;
font-size:2px;/* IE */
line-height:2px;/* IE */
}
ul#menu li a{
margin:0;
display:block;
width:101px;
height:20px;
outline:0;
}
li#home a{background:url("images/home.gif") no-repeat -109px 0;}
li#leistungen a{background:url("images/leistungen.gif") no-repeat -109px 0;}
li#praxis a{background:url("images/praxisteam.gif") no-repeat -109px 0;}
li#rundgang a{background:url("images/praxisrundgang.gif") no-repeat -109px 0;}
li#behandlung a{background:url("images/behandlung.gif") no-repeat -109px 0;}
li#prophylaxe a{background:url("images/prophylaxe.gif") no-repeat -109px 0;}
li#termin a{background:url("images/termin.gif") no-repeat -109px 0;}
li#anfahrt a{background:url("images/anfahrt.gif") no-repeat -109px 0;}
li#partner a{background:url("images/partner.gif") no-repeat -109px 0;}
li#notdienst a{background:url("images/notdienst.gif") no-repeat -109px 0;}
li#links a{background:url("images/links.gif") no-repeat -109px 0;}
li#impressum a{background:url("images/impressum.gif") no-repeat -109px 0;}
li#home a:hover{background-position:0 0;}
li#leistungen a:hover{background-position:0 0;}
li#praxis a:hover{background-position:0 0;}
li#rundgang a:hover{background-position:0 0;}
li#behandlung a:hover{background-position:0 0;}
li#prophylaxe a:hover{background-position:0 0;}
li#termin a:hover{background-position:0 0;}
li#anfahrt a:hover{background-position:0 0;}
li#partner a:hover{background-position:0 0;}
li#notdienst a:hover{background-position:0 0;}
li#links a:hover{background-position:0 0;}
li#impressum a:hover{background-position:0 0;}