﻿

/************************* BODY + DEFAULTS *******************/
BODY{height: 100%; margin: 0px; padding: 0px; background: #fff url(../graphics/bg-body.png) no-repeat center top}
H1,H2,H3,H4,DIV,P,A,IMG,UL,LI,TABLE,TR,TD{color: #181818; font-family: arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: normal; margin: 0px; padding: 0px; list-style-type: none}
IMG{border: none}


/************************* HEADERS *******************/
H1{width: 554px; height: 65px; position: absolute; left: 20px; top: 22px; background: url(../graphics/bg-header.png) no-repeat 0px 0px}
H2, H3, H4{color: #b02010; font-size: 29px; line-height: 33px; letter-spacing: -2px; text-shadow: 0px 1px 0px #fff; text-align: right}
H2.home{color: #011b6f; text-align: left; width: 425px; height: 35px; margin-left: 15px; background: url(../graphics/home-header.png) no-repeat 0px 0px}
H2.top{color: #011b6f; font-size: 34px; line-height: 38px; text-align: right}
H1 span, H2 span, H3 span{display: none}


/************************* CONTAINER *******************/
#container{width: 970px; min-height: 0px; margin: 0px auto; padding: 109px 0px 0px 0px; position: relative; background: #fff url(../graphics/bg-container.png) no-repeat 0px 0px}


/************************* NAV *******************/
#nav-wrapper{width: 100%}
#nav{width: 100%; height: 41px; background: #272BE5 url(../graphics/bg-nav.gif) no-repeat 0px 0px}
#nav LI.nav{ float: left}
#nav LI.nav SPAN{display: none}
#nav A, #nav DIV{height: 41px; margin-right: 1px; display: block; cursor: pointer; background: url(../graphics/transparent.gif)}


#nav A.behandelbare{width: 232px}
#nav DIV.eav{width: 135px}
#nav DIV.uber{width: 146px}
#nav A.terminvereinbarung{width: 184px}
#nav A.adresse{width: 190px}
#nav A.index{width: 78px; margin-right: 0px}

#nav A.behandelbare-active, #nav A.behandelbare:hover{background: url(../graphics/bg-nav.gif) no-repeat 0px -50px}
#nav DIV.eav-active, #nav DIV.eav:hover{background: url(../graphics/bg-nav.gif) no-repeat -233px -50px}
#nav DIV.uber-active, #nav DIV.uber:hover{background: url(../graphics/bg-nav.gif) no-repeat -369px -50px}
#nav A.terminvereinbarung-active, #nav A.terminvereinbarung:hover{background: url(../graphics/bg-nav.gif) no-repeat -516px -50px}
#nav A.adresse:hover, #nav A.adresse-active{background: url(../graphics/bg-nav.gif) no-repeat -701px -50px}
#nav A.index:hover, #nav A.index-active{background: url(../graphics/bg-nav.gif) no-repeat -892px -50px}

#icon-menu{display: none}
#logo{width: 554px; height: 65px; position: absolute; left: 20px; top: 22px; background: url(../graphics/transparent.gif)}


/************************* DROPDOWNS *******************/
#nav DIV .dd{width: 238px; height: auto; margin: 39px 0px 0px -16px; padding: 0px 15px 15px 15px; cursor: text; position: absolute; z-index: 100; display: none; background: url(../graphics/bg-dropdown.png) no-repeat bottom}
#nav DIV .dd-inner{width: 238px; height: auto; padding: 0px 0px 20px 0px; border-top: solid 1px #101850; background: url(../graphics/bg-dropdown-inner.gif) no-repeat center top}
#nav DIV:hover .dd{display: block}
#nav DIV .dd-inner A{line-height: 18px; text-decoration: none; width: 208px; height: auto; float: none; padding: 13px 15px 11px 15px; display: block; border-bottom: dotted 1px #a0b0c0}
#nav DIV .dd-inner A:hover{color: #fff; text-decoration: none; background: #282888}


/************************* HOME PAGE LEFT *******************/
#home-left{width: 41%; margin-bottom: -1px; float: left; border: solid 1px #3858d8; border-top: none; border-left: none; position: relative}
#home-left IMG{width: 100%; height: auto}
#home-left IMG.home-body-shadow{height: 13px; position: absolute; left: 0px; top: 0px}


/************************* HOME PAGE RIGHT *******************/
#home-right{width: 54%; padding: 25px 20px 10px 0px; float: right}
#home-right IMG{width: 100%; height: auto; margin: 0px 0px 15px 0px}
P.home-intro{color: #101060; font-size: 15px; line-height: 19px; padding: 0px 0px 20px 15px}


/************************* FOOTER *******************/
#footer{padding: 20px 20px 20px 20px; border: solid 1px #3858d8; border-left: none; border-right: none; background: #D8D8F0}
#footer-inner{overflow: hidden}
.footer-col{float: left; margin-bottom: -1000PX; padding: 0px 0px 1000px 0px; border-right: dotted 1px #183898}
.footer-col-1{width: 22%; padding-left: 0px}
.footer-col-2{width: 32%}
.footer-col-3{width: 26%}	
.footer-col-4{width: 19%; padding-right: 0px; border-right: none}

P.footer-header{color: #b02010; font-size: 20px; line-height: 21px; letter-spacing: -1px; word-spacing: 1px; text-shadow: 0px 1px 0px #fff; padding-left: 20px}
P.footer-link{line-height: 12px; padding: 10px 0px 0px 20px}
P.footer-link A, P.footer-link-main A{color: #101060; font-size: 11px; line-height: 16px; letter-spacing: 1px}	
P.footer-link-main{line-height: 12px; padding: 3px 0px 10px 20px}
P.footer-link-main A{font-size: 12px; line-height: 16px}
P.footer-link-main A:hover, P.footer-link A:hover{color: #000030}

.footer-col-1 P{padding-left: 0px}

P.misc, P.misc A{color: #101060; font-size: 11px; line-height: 15px; text-align: right}
P.misc{padding: 20px 20px 30px 0px; background: #fff}


/************************* COMMON CLASSES *******************/
.link-text{display: none}
.clear{width: 100%; clear:both; font-size:1px; line-height:0px}
.underline{text-decoration: none}

#container .rarr{font-size: 12px; font-family:georgia, serif; padding: 0px 12px 0px 12px}

#container .horizontal-spacer{padding: 0px 12px 0px 0px}
#container .black{color: #000}
#container .orange{color: #e05000}
#container .preload{position: absolute; left: -5000px; top: -100px}

#container .margin-top-zero-5{margin-top: -5px}
#container .margin-top-zero-10{margin-top: -10px}
#container .margin-top-zero-15{margin-top: -15px}
#container .margin-top-zero-20{margin-top: -20px}
#container .margin-top-zero-25{margin-top: -25px}
#container .margin-top-zero-30{margin-top: -30px}

#container .margin-top-0{margin-top: 0px}
#container .margin-top-5{margin-top: 5px}
#container .margin-top-10{margin-top: 10px}
#container .margin-top-15{margin-top: 15px}
#container .margin-top-20{margin-top: 20px}
#container .margin-top-25{margin-top: 25px}
#container .margin-top-30{margin-top: 30px}

#container .margin-bottom-0{margin-bottom: 0px}
#container .margin-bottom-5{margin-bottom: 5px}
#container .margin-bottom-10{margin-bottom: 10px}
#container .margin-bottom-15{margin-bottom: 15px}
#container .margin-bottom-20{margin-bottom: 20px}
#container .margin-bottom-25{margin-bottom: 25px}
#container .margin-bottom-30{margin-bottom: 30px}

#container .padding-top-0{padding-top: 0px}
#container .padding-top-5{padding-top: 5px}
#container .padding-top-10{padding-top: 10px}
#container .padding-top-15{padding-top: 15px}
#container .padding-top-20{padding-top: 20px}
#container .padding-top-25{padding-top: 25px}
#container .padding-top-30{padding-top: 30px}

#container .padding-bottom-0{padding-bottom: 0px}
#container .padding-bottom-5{padding-bottom: 5px}
#container .padding-bottom-10{padding-bottom: 10px}
#container .padding-bottom-15{padding-bottom: 15px}
#container .padding-bottom-20{padding-bottom: 20px}
#container .padding-bottom-25{padding-bottom: 25px}
#container .padding-bottom-30{padding-bottom: 30px}