/* Stylesheet */

html, body {
	/*background:#13161a;*/
	/*background: #1e232a;*/
	background: #3C4753;
	font-family : "Trebuchet Ms", Trebuchet, Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	margin : 0;
	padding : 0px 0px 0px 0px;
	border:0px solid green;
}
@media only screen and (max-device-width: 320px) {
	html, body {
		font-size : 40px;
	}
}
@media only screen and (max-device-width: 480px) {
	html, body {
		font-size : 20px;
	}
}
p, p.regular {
	display:block;
	color : #fcfcf2;
	font-size : 100%;
	margin-top : 0px;
	margin : 0% 0% 0% 0%;
	line-height: 120%;
	padding: 1% 0% 1.4% 0%;
	background-color: transparent;
}
p.smaller {
	color : #fcfcf2;
	font-size : 90%;
	margin : 0% 0% 0% 0%;
	padding : 0% 0% 0% 0%;
	line-height: 105%;
	padding: 0% 0% 0.9% 0%;
	background-color: transparent;
}


p.muchsmaller {
	color : #fcfcf2;
	font-size : 80%;
	margin : 0% 0% 0% 0%;
	padding : 0% 0% 0% 0%;
	margin-bottom : 0px;
	line-height: 100%;
	padding: 0% 0% 0.9% 0%;
	background-color: transparent;
}

p.evensmaller {
	font-size : 70%;
	/*display : none;*/
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
p, p.regular {
	font-size : 120%;
}
	p.smaller {
		font-size : 110%;
	}

	p.muchsmaller {
		font-size : 90%;
		/*display : none;*/
	}
	
	p.evensmaller {
		display : none;
	}

}
span.titeldaten {
	color : #fcfccf;
}
span.alert {
	color : #dd0000;
	font-size : 100%;
	margin : 0% 0% 10% 0%;
	padding: 0%;
	vertical-align: super;
}
span.nowrap {
	white-space: nowrap;
}


h1 {
	color : #fcfccf;
	font-size : 160%;
	font-weight: normal;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 0% 0%;
}
h2 {
	color : #fcfccf;
	font-size : 130%;
	font-weight: normal;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 1.5% 0%;
}
h3 {
	color : #fcfccf;
	font-size : 110%;
	font-weight: normal;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 0% 0%;
}

#thema {
	font-size : 120%;
}

h4 {
	color : #fcfccf;
	font-size : 90%;
	font-weight: normal;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 0% 0%;
}
h5 {
	color : #fcfccf;
	font-size : 90%;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 1% 0%;
}
h6 {
	color : #fcfccf;
	font-size : 80%;
	line-height: 100%;
	margin : 0%;
	padding : 0% 0% 1% 0%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	
	h1 {
		font-size : 130%;
	}
	h2 {
		font-size : 120%;
	}
	h3 {
		font-size : 120%;
	}
	h4 {
		font-size : 100%;
	}
	#thema {
		font-size : 140%;
	}
	h5 {
		font-size : 90%;
	}
	h6 {
		font-size : 80%;
	}	
	
}


div {
	margin : 0%;
	padding : 0%;
}
div.main {
	overflow: auto;
	background: #1e232a;
	position: relative;
	width:99.9%;
	max-width:1250px;
	padding:0% 0% 0% 0%;
	margin-left: auto ;
	margin-right: auto ;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
}
div.simple {
	background-color: transparent;
	text-align : left;
	color:#fcfcf2;
	width: 100%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 2% 0%;
	float:left;
	overflow:hidden;
	border:0px solid green;
}
div.browseindex_leftnav {
	text-align : left;
	color:#fcfcf2;
	width: 55%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0.5% 1%;
	float:left;
	border:0px solid green;
}
div.browseindex_rightnav {
	text-align : left;
	color:#fcfcf2;
	width: 40%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0.5% 0.5% 0%;
	float:right;
	border:0px solid green;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.browseindex_leftnav, div.browseindex_rightnav {
	width:90%;
	float:left;
	padding : 0% 0% 0% 0%;
	margin : 0% 0% 4% 5%;
	}
}
div.title {
	clear:left;
	padding:0% 0% 0% 0%;
	margin : 0% 0% 0% 0%;
	overflow:visible;
	border:0px solid green;
	z-index:4;
}
div.banner {
	position: relative;
	padding:0% 0% 0% 0%;
	margin : 0% 0% 1% 0%;
	float:left;
	display: inline;
	width:100%;
	border-radius: 0px;
	overflow:visible;
	position:relative;
	border:0px solid green;
}
div.logo {
	float:left;
	width:18%;
	min-height:87px;
	overflow: visible;
	padding : 0.0% 0.0% 0.0% 0.0%;
	margin:  0.0% 0.0% 0.0% 0.0%;
	border:0px solid green;
	border-radius: 3px;
	z-index:3;
}
#logo {
	border: none;
	padding : 0% 0% 0% 0%;
	margin:0.0% 0.0% 0.0% 0.0%;
	border-radius: 0px;
	min-width:200px;
	max-width:300px;
	width:100%;
	margin: 0%;
	float:left;
	border:0px solid green;
}



div.smallnav {
	width:60%;
	float:right;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	overflow: visible;
	z-index:4;
}
/*
@media only screen and (max-width: 800px) {
	div.smallnav {
		width:99%;
		clear:left;
	}
}
*/
div.languageselect_start {
	position:relative;
	
	float:right;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
	overflow: visible;
	right:0%;
	z-index:4;
}
div.languageselect_int {
	
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*background: #13161a;*/
	white-space: nowrap; 
	opacity:1.0;
	border-radius: 0px 0px 0px 3px;
	float: right;
	text-align:left;
	z-index:10; 
}
div.languageselect_frame {
	min-width:150px;
	background-color: #FCFCF2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
	opacity: 1.0;
	display: none;
	position: absolute; 
	float: left;
	padding : 1% 1% 1% 1%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	z-index:10;
	position: absolute; 
	right: 0%;
}
div.languageselect_start:hover div.languageselect_frame { display: block; }
/*div.languageselect_start:hover div.languageselect_int { display: none; }*/
img.languageselect_flag {
	height:15px;
	border:0px;
		padding: 0px 5px 0px 4px;
		margin:3px 0px 0px 0px;
	float: right;
}

