body{
  padding:0px;
  margin:0px;
  font-family: arial;
  width: 100%;
}
#wrapper{
  width: 925px;
  border: 0;
}
a{
  text-decoration: none;
  color: #000;
}
a:hover{
  text-decoration: underline;
  color: #fff;
}

img, a img{
 border: 0;
}

#head{
  padding-left: 10px;
  font-size: 12px;
  padding-top: 2px;
}
#head a:hover{
  color: #000;
  text-decoration: underline;
}

a#currentpage{
  color: #03a;
  text-decoration: underline;  
}

#nav{

}
h3{
  margin: 0;
  margin-bottom: 5px;
  padding-top: 5px;
}

/* Linke Seite, einzelne Boxen */
#box1{
  background-color: #3366ff;
	width: 170px;
	height: 170px;
	margin-top: 10px;
  margin-left: 10px;
	border: 1px solid #000;
	font-size: 20px;
	font-family: arial;
	text-align: left;		
}
#box1 p{
  padding:2px;
  margin: 5px; 
  text-align: right;
  color: #fff;  
  margin-right: 14px;   
}
#box1 p strong{
  font-size: 23px;
}

#logo_zeile1{
  font-size:33px;
  font-weight: bold;
  font-family: arial;
}
#logo_zeile2{
  font-size:22px;
  font-weight: bold;
  font-family: arial;  
}
#logo_zeile3{
  font-size:16px;
}

#box2{	
	background-color: #999;
	width: 150px;
	height: 170px;
	padding-left: 10px;
  padding-right: 10px;	
	margin-top: 10px;
  margin-left: 10px;
	border: 1px solid #000;
	font-size: 22px;
	font-family: arial;
	text-align: left;	
}
#box2 span{
  float: right;
} 
#box3{
	background-color: #ccc;
	width: 150px;
	height: 170px;
	padding-left: 10px;
  padding-right: 10px;	
	margin-top: 10px;
  margin-left: 10px;
	border: 1px solid #000;
	font-size: 22px;
	font-family: arial;
	text-align: left;		
}
#box3 span{
  float: right;
}
#box3 a:hover{
  color: #fff;
}

/* Box3 Extendend, kleinere schrift und mehr links m?glich */
#box3_extended{
	background-color: #ccc;
	width: 150px;
	height: 170px;
	padding-left: 10px;
  padding-right: 10px;	
	margin-top: 10px;
  margin-left: 10px;
	border: 1px solid #000;
	font-size: 11px;
	font-family: arial;
	text-align: left;	
  font-weight: bold;	    
}
#box3_extended span{
  float: right;
  padding: 0px;
  line-height: 18px;
}
#box3_extended a:hover{
  color: #fff;
}
#box3_extended p{
  margin: 0;
  padding: 0;
  margin-top: 9px;
}


/* Rechter Bereich */
#content{
  padding: 0;
  margin: 0;
  width: 740px;
  height: 550px;
  font-size: 12px;    
  font-family: arial;  
}  
#content ul, #content ul li{
 padding: 0;
 margin: 0;
 border-spacing: 0;
 list-style: square;
}
#content p{
  font-size: 12px;
}
#content h5{
  padding: 5px;
  margin: 0;
  font-size: 16px;
}
#content table{
 margin-top: 0px;
 width: 100%;
 height: 556px;
}
#content #person{
 height: 200px;
}
#content #kontakt{
 height: 200px;
}
#content a:hover, #content a{
  text-decoration: underline;
  color: #000;
}

#content table tr td{
  padding-left: 10px;
  padding-right: 0px;  
  vertical-align:top;
  border: 1px solid #000;  
}
#content table tr td table tr td{
  border: 0;
  padding: 0px;
  margin: 0;
}
#content table tr td table tr td > p{
  padding: 0;
  margin: 0;
} 
#content #image{
	width: 170px;
	height: 170px;
	margin: 10px;
	border: 1px solid #000;
	font-size: 12px;
	font-family: arial;
	text-align: left;	
	background-color: #ccc; 
	text-align: center;
	padding: 0;
}  
#content #image p{
  font-size: 12px;
  background-color: #fff;
}

#content .text{
  width: 160px;
  height: 170px;
  padding: 0;
  margin: 0;
  font-size: x-small;
  padding-left: 10px;
}
#content .text td{
 vertical-align: top;
}
#content .text ul{
  padding-left: 10px;
}

#content .text h3{
  padding-left: 0px;
}

/* Fu?zeile */
#footer{
  text-align:right;
  font-size: 0.7em;
  padding-right: 13px;
}

#footer a{
    text-decoration: underline;
}

#footer a:hover {
    color: #555;
}

/* Inhaltlicher Bereich */
#main table{
  margin-top: 0px;
}
#main table td{
  background-color: #fff; 
}
#main table h4{
  padding:0;
  margin: 0;
  font-size: 20px;
}
#main a:hover{
  color: #000;
  text-decoration: underline;
}

/* TopBereich */
#top{
  padding-top: 0px;
  padding-left: 13px;
  font-size: 12px;
}
#top a{
  color: #000;
  text-decoration: none;
}
#top a:hover{
  text-decoration: underline;
}

/* Inahtlicher Bereich */
#content_box{
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}

#content_box tr td{
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
}
#projekte td{
 padding: 0;
 margin: 0;
}

/* Layout 1 */
#main_frame_1{
  overflow: auto; 
  height: 530px; 
  width: 536px;
}

/* Layout 2 */
#main_frame_2{
  overflow: auto; 
  height: 350px; 
  width: 354px;
}

/* Layout 3 */
#main_frame_3{
  overflow: auto; 
  height: 350px; 
  width: 354px;
}

/* Inhalt von der großen Box */
#content_frame {
    overflow: auto;
    height: 530px;	
}

/* Cookie Hinweis */
#cookiehinweis a {color:#fff; text-decoration:underline;}

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis div {padding:15px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align: left; 
   border-top:1px solid #fff;
   background: #222;
   color: #999; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
   }

#cookiehinweisCloser {
   color: #000;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   background: #d3d3d3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 15px;   
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px;    
    text-align: center;
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}