/* ----------------------------------
author:seitenhimmel.de
date:12.09
website:http://www.architekt-jepsen.de
------------------------------------*/
*{margin:0; padding:0;}

	body {
		margin:0px;
		padding:0px;
		color: #353535;
		background-color:#AFB0B4;
		text-align: center;
		font-size: 65%; 
		font-family:Arial, Verdana, Helvetica, sans-serif;
		background-repeat:no-repeat;
		}

html {
  		margin-bottom: 1px;
  		height: 100%;
		}
						

#alles{	
		width:1003px; 
		position:absolute;
		margin-left: -504px;
		margin-top:0px;
		padding:0px;
		left: 50%;
		height:auto;
		background-color:#D1D2D4;
		text-align: left;
		font-size: 1.2em;
		border-top:5px solid #AFB0B4;
								}
					
#top{	background-image:url(../img/bg/bg_top_11.jpg) ;
		background-repeat:no-repeat;
		background-color:transparent;
		height:117px;
		margin:0px;
		padding:0px;
		width:1003px;
				}
				
#top ul {float:left;
			list-style:none;
			margin:98px 0px 0px 30px;
			padding:0px;
			color:#353535;
			background-color:#DDDEDC;
			width:688px;				
			}

#top li{
			float:left;
			background-color:transparent;			
			margin:0px 15px 0px 0px;
			}


#top li a{
			padding:4px 5px 0px 5px;
			color:#353535;			
			text-decoration:none;
			
						}

#top li a:hover{padding:4px 5px 0px 5px;
			color:#63C565;			
			text-decoration:none;			
			}

					
#top li a.ak{padding:4px 5px 2px 5px;
font-weight:bold;
			list-style:none;
			color:#63C565;
			text-decoration:none;
			background-color:#666666;			
			border:1px solid #666666;
			}
			
#top li a.ak:hover{
			color:#63C565;			
			text-decoration:none;
									}
#subnav {
	float:left;
	margin:0px 0px 0px 315px;
	height:22px;
	width:688px;
	background-color:#ffffff;
}

#subnav ul {
			list-style:none;
			margin:2px 0px 0px 59px;
			padding:0px;
			color:#353535;
			background-color:#ffffff;
			}
#subnav ul li{float:left;
			background-color:transparent;
			margin:0px 1px 0px 0px;

			}

#subnav ul li a{padding:1px 5px 2px 5px;
			color:#353535;
			text-decoration:none;
			background-color:#efefed;


			}
#subnav ul li a:hover{padding:0px 5px 2px 5px;
			color:#63C565;
			background-color:#666666;
			text-decoration:none;

			}
#subnav ul li a.ak{padding:1px 5px 2px 5px;
			list-style:none;
			color:#63C565;
			text-decoration:none;
			background-color:#666666;
			font-weight:bold;

					}
#subnav ul li a.ak:hover{
			list-style:none;
			color:#63C565;
			text-decoration:none;
			background-color:#666666;
			font-weight:bold;
					}
					
#subnavref {
	float:left;
	margin:0px 0px 0px 315px;
	height:22px;
	width:688px;
	background-color:#ffffff;
}

#subnavref ul {
			list-style:none;
			margin:3px 0px 0px 146px;
			padding:0px;
			color:#353535;
			background-color:#ffffff;
			}
#subnavref ul li{float:left;
			background-color:transparent;
			margin:0px 1px 0px 0px;

			}

#subnavref ul li a{padding:2px 5px 2px 5px;
			color:#353535;
			text-decoration:none;
			background-color:#efefed;


			}
#subnavref ul li a:hover{
			color:#63C565;
			background-color:#666666;
			text-decoration:none;

			}
#subnavref ul li a.ak{padding:2px 5px 2px 5px;
			list-style:none;
			color:#63C565;
			text-decoration:none;
			background-color:#666666;
			font-weight:bold;

					}
#subnavref ul li a.ak:hover{
			list-style:none;
			color:#63C565;
			text-decoration:none;
			background-color:#666666;
			font-weight:bold;
					}

							
/* Animation der oberen Navigation */
#top ul{
position:relative;
}

#top ul div.ahover{
background-color:#666666;
padding:4px 0px 2px 0px;
position:absolute;
z-index:100;
}

#top ul li a{
position:relative;
z-index:101;
}
#subnav ul{
position:relative;
}
#subnav ul div.ahover{
background-color:#666666;
padding:0px 0px 2px 0px;
position:absolute;
z-index:100;

}
#subnav ul li a{
position:relative;
z-index:101;
}

#subnavref ul{
position:relative;
}
#subnavref ul div.ahover{
background-color:#666666;
padding:1px 0px 2px 0px;
position:absolute;
z-index:100;

}
#subnavref ul li a{
position:relative;
z-index:101;
}