a.languageselect, a:active.languageselect, a:link.languageselect, a:visited.languageselect {
	color:#13161a;
	font-weight : normal;
	text-decoration : none;
	display:block;
	margin:8px 0px 0px 2px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	img.languageselect_flag {
		height:30px;
		padding: 0px 5px 0px 4px;
		margin:0px 0px 0px 0px;
	}
}
div.languageselect {
	width:98%;
	min-height:30px;
	white-space: nowrap; 
	clear:left;
	padding : 1% 1% 1% 1%;
	margin:  0% 0% 3% 0%;
	border-radius: 3px;
	text-align:left;
	line-height:99%;
	min-width:80px;
	overflow:visible;
	border:0px solid green;
	z-index:1;
}
div.languageselect:hover {
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
}
img.languageicon {
	float:left;
	padding:0px;
	margin: 0px 10px 0px 10px;
	border: 0px solid #243958;
	max-width:30px;
	vertical-align: middle;
}
div.javascript_message {
	float:left;
	width:98%;
	padding:1% 1% 1% 1%;
	margin:0% 0% 0% 0%;
}
div.navbar {
	padding:0%;
	margin:0%;
	position:absolute;
	float:right;
	overflow:visible;
	border:0px solid green;
	bottom: 0.0%;
	right: 0.0%;
	width:84%;
	z-index:3;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.banner {
		min-height: 120px;
	}
	div.smallnav {
		width:67%;
		margin-bottom: 2%;
	}
	div.logo {
		width:28%;
		border: 0px solid green;
	}
	#logo {
		min-height: 150px;
		width: auto;
		min-width: 200px;
		max-width: 400px;
		border: 0px solid green;

	}
	div.navbar {
		width:67%;
		float:right;
		position:relative;
		bottom: auto;
		right: auto;
		border: 0px solid green;
	}
}

@media only screen and (min-width: 320px) and (max-width: 800px) {
	div.banner {
		min-height: 120px;
	}
	div.smallnav {
		width:99%;
		clear:left;
	}
	div.logo {
		width:20%;
	}
	#logo {
		min-height: 100px;
		width: auto;
	}
	div.navbar {
		width:99%;
		clear:left;
		position:relative;
		bottom: auto;
		right: auto;
	}
}

/* -------------------------- MENU -------------------------- */
.cssmenu {
	margin:0px;
	padding:0px;
	float:right;
	opacity:1.0;
	width:100%;
	font-size:100%;
	border:0px solid green;
	}
.cssmenu  ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:right;
	border:0px solid green;
	width:100%;
	}
	.cssmenu  li {
		min-width:10%;
		min-height:25px;
		width:15.3%;
		/* background:#13161a; */
		background-color: #13161a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
		border:0px solid #fffffa;
		float:right;
		padding : 0.4% 1.1% 0.4% 1.1%;
		margin:  0.8% 0.8% 0.8% 0.0%;
		border-radius: 3px;
		box-shadow: 1px 1px 3px #000000;
		-webkit-box-shadow: 1px 1px 3px #000000;
		-moz-box-shadow: 1px 1px 3px #000000;
		border:0px solid green;
		}
	.cssmenu li:hover {
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
	}
	.cssmenu  li a{
		color:#fcfcf2;
		display:block;
		font-weight:normal;
		line-height: normal;
		margin:0px;
		padding:0px;
		text-align:center;
		text-decoration:none;
		background: transparent;
		}
	.cssmenu  li:hover, .cssmenu  li a:hover{
		/*background: transparent;*/
		/*background:#fcfcf2;*/
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		color:#13161a;
		text-decoration:none;		
		}
	.cssmenu  li.active{
		min-width:10%;
		min-height:25px;
		width:15.3%;
		color:#13161a;
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		border:0px solid #fcfcf2;
		float:right;
		padding : 0.4% 1.1% 0.4% 1.1%;
		margin:  0.8% 0.8% 0.8% 0.0%;
		border-radius: 3px;
		box-shadow: 4px 4px 10px #000000;
		-webkit-box-shadow: 4px 4px 12px #000000;
		-moz-box-shadow: 4px 4px 10px #000000;
		border:0px solid green;
		}
	.cssmenu  li.active:hover a, .cssmenu  li.active a, .cssmenu  li.active a:hover{
		color:#13161a;
		border:0px solid green;
		}
	.cssmenu  ul li:hover a{
		/*background:#13161a;*/
		color:#13161a;
		text-decoration:none;
		border-radius:3px 3px 0px 0px;
		border:0px solid green;
		}
	.cssmenu  li ul, .cssmenu  li.active ul{
		min-width:10%;
		border-radius:3px;
		display:none;
		height:auto;
		padding:0px;
		margin:5px 0px 0px 0%;
		border:0px;
		position:absolute;
		width:15.3%;
		z-index:200;
		}
	.cssmenu  li:hover ul{
		display:block;		
		}
	.cssmenu  li li {
		float:none;
		width:120%;
		padding : 0.4% 1.1% 0.4% 1.1%;
		margin:  1.0% 0.0% 0.0% -11.0%;
		/* background:#13161a; */
		background-color: #13161a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
		min-width:10%;
		min-height:30px;
		border:0px solid #fffffa;
		border-radius: 3px;
		box-shadow: 1px 1px 3px #000000;
		-webkit-box-shadow: 1px 1px 3px #000000;
		-moz-box-shadow: 1px 1px 3px #000000;
		border:0px solid green;
		}
	.cssmenu  li:hover li a{
		color:#fcfcf2;
		background:none;
		border:0px solid green;
		}
	.cssmenu  li.active:hover li a{
		color:#fcfcf2;
		background:none;
		}
	.cssmenu  li.active li a:hover{
		color:#243958;
		background:none;
		border:0px solid green;
		}
	.cssmenu  li ul a{
		display:block;
		margin: 1px 0px 0px 0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		border:0px solid green;
		}
	.cssmenu  li ul a:hover, .cssmenu  li ul li:hover a{
		color:#243958;
		text-decoration:none;
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		border-radius:3px;
		border:0px solid green;
		}
		#li_lastvisited, #li_lastsearched, #li_upload {
			width:25px;
			min-width:25px;
			overflow:hidden;
		}
		#li_suchformular {
			display:block;
		}
		#li_themen {
			display:block;
		}

		#li_browse {
			display:block;
		}
		#li_einstellungen {
			display:block;
		}
