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

html, body { 
   background-color:#FFF; 
   } 



#top_section { 
 background-color:#FFF;; 
   height:150px;
   width:100%; 
  } 


h1   { background: url("bilder/logo1.jpg") no-repeat right top; text-indent: -999em; height: 140px }


.logo { 
   position:absolute; 
   top:0px; 
   right:0px; 
   width:347px; 
   height:140px; 
   border:0px;
} 


a, a:link, a:active, a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover, a:focus {
	color: #000;
	text-decoration: underline;
}

a.black {
	color: #000;
	text-decoration: none;
	}
	
a.black:hover, a.black:focus {
	color: #666;
	text-decoration: underline;
		}

a img {
	border: 0;
}

#logo2 { 	
   float:right; 
   margin-right:43px;
}
	
#main_section { 
   margin:0px; 
   padding:0px; 
} 

#navigation, #nav_leistungen, #nav_referenzen  { line-height: 38px; background-image: url("bilder/nav_hgrund.jpg"); background-repeat: no-repeat; background-position: 0 30px; margin-top: 0; position: absolute; top: 140px; left: 0; width: 175px; height: 300px } 

#nav_leistungen  { background-image: url("bilder/nav_hgrund2.jpg") } 

#nav_referenzen  { background-image: url("bilder/nav_hgrund3.jpg") } 
  

a.nav, a.nav:link,
a.nav:visited, span,
a.nav2, a.nav2:link,
a.nav2:visited, span {
   display:block; 
   white-space:nowrap; 
   overflow:visible;
   font-family: Gill Sans, "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
   font-size: 0.9em; 
   font-weight:normal; 
   color:#666666;
   text-decoration:none; 
   letter-spacing:0.0em; 
   padding:0px; 
   text-align:left;
   margin-top:0px;
   margin-left:40px; 
   }

a.nav2, a.nav2:link,
a.nav2:visited, span.nav2  {
   margin-left:75px;
	margin-top:-5px;
	font-size: 0.8em;;
	line-height: 22px; 
	margin-bottom: 4px;
}
 
  
  a.nav:hover, a.nav:active, a.nav:focus, a.nav2:hover, a.nav2:active, a.nav2:focus, span.nav2, span {
	font-weight:500;
	color:#000; 
   }
 

 
 a.impressum, a.impressum:link, a.impressum:active,
 a.impressum:visited, a.bu, a.bu:link, a.bu:active,
 a.bu:visited {
 	font-family: "Gill Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 	color: #59b745;
 	font-size: 0.9em;
 	text-decoration: none;
 	font-weight:normal; 
    }
 
 a.impressum:hover, a.bu:hover {
 	color: #0091D7;
	font-weight:normal; 
    }
    
     
 a.blog, a.blog:link, a.blog:active,
 a.blog:visited {
 	font-family: "Gill Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 	color: #0091D7;
 	font-size: 0.9em;
 	text-decoration: none;
 	font-weight:normal; 
    }
 
 a.blog:hover {
 	color: #59b745;
	font-weight:normal; 
    }
 
#content { 
   margin-left:200px; 
   margin-right:10px;  
   width: 50%;
   } 
 
 
 div#kreis {
 	margin-left: 42px;
 	overflow: visible;
 	}
 	
 	
.head_top {
	display: block;
 	margin-bottom: 10px;
    }
 
.head {
	margin-top: 20px;
	display: block;
 	margin-bottom: 10px;
    }
    
div#blog {
	position: absolute;
	bottom: 40px;
	left: 40px;
    }
 
div#impressum {
	position: absolute;
	bottom: 20px;
	left: 40px;
    }


/* Bildergalerie Styling*/

