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

}


* {
	font-family: 'FuturaW01-MediumCondens';
}

body{
	background: url(../images/body_bg.png) no-repeat #d4edd0;
	background-position: center;
	background-size: cover;
}

.clear{
	clear: both;
}

h1{
	color: #319f49 ;
}

h2{
	color: #319f49 ;
	font-size: 20px;
	margin: 0;
}

p, a{
	color: #181715;
	font-size: 17px;
	text-decoration: none;
	font-family: Arial, sans-serif;
}

a:hover{
	color: #319F49;
}

.link{
	color: #319f49;
	font-weight: bold;
}



/*************************************************************/

#container{
	margin: 20px auto;
	width: 900px;
	height: 700px;
	background: white;
	padding: 25px 40px;
}

#container .absatz.zwei{
	margin-top: 30px;
}

#container #box_left{
	width: 49%;
	float: left;
	max-height: 550px;
}

#container #box_right{
	width: 49%;
	float: right;
}

#container #box_right #logo{
	float: right;
}

#container #box_right #emagazin{
	float: right;
	margin-right: 30px;
	margin-top: 30px
}


#container #nav{
	top: 610px;
	float: left;
	position: absolute;
	width: 410px;
}

#container #nav .left{
	width: 50%;
}

#container #box_left #nav .button{
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	text-decoration: none;
}

#container #box_left #nav .button.zwei{
	margin-left: 20px;
	display: block;
}

#container #box_left #nav .impressum{
	float: right;
	margin-top: 70px;
}


#container #box_left #nav .button span{
	display: block;
	margin-top: 5px;
	text-decoration: none;
}


/********IMPRESSUM*********/

#impressum #container #box_left{
	overflow-y: scroll; 
}

#impressum #container #box_left{
	padding-right: 1%;



@media screen and (min-width: 1200px) {
	
	body{
		background-size: 1200px !important;
	}
}