/*
@media only screen and (max-width: 800px) {

	div.navbar {
		width:99%;
		clear:left;
		position:relative;
		bottom: auto;
		right: auto;
	}
	.cssmenu  li, .cssmenu li.active, .cssmenu  li ul 
		{
			width:18.45%;
	}
}
*/
@media only screen and (min-width: 320px) and (max-width: 800px) {
		.cssmenu  li, .cssmenu li.active, .cssmenu  li ul 
		{
			width:45.0%;
		}
	
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
		.cssmenu  li, .cssmenu li.active, .cssmenu  li ul 
		{
			width:43.0%;
			height:40px;
			line-height:35px;
			padding: 5px 10px 5px 10px;
			margin: 5px 10px 5px 0px;
		}
		.cssmenu  li li, .cssmenu  li li:hover
		{
			width:250%;
			height:45px;
			padding : 1% 2.0% 1% 2.0%;
			margin:  1.0% 0.0% 0.0% -10.0%;
			box-shadow: 1px 1px 3px #eeeeee;
		}
		.cssmenu  li a, .cssmenu  li a:hover, .cssmenu  ul li:hover a, .cssmenu  li:hover li a, .cssmenu  li ul a, .cssmenu  li ul a:hover, .cssmenu  li ul li:hover a
		{
			font-size:120%;
			line-height:35px;
		}
		#li_lastvisited, #li_lastsearched, #li_upload {
			width:11%;
			min-width:30px;
			display:inline;
			float:right;
		}
		#li_upload {
			clear:right;
		}
		#li_suchformular {
			display:inline;
			float:right;
		}
		#li_themen {
			display:inline;
			float:right;
		}
		#li_browse {
			display:inline;
			float:right;
		}
		#li_einstellungen {
			display:inline;
			float:right;
			
		}
	}



div.navbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 3px;
	font-size:90%;
	text-align:center;
	width:20%;
	/*border-right: 1px solid #fffffa;*/
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	/*
	background-color: #243958;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F4A73), to(#243958));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#2F4A73), to(#243958));
	*/
	right:0px;
	box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	-moz-box-shadow: 2px 2px 5px #000000;
	border:0px solid green;
}
div.navbarelement1:hover {
	/*background-color: #c8c8c8;*/
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
}
div.activenavbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 3px;
	font-size:90%;
	text-align:center;
	width:20%;
	/*background-color: #fffffa;*/
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
	right:0px;
	box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	-moz-box-shadow: 2px 2px 5px #000000;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.navbarelement1, div.activenavbarelement1, div.navbarelement1:hover {
		width:30%;
		min-height:40px;
		height:40px;
		font-size :130%;
	}
}

div.simplenavbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 3px;
	font-size:90%;
	text-align:center;
	width:20%;
	/*border-right: 1px solid #fffffa;*/
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	/*
	background-color: #243958;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F4A73), to(#243958));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#2F4A73), to(#243958));
	*/

	box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	-moz-box-shadow: 2px 2px 5px #000000;
	border:0px solid green;
}
div.simplenavbarelement1:hover {
	/*background-color: #c8c8c8;*/
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
}
div.activesimplenavbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 3px;
	font-size:90%;
	text-align:center;
	width:20%;
	/*background-color: #fffffa;*/
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
	
	box-shadow: 2px 2px 5px #000000;
	-webkit-box-shadow: 2px 2px 5px #000000;
	-moz-box-shadow: 2px 2px 5px #000000;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.simplenavbarelement1, div.activesimplenavbarelement1, div.simplenavbarelement1:hover {
		width:30%;
		min-height:40px;
		height:40px;
		font-size :130%;
	}
}

/*
div.subnavbar {
	padding:0.0% 0.0% 0.0% 0.5%;
	margin:3% 0.0% 3.0% 0.0%;
	width:99%;
	float:left;
	overflow:visible;
	border:0px solid green;
}
*/

/*
div.last_visited_start {
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	overflow:visible;
}

div.last_visited {
	display:none;
	float:right;
	padding : 1% 1% 1% 1%;
	margin:  2% 0% 0% 0%;
	border-radius: 5px;
	text-align:left;
	line-height:50%;
	background-color: #13161a;
	width:55%;
	min-width:100px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:visible;
	opacity: 0.855;
	border:0px solid green;
	position:absolute;
	z-index:3;
}
div.last_visited_start:hover div.last_visited {
	display: block;
	}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
		div.last_visited_start {
			display:none;
		}
	}

*/
div.sliderbox  {
	width:90.0%;
	float:left;
	padding : 0.8% 3.8% 0.8% 3.8%;
	margin: 0.0% 2% 0.5% 1%;
	border-radius: 3px;
	text-align:left;
	color: #fcfcf2;
	/*border-right: 1px solid #fcfcf2;*/
	/*background-color: #525d6a;*/
	min-width:8%;
	right:0px;
	overflow:visible;
	border:0px solid green;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.sliderbox {
		margin:  0% 0.0% 0.0% 0.0%;
		}
}
@media only screen and (max-width: 320px) {
div.sliderbox {
	margin:  25.0% 0.0% 0.0% 0.0%;
	}
}
/* Live-Suche*/
#livesearch_drop {
	position:relative;
	clear:left;
	width:70%;
	margin:0.0% 0.0% 0.0% 0.0%;
	padding:0.0% 0.0% 0.0% 0.0%;
	float:left;
	border:0px solid green;
	height:0px;
	overflow:visible;
	z-index:200;
	background:#fcfcf2;
}
#livesearch {
	background:#fcfcf2;
	clear:left;
	position:relative;
	z-index:2;
	border:0px solid green;
	text-align:left;
	margin-left:4%;
	padding:0.0% 0.0% 0.0% 0.0%;
	width:240%;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
}
div.livesuche_treffer {
	clear:left;
	overflow:hidden;
	margin:0%;
	padding: 2% 1% 0% 1%;
	width:98%;
}
div.livesuche_treffer_image {
	height:50px;
	width: 40px;
	overflow:hidden;
	float:left;
	padding: 0% 0% 0% 0%;
	margin:0% 2% 0% 0%;
}
p.live {
	font-size:90%;
	padding:0.0% 0% 0.5% 0%;
	margin:0% 1% 1.1% 0%;
	color : #525d6a;
	line-height: 100%;
	background-color: #fcfcf2;
}

