* {
    margin: 0;
    padding: 0;
	}

html, body {
    height: 100%;
	}
			
body {
	background-color: #fff;
	font-family: "Montserrat", Helvetica, Arial, Lucida,sans-serif;
	font-style: normal;
	font-size: 0.8em;
	color: #b0cb1f;
	text-align: center;
	vertical-align: middle;
	
	
	background: url("../img/hg.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	}

#centerstripe {
	width: 100%;
	min-width: 1500px;
	min-height: 730px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

#page {
	width: 1400px;
	height: 630px;
	display: inline-block; 
	margin: 40px auto;
	/*padding: 3px;
	background-color: #8ebf42;
	border: 1px #b0cb1f solid;*/
	}
	
#pageheader {
	float: left;
	height: 40px;
	width: 100%;
	line-height: 40px;
	vertical-align: baseline;
	display: inline-block;
	border-bottom: 4px #b0cb1f solid;
	margin-bottom: 10px;
	}

#navi_note_l {
	float: left;
	width: 200px;
	height: 100%;
	text-align: left;
	}

#navi_mid {
	float: left;
	text-align: left;
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 1px;
	}
		
#navi_note_r {
	float: right;
	text-align: right;
	}
	
#main {
	float: left;
	width: 100%;
	display: inline-block;
	}

#main_l {
	position: relative;
	float: left;
	width: 200px;
	height: 580px;
	}
	
#main_r {
	float: right;
	width: 1200px;
	height: 580px;
	background: url("../img/startseite1.jpg") no-repeat top left;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
#main_l_kontakt{
	position: absolute;
	bottom: 0;
	min-height: 10px;
	margin-right: 10px;
	height: auto;
	/*border: 1px white dashed;*/
	text-align: left;
	font-size:  1.4em;
	line-height: 1.6em;
	font-weight: 400;
	}

h1 { 
	font-weight: 500;
	font-size: 1.5em;
	}
	
h2 { 
	font-weight: 400;
	font-size: 1.5em;
	color: #99ff00;
	margin-top: 3em;
	margin-bottom: 1em;
	}
	
a:link {
    color: #b0cb1f;
    text-decoration: none;
	}
a:visited {
    color: #b0cb1f;
    text-decoration: none;
	}
a:hover {
    color: #e1e31e;
    text-decoration: none;
	}
a:active {
    color: #e1e31e; /*99ff00*/
    text-decoration: underline;
	}
	
img {
	width: 100%;
	height: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	
	
/* Designanpassung Tablets
-------------------------------------------------------------- */
@media screen and (max-width: 1200px){ /*820px*/

		#centerstripe {
			top: 50%;
		/*-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		}
	

		#page {
			width: 1167px;
			height: 523px;
		}
		
		#pageheader {
		height: 30px;
		line-height: 30px;
		border-bottom: 4px #b0cb1f solid;
		margin-bottom: 10px;
		}
				
		#navi_note_l {
		float: left;
		width: 167px;
		height: 100%;
		text-align: left;
		}
		
		#main_l {
		width: 167px;
		height: 483px;
		}
	
		#main_r {
		width: 1000px;
		height: 483px;
		}
		
		#main_l_kontakt{
		position: absolute;
		bottom: 0;
		min-height: 10px;
		margin-right: 10px;
		height: auto;
		
		text-align: left;
		font-size:  1.4em;
		line-height: 1.6em;
		font-weight: 400;
		}
		
		h1 { 
		font-weight: 500;
		font-size: 1.2em;
		}
			
		
		}

/* iPhone 4 & Co */
@media only screen and (max-device-width: 480px) {
		
		#centerstripe {
			top: 50%;
			}
			
		#page {
			width: 933px;
			height: 630px;
		}
		
		#navi_note_l {
		float: left;
		width: 133px;
		height: 100%;
		text-align: left;
		}
		
		#main_l {
		width: 133px;
		height: 387px;
		}
	
		#main_r {
		width: 800px;
		height: 387px;
		}
		
		#main_l_kontakt{
		position: absolute;
		bottom: 0;
		min-height: 10px;
		margin-right: 10px;
		height: auto;
		
		text-align: left;
		font-size:  1.4em;
		line-height: 1.6em;
		font-weight: 400;
		}
		
		h1 { 
		font-weight: 500;
		font-size: 1.0em;
		}
			
	}