/* www.webdesignabo.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.Leusing.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-family: Arial, Helvetica, sans-serif; 
   font-size:8pt;
   line-height: 1.4em;
   color:#242424;
   margin: 0px;
   border: 0px;
   padding: 0px;
}



/* Typographie
---------------------------------------------------------------------------------------------------------------------------------- */

h1 { font-size:16pt; 
   font-weight:bolder;
   line-height: 1.2em;
   color:#89EB00; 
   padding:0 0 20px 0; }

h2 { font-size:9.5pt; 
   font-weight:bold;
   margin-bottom: 8px;
   color:#465483; }

h3 { font-size:7pt; 
   color:#FFFFFF; }




a:link {color: #89EB00;
   text-decoration:underline; }

a:visited {color: #89EB00;
   text-decoration:underline; }

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

a:active {color: #465483;
   text-decoration:none; }

a:focus {color: #465483;
   text-decoration:underline; }



b, strong { font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#89EB00; }


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




li  { font-family:Arial, Helvetica, sans-serif;
   font-size:8pt;
   color:#242424;
   list-style-type: none;
   line-height: 1.2em;
}



div ul#liste li {
   margin: 2px 0px 2px 18px;
   list-style-image:url(liste3.gif);
   font-size: 8pt;
   line-height: 1.4em;
   color: #242424;
   background-color: #FFFFFF;
}



.grau-klein  { font-size:7pt;
   color:#242424;
    }

.grau-klein a:link, a:visited  {
   color: #242424;
   text-decoration:underline; }

.grau-klein a:hover  {
   color: #242424;
   text-decoration:underline; }



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

ul#mainnav {
   padding: 0;
   margin: 0 6px 0 0;
   list-style-type: none;
   float: left;
   width: 200px;
   font-size: 8pt;
   line-height: 1.2em;
   color: #FFFFFF;
   background-color: #89EB00;
}

ul#mainnav li { 
   display: block; 
   border-bottom: 1px solid #E6E0D2;
}

ul#mainnav li a {
   color: #242424;
   background-color: #FFFFFF;
   display: block;
   padding: 6px 0px 6px 7px;
   text-decoration: none;
}

ul#mainnav li a:hover {
   font-weight:bold;
   color: #FFFFFF;
   background-color: #89EB00;
}


ul#mainnav li a.nav_on {
  color: #FFFFFF; 
  background-color: #514DAE; 
  font-weight:bold;
}



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

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
  list-style-type: none;
  margin-left: 8px;
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
}


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






#container {
  width: 100%;
  background-color: #FFFFFF;
  background-image:url(bg-webdesign-abo.png);
  background-repeat:repeat-x;
}


#head {
  height: 200px;
  width: 100%;
}



#navl {
  position:relative; 
  float: left;
  width: 254px;
  margin: 2px 0px 500px 55px;
  padding: 1px 0 0 0;
}


#navr {
  float: right;
  width: 20px;
  margin: 8px 0 0 0;
  padding: 0 0 0 0;
  background-color:#FFFFFF;
}


#content {
  position:relative; 
  width: 420px;
  margin: 0px 20px 0 254px;
  padding: 4px 60px 0 55px;
  background-color:#FFFFFF;
}


#footer {
  clear: both;
  margin: 100px 0 0 55px;
    width: 900px;
   line-height: 1.2em;
}



#headtext {
   position:absolute; top:50px; left:685px; height:100px; width:450px; z-index:2;
   border: 0px solid #000000;
}



/* ============================================================================= */