/*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*/
}






@font-face {
font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}







* {margin:0;padding:0;} 

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

body {
color: #000;
font-family: Arial, Verdana,  Sans-Serif;
margin: 0px;
}
	
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:hover, a:active, a:focus {outline: 0;}
a img {border: none;}



img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
		
		
#wrap { 
position: relative;
width: 684px; 
text-align: left; 
margin: 0px auto; 
height:auto !important;
height:100%;
min-height: 100%;
background: url(images/trans75.png);
}
	 
#main {  
overflow: hidden;
width: 474px;
margin: 0 auto;
padding: 115px 0 50px 0;
color: #383838;
line-height: 32px;
font-family: 'OpenSansLight';
font-size: 24px;
}




.logo{margin: 0 0 120px 0;}
.abstand {margin-top: 40px !important;}
.slogan {line-height: 30px;font-family: 'OpenSansLight';font-size: 30px; margin-top: 70px;}



#main p{  margin-bottom: 25px;}
#main a{color: #383838; text-decoration: none;}
#main a:hover{color: #983059; text-decoration: none;}



















	
	
	
#footer {
width: 800px;
overflow: hidden;
background:#999;
line-height: 22px;
position: relative;
margin: -140px auto 0 auto;
clear:both;
height: 100px;
padding:  20px 0;
}	
	

#footer p {
padding: 0px;
margin: 0px;	
}
	
#footercontent {
width: 500px;
margin: 0 auto 30px auto;
font-family: Georgia, Serif;
color: #333;
}
	
.footerblock {
width: auto;
float: left;
margin-right: 50px;
padding: 0 30px 0 0;
}

#footer a{color: #E60E63; text-decoration: none;}
#footer a:hover{color: #82D2E5; text-decoration: none;}



#share {

margin: 0 auto;
display: block;
position: absolute;
bottom: 20px;
left: 146px;
}









/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	background:url(images/totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/totop.png) no-repeat left -60px;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}







.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}