a.livelink, a:active.livelink, a:link.livelink, a:visited.livelink {
	color : #243958;
	text-decoration : none;
	line-height: 100%;
	text-align: left;
}
a:hover.livelink, a:hover:active.livelink, a:hover:link.livelink, a:hover:visited.livelink {
	color : #243958;
}
p.live:hover a.livelink {
	color : #243958;	
}
a:hover.livelink {
	color : #fcfcf2;	
}
span.suchtreffer {
	margin:4% 0% 0% 0%;
	padding:0px;
	background:#f8f857;
	opacity:0.6;
	color : #000000;
	font-weight : normal;
}
a.barnav, a:active.barnav, a:link.barnav, a:visited.barnav {
	color : #fcfcf2;
	font-weight : normal;
	font-size: 85%;
	text-decoration : none;
	display:block;
	text-align: center;
	padding:0% 0% 0% 4%;
	border:0px solid green;
}
a:hover.barnav {
	color : #13161A;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	a.barnav, a:hover.barnav, a:active.barnav, a:link.barnav, a:visited.barnav {
		font-size : 85%;
	}
}


div:hover.navbarelement, div:hover.navbarelement1 a.barnav {
	color : #243958;
	
}
div:hover.navbarelement, div:hover.navbarelement1 a.barnav1 {
	color : #243958;
}
a.barnavactive, a:active.barnavactive, a:link.barnavactive, a:visited.barnavactive {
	color : #243958;
	font-weight : normal;
	text-decoration : none;
	display:block;
}
a.barnav1, a:active.barnav1, a:link.barnav1, a:visited.barnav1 {
	color : #4A4A4A;
	font-weight : normal;
	letter-spacing:0px;
	word-spacing:0px;
	font-size:80%;
	text-decoration : none;
	display:inline;
	float:right;
	padding: 0px 5px 0px 5px;
	margin:4px 0px 0px 0px;
	border-right: 1px solid #4A4A4A;

}
a.barnav1active, a:active.barnav1active, a:link.barnav1active, a:visited.barnav1active {
	
	color : #fcfcf2;
	font-weight : normal;
	letter-spacing:0px;
	word-spacing:0px;
	font-size:80%;
	text-decoration : none;
	display:inline;
	float:right;
	padding: 0px 5px 0px 4px;
	margin:4px 0px 0px 0px;
	border-right: 1px solid #4A4A4A;
}

a:hover.barnav1 {
	color : #13161a;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	a.barnav1, a:active.barnav1, a:link.barnav1, a:visited.barnav1, a.barnav1active, a:active.barnav1active, a:link.barnav1active, a:visited.barnav1active {
		font-size:115%;
		padding: 0px 8px 0px 8px;
	}
}


a.simplebarnav1, a:active.simplebarnav1, a:link.simplebarnav1, a:visited.simplebarnav1 {
	color : #fcfcf2;
	font-weight : normal;
	font-size:90%;
	text-decoration : none;
	display:block;
}
a.simplebarnav1active, a:active.simplebarnav1active, a:link.simplebarnav1active, a:visited.simplebarnav1active {
	color : #4A4A4A;
	font-size:90%;
}

a:hover.simplebarnav1 {
	color : #243958;
}





a.small, a:active.small, a:link.small, a:visited.small {
	color : #fcfcf2;
	font-weight : normal;
	font-size: 80%;
	text-decoration : underline;
	display:inline;
}
a:hover.small {
	color : #525d6a;
}

div.maincontent {
	display: inline;
	width:100%;
	float:left;
	border: 0px solid #ffffff;
	clear:left;
	padding:0% 0% 0% 0%;
	margin : 0% 0% 0% 0%;
	border:0px solid green;
	position:relative;
	z-index:1;
}




div.einzelbildanzeige {
	text-align:center;
	border-radius: 3px;
	width: 94.5%;
	float: left;
	padding: 1.0% 1.0% 1.0% 0.6%;
	margin: 0% 0% 0% 3.0%;
	border-radius: 3px;
	overflow: hidden;
	border:0px solid green;
}
div.einzelbildanzeigetext {
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	color : #fcfccf;
	font-weight : normal;
	padding: 0.5% 0.5% 0.5% 0.5%;
	margin: 0% 0% 2% 0%;
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	min-height:85px;
	text-align: center;
	width:45%;
	min-width:200px;
	/*
	left: 50%;
	margin-left: 25%;
	*/
	opacity: 0.8;
	overflow:visible;
	z-index:1;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.einzelbildanzeigetext {
	background:#4a4a4a;
		width:60%;
		min-height:60px;
		line-height:90%;
		padding: 0.1% 0.1% 0.1% 0.1%;
		left: 50%;
		margin-left: 20%;
	}
}
div.einzelbildanzeigenav {
	display: block;
	white-space: nowrap;
	float:left;
	padding : 1% 1.5% 1% 1.5%;
	margin:  1% 0.55% 0.55% 0.55%;
	border-radius: 3px;
	text-align:center;
	/*background-color: #13161a;*/
	background-color: #243958;
	width:42%;
	min-width:80px;
	box-shadow: 4px 4px 10px #525d6a;
	-webkit-box-shadow: 4px 4px 12px #525d6a;
	-moz-box-shadow: 4px 4px 10px #525d6a;
	overflow:visible;
	opacity: 1;
	border:0px solid green;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.einzelbildanzeigenav {
		display:none;
		}
	}
div.einzelbildanzeigenav:hover {
	color: #525d6a;
	background-color: #eeeeee;
	overflow:visible;
	display:none;
}
div.bildrahmen {
	box-shadow: 4px 4px 100px #202020;
	-webkit-box-shadow: 4px 4px 10px #202020;
	-moz-box-shadow: 4px 4px 10px #202020;
	float: left;
	padding: 0% 0% 0% 0%;
	margin: 0% 3% 0% 0%;
	width: 20%;
	text-align: center;
	overflow: hidden;
}
img.suchbild {
	width: 100%;
	padding: 0px;
	border:0px;
}
div.bildtext {
	text-align : left;
	color:#fcfcf2;
	width: 98%;
	padding: 0% 0% 0% 0%;
	margin: 1% 1% 1% 1%;
	float:left;
	border:0px solid green;
}
div.einzeltreffer_frame {
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 10px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	border-radius: 3px;
	width: 30%;
	height:220px;
	float: left;
	padding:0%;
	margin: 0% 2.5% 2.6% 0%;
	border-radius: 3px;
	overflow: hidden;
	border:0px solid green;
	/*background: #243958;*/
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.3,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.3,#13161A));
	z-index:0;
}

