/* allgemeine styles: */
/* ----------------------------------------------------------------------------------------------------------------- */
* { margin:0; padding:0; border:0; }
html { height:100.1%; }
body { font: 12px arial; color: #999; }
a { color:#636363; text-decoration:none; }
a:hover { color:#C00; }
.link-klein { font-size:10px; color:#00C1FF; cursor:pointer; } /* anzuwenden für span-tags (javascript-link ohne href) */
.link-klein:hover { font-size:10px; color:#636363; cursor:pointer; }
h1 { color:#C00; font-size:14px; font-weight:bold; margin:10px 0 15px 0; }
h2,h3,h4,h5,h6 { color:#C00; font-size:12px; font-weight:normal; margin:15px 0 10px 0; }
.button { text-align:center; margin-top:5px; width:60px; height:17px; background-image: url(../images/button.jpg);  font-size:12px; }
.button:hover { color:#C00; }


#page {width:1030px; }
#werbung-oben { height: 90px; width:795px;}
#wrapper { float:left; width:795px; }
#werbung-rechts { float:left; }


/* header: */
/* ----------------------------------------------------------------------------------------------------------------- */
#header { background:url(../images/header-bg.gif) no-repeat; height:127px; }

#logo{ height:107px; width:235px; float:left; }
#logo img { margin-top:20px; border:0; }

#navi { width:550px; float:left; height:22px; padding:85px 10px 0 0; }
#navi ul { float:right; list-style-type:none; height:22px; margin:0; padding:0; }
#navi li { float:left; }
#navi li a { height:22px; text-indent:-3000px; display:block; }
a#link1 { width:101px; background:url(../images/unternehmen.gif) top left no-repeat; }
a#link1:hover { width:101px; background:url(../images/unternehmen-over.gif) top left no-repeat; }
a#link2 { width:93px; background:url(../images/referenzen.gif) top left no-repeat; }
a#link2:hover { width:93px; background:url(../images/referenzen-over.gif) top left no-repeat; }
a#link3 { width:108px; background:url(../images/kundenservice.gif) top left no-repeat; }
a#link3:hover { width:108px; background:url(../images/kundenservice-over.gif) top left no-repeat; }
a#link4 { width:89px; background:url(../images/newsletter.gif) top left no-repeat; }
a#link4:hover { width:89px; background:url(../images/newsletter-over.gif) top left no-repeat; }
a#link5 { width:54px; background:url(../images/agb.gif) top left no-repeat; }
a#link5:hover { width:54px; background:url(../images/agb-over.gif) top left no-repeat; }
a#link6 { width:87px; background:url(../images/impressum.gif) top left no-repeat; }
a#link6:hover { width:87px; background:url(../images/impressum-over.gif) top left no-repeat; }

#bar { background:url(../images/hgrund-bar.gif) #cdcdcd right repeat-y; height:18px; width:780px; color:#7BE1F8; text-align:right; padding-right:15px; padding-top:2px; }


/* main: */
/* ----------------------------------------------------------------------------------------------------------------- */
#main { background: url(../images/hgrund.gif) #FFF 0 0 repeat-y; }

#spalte1 { float:left; width:177px; }
#spalte2 { float:left; width:177px; margin-left:5px; }
#spalte2 ul.sehenswuerdigkeiten { margin-left:15px; }
#spalte2 ul.sehenswuerdigkeiten li { line-height:20px; }
#spalte3 { float:left; width:177px; margin-left:5px; }

ul#kundeWirbt { list-style:none; margin-top:10px; }
ul#kundeWirbt li { margin-bottom:10px; clear:both; height:46px; }
ul#kundeWirbt li img { float:left; }
ul#kundeWirbt li span.text { height:46px; }

.box-klein { width:177px; margin-top:10px; }
.box-klein dt { color:#C00; font-size:14px; color:#FFF; font-weight:normal; background: url(../images/btn_klein.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-klein dd { padding:5px 5px 10px 10px; border-left:1px solid #7BE1F8; border-right:1px solid #7BE1F8; border-bottom:1px solid #7BE1F8; background-color:#fff; }

.box-klein-grau { width:177px; margin-top:10px; }
.box-klein-grau dt { color:#C00; font-size:14px; font-weight:bold; background: url(../images/btn_klein_grau.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-klein-grau dd { padding:5px 5px 10px 10px; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; background-color:#fff;}

#links  { width: 230px; color:#fff; float:left; padding-left:5px; padding-top:5px; padding-bottom:10px; }
#links input.eigabefeld { border:1px #FFF solid; margin-top:5px; width:180px; font-size:12px; }
#links ul { margin-top: 20px; list-style:none; }
#links ul li a { color: #FFF; }
#links ul li a:hover { color: #999; }

form#arzt-finden select { width: 148px; border:1px #c4c4c4 solid; margin-bottom:5px; }
form#arzt-finden input.eingabe { width: 145px; border:1px #c4c4c4 solid; margin-bottom:5px; }

form#was-suchen-sie select { width: 148px; border:1px #c4c4c4 solid; margin-bottom:5px; }
form#was-suchen-sie input.eingabe { width: 145px; border:1px #c4c4c4 solid; margin-bottom:5px; }

form#aerzte-login input.eingabe { width: 145px; border:1px #c4c4c4 solid; margin-bottom:5px;}

#rechts { float:left; padding-left:2px; width:545px; }

/* footer: */
/* ----------------------------------------------------------------------------------------------------------------- */
#footer { text-align:center; width:789px;  background:url(../images/corner-footer.gif) #FFF no-repeat right top; padding:18px 6px 0 0; height:100px; font-size:10px;}
#footer ul { list-style:none; }
#footer li { display:inline; padding:0px 5px; border-right:1px solid #CCC; }
#footer ul a{ color:#c00; }

#subFooter { text-align:left; width:789px;  padding:5px; height:100px; font-size:10px;}
#subFooter a { font-size:10px; }
#subFooter dt { font-size:11px; font-weight:bold; }
#subFooter dd { margin-bottom:10px; }