/* href normalisieren */
a { text-decoration: none; color: #666; }
    

/* Normalisiert margin, padding */
body, div, dt, dd, ul, ol, li, h1, h2, h3, h4, h5 ,h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin: 0; padding: 0;
}

/* Normalisiert font-size Ueberschriften */
h1, h2, h3, h4, h5 ,h6 {
 font-size: 100%;
}

/* Entfernt list-style aus Listen */
ol, ul {
 list-style: none;
}

/* normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal; font-weight: normal;
}

/* Entfernt list-style aus Listen */
table {
 border-collapse: collapse; border-spacing: 0;
}

/* Entfernt border aus fieldset und img */
fieldset, img {
 border: 0;
}

/* Richtet Text in caption und th links aus */
caption, th {
 text-align: left;
}

/* Entfernt Anführungszeichen aus q */
q:before, q:after {
 content :'';
}


.einzug { margin: 0 0 0 0; color:  #666;}
.einzugblau {margin: 0 0 0 20px; list-style-type: square; color:#336699;}
.formtext {font-size: 12px; text-align: left; }
.button {font-size: 11px; text-align: center; color: white; border-style: solid; background-color: #666; border-color: #666;}
                                                                                 
                                                                                 
#foto_container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#D3D3D3;
    }

/* Adding the thumbnail images */
#foto_container a.gallery, #foto_container a.gallery:visited {
    display:block; 
    text-decoration:none; 
   	cursor:default;

    }
#foto_container a.slidea {
    background:url(/bilder/Leimbach/verkleinert/k-625_090116_03.jpg);
    height:85px; 
    width:105px;
    background-repeat: no-repeat;
    }
#foto_container a.slideb {
    background: url(/bilder/Leimbach/verkleinert/k-625_090116_04.jpg); 
   	height:85px; 
    width:105px;
    background-repeat: no-repeat;
    }
#foto_container a.slidec {
    background:url(/bilder/Leimbach/verkleinert/k-625_090116_05.jpg); 
  	height:85px; 
    width:105px;
    background-repeat: no-repeat;
    }
  
#foto_container a.slided {
    background:url(/bilder/Leimbach/verkleinert/k-625_090116_06.jpg);
   	height:85px; 
    width:105px;
    background-repeat: no-repeat;
    }
    
#foto_container a.slidee {
   background:url(/bilder/Leimbach/verkleinert/k-625_090116_09.jpg);
   	height:85px; 
    width:105px;
    background-repeat: no-repeat;
    }
    
/* set the size of the unordered list to neatly house the thumbnails */
#foto_container ul {
    width: 550px; 
    height:80px;
    margin:5px 0 0 50px; 
    float:left;
    }
#foto_container li {
    float:left;
    }
    
  /* styling the :hover span  - hier wird das grosse Bild definiert*/
#foto_container a.gallery:hover span {
    width:470px; 
    height: 300px;
    background-color: white;
    margin-top: 280px;
    margin-left: 175px;
    padding:0 100px 30px 100px;
    }

#foto_container a.gallery:hover img {
    border:1px solid #D3D3D3; 
    float:left; 
    margin-right:5px;
    }

#foto_container a.slidea:hover img, #foto_container a.slideb:hover img, 
#foto_container a.slidec:hover img, #foto_container a.slided:hover img, #foto_container a.slidee:hover img{
    float:left;
    }


                          

/* Ende Testli */                                                             

li {margin: 10px 0 0 0; border-color: #336699;  }  

/*
a:link {
color:   #666;
font-weight: lighter;
}
*/



tr, p, div {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color:#336699; 
}

h1 {
font-family: Helvetic, sans-serif;
color: grey;

margin: 0 0 15px 0;
font-weight: normal;
}


html {
font-family: Helvetica, sans-serif;
height: 100%;


}

body {

font-size: 1em; 
text-align: left;
background-color: #D3D3D3;
vertical-align: middle;
margin: 0;
padding: 0;
}

#content {
position: relative;
width: 870px;
min-height: 550px;                                                                          
_height: 550px;
background-color: #FFF;
margin: 40px auto auto auto;
}

#header {
width: 870px;
height: 125px;
}

#header_logo {
float: left;
width: 400px;
padding: 20px 0 0 30px;
}

#header_text {
float: left;
width: 400px;
padding: 20px 30px 0 0;
text-align: right;
 }


#content_menu { 
width: 200px;
_width: 170px;
min-height: 400px;
_height: 520;
/*padding: 50px 0 0 30px;*/
margin: 120px 0 0 30px;
text-align: left;
font-size: 12px;
float: left;

}

#content_main {
/*overflow: auto;*/
width: 640px;
min-height: 400px;
_height: 480px;
padding: 80px 0 0 0;
float: left;
background-image: url(../bilder/logos/hgrund1.jpg);
background-repeat: no-repeat;
}


#content_foto {
float: left;
margin: 60px 40px 0 50px;
height: 125px;
width: 550px;
}

#content_bild {
float: left;
height: 125px;
width: 183px;
}

#content_text {
float: left;
margin: 40px 40px 30px 50px;
min-height: 265px;
_height: 355px;
width: 550px;
}

#content_text_ohneBilder {
float: left;
margin: 125px 40px 30px 50px;
min-height: 265px;
_height: 355px;
width: 550px;
}


#footer {
clear: both; 
width: 870px;
height: 80px;
/*border-top: 1px solid #eee;*/ 
}

#footer_text {
float: left;
width: 748px;
_width: 748px;
text-align: left;
font-size:12px;
padding: 25px 0 0 30px;
}
             
#footer_bild {
width: 62px;
height: 62px;
_heigh: 67px;
float: left;
margin: 5px 30px 0 0;
}

#clear {
clear: both;
}