/* 


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


   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
   

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

   Frank Leusing 
   48151 Münster, Germany

   www.Lsng.de  


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


*/




body {
   font-family: Arial, Helvetica, sans-serif; 
   font-size:10pt;
   color:#000000;
   line-height: 1.3em;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #A39D8F; 
}


body table {
   font-family: Arial, Helvetica, sans-serif; 
   font-size:10pt;
   color:#000000;
}


h1 { font-family:Arial, Helvetica, sans-serif;
   font-size:13pt; 
   font-weight:bold;
   margin-bottom: 16px;
   color:#FFFFFF; 
   }


.blau { font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#FFFFFF; }

.webdesign-beispiele a:link  { 
   font-size:10pt; 
   color:#000000; 
   text-decoration:none; }


.grau-klein  { font-size:8pt;
   color:#474747; }

.grau-klein a:link  {
   color: #474747;
   text-decoration:underline; }

.grau-klein a:visited  {
   color: #474747;
   text-decoration:underline; }





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

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

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

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

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




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



ul#mainnav li a:visited  {
   color: #FFFFFF;
   font-weight:bold;
   text-decoration:none; }

ul#mainnav li a:active  {
   color: #FFFFFF;
   font-weight:bold;
   text-decoration:none; }

ul#mainnav li a:link  {
   color: #FFFFFF;
   font-weight:bold;
   text-decoration:none; }

ul#mainnav li a:hover  {
   color: #FFFFFF;
   text-decoration:underline; }


ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
  list-style-type: none;
  margin-left: -36px;
  font-size: 8pt;
  font-weight:normal;
  color:#000000;
  display: block;
  width: 100%;
}



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

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


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


.foto {
position: relative;
z-index: 0;
}

.foto span {
visibility: hidden;
position: absolute;
background-color: #FFFFFF;
left: -999px;
color: #000000;
text-decoration: none;
}

.foto span img {
border-width: 0 ;
border: 1px;
border-color: #72845E;
}

.foto:hover {
background-color: transparent;
z-index: 91;
}

.foto:hover span { 
visibility: visible;
padding: 0px 0px 0px 0px;
top: -120px;
left: 40px;
border: 1px solid #837C6C;
}


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




#oben {
   position:absolute; top:0px; left:275px; width:100%; height:205px; z-index:1;
   background-image:url(bg-oben.gif);
   background-repeat:repeat-x;
   border: 0px solid #000000;
}

#oben-l {
   position:absolute; top:0px; left:0px; width:275px; height:205px; z-index:2;
   border: 0px solid #000000;
}



#nav-l {
   position:absolute; top:210px; left:1px; width:250px; z-index:3;
   background: #A39D8F; 
   border: 0px solid #000000;
}




#mitte {
   position:absolute; top:210px; left:275px; width:510px; z-index:99;
   background: #A39D8F; 
   padding-bottom: 1px;
   border: 0px solid #000000;
}




#ad-r {
   position:absolute; top:210px; left:880px; width:120px; z-index:9;
   background: #A39D8F; 
   border: 0px solid #000000;
}

#ad-r2 {
   position:absolute; top:210px; left:1020px; width:120px; z-index:9;
   background: #A39D8F; 
   border: 0px solid #000000;
}



#unten {
   position:absolute; left:0px; width:100%; height:180px; z-index:1;
   background-image:url(bg-unten2.gif);
   background-repeat:repeat-x;
   border: 0px solid #000000;
}




#unten-text {
   position:absolute; left:280px; width:610px; height:100px; z-index:1;
   border: 0px solid #000000;
}








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