/*------------------------------------------------------------------------------*/ /* WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Arial, Helvetica;} /*------------------------------------------------------------------------------*/ /* TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{margin:0; padding:0; width:100%;} #top_container{width:960px; height:120px; margin:0 auto;} #top_container img{border:0;} #top_col_1{width:496px; float:left; display:inline;} #top_col_2{width:299px; float:right; display:inline;} /*------------------------------------------------------------------------------*/ /* NAVIGATION & MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #nav_body{width:100%;} #nav_container{width:960px; margin:0 auto 28px; height:71px; font-size:12px; color:#ffffff; background:url(../images/bg_nav.gif) no-repeat;} #nav_col_1{width:750px; float:left; display:inline;} #nav_col_2{width:201px; float:right; display:inline;} #nav_col_1 ul{margin:0; padding:17px 0 0 14px; list-style-type:none;} #nav_col_1 li{margin:0; padding:0 8px 0 0; float:left;} #nav_col_1 li.home a{width:73px; height:37px; background: url(../images/nav_home.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.home a:hover{background:url(../images/nav_home.gif) -73px 0px no-repeat; display: block;} #nav_col_1 li.home a.current{background: url(../images/nav_home.gif) -73px 0px no-repeat; display:block;} #nav_col_1 li.treatments a{width:112px; height:37px; background: url(../images/nav_treatments.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.treatments a:hover{background:url(../images/nav_treatments.gif) -112px 0px no-repeat; display: block;} #nav_col_1 li.treatments a.current{background: url(../images/nav_treatments.gif) -112px 0px no-repeat; display:block;} #nav_col_1 li.prices a{width:73px; height:37px; background: url(../images/nav_prices.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.prices a:hover{background:url(../images/nav_prices.gif) -73px 0px no-repeat; display: block;} #nav_col_1 li.prices a.current{background: url(../images/nav_prices.gif) -73px 0px no-repeat; display:block;} #nav_col_1 li.doctors a{width:120px; height:37px; background: url(../images/nav_doctors.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.doctors a:hover{background:url(../images/nav_doctors.gif) -120px 0px no-repeat; display: block;} #nav_col_1 li.doctors a.current{background: url(../images/nav_doctors.gif) -120px 0px no-repeat; display:block;} #nav_col_1 li.portfolio a{width:88px; height:37px; background: url(../images/nav_portfolio.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.portfolio a:hover{background:url(../images/nav_portfolio.gif) -88px 0px no-repeat; display: block;} #nav_col_1 li.portfolio a.current{background: url(../images/nav_portfolio.gif) -88px 0px no-repeat; display:block;} #nav_col_1 li.contact a{width:114px; height:37px; background: url(../images/nav_contact.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.contact a:hover{background:url(../images/nav_contact.gif) -114px 0px no-repeat; display: block;} #nav_col_1 li.contact a.current{background: url(../images/nav_contact.gif) -114px 0px no-repeat; display:block;} #nav_col_1 li.links a{width:65px; height:37px; background: url(../images/nav_links.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_1 li.links a:hover{background:url(../images/nav_links.gif) -65px 0px no-repeat; display: block;} #nav_col_1 li.links a.current{background: url(../images/nav_links.gif) -65px 0px no-repeat; display:block;} #nav_col_2 ul{margin:0; padding:17px 14px 0 0; list-style-type:none;} #nav_col_2 li{margin:0; padding:0; float:right;} #nav_col_2 li.offers a{width:187px; height:37px; background: url(../images/nav_offers.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #nav_col_2 li.offers a:hover{background:url(../images/nav_offers.gif) -187px 0px no-repeat; display: block;} #nav_col_2 li.offers a.current{background: url(../images/nav_offers.gif) -187px 0px no-repeat; display:block;} /*------------------------------------------------------------------------------*/ /* MAIN CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{width:100%;} #main_container{width:960px; margin:0 auto; padding:0;} #main_col_1{width:625px; float:left; display:inline; text-align: left;} #main_col_2{width:315px; float:left; display:inline; margin-left:20px;} #main_col_2 img{border:0;} /*Font Styles*/ #main_col_1 h1{font-size:24px; margin:0; padding:0 0 14px; background:url(../images/bg_h1.gif) repeat-x; font-weight:normal; color:#006c85;} #main_col_1 h1.smaller{font-size:23px; margin:0; padding:0 0 14px; background:url(../images/bg_h1.gif) repeat-x; font-weight:normal; color:#006c85;} #main_col_1 h2{font-size:18px; margin:0; padding:14px 0 5px; font-weight:normal; color:#006c85; border-bottom:1px dashed #006c85;} .prices_bg{background:url(../images/bg_prices.gif) 0 192px no-repeat; width:625px;} #main_col_1 p{color:#6f6f6f; margin:0; padding:16px 0 0; line-height:22px; font-size:14px;} #main_col_1 p img{float:left; padding:0; border:#e4e4e4 4px solid; margin:4px 15px 5px 0px;} #main_col_1 p img.none{border:0; margin:0; float:none;} #main_col_1 p img.ba{float:right; padding:0; margin:4px 0px 5px 15px; border:none;} #main_col_1 p a{color:#6f6f6f; text-decoration:underline;} #main_col_1 p a:hover{color:#494949; text-decoration:underline;} #main_col_1 p.size{font-size:18px;} #main_col_1 p.size strong{color:#23bfd2;} #main_col_1 p.small{font-size:11px;} #main_col_1 .treatment{margin:10px 0 0; border:2px dotted #dfdab2; padding:10px; background:#f8f8f8;} #main_col_1 .treatment h2{margin:0; padding:0 0 5px; font-size:18px; text-transform:uppercase; color:#494949; border:none;} #main_col_1 .treatment h2 a{color:#23bfd2;} #main_col_1 .treatment h2 a:hover{color:#18abbd;} #main_col_1 .treatment h3{margin:0; padding:8px 0 5px; font-size:16px; text-transform:uppercase; color:#494949;} #main_col_1 .treatment h3 a{color:#23bfd2;} #main_col_1 .treatment h3 a:hover{color:#18abbd;} #main_col_1 .treatment p{margin:0; padding:0; font-size:13px; color:#494949;} /* Lists */ #main_col_1 ul{padding:0 0 0 20px; margin:16px 0 0; } #main_col_1 ul li{color:#6f6f6f; line-height:22px; padding-bottom:5px; font-size:14px;} #main_col_1 ul li a{color:#6f6f6f; text-decoration:underline;} #main_col_1 ul li a:hover{color:#494949; text-decoration:underline;} #main_col_2 ul{margin:0; padding:0; list-style-type:none;} #main_col_2 li{margin:0; padding:0 0 20px;} #main_col_2 li.our_doctors{background:url(../images/bg_doctors.jpg) no-repeat; padding:65px 168px 0 16px; font-size:12px; line-height:18px; height:217px; color:#565656;} #main_col_2 li.our_doctors a{color:#10909f;} #main_col_2 .slide_show{width:315px; height:88px; padding:0; margin:0; overflow:hidden;} #main_col_2 .slide_show img{border:0;} /*Enquiry Form*/ #main_col_1 table{font-size:14px; color:#494949; margin-top:10px; border-top:1px solid #f0f0f0;} #main_col_1 tr{height: 30px;} #main_col_1 tr.bg{background-color:#f0f0f0;} #main_col_1 td strong{color:#006c85;} #main_col_1 .form{background-color:#ffffff; border: #c8c8c8 1px solid; font-family:Arial, Helvetica; font-size:11px; color:#4c4c4c; padding:3px; width:250px;} #main_col_1 .form_button{height:37px; width:73px; background-image:url(../images/send_button.gif); margin:0; padding:0; background-repeat:no-repeat; border:0px; cursor:pointer;} /*------------------------------------------------------------------------------*/ /* FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; padding-top:30px;} #footer_top{margin:0 auto; background:url(../images/bg_footer_top.gif) no-repeat; width:960px; height:20px;} #footer_bottom{margin:0 auto; background:url(../images/bg_footer_bottom.gif) no-repeat; width:960px; height:20px;} #footer_container{width:960px; margin:0 auto; background:#dfdab2;} #footer_col_1{width:360px; float:left; display:inline; padding-left:20px;} #footer_col_2{width:560px; float:right; display:inline; padding-right:20px;} #footer_container a{color:#6a685b;} #footer_container a:hover{color:#3f3e38;} #footer_col_1 p{font-size:12px; color:#6a685b; margin:0; padding:0; line-height:22px;} #footer_col_2 ul{margin:0; padding:0; list-style-type: none;} #footer_col_2 li{margin:0; padding:0 0 0 3px; float:right; font-size:12px; color:#6a685b;} #footer_body .design{font-size:11px; width:100%; text-align:center; padding:20px 0;} #footer_body .design a{color:#BFBFBF; text-decoration:none;} #footer_body .design a:hover{color:#808080;} /*------------------------------------------------------------------------------*/ /* MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;} /**** noscript-Hinweis ****/ div#att {background-color: #fffeb8; border-bottom: 1px solid; height: 2.5em; line-height: 2.5em; position: absolute; top:0; width: 100%; text-align:center;} div#att p{background: transparent url(../images/att.png) no-repeat 0 46%; margin: 0; display: inline; padding: 6px 0 6px 26px;}