/* ENDE - Animation der oberen Navigation */
#top p{float:left;
width:195px;
text-align:right;
color:#808183;
margin:24px 0px 0px 90px;
font-weight:bold;
background-color:transparent;}
#top p a{
color:#808183;
text-decoration:none;
}
#top p a:hover{
color:#808183;
text-decoration:underline;
}
#mitte {
		width:1003px;
		float:left;
		margin:0px 0px 0px 0px; 
		background-color:#D1D2D4;
		background:url(../img/bg/bg_alles.jpg) no-repeat 0% 280px;
		}
	
#content {
		width:688px;
		float:left;
		margin:0px 0px 0px 315px; 
		background-color:#ffffff;
		padding-bottom:20px;
				}
		
#content h1.inhalt {
		font-size:1.40em;
		line-height:150%;
		color:#45B848;
		margin:42px 0px 0px 20px;
		font-weight:normal;
		background-color:transparent;
		}
		
#content h2 {
		width:285px;
		font-size:1.30em;
		line-height:170%;
		color:#818181;
		margin:15px 30px 5px 20px;
		background-color:transparent;
		}
#content h2.inhalt {
		width:285px;
		font-size:1.30em;
		line-height:170%;
		color:#818181;
		margin:25px 30px 5px 20px;
		background-color:transparent;
		}		
#content h1.inhalt a {
		color:#45B848;
		text-decoration:none;
		}
#content h1.inhalt a:hover {
		color:#45B848;
		text-decoration:underline;
		}
	
#content p.fliessstart {
		width:295px;
		line-height:160%;
		color:#353535;
		margin:0px 35px 25px 20px;
		font-size:1.0em;
		text-align:justify;
				}
				
#content p.ganz {width:500px;
				line-height:160%;
		color:#353535;
		margin:0px 35px 25px 20px;
		font-size:0.9em;
				}	
#content p.fliessstart a, p.ganz  a{
                  text-decoration:none;
          color:#45B848;
		  }
			
#content p.fliessstart a:hover, p.ganz a:hover{
			 text-decoration:underline;
             color:#45B848;
			 }			

#content h1.inhalt {
		width:285px;
		font-size:1.65em;
		line-height:170%;
		color:#45B848;
		margin:42px 30px 0px 20px;
		font-weight:normal;
		background-color:transparent;
		}
.projekte{float:left;
width:570px;
margin:10px 20px 0px 20px;
background-color:#efefed;
padding:0px;}

.teaser img{border:0px;
				}
p.ref {float:left;width:140px;
		color:#6A6868;
		margin:10px 10px 10px 10px;
		font-size:1.0em;
		font-weight:bold;
		padding-bottom:10px;
		
				}
p.refganz {float:left;width:550px;
		color:#6A6868;
		margin:10px 0px 10px 10px;
		font-size:1.0em;
		font-weight:bold;
		padding-bottom:10px;
		
				}				
.teaser{float:left;text-align:right;
margin:10px 0px 0px 0px;
padding:5px 0px 5px 0px;}

.teaserklein{float:left;text-align:right;
margin:0px 0px 5px 10px;
padding:0px 0px 5px 0px;}

.teaser img{margin:0px 5px 5px 0px;}

.teaserklein img{margin:0px 4px 0px 0px;}

.bild{float:right;
width:260px;
margin:58px 80px 0px 0px;
}	

.bild p{
		width:255px;
		line-height:150%;
		color:#353535;
		margin:0px 5px 25px 0px;
		font-size:1.0em;
				}	
.bild p a{
                  text-decoration:none;
          color:#45B848;
		  }
			
.bild p a:hover{
			 text-decoration:underline;
             color:#45B848;
			 }			
				
.twit{float:right;
width:258px;
margin:55px 80px 0px 0px;
}		
		 
#content ul{
		width:285px;
		line-height:160%;
		color:#353535;
		margin:0px 45px 25px 20px;
		font-size:1.0em;
		}
		
#content ol{
		width:245px;
		line-height:160%;
		color:#353535;
		margin:0px 45px 25px 20px;
		font-size:1.0em;
		}
		
#content ul li{
		margin:5px 0px 0px 15px;
		list-style-image:url(../pic/list.gif);
		}
#content table{
		width:280px;
		line-height:160%;
		color:#353535;
		margin:0px 45px 25px 20px;
		font-size:1.0em;
		}						



#rechts{
	position:absolute;
	left:938px;
	top:177px;
	width:65px;
	height:420px;
	z-index:0;
	background-color:#ffffff;
		
}
 p strong, li strong{color:#666666;}