/* CSS Document */

/* ==============================
Farben: RGB				HEX
---------------------------------
orange:	195,22,34	|	#EF7632
grün:	127,183,67	|	#65A328
blau:	10,100,167	|	#009FE3
============================== */

.schatten
	{
	/* Schlag-Schatten */
	box-shadow: 10px 10px 10px #333;
	-webkit-box-shadow: 10px 10px 10px #333;
	-moz-box-shadow: 10px 10px 10px #333;
	z-index: 50;
	}

#wrap_header 
	{
	position: fixed;
	/*top: 30px;*/
	width: 100%;
	/* border-bottom: 1px solid #ccc; */
	background-color: rgba(0,0,0,0.4);
	transition: all 0.5s;
	z-index: 50;
	
	/* Schlag-Schatten 
	box-shadow: 4px 1px 4px #210;
	-webkit-box-shadow: 4px 1px 4px #300;
	-moz-box-shadow: 4px 1px 4px #300;*/
	}

#banner
	{
	position: absolute;
	top: 0px;/**/
	width: 100%;
	height: 700px;
	background-color: rgba(255,255,255,1.0);
	
	background-position: center;
	transition: all 0.5s;
	}

header {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0px 2px;
	transition: all 0.35s;
	font-size: 1em;
	/* border: 1px solid #ccc; */
	box-sizing: border-box;
	}

#wrap_header.small { top: 0; }
#wrap_header.big { top: 00px; }
/*
header {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0px 2px;
	transition: all 0.35s;
	font-size: 1em;
	box-sizing: border-box;
	}
*/

header.big {
	height: 70px;
	}

header.small {
	height: 20px; 
	}

img.logo
	{
	transition: all 0.5s;
	}

img.logo_big {
	height: 53px;
	margin-top: 15px;
	margin-bottom: 20px;
	}

img.logo_small {
	height: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#wrap_navigation {
	width: 100%;
	/* background-color: #F8EFA0; */
	}

nav {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	height: 2.5em;
	transition: all 0.5s;
	box-sizing: border-box;
	overflow: hidden;
	text-align: right;
	/* border: 1px solid #FF0066; */
	}

#wrap_sub {
	clear: both;
	width: 100%;
	/*background-color: #FCF6C8;*/
	}

nav.sub {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	height: 2.5em;
	transition: all 0.5s;
	box-sizing: border-box;
	text-align: right;
	}

nav.big {
	height: 2.5em;
	}

nav.small {
	height: 2.5em;
	}

#wrap_main {
	position: absolute; 
	top: 670px;  /* 85% */
	width: 100%;
	background-color: none;
	}

main {
	width: 100%;
	max-width: 1400px;
	padding: 30px 40px;
	background-color: #fff;
	border: 1px solid lightgrey;
	margin: 0 auto;
	box-sizing: border-box;
	}

#sitemap {
	width: 100%;
	max-width: 1400px;
	padding: 20px 40px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	margin: 0 auto 60px auto;
	box-sizing: border-box;
	}

#kontakt {
	width: 100%;
	max-width: 1400px;
	padding: 30px 40px;
	background-color: #bbb;
	border: 1px solid lightgrey;
	margin: 0 auto;
	box-sizing: border-box;
	}

.spalte1 { float: left; background-color: #fff; 
	padding: 1% 2%; width: 43%; border: 1px solid #999; margin-right: 2%; }

.spalte2 { float: left; background-color: #fff; 
	padding: 1% 2%; width: 43%; border: 1px solid #999; }

#wrap_footer {
	display: block; 
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #ccc;
	}

footer {
	width: 100%;
	max-width: 1400px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	}

img.socialmedia { margin-top: 3px; }

#navi_lang { float: right; height: 25px; width: 80px; text-align: right; margin-top: 7px; }