/* CSS Document */

* { padding:0; margin:0; } 
	
body,td,th {
	font-family: "Trebuchet MS", Tahoma, Arial;
	border-top: 3px solid #989898;
	color: #595959;
	font-size: 11px;
	background: #FFFFFF url(img/hint.jpg) repeat-y;
}

p{
	line-height: 18px;
	padding-bottom: 5px;
}

h1 {
	font-size: 28px;
	margin-top:10px;
	float:left;
	font-weight: 100;
}

h2 {
	font-size: 14px;
	margin-bottom:10px;
	font-weight: 100;
}

#header {
	margin: 0 auto;
	width: 886px;
	height: 75px;
	position:relativ;
	padding-top: 50px;
	z-index: 1;
	visibility: visible;
	border-bottom:1px solid #807F84;

}

#content {
	margin: 0 auto;
	text-align:center;
	width: 886px;
	height: auto;
	padding-top: 30px;
	position:relativ;
	padding-right: 0px;
	padding-left: 0px;
	visibility: visible;
}


#text {
	margin: 0 auto;
	text-align:center;
	width: 500px;
	height: auto;
	position:relative;
	padding-top: 40px;
	padding-right: 0px;
	visibility: visible;
	padding-left:205px;
}
#textLONG {
	margin: 0 auto;
	text-align:center;
	padding-top: 40px;
	text-align:center;
	width: 882px;
	height: auto;
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	visibility: visible;
}

#textVideo {
	margin: 0 auto;
	text-align:center;
	padding-top: 40px;
	text-align:center;
	width: 450px;
	height: auto;
	position:relative;
	padding-right: 0px;
	padding-left: 0px;
	visibility: visible;

}
#Video {
	left:482px;
	margin-left: 30px;
	text-align:center;
	width: 383px;
	height: 565px;
	top: 9px;
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	visibility: visible;
	float:left;
}

a {
	font-size: 11px;
	color: #595959;
	text-decoration: none;
}

a:visited{
	font-size: 11px;
	text-decoration: none;
	color: #595959;
	}
a:link{
	font-size: 11px;
	color: #595959;
	text-decoration: none;
	}
a:hover {
	font-size: 11px;
	text-decoration: underline;
	}

.navi {
	font-size:11px;
	margin:3px;
	padding-left:5px;
	padding-right:5px;
	text-transform: uppercase;
	}
a:visited.navi {
	font-size:11px;
	text-decoration: none;
	color: #595959;
	}
a:link.navi {
	font-size:11px;
	color: #595959;
	text-decoration: none;
	}
a:hover.navi {
	font-size:11px;
	color: #E1E1E0;
	background: #595959;
	}
	
.naviON {
	font-size:11px;
	margin:3px;
	padding-left:5px;
	padding-right:5px;
	text-transform: uppercase;
	text-decoration: none;
	}
a:visited.naviON {
	font-size:11px;
	color: #E1E1E0;
	background: #595959;
	text-decoration: none;
	}
a:link.naviON {
	font-size: 11px;
	color: #E1E1E0;
	background: #595959;
	text-decoration: none;
	}
a:hover.naviON {
	font-size:11px;
	color: #E1E1E0;
	background: #595959;
	text-decoration: underline;
	
	}
	
.jahr{
	font-size: 15px;
	text-transform: uppercase;


	}

.zahl{
	font-size:11px;
	padding-left:1px;
	padding-right:1px;
	text-transform: uppercase;
	}
a:visited.zahl {
	font-size: 11px;
	text-decoration: none;
	color: #595959;
	}
a:link.zahl {
	font-size:11px;
	color: #595959;
	text-decoration: none;
	}
a:hover.zahl {
	font-size:11px;
	color: #E1E1E0;
	background: #595959;
	}
	
	.zahlON{
	font-size:11px;
	padding-left:1px;
	padding-right:1px;
	text-transform: uppercase;
	color: #E1E1E0;
	background: #595959;
	}
a:visited.zahlON {
	font-size:11px;
	text-decoration: none;
	color: #E1E1E0;
	background: #595959;
	}
a:link.zahlON {
	font-size:11px;
	color: #E1E1E0;
	text-decoration: none;
	background: #595959;
	}
a:hover.zahlON {
	font-size:11px;
	color: #E1E1E0;
	text-decoration: underline;
	background: #595959;
	}
	
.bild {margin-right:10px; margin-bottom:20px}
.bild_hochkant {margin-right:10px;padding-left:200px; }


.abstand-rechts {padding-right:115px}

.abstand-links {}

@media only screen and (max-width: 768px) { 
#header {width:100%; left: 10px; margin:0px 0px 30px 0px ; height: auto}
#textVideo {width:99%; padding:30px 0px 0px 10px; margin:0px 0px 0px 10px; position:relative; height: auto}
#textVideo  img  {width:95%; height: auto}
#Video {width:95%;  padding:30px 10px 0px 10px; margin:0px 0px 0px 10px; height: auto; position:relative;}
#Video  img  {width:95%; height: auto}
#content {width:99%; padding:0px 5px 5px 10px; height: auto; position:relative; margin:5px 0px 0px 0px;  }
#content img  {width:97%; height: auto}
.abstand-rechts {padding-right:10px}
.abstand-links {padding-left:10px }
#text {padding-left:3% !important; padding-right:1%;width:96%; position:relative;padding:30px 0px 0px 20px; margin:0px; height: auto;  position:relative;}
#textLONG {padding-left:3% !important; padding-right:1%;width:96%; position:relative;margin:0px; height: auto}
}