div.kategorie_frame {
	border-radius: 3px;
	padding:0%;
	margin: 0% 2.5% 2.6% 0%;
	float:left;
	width: 180px;
	height: 180px;
}






div.frame_suchvorlage {
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 10px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	border-radius: 3px;
	width:89%; 
	height: auto;
	float: left;
	padding: 10px;
	margin:0% 3% 0% 3%;
	border-radius: 3px;
	overflow: hidden;
	border:0px solid green;
	/*background: #243958;*/
	background-color: #13161a;

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.3,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.3,#13161A));
	z-index:0;
}


div.einzeltreffer_frame_image  {
	float:left;
	padding:0px;
	padding:0px;
	margin:0%;
	overflow: hidden;
	border:0px solid green;
	max-width:52%;
}

div.einzeltreffer_frame_text {
	display:inline;
	position:relative;
	float:right;
	width:44%;
	height:100%;
	text-align: left;
	opacity:1.0;
	padding:2% 1% 2% 1%;
	margin:0%;
	overflow: hidden;
	border-radius: 3px 3px 0px 0px;
	border:0px solid green;
}

div.einzeltreffer_frame_nav {
	position:absolute;
	float:left;
	bottom:0.0%;
	width:100%;
	height:33%;
	text-align: left;
	/*background: #243958;*/
	background-color: #13161a;*
	opacity:0.85;
	padding:2% 1% 2% 1%;
	margin:2% 0% 0% 0%;
	overflow: hidden;
	border-radius: 3px 3px 0px 0px;
	border:0px solid green;
}


div.einzeltreffer_frame_navelement {
	position: absolute;
	float:right;
	right:0.0%;
	bottom:15.0%;
	z-index:3;
	display: block;
	white-space: nowrap;
	padding : 1.2% 0.5% 1.2% 0.5%;
	margin:  1% 0.0% 4% 0.00%;
	border-radius: 3px 0px 0px 3px;
	text-align:left;
	/*background-color: #507CBF;*/
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	min-height:25px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:visible;
	width:100%;
	opacity:1.0; 
	border:0px solid green;
}
div:hover.einzeltreffer_frame_navelement {
		background-color: #FCFCF2;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		opacity:1.0;
}
div:hover.einzeltreffer_frame_navelement  a.barnav {
	color: #243958;
}
div:hover.einzeltreffer_frame_navelement  a.barnav1 {
	color: #243958;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.einzeltreffer_frame {
		width: 45%;
		height:241px;
		margin: 0% 4.5% 4.5% 0%;
	}

	div.kategorie_frame {
		width: 200px;
		height: 200px;
	}	

	div.einzeltreffer_frame_image  {
			width:40%;
	}
	div.einzeltreffer_frame_text  {
			width:55%;
	}
	div.einzeltreffer_frame_nav {
		height:  28%;
		border: 0px solid green;
	}
	div.einzeltreffer_frame_navelement {
		/*margin:  1% 0.0% 2% 0.00%;*/
			height:40px;
			line-height:35px;
			padding: 5px 10px 5px 10px;
			margin: 5px 10px 5px 0px;
	}
}

div.floating_box {
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 10px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	width: 100%;
	height:auto;
	float: left;
	padding: 2% 2% 5% 2%;
	margin: 0% 0% 6% 0%;
	border-radius: 3px;
	overflow: visible;
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
}

/*
Links
*/

a, a:link, a:visited, a:active {
	color : #fcfcf2;
	text-decoration : none;
}
a.navi, a:active.navi, a:link.navi, a:visited.navi {
	text-decoration : none;
	display:block;
}
a:hover.navi {
	color : #13161A;
}

div.structnav:hover a.navi {
	color : #13161A;
}

a.navi1, a:active.navi1, a:link.navi1, a:visited.navi1 {
	color : #fcfcf2;
	font-size:95%;
	text-decoration : none;
	display:block;
}
a:hover.navi1 {
	text-decoration : none;
	color : #13161A;
}

/*

a.activenavi, a:active.activenavi, a:link.activenavi, a:visited.activenavi {
	color : #fcfcf2;
	text-decoration : none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
a.activenavi, a:active.activenavi, a:link.activenavi, a:visited.activenavi {
	}
}
a:hover.activenavi {
	color : #fcfcf2;
	text-decoration : underline;
}
*/

/*
 Formularfelder
*/

div.suchformular {
	float:left; 
	float:left;
	padding : 0.3% 0.8% 0.3% 0.8%;
	margin:  0.35% 0.35% 0.0% 0.0%;
	border-radius: 3px;
	text-align:center;
	background-color: #525d6a;
	min-width:8%;
	width: 17%;
	right:0px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
}

.input0, .textarea0 {
	font-size : 120%;
	font-family : "Trebuchet Ms", Trebuchet, Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: #fffffa;
	border: 0px;
	padding: 0% 4% 0% 4%;
	margin: 0%;
	float:left;
	border-radius: 3px;
}

.input, .textarea {
	font-size : 100%;
	font-family : "Trebuchet Ms", Trebuchet, Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #525d6a;
	border: 0px;
	padding: 0px;
	margin: 1.0% 1% 1.0% 0%;
	width: 85%;
	color:#525d6a;
	text-align: center;
}
.activeinput, .activetextarea {
	font-family : "Trebuchet Ms", Trebuchet, Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size : 100%;
	background-color: #fcfcf2;
	border: 0px;
	padding: 0px;
	margin: 0% 1% 0% 0%;
	width: 85%;
	color:#525d6a;
	text-align: center;
}
.dashed {
	font-size : 100%;
	background-color: #525d6a;
	border: 0px dotted #4a4a4a;
	padding: 0px;
	margin: 0% 0% 0% 0%;
	width: 85%;
	color:#525d6a;
	text-align: center;
}
.select {
	float:left;
	padding : 1% 1% 1% 1%;
	margin:  0% 0% 1.5% 0.0%;
	border-radius: 3px;
	text-align:center;
	font-size : 100%;
	line-height:95%;
	background-color: #13161a;
	color : #fcfccf;
	width:30%;
	min-width:80px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:hidden;
	border:0px solid green;
}
input:hover, textarea:hover {
	background-color: #eeeeee;
	color:#a8b1ba;
}
.submit{
	font-size:15px;
	font-weight:normal;
	color:#fcfcf2;
	/*max-height: 17px;*/
	background-color: #243958;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	border-radius: 3px;
	text-align:center;
	background-color: #243958;
	overflow:visible;
	border:0px solid green;
}

