/* www.Schloss-Wissen.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  


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


*/


* {margin:0;padding:0;border:0;}



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


#container {
  width: 100%;
  margin: 0px auto;
  background-color: #E4E3E1;
   background-image:url(bg.gif);
   background-repeat:repeat-y;
}


#oben {
  height: 230px;
  weight: 100%;
  padding: 0 0 60px 0;
   background-image:url(bg-oben.gif);
   background-repeat:repeat-x;
}



#navl {
  float: left;
  width: 220px;
  margin: 6px 2px 0px 14px;
  padding: 1px 0 0 0;
}


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


#mitte {
  width: 530px;
  margin: 0 20px 0 250px;
  padding: 4px 0 0 0;
}


#unten {
  clear: both;
  margin: 170px 0 0 0;
   background:#E4E3E1;
   background-image:url(bg-unten.gif);
   background-repeat:no-repeat;
}




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

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





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



#mitte h1 { margin: 0 0 1.4em 0; }

#mitte p {
  padding: 0;
  margin: 0;
}

#navl li {
  padding-top: 0px;
  margin-top: -1px;
}


#mitte table {
   font-family: Arial, Helvetica, sans-serif; 
   font-size:10pt;
   color:#6B7C70;
}

h1 { font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   font-weight:normal;
   color:#7B7870;
}

h2 { font-family:Arial, Helvetica, sans-serif;
   font-size:10pt;
   font-weight:normal;
   font-weight:bold;
   color:#7B7870;
}


.cap1  { font-family:'Times New Roman',Times,serif;
    font-size:18pt;
   font-weight:bold;
}

.klein1  { font-size:8pt;
}

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


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

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




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


ul#mainnav li a:visited  {
   color: #6B7C70;
   text-decoration:none;
}

ul#mainnav li a:hover  {
   color: #7B7870;
   font-weight:bold;
}

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

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

ul#mainnav ul.subnav li a:link, ul#mainnav ul.subnav li a:visited {
  list-style-type: none;
  margin-left: 4px;
  margin-right: 30px;
  font-size: 8pt;
  line-height: 1.4em;
  display: block;
  width: 100%;
}

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

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

a:active {
   color: #6B7C70;
   text-decoration:underline; }

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




input, select, textarea { border:1px solid #ccc; }





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

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

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

.foto:hover {
background-color: transparent;
}

.foto:hover span { 
visibility: visible;
padding: 10px 10px 24px 10px;
top: -240px;
left: 30px;
border: 1px solid #72845E;
z-index: 91;
}


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

.fotoh span {
visibility: hidden;
position: absolute;
background-color: #FFFFFF;
left: -999px;
color: #7B7870;
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;
}


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

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

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

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

.foto3:hover span { 
visibility: visible;
padding: 10px 10px 24px 10px;
top: -280px;
left: -180px;
border: 1px solid #72845E;
}




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


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

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




#navr a:link { font-family:Arial, Helvetica, sans-serif;
   font-size:8pt; 
   text-decoration:none;
   color:#787D30;}

#navr a:visited { font-family:Arial, Helvetica, sans-serif;
   font-size:8pt; 
   text-decoration:none;
   color:#787D30;}

#navr a:active { font-family:Arial, Helvetica, sans-serif;
   font-size:8pt; 
   text-decoration:none;
   color:#787D30;}

#navr a:hover { font-family:Arial, Helvetica, sans-serif;
   font-size:8pt; 
   text-decoration:underline; 
   color:#787D30;}