/* www.hautarzt-dr-behnke.de



   ==================================================================


   W e b d e s i g n   u n d   S u c h m a s c h i n e n o p t i m i e r u n g


   Webdesign und Suchmaschinenoptimierung 
   für kleine und mittelständische Firmen,
   preiswerte Komplett-Lösungen mit hoher Qualität


   Frank Leusing, D-48151 Münster 
   
   www.Lsng.de  


   ==================================================================

*/




/* Global
---------------------------------------------------------------------------------------------------------------------------------- */

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, span, applet, object, iframe, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
ol, ul { list-style: none;}


body {
   font-size: 100.01%;
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   font-size:9pt;
   line-height: 1.4em;
   color: #67695F; 
   background-color: #EEECC6;
   background: url(bg.jpg); 
   background-repeat:repeat-x;
} 


h1 {
   font-size: 1.2em;
   color: #56708E;
   font-weight: bold;
   margin: 0; padding: 0 0 1em 0;
}

b { font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#56708E; }

strong { font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#56708E; }

a:link { 
   color:#67695F;
   text-decoration:underline; }

a:visited { 
   color:#67695F;
   text-decoration:underline; }

a:hover { 
   color:#56708E;
   text-decoration:underline; }

a:active { 
   color:#67695F;
   text-decoration:underline; }

ul#liste li{
  list-style-image: url(list.gif);
  margin-left: 14px;
}

ul#liste2 li{
  list-style-image: url(list.gif);
  margin-left: 16px;
}



/* Container
---------------------------------------------------------------------------------------------------------------------------------- */

div#container {
  width: 100%;
    margin: 0px 0px 32px 0px;                                   /* standardkonforme horizontale Zentrierung  und Abstand oben zum Fenster*/
    width: 850px;
    padding: 0;
    z-index:90;
}


/* Head
---------------------------------------------------------------------------------------------------------------------------------- */
#head {
  height: 220px;
    z-index:2;  
 }

div#headtext { 
   position:absolute; top:80px; left:250px; width:600px; height:170px;
   color: #7D7F74; 
   z-index:9;  
   border: 2px black;
 }

div#headtext p {
   font-size: 0.83em;
   line-height: 1.3em;
}

div#headtext h1 {
   color: #56708E;    /* blau  */
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0px 0 15px 0;                   /* Abstand zw. oberer Zeile und Adresse*/
   padding: 0;
}


/* Menue
---------------------------------------------------------------------------------------------------------------------------------- */

#nav1 {
  float: left;
  width: 212px;
  margin: 0 0px 0 0px;
  padding: 55px 0 0 0px;
}


ul#mainnav {
   font-size: 1em;
}

ul#mainnav li {
   list-style: none;
}

ul#mainnav a {
   display: block;
   padding: 8px 5px 5px 20px;                           /* hier ist der obere Abstand, der das NavMenu tiefer zieht */
   border-bottom: 1px solid #56708E;
}

ul#mainnav a:link {
   color: #67695F;
   text-decoration: none;
}

ul#mainnav a:visited {
   color: #67695F;
   text-decoration: none;
}

ul#mainnav a:hover {
   color: #56708E;
   font-weight: bold;
   text-transform: uppercase;
}

ul#mainnav a:active {
}

.mainnav_on {
   color: #56708E;
   font-weight: bold;
   text-transform: uppercase;
}


/* SubNav
---------------------------------------------------------------------------------------------------------------------------------- */

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
  list-style-type: none;
  margin-left: 18px;
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
   border-bottom: 1px solid #56708E;
}


.subnav_on {
   color: #56708E;
   font-weight: bold;
   text-transform: uppercase;
}


/* Content
---------------------------------------------------------------------------------------------------------------------------------- */
div#content { 
  width: 543px;
  margin: 0 20px 0 213px;
   background-color: #FFFFFF;
   padding: 60px 20px 20px 37px;
   z-index:90;  
}


* html div#content {
   height: 1em;                                       /* wg 3-Pixel-Bug des IE bis Version 6 */
   margin-bottom: 0;
}

div#content h2 {
   font-size: 1.15em;
   font-weight: bold;
   color: #56708E;
   margin: 0; padding: 0 0 1em 0;
}

div#content p {
   font-size: 1em;
   line-height: 1.4em;
   margin: 0 0 1em 0;
}


/* Footer
---------------------------------------------------------------------------------------------------------------------------------- */
div#footer {
  clear: both;
  width: 100%;
  margin: 100px 0 0 0;
}

div#footer p{
   font-size: 0.83em;
   padding: 1em 15px;
   background-color: #EBE9C6;
}