.submit0{
	font-weight:normal;
	color:#fcfcf2;
	/*max-height: 17px;*/
	background-color: #243958;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	border-radius: 3px;
	text-align:center;
	background-color: #243958;
	overflow:visible;
	border:0px solid green;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	
	.activeinput, .avtivetextarea {
		font-size : 120%;
		text-align: center;
	}
}
.check, .radio {
	color:#0d4b91;
	padding: 2px 2px 2px 2px;
}

div.footer {
	width:99.5%;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	clear:both;
	right:0px;
	display: inline;
}

/*
Listenelemente
*/

li.listenpunkt {
	font-weight : normal;
	font-size:90%;
}

/*Viewer*/

div.viewertitle {
	width:99.8%;
	padding: 0% 0% 0% 0%;
	margin: 1% 0% 0.8% 0%;
	float: left;
	padding : 0%;
	border:0px solid green;
	position:relative;
	z-index:3000;
	opacity: 0.95;
}
div.viewertitleicon{
	float:left;
	padding-right:1%;
	margin:0%;
	/*width:2%;*/
	min-width:30px;
	border:0px solid green;
}
div.viewertitletext {
	float:left;
	width:90%;
	margin:0% 0% 0% 0%;
	border:0px solid green;
}
div.viewertitle_subframe {
	color: #fcfcf2;
	/*background:#13161a;*/
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	display: none;
	position: absolute; 
	width:90%;
	float: left;
	padding : 0%;
	border:0px solid green;
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	z-index:1000;
}
div.viewertitleicon:hover div.viewertitle_subframe { display: block; padding: 1% 1% 1% 1%;  }
/*div.viewertitle:hover div.viewertitle_subframe { display: block; padding: 1% 1% 1% 1%;  }*/
img.imagepreview {
	width:25%;
	max-width:200px;
	border:0px;
	float:left;
	margin: 0px 20px 10px 0px;
}
img.icon {
	float:left;
	border: 0px solid #243958;
	margin:0px 4px 0px 0px;
	max-width: 40px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
img.icon {
	min-width:50px; 
	}
}
img.visited {
	width:18px;
	margin:0% 4% 0% 4%;
	padding:0px;
	border: 0px solid green;
	vertical-align:middle;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
img.visited {
	width:30px;
	margin:1% 1% 1% 1%;
	display:inline;
	}
}
img.suchvorlagenimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 4px 4px 10px #000000;
	border:0px;
	border-radius: 3px;
	max-height: 175px;
}
img.einzelsegmentimg {
	height:201px;
	float:left;
	border:0px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 4px 4px 10px #000000;
}

img.ausgewaehlt {
	float:right;
	border:3px solid #507CBF;
	border-radius:3px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	img.suchvorlagenimg {
		height:110px;
	}
	img.einzelsegmentimg {
		height:80px;
	}
}

div.label_einzelseite {
	float:left;
	max-width:63%;
	text-align:left;
	line-height:100%;
	padding:0% 0% 0% 0%;
	margin:0% 0% 0% 0%;
	border:0px solid green;
	color:#fcfcf2;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.label_einzelseite {
	font-size:120%;
	}
}
div.switch2 {
	width:auto;
	font-size:100%;
	color:#fcfcf2;
	margin:0% 0% 0% 0%;
	padding : 1% 2% 1% 2%;
	border-radius: 3px;
	text-align:center;
	/*background-color: #243958;*/
	background-color: #507CBF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#507CBF), to(#243958));
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:visible;
	border:0px solid green;
	white-space: nowrap;
}

div.switch2:hover {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
}
div.switch2:hover a.barnav {
	color : #13161A;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
div.switch2 {
		max-width:60%;
		font-size:130%;
		min-height:25px;
	}
}
div.vertical_leftnav {
	float:left;
	display:inline;
	overflow:visible;
	width:2.5%;
	min-width:30px;
	border:0px solid green;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	z-index:1;
}
div.structnav_start {
	width:100%;
	clear: left;
	padding : 0% 0% 0% 0%;
	margin: 1% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
	z-index:1;
}
div.structnav_frame {
	background-color: #13161a;
	opacity: 0.9;
	display: none;
	position: absolute; 
	width:45%;
	float: left;
	padding : 1% 1% 1% 1%;
	margin: 0.2% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	z-index:4;
}
div.structnav_start:hover div.structnav_frame {
	display: block; min-height:24px;
	}
div.structnav {
	clear:left;
	padding : 1% 1% 1% 1%;
	margin:  2% 2% 2% 2%;
	border-radius: 3px;
	text-align:left;
	line-height:95%;
	background-color: #13161a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#4A5766), to(#13161A), color-stop(.5,#13161A));
	width:95%;
	min-width:80px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:visible;
	opacity: 1;
	border:0px solid green;
	z-index:1;
}
div.structnav:hover, div.weitereimages:hover{
	color: #13161a;
	background-color: #525d6a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#FCFCF2), to(#C4C4BC), color-stop(.9,#C4C4BC));
}

/*li ul a:hover, .cssmenu  li ul li:hover a*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.structnav_start {
		min-height:100px;
	}
	div.structnav_frame {
		padding : 1% 1% 1% 1%;
		opacity: 1.0;
		display: none;
		width:60%;
		box-shadow: 4px 4px 10px #eeeeee;
		-webkit-box-shadow: 4px 4px 12px #eeeeee;
		-moz-box-shadow: 4px 4px 10px #eeeeee;
	}
	div.structnav {
		box-shadow: 4px 4px 10px #eeeeee;
		-webkit-box-shadow: 4px 4px 12px #eeeeee;
		-moz-box-shadow: 4px 4px 10px #eeeeee;
		font-size:130%;
	}
	div.structnav:hover {
		color: #fcfcf2;
		background-color: #eeeeee;
	}

}
div.weitereimages_start {
	float:right;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
}
div.weitereimages_frame {
	background-color: #13161a;
	opacity: 0.97;
	display: none;
	position: absolute; 
	width:45%;
	float: left;
	padding : 1% 2% 1% 1%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	/*border:2px solid #525d6a;*/
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	z-index:1;
	position: absolute; 
	right: 0%;
}
div.weitereimages_start:hover div.weitereimages_frame {
	display: block; min-height:24px;
	}
