body
	{
		margin: 0;
		padding: 0;
		background-color: #CCCCCC;
		height: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;

	}
#site {
	background-color: #FFFFFF;
	height: 253px;
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 50%;
	margin-top: -126px;

}

#container
	{
	margin: 0px;
	width: 800px;
	height: 188px;
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -104px;
	margin-left: -400px;	
	z-index:2;
		
	}
	
.black {
	background-image: url(titelblack.gif);
	background-repeat: no-repeat;
}

.red {
	background-image: url(titel.gif);
	background-repeat: no-repeat;
}
	
#mainnav
	{
	margin: 0px;
	width: 800px;
	height: 21px;
	
	position: relative;
	left: 0px;
	top: 0px;	
	}
#main
	{
	margin: 0px;
	width: 800px;
	height: 230px;
	background-color: #FFFFFF;
	position:relative;
	left: 0px;
	bottom: 0px	
	}

#subnav
    {
	margin: 0px;
	width: 800px;
	height: 44px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 209px;
	overflow: hidden;
	}
	
.linksgross {

	position: absolute;
	width: 210px;
	height: 150px;
	top:33px;
	left: 8px;
	z-index:3000;
}

.linksextragross {

	position: absolute;
	width: 250px;
	height: 150px;
	top:33px;
	left: 45px;
	z-index:3000;
}

.linksklein {

	position: absolute;
	width: 155px;
	height: 150px;
	top:18px;
	left: 8px;
	z-index:3000;
}

.bildrechts {
	position: absolute;
	top: 4px;
	right: 23px;
	height: 180px;
	width: 553px;
	text-align: right;
}

.bildrechts img {
		float: right;
}

.rechts {
		position: absolute;
	top: 9px;
	right: 23px;
	height: 180px;
	width: 235px;
}

.mitte {
			position: absolute;
	top: 9px;
	left: 217px;
	height: 180px;
	width: 265px;
}

ul {
	margin: 0;
	padding: 0;
			font-weight: bold;
}
li {
	margin-bottom: 5px;
	margin-left: 20px;
}

#navi-unten {
	background-image: url(navi-unten.jpg);
	background-repeat: no-repeat;
		margin: 0px;
	width: 820px;
	height: 40px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -402px;		
	z-index:1;
}

#navi-oben {
	margin: 0px;
	position: absolute;
	right: 0;
	top: -20px;
	font-size: 12px;
}

#site #seiten-navi {
	margin: 0px;
	position: absolute;
	right: 0;
	bottom: -40px;
	font-size: 12px;
	margin-right: 20px;
}

#navi-oben ul, #seiten-navi ul {
	list-style: none;
	margin-right: 5px;
}

#navi-oben ul li , #seiten-navi ul li {
	display: block;
	float: left;

}

#navi-oben ul li a, #navi-oben ul li a:visited, #seiten-navi ul li a, #seiten-navi ul li a:visited {
	text-decoration: none;
	background-image: url(deactive.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	color: black;
}

#navi-oben ul li a:hover, #navi-oben ul li.active a:visited,  #navi-oben ul li.active a:hover, #seiten-navi ul li a:hover, #seiten-navi ul li a.active:visited,  #seiten-navi ul li a.active:hover{
	background-image: url(active.jpg); 
}

#seiten-navi ul li a, #seiten-navi ul li a:visited {
width: 11px;
height:11px;
display: block;
padding:0;
}


#seiten-navi ul li a span {
	display: none;
}



.image-border {
	border-left: 6px solid #333333;
}

#hauptnavi {
	list-style: none;
	position: absolute;
	right: 0;
	z-index: 30000;
}

#hauptnavi li {
	float: left;
	margin:0;
	position: relative;
}

#hauptnavi li a {
	display: block;
		text-decoration: none;
	height: 216px;
	margin:0;
	position: relative;
	background-repeat: no-repeat;
}

#hauptnavi li a span {
	position: absolute;
	bottom: 3px;
	right:0;
	display: block;

	background-image: url(deactive.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	color: black;
}

#hauptnavi li a:hover span {
	background-image: url(active.jpg);
}


.navi-3 {
	width: 109px;
	background-image: url(media/navigation/3/deaktiviert.jpg);

}

.navi-3:hover {
	background-image: url(media/navigation/3/aktiviert.jpg);
}

.navi-4 {
	width: 135px;
background-image: url(media/navigation/4/deaktiviert.jpg);
}
.navi-4:hover {
	background-image: url(media/navigation/4/aktiviert.jpg);
}


.navi-5 {
	width: 87px;
	background-image: url(media/navigation/5/deaktiviert.jpg);
}
.navi-5:hover {
	background-image: url(media/navigation/5/aktiviert.jpg);
}
.navi-6 {
	width: 125px;
	background-image: url(media/navigation/6/deaktiviert.jpg);
}
.navi-6:hover {
	background-image: url(media/navigation/6/aktiviert.jpg);
}
#hauptnavi li a.navi-5 span {
right: -10px;
}
#hauptnavi li a.navi-6 span, #hauptnavi li a.navi-4 span, #hauptnavi li a.navi-3 span {
right: 5px;
}
img {
	border:0;
}
.hidden {
	position: absolute;
	left: -4000000px;
}

#webdesign {
	position: absolute;
	bottom: -15px;
	right: -15px;
	font-size: 9px;
}
#webdesign a {
	color: black;
}