@import url(layout.css);
@import url(navigation.css);
@import url(modules.css);
@import url(buildin_style.css);


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

h1, h2, h3 {
	font: bold 13px Arial, Verdana;
	color: #991101;
	margin: 0px 0px 10px 0px;
}

h2 {
	margin: 20px 0px 10px 0px !important;
}

a, a:visited {
	color: #FFF;
	text-decoration: none;
	outline: none;
}

form  {
	margin:0;
	padding:0;
}

fieldset{
	border:none;
}

legend{
	display: none;
}

#contactFrame fieldset {
	margin:0px 0px 40px 0px;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	background: #000 url(images/background.jpg) repeat-x;
	color: #FFF;
	font: normal 12px Arial;
}

#main {
	padding-bottom: 160px;}  /* must be same height as the footer */

#footer {
	background:#000 url(images/footer.jpg) repeat-x;
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 160px;
	clear:both;
	z-index: 2;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#FooterInfo {
	margin: 0 auto;
	position: relative;
	top: -143px;
	left: 30px;
	background: url(images/footer01.png) bottom left no-repeat;
	width: 890px;
	height: 166px;
	z-index: 2;
} 

#ContactFooter {
	float: right;
	display: inline;
	width: 100px;
	height: 30px;
	border: solid 0px white;
}

#ContactFooterLink {
	float: right;
	position: relative;
	top: 115px;
	right: 40px;
	display: inline;
	width: 80px;
	height: 30px;
	border: solid 0px white;
}

#FacebookFooter {
	float: right;
	display: inline;
	width: 100px;
	height: 30px;
	border: solid 0px white;
}

#FacebookFooterLink {
	float: right;
	position: relative;
	top: 115px;
	right: 20px;
	display: inline;
	width: 80px;
	height: 30px;
	border: solid 0px white;
}

#MySpaceFooter {
	float: right;
	display: inline;
	width: 100px;
	height: 30px;
	border: solid 0px white;
}

#MySpaceFooterLink {
	float: right;
	position: relative;
	top: 115px;
	right: 0px;
	display: inline;
	width: 80px;
	height: 30px;
	border: solid 0px white;
}

#Sponsoren {
	margin: 0 auto;
	position: relative;
	top: -140px;
	left: 75px;
	/*background: url(images/sponsoren.png) no-repeat;*/
	width: 890px;
	height: 58px;
}

#Sponsoren small {
	color: #FFF;
	display: inline;
	margin: 0px 0px 0px 9px;
}

#Sponsoren img, #Sponsoren img a {
	border: none;
}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file
<!--[if  IE 8]>
	<style type="text/css">
		#wrap {display:table;}
	</style>
<![endif]-->

*/