ul#galerie {
 	height: 300px;
 	margin: 41px 0 0 50px;
 	position: relative;
 	list-style: none;
 	list-style-position:outside;
 	width: 510px;
 }
 
 ul#galerie li span {
 	display: none;
 	}
 	
 ul#galerie li 	{
 	float: left;
 	margin: 0 10px 10px 0px;
 	width: 45px;
 	
 }
 
  ul#galerie li#bild5, ul#galerie li#bild9,  ul#galerie li#bild13 {
 	clear: left;
 }
 
  ul#galerie li#bild4, ul#galerie li#bild8, ul#galerie li#bild12 {
  	margin-right: 300px;
  }
 
  ul#galerie li a {
  	display: block;
  	height: 45px;
  	text-decoration: none;
  }
 
 
  ul#galerie li#bild1 a  { background: url("bilder/galerie/bild1kl.jpg"); width: 45px; height: 45px }
 
 
  ul#galerie li#bild2 a  { background: url("bilder/galerie/bild2kl.jpg"); width: 45px; height: 45px }
  
 
  ul#galerie li#bild3 a  { background: url("bilder/galerie/bild3kl.jpg"); width: 45px; height: 45px }
  
   
  ul#galerie li#bild4 a  { background: url("bilder/galerie/bild4kl.jpg"); width: 45px; height: 45px }
     
  ul#galerie li#bild5 a  { background: url("bilder/galerie/bild5kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild6 a  { background: url("bilder/galerie/bild6kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild7 a  { background: url("bilder/galerie/bild7kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild8 a  { background: url("bilder/galerie/bild8kl.jpg"); width: 45px; height: 45px }   
 
 ul#galerie li#bild9 a  { background: url("bilder/galerie/bild9kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild10 a  { background: url("bilder/galerie/bild10kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild11 a  { background: url("bilder/galerie/bild11kl.jpg"); width: 45px; height: 45px }   
  
  ul#galerie li#bild12 a  { background: url("bilder/galerie/bild12kl.jpg"); width: 45px; height: 45px }   
  
    ul#galerie li#bild13 a  { background: url("bilder/galerie/bild13kl.jpg"); width: 45px; height: 45px }  
  
    ul#galerie li#bild14 a  { background: url("bilder/galerie/bild14kl.jpg"); width: 45px; height: 45px }  
  
    ul#galerie li#bild15 a  { background: url("bilder/galerie/bild15kl.jpg"); width: 45px; height: 45px }  
  
    ul#galerie li#bild16 a  { background: url("bilder/galerie/bild16kl.jpg"); width: 45px; height: 45px }  

 
   #gal a:focus span,  #gal a:hover span {
  	display: block;
  	height: 300px;
  	position: absolute;
   	top: 0px;
  	left: 225px;
  	width: 300px;
   } 
  
  #gal li span p {
  	font-family:  Gill Sans, "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
 	font-size: 0.7em;
 	line-height: 1.1em;
 	padding-left: 0px;
 	text-decoration: none;
 	margin: 0;
  }
  
/* Bildergalerie Styling Ende*/

 
 p, li, h2 { 
 	font-family:  Gill Sans, "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
 	font-size:0.9em;
 	line-height: 1.2em;
 }
 
 p, h2 {
 	margin: 1em 0 0.7em 50px;
 }
 
 h2 {
 	font-weight: bold;
 	
 }
 
 p.butitel {
 	font-weight: bold;
 	font-family:  Gill Sans, "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
 	font-size: 0.8em;
 	line-height: 1.2em;
 }
 
 
 p.bu {
 	font-family:  Gill Sans, "Trebuchet MS", Helvetica, verdana, arial, sans-serif;
 	font-size: 0.7em;
 	line-height: 1.1em;
 	}
 
.circle {
	list-style-position:outside;
 	list-style-type: circle;
 	margin-left: 50px;
 	margin-top: 1em;
 	
 }
 
 ul.circle > li {
	margin-left: 15px;
 }
 
 
 .none {
	  list-style-position:outside;
	  list-style-type: none;
	  margin-left: 50px;
	  margin-top: 1em;
 }