/*========================================================
    1.KALIBRIERUNG
========================================================*/
* {
    padding: 0;
    margin: 0;
    border: none;
}
html, body {height: 101%;}



/*=========================================================
    2.ALLGEMEINE STYLES
=========================================================*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 1.4;
    color: #000;
	background: #fff;
	background-position: center 0;
	background-repeat: no-repeat;
	overflow-x: hidden;
}
a:link, a:visited {
	text-decoration: none;
	color: #000;
}
#navi a:link, #navi a:visited {
	text-decoration: none;
	color: #004a8e;
}
#navi a:hover, #navi a:focus, #navi a:active {
	color: #de553e;
}
a:hover, a:focus, a:active {
	color: #de553e;
}
#content a:link, #content a:visited {
	text-decoration: underline;
	color: #000;
}
#content a:hover, #content a:focus, #content a:active {
	color: #de553e;
}
#content h2 a:link, #content h2 a:visited {
	text-decoration: none;
	color: #004a8e;
}
#content h2 a:hover, #content h2 a:focus, #content h2 a:active {
	color: #de553e;
}
input, textarea {
	border: 1px solid #000;
}

navi li {
	list-style-type: none;
}
ul li ul {
	margin: 6px 0 10px 7px;
	font-size: 12px;
}
#navi ul li ul li.active a {
	color: #de553e;
}
#navi ul li ul {
	height: 0;
	overflow: hidden;
}
ul li ul {
	margin-left: 7px !important;
}
input[type="submit"], button {
	background: #004a8e;
	color: #fff;
	border: none;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
input[type="text"], input[type="email"], input[type="url"] {
	padding: 1px;
	border: 1px solid #000;
	font-size: 10px;
}
h3 {
	height: 26px;
	line-height: 1;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
}
#content ul, #content ol {
	margin: 0 0 10px 19px;
	list-style-position: outside;
}
.content p, #content p, .content h2, .article h2 {
	margin-bottom: 10px;
}
#content h2 {
	margin-bottom: 2px;
}
#content h4 {
	margin-bottom: 12px;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #004a8e;
	text-transform: uppercase;
}


/*=========================================================
    3.LAYOUTBEREICHE
=========================================================*/
#wrapper {
	width: 1030px;
	height: auto;
    margin: 300px auto 0;
	overflow: hidden;
	position: relative;
	z-index: 5;
}
	#header {
		
	}
	#navi {
		width: 164px;
		margin-right: 43px;
		font-size: 24px;
		line-height: 1;
		text-transform: uppercase;
		float: left;
	}
		#navi ul {overflow: hidden;}
		#navi a {
			margin-bottom: 2px;
			display: block;
		}
		#navi ul li ul li a {
			margin: 0 0 5px;
		}
	#content {
		width: 564px;
		margin-right: 43px;
		float: left;
	}
	#sidebar {
		width: 216px;
		float: left;
	}
	#footer {
		height: 100px;
		clear: both;
	}

	


/*===========================================================
    4.SONSTIGE STYLES
===========================================================*/
/*LOGO*/
#logo_ani {
	margin-left: -123px;
	position: absolute;
	top: 20px; left: 50%;
	z-index: 0;
}

/*NAVI*/
#navi form {
	margin-top: 16px;
	overflow: hidden;
}
	#navi form input[type="text"] {
		height: 13px;
		width: 118px;
		margin-right: 3px;
		float: left;
	}
	#navi form input[type="submit"] {
		height: 17px;
		padding: 0 2px;
		float: left;
	}
	#navi li.level1 div {
		margin: 0 !important;
	}
	
/*PAGING*/
div.paging {
	padding-left: 264px;
	font-size: 18px;
	overflow: hidden;
	text-transform: uppercase;
	position: relative;
}
#content div.paging a:link, #content div.paging a:visited {
	text-decoration: none;
}
#content div.paging a:hover, #content div.paging a:focus, #content div.paging a:active {
	text-decoration: none;
}
	span.active {
		color: #004a8e;
	}
	span.page {
		
	}
	a.prev {
		position: absolute;
		left: 0; top: 0;
	}
	a.next {
		position: absolute;
		right: 0; top: 0;
	}


/*NEWS*/
#content a.more:link, #content a.more:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #de553e;
}
#content a.more:hover, #content a.more:focus, #content a.more:active {
	color: #000;
}
#content span.date a.more:link, #content span.date a.more:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #de553e;
}
#content span.date a.more:hover, #content span.date a.more:focus, #content span.date a.more:active {
	color: #000;
}

.news_item {
	margin-bottom: 20px;
}

#news {
	
}
	#news h2, .news_item h2, #content h2 {
		font-size: 24px;
		line-height: 1;
		font-weight: normal;
		text-transform: uppercase;
		color: #004a8e;
	}
	#news span.date, .news_item span.date {
		font-size: 10px;
		text-transform: uppercase;
	}
	#news img, .news_item img, #news object, .news_item object {
		margin-bottom: 2px;
	}
	#news div.content, .news_item div.content {
		margin-top: 15px;
	}
	#facebook_like {
		margin-top: 16px;
	}
	
	
