html, body{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	color: #1a171b;
	width: 100%;
	text-align: center;
	}
.top{
	visibility: hidden;
	}
p{
	line-height: 133%;
	margin: 8px 0;
	padding: 0;
	}
img{
	padding: 0;
	margin: 0;
	}
#inner{
	position: relative;
	margin: auto auto 10px auto;
	width: 971px;
	text-align: left;	
	border: 1px solid #1a171b;
	}
#header{
	width: 100%;
	height: 139px;
	padding: 0;
	margin: 0;
	background: url(../images/back-header.jpg) no-repeat center top;
	}
#header img{
	position: absolute;
	top: 26px;
	left: 19px;
	z-index: 3;
	border: none;
	padding: 0;
	margin: 0;
	}
	
/* ab hier linke Navigation */	
			
#navigation{
	float: left;
	width: 284px;
	height: 427px;
	margin: 0;
	padding: 0;
	background: url(../images/back-navi.jpg) no-repeat right top;
	}
#navigation .gutter{
	padding: 0 35px 0 0;
	margin: 20px 0 0 0;
	}	
#navigation .first-navi{
	background: url(../images/back-navi-stade.jpg) no-repeat top right;
	padding: 0;
	margin: 0;
	}	
#navigation .second-navi{
	background: url(../images/back-navi-themen.jpg) no-repeat top right;
	padding: 0;
	margin: 0;
	}	
#navigation .third-navi{
	background: url(../images/back-navi-web.jpg) no-repeat top right;
	padding: 0;
	margin: 0;
	}	
#navigation ul{
	margin: 0;
	padding: 8px 27px 0 0;
	}
#navigation ul li{
	font-size: 80%;
	font-weight: bold;
	line-height: 126%;
	text-align: right;
	margin: 0;
	padding: 1px 0 0 0;
	list-style: none;
	}
#navigation .navbelow ul{
	margin: 0;
	padding: 0;
	}
#navigation .navbelow li{
	color: #3e3840;
	line-height: 116%;
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	}
#navigation a{
	color: #1a171b;
	text-decoration: none;
	padding: 0 16px 0 0;
	}	
#navigation a:hover, body#intro #aktiv a{
	color: #ee7f01;
	background: url(../images/arrow.gif) no-repeat right 50%;
	}	
	
#navigation .navbelow a:hover, body#intro #aktiv2 a{
	color: #ee7f01;
	background: url(../images/arrow02.gif) no-repeat right 50%;
	}

/* ab hier  Inhalt */	

#wrap{
	float: right;
	width: 687px;
	}
#content{
	font-size: 80%;
	float: left;
	width: 438px;
	margin: 0;
	padding: 0;
	}	
#content02{
	width: 679px;
	font-size: 80%;
	margin: 0;
	padding: 0;
	}

#content02 .top-pic{
	position: absolute;
	top: 139px;
	right: 2px;
	z-index: 10;
	margin: 0;
	padding: 0;
	}
#content .gutter{
	margin: 25px 16px 0 14px;
	padding: 4px 14px 0 14px;
	border: 1px solid #75c1e7;
	}
#content02 .gutter{
	margin: 25px 12px 0 10px;
	padding: 4px 4px 0 4px;
	border: 1px solid #75c1e7;
	}
#content h1, #content02 h1{
	color: #ee7f01;
	font-size: 100%;
	letter-spacing: 1px;
	padding: 0;
	margin: 14px 0 6px 0;
	}
#content h2, #content02 h2{
	font-size: 90%;
	padding: 0;
	margin: 12px 0 0 0;
	}
#content h3, #content02 h3{
	font-size: 90%;
	color: #ee7f01;
	font-weight: normal;
	padding: 0;
	margin: 10px 0 10px 0;
	}
#content table {
	font-size: 95%;

	}
#content td{

	}
#content02 table {
	font-size: 95%;
	}
#content02 td{

	}
#content ul, #content02 ul{
	margin: 0 0 0 20px;
	padding: 0;
	}
#content li, #content02 li{
	margin: 0;
	padding: 0;
	line-height: 1.83em;
	font-size: 85%;
	}
#content a, #content02 a{
	color: #f39908;
	text-decoration: underline;
	}
#content a:hover, #content02 a:hover{
	color: #F34508;
	}

	
#galerie{
	font-size: 80%;
	line-height: 129%;
	float: right;
	width: 249px;
	margin: 0;
	padding: 0;
   height: auto;
	background: transparent url(../images/back-news.jpg) no-repeat top left;
	}
#galerie .gutter{
	margin: 0;
	padding: 35px 25px 0 10px;
	}
#galerie h1{
	line-height: 149%;
	color: #ee7f01;
	letter-spacing: 1px;
	margin: 9px 0 0 0;
	padding: 0;
	font-size: 100%;
	}
#galerie h2{
	line-height: 149%;
	font-size: 85%;
	padding: 0;
	margin: 10px 0 4px 0;
	}
#galerie p{
	line-height: 129%;
	font-size: 90%;
	padding: 4px 0;
	margin: 0;
	}
#galerie span{
	color: #ee7f01;
	font-size: 90%;
	padding: 4px 0;
	margin: 0;
	}
#galerie .end{
	background: transparent url(../images/back-news-end.gif) no-repeat bottom left;
	height: 57px;
	}
#galerie a{
	color: #ee7f01;
	text-decoration: none;
	}
#galerie a:hover{
	color: #fdba4d;
	}
#galerie.backgroundfwgfredenbeck{
	background: transparent url(../images/back-news_pro-buerger.jpg) no-repeat top left;
	}
#galerie.backgroundfwgfredenbeck .gutter{
	margin: 0;
	padding: 110px 25px 0 10px;
	}

	
/* ab hier die Fusszeile */	
	
#footer{
	clear: both;
	font-size: 70%;
	font-weight: bold;
	line-height: 250%;
	color: #FFF;
	padding: 0 0 0 70px;
	margin: 0;
	background: #75c1e7;
	width: 901px;
	}
#footer .adress{
	margin-left: 0px;
	}
#footer .imprint{
  position:absolute;
  right:5px;
	}
#footer a{
	color: #ffffff;
	text-decoration: none;
	}
#footer a:hover{
	color: #EE7F01;
	}	
	
	
/*ab hier Professor Hacketal*/

/*fix für den footer*/

/* Vor IE5/Mac verstecken\*/
* html #footer{ height: 1%; }
/*Vor IE5/Mac verstecken Ende*/