/*Farben
türkis: #00718F
hellblau_Content: #b8D8E4
hellgrau_all: #FDFEFE
*/
body    { font-size: 11px; background-color: #fdfefe; background-image: url("../images/bg_all.jpg"); background-repeat: repeat-x; margin: 0; padding: 0 ;min-height: 100.01%}
body, td, li, a, p { color: #4c4c4c; font-family: Arial, Verdana, Helvetica, sans-serif; }

body {

font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#564b47;

}
a {color: #4c4c4c;}
a:visited {color:#4c4c4c;}
a:hover {color: #00718f;}
a:active { color:#00718f;}

/**************** überschriften *************************/
h1      { color: #00718f; font-size: 18px; font-weight: normal; margin-top: 0; margin-bottom: 10px }
h2     { color: #00718f; font-size: 11px; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }


/**************** div positionierung *************************/
/* ----------container-------------- */
#container   { background-color: #b8d8e4; margin: 26px auto; padding: 0 0 0; width: 782px } 
/* ----------banner-------------- */
#banner  { background-color: #ffffff; margin: 0; padding: 0; height: 180px; border-top: 4px solid #00718F; border-bottom: 4px solid #00718F }
/* ----------outer und inner----------------- */
#outer{ border-left: solid 300px #B8D8E4; background-color: #B8D8E4;} 
#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 
/* --------------left navigavtion------------- */
#left     { line-height: 18px; margin-right: 1px; margin-left: -300px; position: relative; width: 300px; float: left }



/* -----------------Inhalt--------------------- */
#content    {line-height: 18px; margin: 0; position: relative; min-height: 348px;}
* html #content  {height: 348px;}
/*  ----------------footer---------------------- */ 
#footer     { font-size: 11px; font-weight: bold; background-color: #fdfefe; text-align: left; margin: 0 0 0px; padding: 0 0 0 50px; height: 27px; clear: left; border-bottom: 4px solid #00718f }
div#footer ul   { color: #00718f; font-weight: bold; margin: 0; padding: 6px 0 9px; position: relative; top: -3px }
div#footer ul li {display: inline;}

div#footer ul li a   { color: #00718f; font-weight: bold; text-decoration: none; padding: 3px 3px 4px 1px; border-right: 1px solid #00718f }
div#footer ul li a:hover  { padding-bottom: 7px; border-bottom: 4px solid #00718f }
div#footer ul li a.current   { text-decoration: none; padding-bottom: 7px; border-bottom: 4px solid #00718f }

div#footer ul li span     { text-decoration: none; padding-right: 340px }

/**************** menu/links *************************/
/* -----------------Hauptmenu--------------------- */
div#menu   { margin-top: 150px; margin-left: 360px; padding-top: 0 }
div#menu ul  { color: #00718f; font-weight: bold; margin: 0; padding: 6px 0 9px 0 }
div#menu ul li {display: inline;}

div#menu ul li a  { color: #00718f; text-decoration: none; padding: 3px 3px 4px 1px; border-right: 1px solid #00718f }
div#menu ul li a:hover  { padding-bottom: 7px; border-bottom: 4px solid #00718f }
div#menu ul li .current  { text-decoration: none; padding: 3px 3px 7px 1px; border-right: 1px solid #00718f; border-bottom: 4px solid #00718f }

/**************** contentlayout/text *************************/
.textbox    { font-size: 11px; padding-top: 30px; width: 426px }
.textbox_links    { font-size: 11px; padding-top: 30px; padding-left: 50px; width: 200px }

.bg_home { background-image: url("../images/bg_mood_home.jpg") }
.bg_anfahrt { background-image: url("../images/bg_mood_anfahrt.jpg") }
.bg_behandlung { background-image: url("../images/bg_mood_behandlung.jpg") }
.bg_praxis { background-image: url("../images/bg_mood_praxis.jpg") }
.bg_team { background-image: url("../images/bg_mood_team.jpg") }
.bg_termine { background-image: url("../images/bg_mood_termin.jpg") }

div#leistung ul    { color: #00718f; margin: 0; padding: 6px 0 9px; position: relative; top: -3px }
div#leistung ul li  { list-style-type: square; list-style-position: inside }

div#links ul    { color: #00718f; margin: 0; padding: 6px 0 9px; position: relative; top: -3px }
div#links ul li  { list-style-type: square; list-style-position: inside }

div#suchen ul    { color: #00718f; margin: 0; padding: 6px 0 9px; position: relative; top: -3px }
div#suchen ul li  { list-style-type: square; list-style-position: inside }

.google    { background-color: #FFF; border: 1px solid #00718f }
.bild_umfluss    { margin: 8px 10px 0 0; padding: 0; float: left }
.img    {border: 1px solid #B8E6EE }
.personal    {padding-top: 5px ;height:150px}

/* Formatierungen fuer Formular */

#formular   { font-size: 85%; text-align: left; margin-left: 10px; padding: 0 }
#formular p  { color: #e0d0b0; background-color: transparent; margin-top: 0; margin-right: 0; margin-bottom: 10px }

fieldset    { margin: 20px 0px 10px; padding: 5px 10px; border: solid 1px #00718f }
* html fieldset     { margin: 10px 0px; padding: 5px 10px; border: solid 1px #00718f}
legend  {color: #00718f; font-weight: bold; background-color: #D9EBF1; margin: 0 0 10px 15px; padding: 2px 10px; border: solid 1px #00718f }

form {
line-height: 150%;
}
input, textarea  { font-size: 100% }
.inpt    { color: #4c4c4c; background-color: #D9EBF1; margin: 0 0 3px; width: 402px; border: solid 1px #00718f }
* html .inpt     { margin: 0 0 3px; padding: 0; width: 400px }
.txt   { color: #4c4c4c; background-color: #D9EBF1; width: 402px; border: solid 1px #00718f }
* html .txt    { width: 400px }
input.inpt:focus, textarea.txt:focus {
background-color: #fff;
color: #000;
}
.senden  { color: #00718f; font-size: 100%; font-weight: bold; background-color: #D9EBF1; cursor: pointer; margin: 15px 0 0; padding: 5px 0; width: 402px; border: solid 1px #00718f; voice-family: inherit }
* html .senden   { margin: 15px 0 0; padding: 5px 0; width: 400px }
.klick {
cursor: pointer;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}