#sidebar div.wrapper {
	margin-bottom: 40px;
}
	#sidebar h3 {
		margin-bottom: 18px;
		font-size: 24px;
		color: #004a8e;
		font-weight: normal;
		text-transform: uppercase;
	}
	#sidebar #last_comments h3 {
		margin-bottom: 15px;
	}

	/*NEWSPOSTS*/
	#sidebar div.post {
		margin: 0 0 20px;
		overflow: hidden;
	}
		#sidebar div.post a:link, #sidebar div.post a:visited {
			color: #004a8e;
		}
		#sidebar div.post a:hover, #sidebar div.post a:focus, #sidebar div.post a:active {
			color: #de553e;
		}
		#recent_posts img, #random_posts img {
			width: 55px;
			margin-right: 8px;
			float: left;
		}
		#sidebar div.post div {
			width: 153px;
			float: left;
		}
		#sidebar div.post h2 {
			font-size: 12px;
			line-height: 1;
			font-weight: normal;
			text-transform: uppercase;
		}
		#sidebar div.post span {
			font-size: 11px;
			line-height: 1;
			font-weight: bold;
			text-transform: uppercase;
			display: block;
		}
	/*SIDEBAR SPONSORS*/
	#sidebar div#sponsors h4 {
		font-weight: normal;
		text-transform: uppercase;
		color: #004a8e;
		margin-bottom: 0;
	}
	
	/*COMMENTS*/
	#content div.quip {
		margin-top: 20px;
	}
		#comments h3 {
			margin-bottom: 28px;
			font-size: 24px;
			font-weight: normal;
			color: #004a8e;
		}
		#content div.comment {
			margin-bottom: 20px;
		}
			div.comment span.author, div.comment span.date {
				font-weight: bold;
				display: block;
			}
			div.comment span.date {
				margin: 7px 0 13px;
				font-size: 10px;
			}
			
	.add_comment .input {
		margin-bottom: 10px;
	}
		.input input, .add_comment textarea {
			padding: 2px;
			border: 1px solid #000;
			font-size: 12px;
		}
		.add_comment textarea {
			width: 559px;
			height: 94px;
		}
		.input label {
			font-weight: bold;
			font-size: 12px;
		}
		.add_comment button.preview {
			height: 17px;
			padding: 0 2px;
			margin: 13px 0 0;
			font-weight: bold;
			float: right;
		}
	
	#sidebar p.last_comment {
		margin-bottom: 15px;
		font-size: 12px;
	}
		p.last_comment span.username {
			font-weight: bold;
			text-transform: uppercase;
			font-size: 11px;
		}
		

		
	/*GALLERY*/
	div#gallery {
		height: 100px;
		position: relative;
	}
	div#gallery img {
		
	}
	#gallery .gallery {
		
	}
	
	
	/*FORM*/
	#applicationForm label {
		width: 250px;
		margin-bottom: 20px;
		float: left;
	}
	#applicationForm input {float: left;}
	#applicationForm input[type="text"], #applicationForm input[type="email"], #applicationForm input[type="url"] {width: 154px;}
	#applicationForm .error {color: #de553e; font-weight: bold;}
	#termsContainer {
		width: 60%;
		height: 400px;
		padding: 10px;
		border: 2px solid #000;
		background: #fff;
		overflow: scroll;
		position: fixed;
		top: 50px; left: 20%;
		z-index: 100;
	}
	#applicationForm #apply_area {
		width: 40px;
		margin-right: 10px;
	}
	#applicationForm #apply_phone {
		width: 100px;
	}
	
	
	/*SEARCH*/
	p.sisea-results {
		margin-bottom: 5px;
		font-size: 22px;
		text-transform: uppercase;
		color: #004a8e;
	}
		p.sisea-results .sisea-highlight {
			color: #de553e;
		}
	div.sisea-paging {
		text-transform: uppercase;
	}
		div.sisea-paging .sisea-result-pages {
			margin-right: 10px;
		}
		div.sisea-paging .sisea-current-page {
			color: #de553e;
		}
	div.sisea-results-list {
		margin: 25px 0;
	}
		div.sisea-results-list .sisea-result {
			margin-bottom: 15px;
		}
			div.sisea-results-list .sisea-result h3 {
				font-size: 20px;
			}
			#content div.sisea-results-list .sisea-result h3 a {
				color: #004a8e;
			}
			div.sisea-results-list .sisea-result .sisea-highlight {
				color: #de553e;
			}
			
	
	/*FIGUREN*/
	div#figuren {
		width: 1030px;
		height: 100%;
		position: relative;
		top: 0; left: 50%;
		margin-left: -515px;
		z-index: 0;
	}
		div#figuren img {position: absolute;}
		img#fig1 {
			position: absolute;
			top: 195px; left: 850px;
		}
		img#fig2 {
			position: absolute;
			top: 640px; left: 30px;
		}
		img#fig3 {
			position: absolute;
			top: 1225px; left: -535px;
		}
		img#fig4 {
			position: absolute;
			top: 1200px; left: -2500px;
		}
		img#fig5 {
			height: 0;
			position: absolute;
			top: 620px; right: -180px;
		}
		img#fig6 {
			position: absolute;
			top: 1800px; right: -480px;
		}
		img#fig7 {
			position: absolute;
			top: 50px; right: -170px;
		}
		img#fig8 {
			position: absolute;
			top: 240px; left: -320px;
		}
		
		
/*=============OVERLAY============================*/
#overlay {
	width: 100%;
	height: 100%;
	background-color: rgb(222, 85, 62);
	opacity: 0.75;
	position: absolute;
	z-index: 1000;
}
	#skipWrapper {
		width: 564px;
		height: 33px;
		margin: 0 0 0 -302px;
		position: fixed;
		top: 100px; left: 50%;
		z-index: 2000;
	}
		#skipButton {
			width: 197px;
			height: 33px;
			background-image: url('../gfx/skip.jpg');
			display: block;
			cursor: pointer;
			position: absolute;
			right: 0;
		}
	#teaserWrapper {
		width: 1030px;
		height: 420px;
		margin: 0 0 0 -515px;
		position: absolute;
		top: 150px; left: 50%;
		z-index: 2000;
	}
		#teaserVideo {
			width : 564px;
			height : 420px;
			position: relative;
			top: 0;
			left: 207px;
			z-index: 2000;
		}