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





*{												
	-webkit-transition:all .25s ease-out;		
	-moz-transition:all .25s ease-out;		
	}
	
	

html {										
	overflow-y: scroll;
	margin: 0px;
	padding: 0px;
	font-family: 'Raleway', sans-serif;
}


p{
	font-family: 'Raleway', sans-serif;
	color: #333;
	text-align:center;
	margin-top: 100px;
	font-weight: 300;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 1px;
}


#titel{
	font-size: 32px;
	font-weight: 200;
	letter-spacing: 1px;
	color: #333;
}



a{
	font-size: 13px;
	font-weight: 400;
	text-decoration:none;
	color:#333;
	letter-spacing: 1px;
}


a:hover{
	color:#000;
	font-weight: 500;
	letter-spacing: 2px;
}


.logo{
	width: 100%;
	margin-top: 100px;
	text-align:center;
	margin-bottom: 200px;
}





.logo a{
	opacity:.5;
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5;
}

.logo a:hover{
	opacity:1.0;
	-moz-opacity:1.0;
	-webkit-opacity:1.0;
	-o-opacity:1.0;
}







body{

	background: url(images/bg.png) 0 0 repeat-x;
	background-color: #e6e6e6;
	margin: 0px;
	padding: 0px;

}


#wrapper{
	width: 471px;
	height: 366px;
	margin-left: auto;
	margin-right: auto;

}




#menue{
	width: 100%;
	height: 266px;
	background: url(images/btns.svg) no-repeat 0 0;
	padding: 100px 0 0 0;

}


#menue a{
	display: block;
	background: url(images/eckle.png) 0 -83px;
	height: 83px;
	width: 83px;
	float: left;
	margin: 100px 37px 0 37px;
}

#menue a:hover {
	background: url(images/eckle.png) no-repeat 0 0;
	height: 166px;
}

#shadow a{
	background: url(images/shadow2.png) no-repeat 0 0;
	width: 156px;
	height: 100px;
	margin: 0 0 0 0;
	float: left;
	opacity:.3;
	-moz-opacity:.3;
	-webkit-opacity:.3;
	-o-opacity:.3;

}

#shadow a:hover {
	background: url(images/shadow2.png) no-repeat 0 0;
}

#shadow .hover {
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
opacity:1;
background: url(images/shadow2.png) no-repeat 0 0;
}









#design{
	width: 100%;
}


#design a{
	opacity:.5;
	-moz-opacity:.5;
	-webkit-opacity:.5;
	-o-opacity:.5;
	padding:0px;
	margin:0px;
}

#design a:hover{
	opacity:1.0;
	-moz-opacity:1.0;
	-webkit-opacity:1.0;
	-o-opacity:1.0;
}





/*
#picture1{background: url(images/toucantype1.png) no-repeat 50% 0; }
#picture1:hover{ background: url(images/toucantype2.png) no-repeat 50% 0; }

#picture2{ background: url(images/arcticinspiration1.png) no-repeat 50% 0; }
#picture2:hover{ background: url(images/arcticinspiration2.png) no-repeat 50% 0; }

#picture3{ background: url(images/safartica1.png) no-repeat 50% 0; }
#picture3:hover{ background: url(images/safartica2.png) no-repeat 50% 0; }

#picture4{ background: url(images/roadon1.png) no-repeat 50% 0; }
#picture4:hover{ background: url(images/roadon2.png) no-repeat 50% 0; }



*/








#infotext p{
	text-align:center;
	margin: 10px 20% 0 20%;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	
}



#schwarz{
    position:fixed;
    background-color: #000;
    width: 100%;
    
}


#logoButton{
	position:block;
	text-align:center;
	width: 30px;
	padding: 30px;
    margin-left: auto;
	margin-right: auto;
    background-color: #000;
	z-index: 999;
}

#logoButton:hover{
	width: 50px;
}


#fusstext{
	margin-top: 200px;	
}







.fuss{
	width: 100%;
	background:#333;
	height:5px;
	border-top: 1px solid #79b51d;
}