/* CSS Protal Vorlage von HP-G */

   
/* default styles
   -------------- */
   
body { 
	padding: auto; 
	margin: auto; 
	font: 0.75em arial, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	
}

#body { 
	padding: auto; 
	margin: auto; 
	}
a {	color: #ffffff;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }

b { font: normal 1.2em Arial, Sans-Serif; letter-spacing: 1px; padding: 0px 0 0 0px; margin: 0 210px; }
.dark  { color: #000000; background: inherit; font-weight: bold; }
b a, h2 a { text-decoration: none; }
b a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { margin: 5px 0 0 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
h3 { margin: 7px 0 0 0; padding: 0; font: bold 1.7em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { font-size: 1.1em; margin-bottom: 5px; color: #000; background: inherit; }

p {	margin: 0 0 5px 0; }

ul { margin: 0; padding : 0; list-style : none; }

form { 	margin: 0; }


/* layout
   ------ */

.content { 
	margin: 0px auto;
	width: 990px;
	height: 1100px;
	padding: 0px; 
}
.headeroben {
		width: 990px;
		height: 82px;
		margin: 0px auto;
		
	}
.headerlinks {
		float: left;
		width: 202px;
		height: 60px;
		padding: 0 0 0 0px;
		margin: 0px 0;
	}
.headermitte {
		float: left;
		width: 660px;
		height: 60px;
		background: #ffffff url(hocker5.jpg) no-repeat;
		padding: 0 0 0 0px;
		margin: 10px 0;
	}
		.headerrechts {
		float: left;
		width: 107px;
		height: 80px;
		padding: 0px 0 0 0px;
		margin: 0px 0px;
	}
		 .headerrechts a, .headerrechts a:visited {
		float: left;
		width: 107px;
		height: 80px;
		background: #ffffff;
		padding: 0px 0 0 0px;
		margin: 0px 0px;
	}
.header3 { 

	height: 25px;
	width: 990px;
	background: #FDC755 url(../images/top-links.gif) no-repeat;	
	color: #ffffff;
	margin: 1px auto 2px auto;
	padding: 0 0 0 0;
}	
.header { 

	height: 20px;
	width: 990px;
	background: #FFEDA4 url(../images/top2-links.gif) no-repeat;
	color: #ffffff;
	margin: 1px auto 2px auto;
	padding: 0px 0 0 0px;
	
}

.headertop { 
	height: 60px;
	background: #ffffff url(hocker5.jpg) no-repeat;
	color: #ffffff;
	margin: 0px 0px;
	padding: 0px 0 0 0;
}


/* tabelle
   --------- */
.tablinks {
		float: left;
		width: 70px;
		height: 60px;
		padding: 0 0 0 0px;
		margin: 2px 2;
	}
.tabmitte {
		float: left;
		width: 80px;
		height: 60px;
		padding: 0 0 0 0px;
		margin: 2px 2;
	}
.tabrechts {
		float: left;
		width: 607px;
		height: 60px;
		padding: 0px 0 0 0px;
		margin: 2px 2px;
	}
	
	.tablinks2 {
		float: left;
		width: 70px;
		height: 150px;
		padding: 0 0 0 0px;
		margin: 2px 2;
	}
.tabmitte2 {
		float: left;
		width: 80px;
		height: 150px;
		padding: 0 0 0 0px;
		margin: 2px 2;
	}
.tabrechts2 {
		float: left;
		width: 607px;
		height: 150px;
		padding: 0px 0 0 0px;
		margin: 2px 2px;
	}

/* left side
   --------- */

#left  {
	float: left;
	width: 990px;
	margin: 0px 0px;
	padding: 0px 0 0px 0;
}
#left ul {
list-style-type: none;
margin: 10px;
padding: 0px;
}
#left li {
display: block;
}


#left li a:hover, #left li a:active, #left li a:focus {
color: #000000;
}

	.mitte {
		float: left;
		width: 597px;
		height: 1100px;
		padding: 0 0 0 0px;
		margin: 0px 5px;
	}
		
	.mitte a, .mitte a { color: #414141; background: #FFF; }
		
		
		.rechts {
		float: left;
		width: 180px;
		height: 1100px;
		padding: 0 0 0 0px;
		margin: 0px 0px;
	}
		.mittebreit {
		float: left;
		width: 777px;
		height: 1100px;
		padding: 0 0 0 0px;
		margin: 0px 5px;
	}
		
	.mittebreit a, .mittebreit a { color: #414141; background: #FFF; }
		
		
		.rechts {
		float: left;
		width: 180px;
		height: 1100px;
		padding: 0 0 0 0px;
		margin: 0px 0px;
	}
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }

/* MENÜ
   ---------- */
   	
img{border:1px;}
.flt{float:left;}
.menubg{float:left; background-color:#FFEDA4; width:201px; height: 1100px; }
.menu{float:left; clear:left; font:bold 11px  Arial;}
.menu li {
margin:2px 0px 0px 2px;
	list-style:none;
	}
.menu a, .menu a:visited {
	width:180px;
	height:22px;
	margin:0px 0px 2px -3px;
	position:relative;
	display:block;
	color:#000000;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 4px;
	}
.menu a:active {
	background:url(../images/menubg1.jpg) no-repeat;
	text-decoration:none;
	}	
.menu a:hover, 
.menu li.current_page_item a, .menu li.current_page_item a:visited  {
	background:url(../images/menubg1.jpg) no-repeat;
	text-decoration:none;
	}	
.bot{clear:left;}
		

		
.right {
	float: left;
	width: 180px;
	margin: 0 0 0px 0;
}

.right h3 {
	background: #6C757A  url(corner.gif) no-repeat top right;;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}


/* footer
   ------ */

.footer { 

	text-indent:200px;
	height: 20px;
	width: 990px;
	background:url(../images/footer.gif) repeat;
	color: #000000;
  	margin: 0px auto;
	padding: 0px 0 0px 0;
	}

.footer a { color: #808080; }#