html {
	/* Es soll staendig eine Scrollbar angezeigt werden (verhindert "springen"*/
	/* der Seite bei mehr als einer Bildschirmseite Content)*/
	overflow-y: scroll;	
}

/* generics */
.code {	font-family: Courier;}
.h { display: none; }
h2 {margin-bottom: 0;padding-bottom: 0;	font-size: 1em;}
img {border: none;}
p {	margin: 0;	padding: 0 0 1em 0;}
ul {margin-top: 0;	padding-top: 0;}

/* page setup */
body {
	margin: auto;
	margin-top: 2%;
	background-color: #fff;
	color: #7a7a7a;
	font-family: Verdana, Arial, Kabel bk;
	font-size: 1em;
	width: 96%;
	max-width: 1400px;
	min-width: 800px;
	line-height: 1.3em;
}
#h1, #h2 { 
	background-color:#bacf32; 
	height:97px; 
	margin-bottom: 3px;
}
#h1star, #h2star { 
	background:url(../images/layout/stern_oben.gif) top left no-repeat; 
	width:19%;  
	height:97px; 
	margin-left: 6%;
	float: left;
}
#headline {
	width: 53%; 
	padding-top: 74px;
	padding-bottom: 2px;
	font-size: 1.35em;
	color:#fff; 
	float: left;
	border-right: 3px solid white;
}
#h1logo { 
	background:url(../images/layout/logo_oben.gif) top left no-repeat; 
	width:21%; 
	height:97px; 
	float: left;
}
#h2 { 
	background: #bacf32; /* Old browsers */
    background: -moz-linear-gradient(left, #bacf32 0%, #bacf32 90%, #7a7a7a 90%, #7a7a7a 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(left, #bacf32 0%,#bacf32 90%,#7a7a7a 90%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #bacf32 0%,#bacf32 90%,#7a7a7a 90%,#7a7a7a 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #bacf32 0%,#bacf32 90%,#7a7a7a 90%,#7a7a7a 100%); /* IE10+ */
    background: linear-gradient(left, #bacf32 0%,#bacf32 50%,#7a7a7a 90%,#7a7a7a 100%); /* W3C */
	height:19px; 
}
#h2star { 
	background-color:#bacf32; 
	background:url(../images/layout/stern_mitte.gif) top left no-repeat; 
	height:19px; 
}
#h2spacer {
	background-color:#bacf32; 
	width: 53%;
	border-right: 3px solid white;
	height: 19px;
	float: left;
}
#h2logo { 
	background: url(../images/layout/logo_unten.gif) top left no-repeat; 
	background-color: #7a7a7a; 
	width:21%; 
	height:19px; 
	float: left;
}
#h3 {
	clear: both;	
	height: 12px;
	margin-bottom: 2%;
}
#h3left {
	background-color: #bacf32;
	height: 12px;
	width: 78%;
	border-right: 3px solid white;
	float: left;
} 
#h3right {
	background-color: #bacf32;
	height: 12px;
}
#leftside {
	width: 25%;
	float: left;
	position: relative;
}
#language-switch {
	font-size: 0.9em;
  position: absolute;
  left: 1;
  top: 1;	
}
#starbottom { 
	background-color:#bacf32; background:url(../images/layout/stern_unten.gif) top left no-repeat; 
	width:76%; height:78px;
	margin-left: 24%;
}
#title { 
	width:90%; 
	margin-top:10%;
	height:45px; 
	text-align:left; 
	font-size: 1.8em; 
	color:#bacf32; 
}
#maincontent { 
	width:52%; 
	float: left;
	font-size: 0.85em;
	padding: 37px 1% 35px 0;
	border-right: 3px solid white;
}
#navi { 
	width:17%; 
	padding: 37px 10px 35px 20px;
	float: left;
}
#navi a { 
	text-decoration:none; 
	color:#7a7a7a; 
	display: block;
}
#navi a:hover { color:#bacf32; }
a, #navi a.active { text-decoration:none; color:#bacf32; }
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


/* MEDIA QUERIES */
@media screen and (max-width: 800px) { 
	body {
		margin-top: 0;
		min-width: 300px;
		width: 100%;
	}
	#h1star {width: 60%;}
	#h1logo {width: 30%;}
	#headline {display: none;}
	#h2star {width: 60%;}
	#h2spacer {display: none;}
	#h2logo {width: 25%;}
	#language-switch {padding-left: 10px;}
	#title {padding-left: 10px;}
	#maincontent {
		padding: 10px;
		width: 90%;
	}
	#navi {width: 90%;}
	#h3 {margin: 0;}
}