div.weitereimages {
	padding : 1% 1% 1% 1%;
	margin:  0% 2% 2% 0.0%;
	border-radius: 3px;
	text-align:left;
	line-height:95%;
	background-color: #13161a;
	width:100%;
	min-width:80px;
	height:70px;
	overflow:hidden;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	overflow:hidden;
	opacity: 1;
	border:0px solid green;
	clear:left;
}
div.weitereimages_preview {
	height:60px;
	width: 60px;
	overflow:hidden;
	float:left;
	padding: 0% 0% 0% 0%;
	margin:0% 2% 0% 0%;
}
div.weitereimages:hover {
	color: #13161a;
	background-color: #525d6a;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.weitereimages_start {
		/* min-height:130px;*/
	}
	div.weitereimages_frame {
		padding : 1% 2% 1% 1%;
		opacity: 1.0;
		display: none;
		width:60%;
		left: 33%;
		margin-left: 0%;
		box-shadow: 4px 4px 10px #eeeeee;
		-webkit-box-shadow: 4px 4px 12px #eeeeee;
		-moz-box-shadow: 4px 4px 10px #eeeeee;
	}
	div.weitereimages {
		box-shadow: 4px 4px 10px #eeeeee;
		-webkit-box-shadow: 4px 4px 12px #eeeeee;
		-moz-box-shadow: 4px 4px 10px #eeeeee;
		font-size:130%;
		min-height:90px;
	}
	div.weitereimages_preview {
		height:90px;
		width: 90px;
	}
	div.weitereimages:hover {
			color: #fcfcf2;
			background-color: #eeeeee;
		}
}
div.imagenav_start {
	width:100%;
	clear: left;
	min-height:60px;
	padding : 0% 0% 0% 0%;
	margin: 2% 0% 2% 0%;
	text-align:left;
	border:0px solid green;
	z-index:2;
}
div.imagenav_frame {
	display:block;
	/*background:#13161a;*/
	background: #1e232a;
	position: absolute;
	width:98.8%;
	clear: left;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
	border-radius: 3px;
	vertical-align: baseline;
}
div.imagenav_element {
	padding : 0.0% 0.0% 0.0% 0.0%;
	margin: 0.0% 1% 0.0% 0%;
	float:left;
	border:0px solid green;
}
div.imagenav_close {
	margin:8% 2% 2% 2%;
	clear:right;
	display: block;
	border:0px solid green;
	position:absolute; 
	bottom:0px;
	right:0px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.imagenav_start {
		min-height:130px;
	}
	div.imagenav_frame {
		background:#13161a;
		opacity: 0.8;
		display: none;
		position: absolute; 
		width:90%;
		min-height:100px;
		clear: left;
		padding : 2% 2% 2% 2%;
		margin: 1% 0% 0% 0%;
		text-align:left;
		border:0px solid green;
		border-radius: 3px;
	}
	div.imagenav_element {
		padding : 0.0% 0.0% 0.0% 0.0%;
		margin: 0.5% 2% 0.5% 1%;
		float:left;
		border:0px solid green;
	}
	div.imagenav_close {
	display:block;
	}
	
}

div.imagenav_start:hover div.imagenav_frame { display: block; min-height:24px; }

