/* www.bernsjann-carport.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
   

   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;
   margin: 0px;
   border: 0px;
   padding: 0px;
   background: #FFFFFF; 
   background-image:url(bg.gif);
   background-repeat:repeat-y;
}


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: 0px;
   color:#6E8C65; }


.gruen { font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   color:#6E8C65; }

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


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

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

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

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





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

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

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

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

a:focus {color: #6E8C65;
   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: #000000;
   text-decoration:none; }

ul#mainnav li a:active  {
   color: #000000;
   text-decoration:none; }

ul#mainnav li a:link  {
   color: #000000;
   text-decoration:none; }

ul#mainnav li a:hover  {
   color: #6E8C65;
   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;
  display: block;
  width: 100%;
}


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

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


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







#oben {
   position:absolute; top:0px; left:0px; height:175px; width:565px; z-index:1;
   border: 0px solid #000000;
}


#bgl {
   position:absolute; top:225px; left:0px; width:26px; height:460px; z-index:2;
   border: 0px solid #000000;
}


#navl {
   position:absolute; top:225px; left:17px; width:230px; z-index:3;
   border: 0px solid #000000;
}




#mitte {
   position:absolute; top:225px; left:240px; width:400px; z-index:99;
   padding-bottom: 1px;
   border: 0px solid #000000;
}



#bildr {
   position:absolute; top:225px; left:664px; width:220px; height:320px; z-index:4;
   border: 0px solid #000000;
}



#unten {
   position:absolute; left:0px; width:795px; height:125px; z-index:5;
   border: 0px solid #000000;
}




#unten-text {
   position:absolute; left:60px; width:520px; height:100px; z-index:6;
   border: 0px solid #000000;
}



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


.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: 10px 10px 24px 10px;
top: -240px;
left: 30px;
border: 1px solid #72845E;
}


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

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

.fotoh span img {
border: 1px solid #72845E;
}

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

.fotoh:hover span { 
visibility: visible;
padding: 10px 10px 24px 10px;
top: -100px;
left: 300px;
border: 1px solid #72845E;
}