/* GENERELLES LAYOUT =============================================================================*/ /* RESET BROWSERSTYLES .............................................................................*/ * { margin: 0; padding: 0; } body{ font: 1em tahoma, Arial, verdana, sans-serif; line-height: 1; color: #000; background: #FFF; margin:0; padding:0; } a { cursor:pointer; text-decoration:none; } :focus { outline:0; } img{ border: 0; } abbr{ border:0; cursor:help; } ul{ margin:0; padding:0; list-style-type:none; } li{ margin:0; padding:0; } h1 { margin:0 0 16px 0; } h2 { margin:0 0 8px 0; } /* SEITENAUSRICHTUNG - [centered] .............................................................................................*/ #container{ margin:0; width:910px; text-align:left; } /* SEITENHINTERGRUND .............................................................................................*/ body{ background:url(../images/_bg-body.jpg) repeat-x top #fff; } /* AUFTEILUNG HAUPTBEREICHE .............................................................................................*/ div#head{ height:155px; background:#a00; background:url(../images/_bg-head.jpg) no-repeat top #fff;} /* NAVIGATION TOP .............................................................................................*/ div#headnav{ background:url(../images/_bg-headnav.jpg) no-repeat top #fff; height:32px; } ul#headnav-list{ position:relative; top:124px; left:422px; width:910px;} ul#headnav-list li{ display:inline; float:left; margin:0; padding:0; } ul#headnav-list a{ background:url(../images/_bg-headnav-link.jpg) no-repeat top; display:block; height:27px; width:91px; padding-top:12px; color:#00a; text-align:center; font-size:0.7em; color:#1a3085; } ul#headnav-list a:hover, ul#headnav-list a.current{ background:url(../images/_bg-headnav-link-over.jpg) no-repeat top; font-weight:bold;} ul#headnav-list a#start{ background:url(../images/_bg-headnav-link-start.jpg) no-repeat top; display:block; height:27px; width:91px; padding-top:12px; color:#00a; text-align:center; font-size:0.7em; color:#1a3085; } ul#headnav-list a#start:hover, ul#headnav-list a#start.current{ background:url(../images/_bg-headnav-link-start-over.jpg) no-repeat top; font-weight:bold; } /* SUBNAVIGATION .............................................................................................*/ ul#subnav{ float:left; padding:20px 0 0 0px; width:240px; text-align:right; } ul#subnav li{ margin-bottom:8px; margin-left:80px; } ul#subnav a{ color:#00a; font-size:0.8em; background:url(../images/_bg-subnav.jpg) no-repeat right; display:block; height:25px; padding-right:28px; overflow:hidden; line-height:150%;} ul#subnav a:hover, ul#subnav a#current { background:url(../images/_bg-subnav-hover.jpg) no-repeat right; } /* EYECANDY .............................................................................................*/ div#info-left{ /*float:left; clear:left;*/ width:240px; position:absolute; top:398px; } div#eyecandy{ float:right; height:300px; width:610px; position:relative; right:25px; background:url(../images/_bg-eyecandy.jpg) no-repeat top #fff; } /* CONTENT .............................................................................................*/ div#content{ width:610px; margin-left:277px; clear:both; } /* SEITENFUSS .............................................................................................*/ div#foot{ height:35px; margin:20px 0; background:url(../images/_bg-foot.jpg) no-repeat center #fff;} .img-right{ float:right; margin:0 0 0.5em 1.5em; } .img-left{ float:left; margin:0 1.5em 0.5em 0; } div#content h1{ clear:right; padding:0; position:relative; top:-56px; width:606px; height:38px; display:block; text-indent:-9999px; overflow:hidden; margin-bottom:-62px; } div.home h1{ background:url(../images/_head-home.jpg) no-repeat top; } div.team h1{ background:url(../images/_head-team.jpg) no-repeat top; } div.behandlung h1{ background:url(../images/_head-behandlungsspektrum.jpg) no-repeat top; } div.praxis h1{ background:url(../images/_head-praxis.jpg) no-repeat top; } div.links h1{ background:url(../images/_head-links.jpg) no-repeat top; } div.kontakt h1{ background:url(../images/_head-kontakt.jpg) no-repeat top; } div.anfahrt h1{ background:url(../images/_head-anfahrt.jpg) no-repeat top; } div.impressum h1{ background:url(../images/_head-impressum.jpg) no-repeat top; } div.news h1{ background:url(../images/_head-news.jpg) no-repeat top; } div#copy h2{ font-size:1em; color:#3f4a78; margin:14px 0 12px 23px; padding-bottom:6px; padding-right:4px; display:block; border-bottom:1px dotted #9ca5cc; text-align:right; width:90%; clear:both; line-height:220%; } div#copy p{ padding:0 23px; color:#666; margin-bottom:0.8em; font-size:0.8em; line-height:150%;} div#copy.home p{ text-align:justify; padding:0 23px; color:#666; margin-bottom:0.8em; font-size:0.8em; line-height:150%;} div#copy.team p{ clear:both; padding:8px 23px; } div#info-left p { color:#00a; font-size:0.8em; text-align:right; line-height:140%; } div#copy ul{ padding: 6px 23px;} div#copy li{ color:#333;} div#copy ul.links li{ padding:4px 0; margin:2px 0; color:#333; font-size:0.8em; line-height:150%; border-bottom:1px dotted #ddd;} #uebersicht #copy a{ font-size:0.8em; } div#copy a {color:#338; font-weight:bold; line-height:150%;} div#copy ul.links a{ text-decoration:underline; font-size:0.8em;} div#copy a:hover{ color:#f30; } div#map{ margin:0; width:601px; height:320px; border:3px solid #cdd6f0;} div.acc-tit{ padding:2px 23px; margin-bottom:4px; border-bottom:1px dotted #ccc; cursor:pointer; width:520px;} div.acc-tit a{ display:block;} div#copy li{ color:#666; line-height:150%; font-size:0.7em; font-weight:bold; } #dgilogo{ position:absolute; top:94px; left:814px; width:29px; height:28px; display:block; text-indent:-9999px; background:url(../images/_logo-dgi.gif) no-repeat top; } #steinbeislogo{ position:absolute; top:94px; left:846px; width:29px; height:28px; display:block; text-indent:-9999px; background:url(../images/_logo-steinbeis.gif) no-repeat top; } .high{ background:#d1dcff; height:116px; background:url(../images/_bg-team.jpg) repeat-x top; border-bottom:1px dotted #ccc; } .ieDIAF{ line-height:200%; display:block; } #teamlinks a{ font-size:1.2em; } #link-uebersicht a{ font-size:1.2em; } .top{font-size:0.8em; }