
						/* ++++header_nav++++ */

	body {
		
		background-color: #eee;
		margin:0px;
		padding:0px;
	}
	
	
	
	#header_img {
		width:100%;
		height:300px;
		margin:0 auto;
		background:url(./images/nav/header_img.jpg) 50% 50% no-repeat;
		background-size:contain;
		background-color:white;
	}
	
	@media screen and (min-width:800px) {
		#header_img {
			width:85%;
			height:350px;
			
			margin-top: 40px;
			margin-bottom: 10px;
			background:url(./images/nav/header_img.jpg) 50% 40% no-repeat;
			background-size:cover;
			background-color:white;
		}
		
		#header_img_div {
			padding-bottom: 10px;
		}
	}
	
	#nav {
		height:auto;
		width:100%;
		z-index:90;
	}

#header {
	//padding-bottom:55px;
	background-color:white;
}

nav {
	display:block;
	text-align:center;
	+padding-top:55px;
}

nav ul {
	display:block;
	list-style-type:none;
	margin-top: 0px;
	padding-top: 5px;
	++padding-bottom: 5px;
	margin-bottom: 8px;
	line-height: 150%;
}

nav ul li {
	margin:5px 50px 5px 5px;
	height:50px;
	++background:white;
	text-align:center;
	//box-shadow: 2px 2px 4px #000000;
	++border-bottom: 1px solid rgba(100, 100, 100, 0.25);
	padding-top: 10px;
	
	
}

nav ul li a {
	++font-family: Average Sans, sans-serif, google;
	font-family: calibri;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	++color: #666;
	color:#8aba1c;
	background-color: transparent;
	text-decoration: none;
	transition: background-color 0.3s ease-out, color 0.3s ease-out;
	
}

.nav_ul_li_a_gr {
	color: #666;
}


nav ul li a:hover {
	color:#ff015b;
	++color:#8aba1c;
	border-bottom:2px solid #E7590B;
}

nav ul li a.active {

}

.nav_active {
	color:#ff015b;
	++color:#8aba1c;
	border-bottom:2px solid #E7590B;
}

.navoff {
	display:none;
}

.nav{
	++height:30px;
	height:auto;
	width:100%;
	padding-bottom: 1px;
}



#burgeron {
	height:auto;
	width:100%;
	padding:2%;
	text-align:initial;
	position:fixed;
	z-index:99;
}

#burgeroff {
	padding:2%;
	text-align:initial;	
	position:fixed;
	z-index:99;
}

@media screen and (max-width:799px) {
	
	#nav {
		top:0px;
		height:auto;
		width:100%;
		position:fixed;
		z-index:90;
	}
	
	.nav{
		top:0px;
		height:100%;
		width:100%;
		position:fixed;
		z-index:90;
		padding:0px 3% 10px 3%;
		background: white;
		overflow:auto;
	}	
}

@media screen and (min-width:800px) {

	nav {
		++height:50px;
		background:white;
		box-shadow: 2px 2px 4px #000000;
	}

	nav ul {
		display:block;
	}

	nav ul li {
		display:inline;
		margin:0px 5px 0px 5px;
		height:0px;
		box-shadow:none;
	}

	.navon800 {
		display:block;
	}
	
	.navoff800 {
		display:none;
	}
}

						/* ----header_nav---- */

h1 {
	++font-family: Alegreya Sans, sans-serif, google;
	font-family: calibri;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}

h2 {
	++font-family: Alegreya Sans, sans-serif, google;
	font-family: calibri;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
}

h3 {
	++font-family: Alegreya Sans, sans-serif, google;
	font-family: calibri;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}

.h_or {
	text-transform: none;
	color: #8aba1c;
}

.h1_or {
	text-transform: none;
	color: #8aba1c;
}

.h2_or {
	text-transform: none;
	color: #8aba1c;
}

p {
	++font-family: "Alegreya Sans",sans-serif,"google";
	font-family: calibri;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
}

.p_gr {
	line-height: 1.5em;
	color: #444;
}

.li_gr {
	++font-family: Alegreya Sans, sans-serif, google;
	font-family: calibri;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	color: #444;
}

textarea {
	++font-family: "Alegreya Sans",sans-serif,"google";
	font-family: calibri;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}

label {
	font-family: calibri;
}

					/* +++++d_center+++++ */

#d_center {
	width:90%;
	//height:1000px;
	padding-top: 10px;
	margin-top: 20px;
	margin-left: 5%;
	background-color:white;
	border-radius: 10px;
	overflow: auto;
}

.d_c_img {
	width:90%;
	height:300px;
	margin-left: 5%;
	margin-bottom: 30px;
	background-color:white;
}

#d_c_in {
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}



.d_c_info_icons_cl {
	width:100%;
	height:70px;
}

@media screen and (min-width:799px) {

	.info_icon_3 {
		float:left;
		width:33%;
	}
	.d_c_info_icons_d {
		width:100%;
		overflow: auto;
		++height:300px;
	}
	.info_icon_2 {
		float:left;
		width:50%;
	}
	.info_icon_1 {
		float:left;
		width:100%;
	}
	
	.info_text_1 {
		float:left;
		width:96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.info_text_2 {
		float:left;
		width:46%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
}

@media screen and (max-width:799px) {
	.text_left-justify {
		text-align: left;
	}
}

@media screen and (min-width:800px) {
	.text_left-justify {
		text-align: left;
	}
}


					/* -----d_center----- */
					/* +++++sidebar_r+++++ */

#d_sidebar_r, h1 {
	++font-family: "Alegreya Sans",sans-serif,"google";
	font-family: calibri;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
}

#d_sidebar_r {
	width:90%;
	//height:1000px;
	margin-top: 20px;
	margin-left: 5%;
}

#sidebar_c_in {
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#img_tuerhaenger {
	width:90%;
	height:150px;
	margin-left: 5%;
	background:url(./images/bilder/tuerhaenger.png) 50% 50% no-repeat;
	background-size:contain;
}

#img_spieleklassiker {
	width:90%;
	height:150px;
	margin-left: 5%;
	background:url(./images/bilder/spieleklassiker.jpg) 50% 50% no-repeat;
	background-size:contain;
}

					/* -----sidebar_r----- */
					/* +++++footer+++++ */

#footer {
	width:100%;
	margin-top: 20px;
	++height:150px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color:white;
	float: right;
}


@media screen and (min-width:995px) {
	#d_center {
		float:left;
		width:60%;
	}
	#d_sidebar_r {
		float:left;
		width:30%;
		margin-left: 2%;
		margin-right: 3%;
	}
}

@media screen and (min-width:1250px) {
	#d_center {
		float:left;
		width:50%;
		margin-left: 15%;
	}
	#d_sidebar_r {
		float:left;
		width:20%;
		margin-right: 10%;
		margin-left: 5%;
	}
}

					/* -----footer----- */