body {background-color:#d8d8d8; margin:50px 0 0 90px; padding:0; } #clear {clear:left;} /* ########## KLASSEN ##########*/ .spalte_400px {width:400px; margin-right:20px; float:left;} .spalte_700px {width:700px; margin-right:20px; float:left;} .spalte_300px {width:300px; margin-right:20px; float:left;} .spalte_400px li, .spalte_300px li {list-style-type:square;} .col160 {width:160px; margin:20px 0 0 20px; float:left;} #container #content #textarea #box #tabs .wegbeschreibung .spalte_400px li {background:none;} #textarea .spalte_700px li { list-style-type:square; clear:both; margin:0 0 5px 35px; padding:0; background:none; background-color:none; display:block; background-image:none; text-indent: 0; } .rotkursivgross {text-transform:uppercase; font-style:italic; color:#D31F1F; } .grau_555 {color:#555;} /* ++++++++++ INTRO SEITE ++++++++++ */ #intro {width:910px; height:510px;} #intro a {outline:none;} #intro #praxis {width:910px; height:155px; display:block; float:none; background:url(../images/intro_praxis.jpg) 0 0 no-repeat;} #intro #leistungen {width:205px; height:300px; display:block; float:left; background:url(../images/intro_leistungen.jpg) 0 0 no-repeat;} #intro #aktuelles {width:705px; height:100px; display:block; float:left; background:url(../images/intro_aktuelles.jpg) 0 0 no-repeat;} #intro #kontakt {width:400px; height:200px; display:block; float:left; background:url(../images/intro_kontakt.jpg) 0 0 no-repeat;} #intro #links {width:305px; height:200px; display:block; float:left; background:url(../images/intro_links.jpg) 0 0 no-repeat;} #intro #praxis:hover {background-color:#000;-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);} #intro #leistungen:hover{background-color:#000;-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);} #intro #aktuelles:hover {background-color:#000;-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);} #intro #kontakt:hover {background-color:#000;-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);} #intro #links:hover {background-color:#000;-moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);} /* ---------- INTRO SEITE ---------- */ /* ++++++++++ NAVI ++++++++++ */ #navi .praxis {width:185px; height:80px; display:block; float:left; background:url(../images/navi_praxis.jpg) 0 0 no-repeat;} #navi .leistungen {width:180px; height:80px; display:block; float:left; background:url(../images/navi_leistungen.jpg) 0 0 no-repeat;} #navi .aktuelles {width:180px; height:80px; display:block; float:left; background:url(../images/navi_aktuelles.jpg) 0 0 no-repeat;} #navi .kontakt {width:180px; height:80px; display:block; float:left; background:url(../images/navi_kontakt.jpg) 0 0 no-repeat;} #navi .links {width:185px; height:80px; display:block; float:left; background:url(../images/navi_links.jpg) 0 0 no-repeat;} /* ---> NAVI HOVER */ #navi .praxis:hover {background:url(../images/navi_praxis_hover.jpg) 0 0 no-repeat;} #navi .leistungen:hover {background:url(../images/navi_leistungen_hover.jpg) 0 0 no-repeat;} #navi .aktuelles:hover {background:url(../images/navi_aktuelles_hover.jpg) 0 0 no-repeat;} #navi .kontakt:hover {background:url(../images/navi_kontakt_hover.jpg) 0 0 no-repeat;} #navi .links:hover {background:url(../images/navi_links_hover.jpg) 0 0 no-repeat;} /* ---------- NAVI ---------- */ /* ++++++++++ ACTIVE ++++++++++ */ #praxis #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_praxis.jpg) 0 0 no-repeat;} #leistungen #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_leistungen.jpg) 0 0 no-repeat;} #aktuelles #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_aktuelles.jpg) 0 0 no-repeat;} #kontakt #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_kontakt.jpg) 0 0 no-repeat;} #links #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_links.jpg) 0 0 no-repeat;} #impressum #balken {width:910px; height:10px; display:block; float:left; background:url(../images/balken_impressum.jpg) 0 0 no-repeat;} /* ---> NAVI ACTIVE */ #praxis #navi .praxis {width:185px; height:80px; display:block; float:left; background:url(../images/navi_praxis_hover.jpg) 0 0 no-repeat;} #leistungen #navi .leistungen {width:180px; height:80px; display:block; float:left; background:url(../images/navi_leistungen_hover.jpg) 0 0 no-repeat;} #aktuelles #navi .aktuelles {width:180px; height:80px; display:block; float:left; background:url(../images/navi_aktuelles_hover.jpg) 0 0 no-repeat;} #kontakt #navi .kontakt {width:180px; height:80px; display:block; float:left; background:url(../images/navi_kontakt_hover.jpg) 0 0 no-repeat;} #links #navi .links {width:185px; height:80px; display:block; float:left; background:url(../images/navi_links_hover.jpg) 0 0 no-repeat;} #impressum #footer .impressum a {color:#333;} /* ---------- ACTIVE ---------- */ /* ++++++++++ CONTENT ++++++++++ */ #content {width:910px; float:left; min-height:500px; height:auto !important; height:500px;} #content a {color:#000; text-decoration:none; border-bottom:1px dotted #000;} #content a:hover {color:#555; text-decoration:none; border-bottom:1px solid #555;} #content_impressum {width:450px; line-height:18px; float:left;} #content_impressum p {margin:10px 0 5px 0;} #praxis #content {background:url(../images/content_praxis.jpg) 0 0 repeat-y;} #leistungen #content {background:url(../images/content_leistungen.jpg) 0 0 repeat-y;} #aktuelles #content {background:url(../images/content_aktuelles.jpg) 0 0 repeat-y;} #kontakt #content {background:url(../images/content_kontakt.jpg) 0 0 repeat-y;} #links #content {background:url(../images/content_links.jpg) 0 0 repeat-y;} #impressum #content {background:url(../images/content_impressum.jpg) 0 0 repeat-y;} #textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; padding:30px 0 30px 60px;} #textarea_links {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; padding:30px 0 0 60px;} #textarea h1 {font-size:18px; margin:0 0 10px 0; padding:0;} #textarea_links h1 {font-size:18px; margin:0 0 10px 0; padding:0;} .textbox {margin:30px 20px 0 40px;} .grosstiere {background:transparent url(../images/schwarzohr.jpg) top right no-repeat; height:430px;} #container #content #textarea #box #tabs .willkommen {background:#F2F27D url(../images/emily.jpg) 0 270px no-repeat;} .links_bild {background:transparent url(../images/giraffe.jpg) right top no-repeat; display:block; height:480px; width:750px;} .kleintiere {background:transparent url(../images/katze.jpg) right 50px no-repeat;} /*.team {background:transparent url(../images/team.jpg) right top no-repeat;}*/ .labor {background:transparent url(../images/labor.jpg) right top no-repeat; height:430px;} .pferde {background:transparent url(../images/pferde.jpg) right top no-repeat; height:430px;} #container #content #textarea #box #tabs .spezialfaelle {background:#F2F27D url(../images/roentgenbild.jpg) 0 290px no-repeat;} #container #content #textarea #box #tabs .wegbeschreibung {background:#F2F27D url(../images/wegweiser.jpg) 0 290px no-repeat;} #links_links {width:300px; float:left; padding-bottom:1px;} #links_links a {font-size:12px; color:#444;} #links_links a:hover {color:#000;} /* ---------- CONTENT ---------- */ /* ++++++++++ FOOTER ++++++++++ */ #footer {width:910px; height: 55px; display:block; clear:left; background:url(../images/intro_footer.jpg) 0 0 no-repeat; clear:both; color:#999; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; letter-spacing:1px;} #footer #home {padding:25px 0 0 30px; float:left;} #footer #home a {color:#999; text-decoration:none;} #footer #home a:hover {color:#333;} #footer .impressum {padding:25px 0 0 30px; float:left;} #footer .impressum a {color:#999; text-decoration:none;} #footer .impressum a:hover{color:#333;} #footer #text {padding:25px 0 0 400px; font-size:14px;} /* ---------- FOOTER ---------- */ li{ font-size:14px;} .kleiner { font-size:12px;} .groesse1 { font-size:14px;} .groesse2 { font-size:16px;} .groesse3 { font-size:18px;} .groesse3i { font-size:18px; font-style:italic;} .flaeche { padding:10px; background-color:#FFFF99;} .groesse1b { font-size:14px;} .rahmen { border:1px solid black; } .groesse5 { font-size:14px;} .rot { font-size:16px; color:#990000; font-weight:bold;}