/*-------------------CSS Reset ----------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
}

ul,ol {
list-style: none;
}

b, strong {
font-weight: bold;	
}

img, a img {
border:  none;	
}




/*---------------Schriften-----------------*/
/*-----------------------------------------*/


a {
color:#f9b200;
text-decoration: none;
}

a:visited {
color:#f9b200;
}

a:hover {
color:#f9b200;
text-decoration: underline;
}

a:active {
color:#f9b200;
}

p {
	color: #cccccc;
	font-size: 70%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	line-height:1.4em;
	letter-spacing: 0px;
}



/*-------------Ganzes Bild als Hintergrund-------------------*/

html, body {
height:100%;
width:100%;
margin: 0;
padding: 0;
}




/*-----------Boxmodell--------------------------------*/




#container {
left:50px;
overflow:auto;
position:absolute;
top:20px;
width:740px;
z-index:70;
height:750px;
background-image: url(images/main-bg.png);
background-repeat:repeat-y;

}

#bgoriginal {
position:fixed;
width: 100%;
height: 100%;
z-index: 1;
top:0;
left:0;
}

#bg {
	
	min-height: 100%;
	min-width: 1024px;

	
	width: 100%;
	height: auto;

	
	position: fixed;
	top: 0;
	left: 0;
}

#content {
	height:100%;
	width: 710px;
	overflow:auto;
	background-repeat:repeat-y;
	
}

#leftcolmaincolwrapper {
	float:left;
	width: 660px;
	overflow:auto;
}

/*-----------Boxmodell-linker Bereich--------------------------*/

#leftcol {
	float:left;
	width: 210px;
	overflow:auto;
}


/*-----------Boxmodell-mittlerer Bereich------------------------*/


#maincol {
	float:right;
	width: 450px;
	overflow:auto;
}


#logo{
	width: 272px;
	height: 187px;
	position:absolute;
	left: 270px;
	top:15px;	
	margin:0 auto;
}

#media{
	position:absolute;
	top: 220px;
	width:480px;
	height:300px;
	
}

#inhalt {
	width:480px;
	height: 210px;
	position:absolute;
	top: 540px;
}

#inhalt-impressum {
	width:480px;
	height: 210px;
	position:absolute;
	top: 220px;
}

#inhaltlinks {
	float:left;
	margin-left:20px;
	width: 210px;
	margin-right: 20px;
}

#inhaltrechts {
	float:right;
	margin-left:0px;
	width: 210px;
	margin-right: 20px;
}


/*-----------Boxmodell-rechter Bereich------------------------*/

#rightcol{
	float:right;
	width:50px;
}

#mediaright{
	position:absolute;
	top: 220px;
	width:50px;
	height:252px;
	background-image: url(images/streifen.png);
	background-repeat:no-repeat;
	margin-left: 30px;
}

#inhaltright {
	width:50px;
	height: 210px;
	position:absolute;
	top: 519px;
	background-image: url(images/streifen.png);
	background-repeat:no-repeat;
	margin-left: 30px;
}


/*-----------footer--------------------------------*/

#footerleft {
	position:absolute;
	height:40px;
	width: 148px;
	padding-left: 62px;
	bottom: 0px;
	
}

#footerright {
	position:absolute;
	height:40px;
	width: 50px;
	bottom: 0px;
	background-image: url(images/streifen.png);
	background-repeat:repeat-x;
	margin-left: 30px;
}



/*-----------Navigation--------------------------------*/

#mainnav {
	position:absolute;
	top:220px;
	width: 148px;
	margin-left:62px;
	clear:both;
}

#mainnav ul li a{
text-transform: uppercase;
text-decoration: none;
font-size: 75%;
line-height:1.8em;
color:#fff;
}

#mainnav ul li a:hover, #mainnav ul li a:active {
	color:#f9b200;
}

#mainnav strong {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 75%;
	line-height:1.8em;
	color:#f9b200;
	font-weight: normal;
}

/*-----------footer-Navigation----------------------------*/

ul#footernav {
	padding-left:0px;
	margin-left:0px;
	background-image: url(images/streifen.png);
	background-repeat:repeat-x;
	padding-top:3px;
}


#footerleft ul li {
	display:inline;
	color:#fff;
	padding: 0px 4px 0 4px;
}

#footerleft ul li a {
	text-decoration:none;
	color:#fff;
	text-transform: uppercase;
	font-size:60%;
	
}

#footerleft ul li a:hover, #footerleft ul li a:active {
	color:#f9b200;
}


/*------------ce 06SEP09---------*/