img.imgnavicon {
	float:left;
	max-height:38px;
	border:0px;
}
    #imgnavicon_start {
      display:none;
    }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	img.imgnavicon {
		max-height:48px;
		min-height:100px;
	}
    #imgnavicon_start {
      display:block;
    }
}
div.imageview {
	float:left;
	padding : 0% 0% 0% 0%;
	margin: 60px 0% 2% 0%;
	text-align:right;
	border-radius: 3px;
	width:90%;
	border:0px solid green;
	position:relative;
	z-index:-100;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	div.imageview {
		width:92%;
	}
}
div.singlepagefloat {
	float: left;
	width:99.9%;
	padding: 0%;
	border:0px solid green;
}
div.doublepagefloat {
	padding: 0px 0px 0px 0px;
	width:99.5%;
	text-align: center; 
	float: right;
	border:0px solid green;
}
div.singlepagefloat_l {
	float:left;
	padding: 2px 2px 2px 2px;
	max-width:47%;
	text-align:right;
	border:0px solid green;
}
div.singlepagefloat_r {
	float:left;
	padding: 2px 2px 2px 2px;
	max-width:47%;
	text-align:left;
	border:0px solid green;
}
div.multipleplagefloat {
	float:left;
	padding: 2px 2px 2px 2px;
	border:0px solid green;
	width:18.7%;
}
div.parameterselect_start {
	display:inline;
	width:3%;
	float:right;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border:0px solid green;
	overflow: visible;
}
div.parameterselect_menu {
	display:block;
	padding:2px 2px 2px 2px;
	margin:0px 0px 0px 0px;
	/*background-color: #243958;*/
	opacity:1.0;
	border:0px solid green;
	border-radius: 0px 0px 0px 3px;
	/*
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	*/
	position: absolute;
	float: right;
	text-align:left;
	z-index:200; 
}
img.parameterselect_icon {
	width:29px;
	border:0px;
	margin:10px 0px 0px 0px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	img.parameterselect_icon {
		width:40px;
		margin:10px 10px 10px 10px;
	}
}
div.parameterselect_frame {
	min-width:450px;
	max-width:800px;
	background-color: #13161a;
	opacity: 1.0;
	display: none;
	position: absolute; 
	float: right;
	padding : 30px;
	margin: -30px 0% 0% 0%;
	text-align:left;
	border-radius: 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
	z-index:10;
	right: 0%;
	vertical-align:baseline;
}
div.parameterselect_menu:hover div.parameterselect_frame { display: block; }
/* CLOUD */
div.mdzcloud {
	text-align : center;
	line-height: 1.0;
	font-family : Calibri, Verdana, Arial, Helvetica, sans-serif;
	width:98%;
	padding:1%;
	margin:0% 4% 4% 0%;
	float:left;
	border:2px solid #808080;
	background : #13161a;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 4px 4px 10px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
	-moz-box-shadow: 4px 4px 10px #000000;
}
a.cloud_, a:active.cloud_, a:link.cloud_, a:visited.cloud_ {
	color : #808080;
	font-weight : normal;
	font-size : 80%;
	text-decoration : none;
}
a:hover.cloud_ {
	color : #808080;
	background:#fffffa;
	font-weight : normal;
	font-size : 80%;
	text-decoration : underline;
}
a.cloud_0, a:active.cloud_0, a:link.cloud_0, a:visited.cloud_0 {
	color : #808080;
	font-weight : normal;
	font-size : 80%;
	text-decoration : line-through;
}
a:hover.cloud_0 {
	color : #13161a;
background:#fffffa;
	font-weight : normal;
	font-size : 80%;
	text-decoration : underline;
}
a.cloud_1, a:active.cloud_1, a:link.cloud_1, a:visited.cloud_1 {
	color : #808080;
	font-weight : normal;
	font-size : 80%;
	text-decoration : none;
}
a:hover.cloud_1 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 80%;
	text-decoration : underline;
}
a.cloud_2, a:active.cloud_2, a:link.cloud_2, a:visited.cloud_2 {
	color : #808080;
	font-weight : normal;
	font-size : 90%;
	text-decoration : none;
}
a:hover.cloud_2 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 90%;
	text-decoration : underline;
}
a.cloud_3, a:active.cloud_3, a:link.cloud_3, a:visited.cloud_3 {
	color : #808080;
	font-weight : normal;
	font-size : 100%;
	text-decoration : none;
}
a:hover.cloud_3 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 100%;
	text-decoration : underline;
}
a.cloud_4, a:active.cloud_4, a:link.cloud_4, a:visited.cloud_4 {
	color : #808080;
	font-weight : normal;
	font-size : 110%;
	text-decoration : none;
}
a:hover.cloud_4 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 110%;
	text-decoration : underline;
}
a.cloud_5, a:active.cloud_5, a:link.cloud_5, a:visited.cloud_5 {
	color : #808080;
	font-weight : normal;
	font-size : 120%;
	text-decoration : none;
}
a:hover.cloud_5 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 120%;
	text-decoration : underline;
}
a.cloud_6, a:active.cloud_6, a:link.cloud_6, a:visited.cloud_6 {
	color : #808080;
	font-weight : normal;
	font-size : 130%;
	text-decoration : none;
}
a:hover.cloud_6 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 130%;
	text-decoration : underline;
}
a.cloud_7, a:active.cloud_7, a:link.cloud_7, a:visited.cloud_7 {
	color : #808080;
	font-weight : normal;
	font-size : 140%;
	text-decoration : none;
}
a:hover.cloud_7 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 140%;
	text-decoration : underline;
}
a.cloud_8, a:active.cloud_8, a:link.cloud_8, a:visited.cloud_8 {
	color : #808080;
	font-weight : normal;
	font-size : 150%;
	text-decoration : none;
}
a:hover.cloud_8 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 150%;
	text-decoration : underline;
}
a.cloud_9, a:active.cloud_9, a:link.cloud_9, a:visited.cloud_9 {
	color : #808080;
	font-weight : normal;
	font-size : 160%;
	text-decoration : none;
}
a:hover.cloud_9 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 160%;
	text-decoration : underline;
}
a.cloud_10, a:active.cloud_10, a:link.cloud_10, a:visited.cloud_10 {
	color : #808080;
	font-weight : normal;
	font-size : 170%;
	text-decoration : none;
}
a:hover.cloud_10 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 170%;
	text-decoration : underline;
}
a.cloud_11, a:active.cloud_11, a:link.cloud_11, a:visited.cloud_11 {
	color : #808080;
	font-weight : normal;
	font-size : 180%;
	text-decoration : none;
}
a:hover.cloud_11 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 180%;
	text-decoration : underline;
}
a.cloud_12, a:active.cloud_12, a:link.cloud_12, a:visited.cloud_12 {
	color : #808080;
	font-weight : normal;
	font-size : 190%;
	text-decoration : none;
}
a:hover.cloud_12 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 190%;
	text-decoration : underline;
}
a.cloud_13, a:active.cloud_13, a:link.cloud_13, a:visited.cloud_13 {
	color : #808080;
	font-weight : normal;
	font-size : 200%;
	text-decoration : none;
}
a:hover.cloud_13 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 200%;
	text-decoration : underline;
}
a.cloud_14, a:active.cloud_14, a:link.cloud_14, a:visited.cloud_14 {
	color : #808080;
	font-weight : normal;
	font-size : 210%;
	text-decoration : none;
}
a:hover.cloud_14 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 210%;
	text-decoration : underline;
}
a.cloud_15, a:active.cloud_15, a:link.cloud_15, a:visited.cloud_15 {
	color : #808080;
	font-weight : normal;
	font-size : 220%;
	text-decoration : none;
}
a:hover.cloud_15 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 220%;
	text-decoration : underline;
}
a.cloud_16, a:active.cloud_16, a:link.cloud_16, a:visited.cloud_16 {
	color : #808080;
	font-weight : normal;
	font-size : 230%;
	text-decoration : none;
}
a:hover.cloud_16 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 230%;
	text-decoration : underline;
}
a.cloud_17, a:active.cloud_17, a:link.cloud_17, a:visited.cloud_17 {
	color : #808080;
	font-weight : normal;
	font-size : 240%;
	text-decoration : none;
}
a:hover.cloud_17 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 240%;
	text-decoration : underline;
}
a.cloud_18, a:active.cloud_18, a:link.cloud_18, a:visited.cloud_18 {
	color : #808080;
	font-weight : normal;
	font-size : 250%;
	text-decoration : none;
}
a:hover.cloud_18 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 250%;
	text-decoration : underline;
}
a.cloud_19, a:active.cloud_19, a:link.cloud_19, a:visited.cloud_19 {
	color : #808080;
	font-weight : normal;
	font-size : 260%;
	text-decoration : none;
}
a:hover.cloud_19 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 260%;
	text-decoration : underline;
}
a.cloud_20, a:active.cloud_20, a:link.cloud_20, a:visited.cloud_20 {
	color : #808080;
	font-weight : normal;
	font-size : 270%;
	text-decoration : none;
}
a:hover.cloud_20 {
	color : #13161a;
	background:#fffffa;
	font-weight : normal;
	font-size : 270%;
	text-decoration : underline;
}