/* allgemeine styles: */
/* ----------------------------------------------------------------------------------------------------------------- */
* { margin:0; padding:0; border:0; }
html { height:100.1%; }
body { font: 11px arial; color: #000; line-height: 16px;}
a { color:#00C1FF; text-decoration:none; }
a:hover { color:#636363; }
.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; }
.button { height:20px; background: url(../images/button.gif) #FFF left center no-repeat; border:0; padding-left:15px; font-size:10px; cursor:pointer; margin-top:5px; }
.hilfeLink { font-size:14px; height:17px; margin-right:13px; background: url(../images/hilfe.gif) #FFF left center no-repeat; border:0; padding-left:15px; padding-top:3px; font-size:10px; cursor:pointer; margin-top:5px; }
strong { color:#00C1FF; font-weight: normal; }
h1 { color:#7BE1F8; font-size:14px; font-weight:bold; margin:10px 0 15px 0; }
h2,h3,h4,h5,h6 { color:#00C1FF; font-size:12px; font-weight:normal; margin:15px 0 10px 0; }

/* 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:66px; background:url(../images/home.gif) top left no-repeat; }
a#link1:hover { width:66px; background:url(../images/home_over.gif) top left no-repeat; }
a#link2 { width:76px; background:url(../images/ueber-uns.gif) top left no-repeat; }
a#link2:hover { width:76px; background:url(../images/ueber-uns_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:67px; background:url(../images/glossar.gif) top left no-repeat; }
a#link4:hover { width:67px; background:url(../images/glossar_over.gif) top left no-repeat; }
a#link5 { width:51px; background:url(../images/agb.gif) top left no-repeat; }
a#link5:hover { width:51px; background:url(../images/agb_over.gif) top left no-repeat; }
a#link6 { width:91px; background:url(../images/impressum.gif) top left no-repeat; }
a#link6:hover { width:91px; background:url(../images/impressum_over.gif) top left no-repeat; }

#bar { background:url(../images/hgrund-bar.gif) #C9F4FF 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; }

.box-klein { width:177px; margin:10px 4px 0 0; float:left; }
.box-klein dt { 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-mittel { width:360px; margin:10px 4px 0 0; float:left; }
.box-mittel dt { font-size:14px; color:#FFF; font-weight:normal; background: url(../images/btn_gross.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-mittel 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-gross { width:542px; margin:10px 0 0 0; float:left; }
.box-gross dt { font-size:14px; color:#FFF; font-weight:normal; background: url(../images/btn3spalten_blau.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-gross 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:10px 4px 0 0; float:left;}
.box-klein-grau dt { font-size:14px; color:#666; font-weight:normal; 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; }

.box-mittel-grau { width:360px; margin:10px 4px 0 0; float:left; }
.box-mittel-grau dt { font-size:14px; color:#666; font-weight:normal; background: url(../images/btn_gross_grau.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-mittel-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; height: 100%;}

.box-gross-grau { width:542px; margin:10px 0 0 0; float:left; }
.box-gross-grau dt { font-size:14px; color:#666; font-weight:normal; background: url(../images/btn3spalten_grau.gif) no-repeat; height: 31px; padding-left:10px; padding-top:25px;}
.box-gross-grau dd { padding:5px 5px 10px 10px; border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; background-color:#fff; }

#links  { width: 210px; float:left; padding-left:25px; padding-bottom:10px; }

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-1 select { width: 148px; border:1px #c4c4c4 solid; margin-bottom:5px; }
form#was-suchen-sie-1 input.eingabe { width: 145px; border:1px #c4c4c4 solid; margin-bottom:5px;}

form#was-suchen-sie-2 select { width: 148px; border:1px #c4c4c4 solid; margin-bottom:5px; }
form#was-suchen-sie-2 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;}

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

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

#suche1{ width: 150px; float: left; }
#suche2{ width: 150px;  float:left; padding-left:5px;}

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

/* messages: */
.infoMessage {text-align: center;width: 90%;background-color: green;}
.warnMessage {text-align: center;width: 90%;background-color: yellow;}
.errorMessage {text-align: center;width: 90%;background-color: red;}