@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

body {
	font-family: Verdana;
	font-size: 11px;
	color: #333;
}

#header {
	background-image: url(images/header.png);
	height: 246px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px; 
	z-index: 3;
}

.logo{
	width: 1000px;
	height: 246px;
	margin: 0 auto;
	background-image: url(images/logo.png);
}

.topnavi{
	width: 1000px;
	height: 50px;
	margin: -104px auto;
}

.topnavi-left{
	width: 350px;
	height: 50px;
	margin: 0px 0 0 0px;
}

.topnavi-right{
	width: 350px;
	height: 50px;
	margin: -60px 0 0 720px;
}

#topnavi-left,
#topnavi-right {
	width: 350px;
	margin: 0px 0 0 0px;
}

#topnavi-left li,
#topnavi-right li{
	display: inline-block;
	list-style-type: none;
	padding-top: 10px;
}

#topnavi-left a,
#topnavi-right a{
	display: inline-block;
	text-decoration:none;
	color: #F00;
	text-transform:uppercase;
	height: 50px;
	padding: 0 2.5em 0 0em ;
	font-family: 'Fjalla One', sans-serif;
	font-size: 17px;
}

#topnavi-left a:hover{
	color: #FFF;
}

#topnavi-right a:hover{
	color: #FFF;
}

/*Zentrierung des Hintergrundbildes*/
html,
body,
#content /* der eventuelle Scrollbalken wird ausgeblendet. Soll aber angezeigt werden wenn der Inhalt zu lang ist.*/ 
{
     width:100%;
     height:100%;
}

#bg 
{
     position:absolute;
     width:100%;
     height:100%;
}

#bg img 
{
     /* min-height:100%;*/
     height:auto !important;
     height:100%;
     min-width:100%;
     /*width:auto !important;*/
     width:100%;
     margin:0 auto;
     display:block;
     position:fixed;
     bottom:25px;
     /*right:0;*/
}

#maincontent {
	background-image: url(images/background_content.png);
	width: 1000px;
	height: 450px;
	position: relative;
	margin: 170px auto 0 auto; 
	padding: 20px;
	z-index: 2 ;
}

.text{
	width: 450px;
	height: 400px;
	float: left;
}

.image{
	width: 530px;
	height: 400px;
	float: right;
}

#footer {
	background-image: url(images/footer.jpg);
	height: 25px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px; 
	z-index: 3;
}

#footer p {
	color: #FFF;
	text-align: center;
}