/*
Zedler-Lexikon
*/

html, body {
	
	background-color: #4a4a4a;
	/*background-color: #faf9f5;*/
	font-family : Calibri, Times New Roman, Verdana, Arial, Helvetica, sans-serif;
	font-stretch: normal;
	color : #555555;
	font-size: 100%;
	line-height: 110%;
	margin : 0;
	padding : 0px 0px 0px 0px;
	border: 0px solid green;
}


div {
	margin : 0%;
	padding : 0%;
}


div.main {
	position: relative;
	background-color: #faf9f5;
	width:99.8%;
	max-width:1280px;
	padding:0% 0% 0% 0%;
	margin : 0% 0% 0% 0%;
	border: 0px solid green;
	margin-left: auto ;
	margin-right: auto ;
	overflow: hidden;
	min-height:1024px;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}


p {
	color : #4e4e4e;
	font-size : 100%;
	margin-top : 0px;
	margin : 0% 0% 3% 0%;
	padding: 0% 0% 0% 0%;
	line-height: 120%;
	text-align: left;
	border: 0px solid green;
}

p.header {
	color : #4e4e4e;
	font-size : 110%;
	margin : 4% 0% 2% 0%;
	padding: 1% 0% 0% 0%;
	line-height: 120%;
	text-align: left;
	border: 0px solid green;
	border-top: 1px solid #E0E0E0;
	font-weight: bold;
	clear:left;
}


p.alert, span.alert {
	color : #cc0000;
}

p.smaller {
	color : #4e4e4e;
	font-size : 90%;
	margin : 0% 0% 2% 0%;
	padding: 0% 0% 0% 0%;
	line-height: 100%;
	text-align: left;
	border: 0px solid green;
}


p.newsheader {
	color : #4e4e4e;
	font-size : 90%;
	margin : 0% 0% 4% 0%;
	padding: 1% 0% 0% 0%;
	line-height: 120%;
	text-align: left;
	border: 0px solid green;
	border-top: 1px solid #E0E0E0;
	font-weight: bolder;
	clear:left;
}

p.kategorie {
	color : #4e4e4e;
	font-size : 110%;
	margin : 0% 1.3% 2% 0%;
	padding: 0% 1.3% 0% 0%;
	line-height: 100%;
	float:left;
	text-align: left;
}



p.news {
	color : #4e4e4e;
	font-size : 90%;
	margin : 0% 0% 2% 0%;
	padding: 0%;
	line-height: 120%;
	text-align: left;
	border: 0px solid green;
}

p.muchsmaller {
	color : #4e4e4e;
	font-size : 75%;
	margin : 0% 0% 1.2% 0%;
	padding: 0% 0% 0% 0%;
	margin-bottom : 0px;
	line-height: 95%;
	text-align: left;
	border: 0px solid green;

}

hr.standard {
	border:0;
	border-bottom: 1px solid #E0E0E0;
	margin:0px;
	padding:0px;
	width:100%;
	height:1px;
}

span.nowrap {
	white-space: nowrap;
}


span.bolder {
	font-weight: 600;
}

span.empty {
	position:absolute;
	width:100%;
	height:90%;
	top:0;
	left: 0;
}

span.lighter {
	color:#818181;

}

span.anzahlkategorie {
	font-size:80%;
}

h1, div.webpage-label {
	color : #4a4a4a;
	font-size : 160%;
	line-height: 100%;
	margin : 0% 0% 4% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;

}

h2 {
	color : #4a4a4a;
	font-size : 130%;
	line-height: 100%;
	margin : 0% 0% 4% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;

}

h3 {
	color : #4a4a4a;
	font-size : 120%;
	line-height: 100%;
	margin : 0% 0% 4% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;

}

h4 {
	color : #4a4a4a;
	font-size : 100%;
	line-height: 100%;
	margin : 0% 0% 2% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;

}

h5 {
	color : #666666;
	font-size : 100%;
	line-height: 100%;
	margin : 0% 0% 2% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;

}

h6 {
	color : #4a4a4a;
	font-size : 80%;
	line-height: 100%;
	margin : 0% 0% 1.8% 0%;
	padding : 0% 0% 0% 0%;
	border: 0px solid green;
	font-weight: normal;
	}



div.simple {
	background-color: transparent;
	text-align : left;
	width: 100%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	float:left;
	overflow:hidden;
	overflow-y:hidden;
	border: 0px solid green;
}


div.title {
	width:100%;
	clear:left;
	padding:0% 0% 0% 0%;
	margin : 0% 0% 0% 0%;
	overflow:visible;
	border: 0px solid green;
	position:relative;
	z-index:3;
	
}

div.banner {
	padding:0.5% 0% 0% 0.5%;
	margin : 0% -3% 1% 0%;
	float:left;
	display: inline;
	position:relative;
	width:99.5%;
	height:130px;
	border-radius: 0x 0px 0px 0px;
	overflow:visible;
	border: 0px solid green;
	/*background-color: #FFFAF0;*/
	background-color: #FDFBEB;
	box-shadow: 1px 1px 3px #8594a7;
	-webkit-box-shadow: 1px 1px 3px #8594a7;
	-moz-box-shadow: 1px 1px 3px #8594a7;
}


div.logo {
	float:left;
	width:60%;
	overflow: visible;
	padding : 0.0% 0.0% 0.0% 0%;
	margin:  0%;
	border: 0px solid green;
}

#logo {
	border: none;
	padding : 4px 0% 0% 0%;
	border-radius: 0px;
	margin: 0%;
	float:left;
	border: 0px solid green;
}

div.sup_navbar {
	width:35%; float:right; border: 0px solid green;
	overflow:visible;
}

div.smallnav {
	width:100%;
	float:right;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	overflow: visible;
	border: 0px solid green;
	z-index:4;
}

div.maincontent {
	position: relative;
	width:60.0%;
	float:left;
	border: 0px solid green;
	padding:2% 0% 2% 2%;
	margin : 0% 0% 0% 0%;
	border: 0px solid green;
	position:relative;
	z-index:1;

}

div.rightnav {

	border: 1px solid #eeeeee;
	border-radius:3px;
	padding:2% 2% 2% 2%;
	margin : 2% 1% 0% 0%;
	width:31%;
	position: relative;
	float:right;
	right:0px;
	border: 0px solid green;
	overflow:visible;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;

	background-color: #fffffa;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFA), to(#E0E0E0), color-stop(.6,#EDEDED));
	background: -moz-linear-gradient(46% 81% 270deg,#FFFFFA, #E0E0E0, #EDEDED 40%);
/*
	background-color: #eeede9;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeede9), to(#E0E0E0), color-stop(.6,#EDEDED));
	background: -moz-linear-gradient(46% 81% 270deg,#eeede9, #E0E0E0, #EDEDED 40%);
*/
}

div.rightnav_sub {
	background-color: transparent;
	text-align : left;
	width: 100%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 10% 0%;
	float:left;
	overflow-x:hidden;
	overflow-y:hidden;
	border: 0px solid green;
	overflow:visible;
}

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;
}


img.extern_link {
	margin-left: 8px;
}


img.languageselect_flag {
	height:15px;
	padding: 0px 5px 0px 4px;
	margin:0px 0px 0px 0px;
	float: right;
	border: 0px solid green;
}

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;
	border: 0px solid green;
	float: right;
	text-align:left;
	z-index:10; 
}

div.languageselect_frame {
	min-width:150px;
	background-color: #FCFCF2;
	background:-moz-linear-gradient(bottom,#f6f6f6,#fffffa); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#fffffa)); /* Chrome, Safari */
	
	opacity: 1.0;
	display: none;
	position: absolute; 
	float: left;
	padding : 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	z-index:10;
	position: absolute; 
	right: 0%;
	border: 0px solid green;


}
div.languageselect_start:hover div.languageselect_frame { display: block; }

div.languageselect {
	width:98%;
	min-height:30px;
	white-space: nowrap; 
	clear:left;
	padding : 1% 1% 1% 1%;
	margin:  6% 0% 0% 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:-moz-linear-gradient(bottom,#FCFCF2,#C4C4BC); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#FCFCF2),to(#C4C4BC)); /* Chrome, Safari */
}

img {
	border: none;
}

img.languageicon {
	float:left;
	padding:0px;
	margin: -8px 10px 0px 10px;
	border: 0px solid #243958;
	max-width:30px;
	vertical-align: middle;
	border: 0px solid green;
}




div.navbar {
	padding : 0.0% 0.0% 0.0% 0.0%;
	margin:  0%;
	width:98%;
	float:left;
	overflow:visible;
	border: 0px solid green;
	position:absolute;
	bottom: 0.0%;

}


div.navbarelement1 {
	display:block;
	float:left;
	padding : 1% 2% 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: #CCCFD4;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
	background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
	/*
	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: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	border: 0px solid green;
}

div.simplenavbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 0px;
	font-size:90%;
	text-align:center;
	width:20%;
	/*border-right: 1px solid #fffffa;*/
		background-color: #333333;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333), color-stop(.2,#4A4A4A));
	background: -moz-linear-gradient(46% 81% 90deg,#666666, #333333, #4A4A4A 81%);

	/*
	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: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	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(.2,#C4C4BC));
		background: -moz-linear-gradient(46% 81% 90deg,#FCFCF2, #C4C4BC, #C4C4BC 81%);
}
div.activesimplenavbarelement1 {
	float:left;
	padding : 0.5% 1.2% 0.5% 1.2%;
	margin:  0.35% 0.7% 1.7% 0.35%;
	border-radius: 0px;
	font-size:90%;
	text-align:center;
	width:20%;
	background-color: #004882;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005BA6), to(#004882), color-stop(.2,#005FAB));
	background: -moz-linear-gradient(46% 81% 90deg,#005BA6, #004882, #005FAB 81%);

	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	border: 0px solid green;
}




/* 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: -5% 0% 0% 4%;
	padding:0.0% 0.0% 0.0% 0.0%;
	width:140%;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}
div.livesuche_treffer {
	clear:left;
	overflow:hidden;
	margin:0%;
	padding: 2% 1% 0% 1%;
	width:98%;
	border: 0px solid green;
	z-index:3;
}
div.livesuche_treffer_image {
	height:75px;
	width: 75px;
	background-size: cover;
	background-position: top center;
	background-repeat: repeat;
	overflow:hidden;
	float:left;
	padding: 0% 0% 0% 0%;
	margin:0% 0% 2% 0%;
	border: 0px solid green;
	background:#fffffa;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}



p.live {
	font-size:95%;
	padding:0% 0% 1% 0%;
	margin:0% 0% 0% 0%;
	color : #525d6a;
	line-height: 100%;
	background-color: #fcfcf2;
	border: 0px solid green;
}



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:0px;
	padding:0px 0px 0px 0px;
	background:#ffffb9;
	font-weight : normal;
	border-radius:3px;
}


a.barnav, a:active.barnav, a:link.barnav, a:visited.barnav {
	color : #fcfcf2;
	font-weight : normal;
	font-size : 100%;
	text-decoration : none;
	display:block;
	text-align: left;
	padding:0% 0% 0% 4%;
	border: 0px solid green;
}
a:hover.barnav {
	color : #13161A;
}


div:hover.navbarelement, div:hover.navbarelement1 a.barnav {
	color : #243958;
	
}

a.barnavactive, a:active.barnavactive, a:link.barnavactive, a:visited.barnavactive {
	color : #243958;
	font-weight : normal;
	text-decoration : none;
	display:block;
}


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;
}


div.subnavbar {
	padding:1% 3% 1% 3%;
	margin : 1% 1% 1% 1%;
	/*background-color: #ac1829;*/
	width:33.0%;
	float:right;
	/*position:absolute;*/
	right:0px;
	bottom:0px;
	overflow:visible;
	border: 0px solid green;
}

div.subnavbarelement {
	float:left;
	padding : 1% 7% 1% 7%;
	margin:  0% 0% 2% 0%;
	border-radius: 3px;
	text-align:center;
	/*background-color: #fffffa;*/
	background: #F4F8FD;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
	background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
	width:90%;
	min-height: 28px;
	/*min-width:95px;*/
	box-shadow: 2px 2px 6px #303030;
	-webkit-box-shadow: 2px 2px 6px #303030;
	-moz-box-shadow: 2px 2px 6px #303030;
	overflow:visible;
	border: 0px solid green;
	white-space: nowrap;
	
}

div.subnavbarelement:hover {
	background: #F4F8FD;
	background-color: #F4F8FD;
	border: 0px solid green;

}

div.activesubnavbarelement {
	float:left;
	padding : 1% 7% 1% 7%;
	margin:  0% 0% 4% 0%;
	border-radius: 3px;
	text-align: center;
	background: #eeeeee;
	background-color: #eeeeee;
	border: 0px solid green;
	width:80%;
	min-height: 28px;
	/*min-width:95px;*/
	box-shadow: 2px 2px 6px #303030;
	-webkit-box-shadow: 2px 2px 6px #303030;
	-moz-box-shadow: 2px 2px 6px #303030;
	overflow:visible;
	border: 0px solid green;
	white-space: nowrap;
}

div.subnavbarelement a, div.activesubnavbarelement a {
	display:block;
	}

a.barnav, a:active.barnav, a:link.barnav, a:visited.barnav {
	color : #eeeeee;
	font-weight : normal;
	text-decoration : none;
	margin:0px;
	padding:0px;
	display:block;
}

a:hover.barnav {
	color : #eeeeea;
}


div:hover.navbarelement, div:hover.navbarelement1 a.barnav {
	color : #243958;
	
}
div:hover.navbarelement, div:hover.navbarelement1 a.barnav1 {
	color : #243958;
}


div:hover.navbarelement a.barnav {
	color : #525d6a;
}

a.barnavactive, a:active.barnavactive, a:link.barnavactive, a:visited.barnavactive {
	color : #525d6a;
	font-weight : normal;
	text-decoration : none;
}

a.barnav1, a:active.barnav1, a:link.barnav1, a:visited.barnav1 {
	color : #4e4e4e;
	font-weight : normal;
	letter-spacing:0px;
	word-spacing:0px;
	font-size:90%;
	text-decoration : none;
	display:inline;
	float:right;
	padding: 0px 7px 0px 4px;
	margin:4px 0px 0px 0px;
	border: 0px solid green;
	border-right: 0px solid #4e4e4e;
}

a:hover.barnav1 {
	color : #525d6a;
}

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;
}


div:hover.navbarelement a.barnav1 {
	color : #525d6a;
}


div.infobox {
	border: 1px solid #eeeeee;
	border-radius:3px;
	padding:1% 1% 1% 1%;
	margin:1% 3% 3% 0%;
	width: 33%;
	float:left;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	background-color: #FFFFFA;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFA), to(#E0E0E0), color-stop(.6,#EDEDED));
	background: -moz-linear-gradient(46% 81% 270deg,#FFFFFA, #E0E0E0, #EDEDED 40%);
	/*filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#f6f6f6',endColorstr='#fffffa'); /* Internet Explorer */
	border: 0px solid green;
	overflow: visible;
}

div.imagebox {
	padding:0.5%;
	margin:0% 3% 3% 0%;
	width: 33%;
	float:left;
	border: 0px solid green;
}


div.news {
	clear:left;
	border: 0px solid #cc0000;
	border-radius:3px;
	padding:0% 0.5% 0% 0%;
	margin:0% 0% 8% 0%;
	overflow:hidden;
	min-height: 20px;
	border: 0px solid green;
}


div.header {
	width:76%;
	float:right;
}


#browseindex_alt1 {
	display:none;
}
#browseindex_alt_sub1 {
	display:none;
}



div.einzeltreffer_frame {
	position: relative; 
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	border-radius: 3px;
	width: 29%;
	height:250px;
	float: left;
	padding:0%;
	margin: 0% 2.5% 2.6% 0%;
	border-radius: 3px;
	overflow: hidden;
	border: 0px solid green;
	background-color: #2B323B;
	z-index:0;
}

div.einzeltreffer_frame_14 {
	position: relative; 
	width:45%;
	height:200px;float:left; border:0px solid green; overflow:hidden; margin:0% 4% 4% 0%;
}

div.einzeltreffer_frame_image_14 {
	overflow:hidden;
	float:left;
	padding: 0% 0% 0% 0%;
	border: 0px solid green;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	width:40%; height:auto;
	margin: 0px 8px 0px 0px;
}

div.einzeltreffer_frame_nav {
	position: absolute;
	bottom:0px;
	text-align:center;
	float: left;
	bottom: 0.0%;
	left: 0.0%;
	width: 100%;
	height:85px;
	text-align: left;
	background: #243958;
		background-color: #333333;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333), color-stop(.2,#4A4A4A ));
		background: -moz-linear-gradient(46% 81% 90deg,#666666, #333333, #4A4A4A 81%);
	padding: 4% 4% 4% 4%;
	margin: 0%;
	overflow: hidden;
	border-radius: 0px 0px 3px 3px;
	border: 0px solid green;
	opacity: 0.75;
}
div.einzeltreffer_frame_nav h2 {
	width:92%;
	text-align: center;
}


div.einzeltreffer_frame_nav_14 {
	position: relative;
	height:100%;
	float:right; border:0px solid green; width: 53%;
	margin-left:2%;
	border-top: 1px solid #E0E0E0;
}



div.einzeltreffer_frame_nav_14 a.einzeltreffer_frame_nav_a_14 {
	font-size: 120%;
	line-height:110%;
}

div.einzeltreffer_frame_nav_14 a, div.einzeltreffer_frame_nav_14 p a {
	display: block;
	margin:0% 0% 5% 0%;
	color:#4e4e4e;
	font-size:115%;
	font-weight: 600;
	line-height:110%;
}

div.einzeltreffer_projekt {
	position:relative;
	border-radius: 3px;
	width: 90%;
	float: left;
	padding:4% 4% 2% 4%;
	margin: 0% 2.5% 2.6% 0%;
	border-radius: 3px;
	overflow: hidden;
	border: 0px solid green;
	background-color: #FFFFFA;
	
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFA), to(#E0E0E0), color-stop(.6,#EDEDED));
	background: -moz-linear-gradient(46% 81% 270deg,#FFFFFA, #E0E0E0, #EDEDED 40%);
	
	z-index:0;
}

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

div.einzeltreffer_projekt_image  {
	position:relative;
	float:left;
	padding:0px;
	margin:0% 2% 2% 2%;
	overflow: hidden;
	border: 0px solid green;
	border-radius: 3px;
	width:25%;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}

img.einzeltreffer_projekt_image_img  {
	border: 0px solid green;
	width:104%;
	margin:-2% 0% 0% -2%;

}

div.einzeltreffer_projekt_text {
	display:inline;
	position:relative;
	float:left;
	width:65%;
	text-align: left;
	opacity:1.0;
	padding:0%;
	margin:0% 2% 2% 2%;
	overflow: hidden;
	border-radius: 3px 3px 0px 0px;
	border: 0px solid green;
}



/*
Links
*/

a, a:link, a:visited, a:active {
	/*color : #dd0000;*/
	color: #004882;
	/*font-weight: 300;*/
	text-decoration : none;
}

a:hover, a.link:hover {
	text-decoration : underline;
}

a.navi, a:hover.navi {
	text-decoration : none;
}


li.standard {
	text-align: left;
	color : #303030;
	margin: 0% 0% 1% 2%;
	line-height: 120%;
	list-style-image: url("img/dot_r.jpg");
	border: 0px solid green;
	}
	
li.standard_smaller {
	text-align: left;
	color : #303030;
	margin:0% 0% 2% 4%;
	font-size: 85%;
	line-height: 100%;
	list-style-image: url("img/dot_r.jpg");
	border: 0px solid green;
	}

li.standard_muchsmaller {
	text-align: left;
	color : #303030;
	margin:0% 0% 2% 4%;
	font-size: 85%;
	line-height: 90%;
	list-style-image: url("img/dot_r.jpg");
	border: 0px solid green;
	}


div.graph {
		float:left;
		background-color: #004882;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005BA6), to(#004882), color-stop(.2,#005FAB ));
		background: -moz-gradient(linear, 0% 0%, 0% 100%, from(#005BA6), to(#004882), color-stop(.3,#005FAB));
		height:20px;
		max-width:80%;
		min-width:2px;
		margin: 0px 0px 4px 4px;
		padding:0px 0px 0px 0px;
		border: 0px solid green;
		opacity: 0.8;
		text-align:left;
		box-shadow: 1px 1px 3px #2B323B;
		-webkit-box-shadow: 1px 1px 3px #2B323B;
		-moz-box-shadow: 1px 1px 3px #2B323B;
		opacity:0.6;
}



/*
 Formularfelder
*/

.checkbox, .radio {
	background: #eeeeee;
	color:#dd0000;
	padding: 5px 2px 0px 0px;
	width:15px;
	height:15px;
	border: 0px solid green;
}

input, select, checkbox {
	color: #4e4e4e;
	border-radius: 3px;
	background: #faf9f5;
	font-size: 90%;
}

.input0[type=text], .textarea0 {
	/*color: #303030;*/
	color : #004882;
	position: relative;
	font-size : 100%;
	text-align: left;
	background:transparent;
	padding: 5px;
	margin: 0.6% 0% 0% 0%;
	float:left;
	border-radius: 3px;
	/*border: 1px dotted #eeeeee;*/
	border:none;
	width:65.5%;

}

.activeinput, .activetextarea {
	text-align: center;
	font-size : 100%;
	background-color: #fcfcf2;
	border: 0px solid green;
	padding: 0px;
	margin: 0% 1% 0% 0%;
	width: 85%;
	color:#525d6a;
	text-align: center;
	border: 0px solid green;
}
.dashed {
	font-size : 100%;
	background-color: #525d6a;
	border: 0px solid green;
	padding: 0px;
	margin: 0% 0% 0% 0%;
	width: 85%;
	color:#525d6a;
	text-align: center;
	border: 0px solid green;
}
.select {
	color : #004882;
	position: relative;
	font-size : 100%;
	text-align: left;
	background:transparent;
	padding: 5px;
	margin: 0.6% 0% 0% 0%;
	float:left;
	border-radius: 3px;
	/*border: 1px dotted #eeeeee;*/
	border:none;
	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), color-stop(.2,#243958));
	background: -moz-linear-gradient(46% 81% 90deg,#507CBF, #243958, #243958 81%);
	border-radius: 3px;
	text-align:center;
	background-color: #243958;
	overflow:visible;
	border: 0px solid green;
}

.submit0, .reset0 {
	font-weight:normal;
	color:#fcfcf2;
	background: transparent;
	background-color: transparent;
	padding:0%;
	margin:1% 0% 0% 0%;
	border-radius: 3px;
	text-align:center;
	overflow:visible;
	border: 0px solid green;
	vertical-align:middle;
	width:35px;
	float:right;
}

.radio {
	color:#0d4b91;
	padding: 2px 2px 2px 2px;
}


/* --------------------------------------------------*/


img.icon {
	float:left;
	border: 0px solid #243958;
}

img.einstellungen {
	background: transparent;
	vertical-align:middle;
	width:22px;
	margin:6% 0% 0% 0%;
}

img.visited {
	max-width:15px;
	border: 0px solid #243958;
	float:left;
	padding:0px;
	margin:0px 20px 0px 0px;
	border: 0px solid green;
}

img.imagepreview {
	width:40%;
	max-width:400px;
	float:left;
	margin: 1% 5% 3% 0%;
	border-radius: 3px;
	box-shadow: 1px 1px 4px #000000;
	-webkit-box-shadow: 1px 1px 4px #000000;
	-moz-box-shadow: 1px 1px 4px #000000;
	border:0px solid #cc0000;
	z-index:-100;
}

img.standard_left {
	float:left;
	border-radius:3px;
	width:33%;
	margin: 0% 3% 2% 0%;
	border: 0px solid green;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}

img.standard_right {
	float:right;
	border-radius:3px;
	width:33%;
	margin: 0% 0% 2% 3%;
	border: 0px solid green;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}

img.veranstaltungshinweis {
	width:45%;
	max-width:185px;
	left:0%;
	margin-left: 0%;
	margin-top:2px;
	box-shadow: 1px 1px 3px #000000;
	-webkit-box-shadow: 1px 1px 3px #000000;
	-moz-box-shadow: 1px 1px 3px #000000;
	border:0px;
}


div.newsimage {
	width:80px;
	height:80px;
	float:right;
	overflow:hidden;
	padding: 0% 0% 0% 0%;
	margin:0% 0% 2% 2%;
	border-radius: 3px;
	border: 0px solid green;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
}

img.newsimage {
	box-shadow: none;
	float: right;
	width: 100%;
	min-width:80px;
	min-height:80px;
	margin: 0px;
	border: 0px solid green;
}

img.newslink {
	box-shadow: none;
	float: right;
	width: 10%;
	max-width:15px;
	margin: 4px 0px 10px 10px;
	border: none;
	z-index:2;
}

span.newsdatum {
	float:left; font-size:smaller;
}

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%;
	float: left;
	padding : 0% 0% 0% 0%;
	margin: 1% 0% 0% 0%;
	text-align:left;
	border: 0px solid green;
	overflow: visible;
	z-index:100;
}
div.structnav_frame {
	background-color: inherit;
	opacity: 1.0;
	display: none;
	position: absolute; 
	
	float: left;
	padding : 1% 1% 1% 1%;
	margin: 0% 0% 0% 0%;
	text-align:left;
	border: 0px solid green;
	border-radius: 3px;
	width:auto;
	/*
	width:45%;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	*/
	z-index:100;
}
div.structnav_start:hover div.structnav_frame { display: block; min-height:24px; }

div.structnav {
	clear:left;
	padding : 2% 2% 2% 2%;
	margin:  0% 0% 0% 0.0%;
	width:220%; 
	border-radius: 3px;
	text-align:left;
	line-height:95%;
	background: #F4F8FD;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
	background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	overflow: auto;
	opacity: 1;
	border: 0px solid green;
	z-index:1;
}

div.structnav:hover, div.weitereimages:hover {
	color: #fffffa;
	background-color: #525d6a;
}



/* -------------------------- MENU -------------------------- */
.cssmenu {
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:96.8%;
	width:100%;
	opacity:0.93;
	border: 0px solid green;
	overflow:visible;
	}
.cssmenu  ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 0px;
	
	-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
	-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
	box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
	
	}

		.cssmenu #list_workflows_sub1, #list_workflows_sub2, #list_workflows_sub3, #list_workflows_sub4  {
			display:none;
		}

	.cssmenu  li{
		min-width:10%;
		background-color: #333333;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333), color-stop(.2,#4A4A4A ));
		background: -moz-linear-gradient(46% 81% 90deg,#666666, #333333, #4A4A4A 81%);

		border:0px solid #222222;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 2px 2px 0px;
		box-shadow: 1px 1px 3px #2B323B;
		-webkit-box-shadow: 1px 1px 3px #2B323B;
		-moz-box-shadow: 1px 1px 3px #2B323B;
		border: 0px solid green;
		}

	.cssmenu  li:hover{
		/*background:#004882;*/
		/*grau zu blau*/
		border-radius:0px;
		background: #F4F8FD;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
		background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);

		}

	.cssmenu  li:hover a:hover {
			color:#4a4a4a;
		}

	.cssmenu  li.active {
		background: #F4F8FD;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
		background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
		border: 0px solid green;
		float:left;
		padding:0px 0px 0px 0px;
		margin:0px 2px 2px 0px;
		border-radius: 0px;
		}


	.cssmenu  li a{
		color:#eeeeee;
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:0px 40px;
		text-align:center;
		text-decoration:none;
		}

	.cssmenu  li.active a{
		color:#1a1a1a;
		display:block;
		font-weight:normal;
		line-height:30px;
		margin:0px;
		padding:0px 40px;
		
		text-decoration:none;
		}

	
	.cssmenu  li a:hover {
		background: #F4F8FD;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
		background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
		color:#FFFFFF;
		text-decoration:none;
		/*
		-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		*/
		}

	.cssmenu  ul li a {
		/*background:#004882;*/
		color:#eeeeee;
		}

	.cssmenu  ul li:hover a {
		/*background:#004882;*/
		color:#4a4a4a;
		text-decoration:none;
		border-radius:0px;
		border: 0px;
		}

	.cssmenu  li ul {
		min-width:20%;
		/*background:#004882;*/
		background-color: #333333;
		border-radius:0px;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		/*width:200px;*/
		z-index:200;
		}
	.cssmenu  li:hover ul{
		display:block;		
		}
		

		
	.cssmenu  li li {
		display:block;
		float:none;
		margin: 2px 0px 0px 0px;
		padding:0px;
		/*width:200px;*/
		/*background:#004882;*/
		/*blau zu grau*/
		background-color: #333333;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333), color-stop(.2,#4A4A4A));
		background: -moz-linear-gradient(46% 81% 90deg,#666666, #333333, #4A4A4A 81%);


		}
	.cssmenu  li:hover li a{
		background:none;
		color: #eeeeee;
		}
	.cssmenu  li ul a{
		display:block;
		height:30px;
		margin: 1px 0px 0px 0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
	.cssmenu  li ul a:hover, .cssmenu  li ul li:hover a{
		color:#4a4a4a;
		text-decoration:none;
		background: #F4F8FD;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
		background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
		
		border-radius:0px;
		border:0px;
		-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
		}

		.cssmenu #list_workflows_sub1, #list_workflows_sub2, #list_workflows_sub3, #list_workflows_sub4  {
			display:none;
		}




/* CLOUD */


div.mdzcloud {
	text-align : center;
	line-height: 1.0;
	width:95%;
	padding:2%;
	margin:0% 4% 4% 0%;
	float:left;
	border:2px solid #808080;
	background: #fffffa;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFA), to(#E0E0E0), color-stop(.6,#EDEDED));
	background: -moz-linear-gradient(46% 81% 270deg,#FFFFFA, #E0E0E0, #EDEDED 40%);
	border-radius: 3px 3px 3px 3px;
	box-shadow: 1px 1px 3px #2B323B;
	-webkit-box-shadow: 1px 1px 3px #2B323B;
	-moz-box-shadow: 1px 1px 3px #2B323B;
	overflow:visible;
	border: 0px solid green;
	z-index: 20;
}

img.cloud_dot {
	margin: 0% 1% 0% 1%;
	width: 8px;
	border-radius:3px;
}

a.cloud_, a:active.cloud_, a:link.cloud_, a:visited.cloud_ {
	color : #4a4a4a;
	font-weight : normal;
	font-size : 80%;
	text-decoration : none;
	line-height:120%;
}
a:hover.cloud_ {
	color : #808080;
	background:#fffffa;
	font-weight : normal;
	font-size : 80%;
	text-decoration : underline;
}
a.cloud_active {
	color : #4a4a4a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F8FD), to(#CCCFD4), color-stop(.2,#F4F8FD ));
	background: -moz-linear-gradient(46% 81% 90deg,#F4F8FD, #CCCFD4, #F4F8FD 81%);
	font-weight : normal;
	
	font-size : 80%;
	border-radius:3px;
}

div.max2max {
	border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 17px 0px; overflow:visible; width:104%; height:370px; position: relative; overflow:visible;
}

div.halfmax2max {
	border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 17px 0px; overflow:visible; width:104%; height:170px; position: relative; overflow:visible;
}

div.halfmid2max {
border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 10px 0px; overflow:visible; width:100%; position: relative; overflow:visible;
}

div.mid2max {
	border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 10px 0px 10px; overflow:hidden; width:29.5%; height:370px; position: relative; overflow:visible;
}



div.mid2mid {
	border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 10px 0px; overflow:hidden; width:99.8%; height:177px; position: relative; overflow:visible;

}

div.min2mid {
	border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 0px 0px; overflow:hidden; width:45.0%; height:165px; position: relative; overflow:visible;
}



div.h_text {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 40px;
	text-align: left;
	/* background-color: #333333; */
	padding: 0px 0px 10px 10px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	border: 0px solid green;
	display: block;
}

div.h_text a.barnav {
		font-size: 100%;
		background-color: #333333;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#333333), color-stop(.2,#4A4A4A));
		background: -moz-linear-gradient(46% 81% 90deg,#666666, #333333, #4A4A4A 81%);
		box-shadow: 1px 1px 3px #2B323B;
		-webkit-box-shadow: 1px 1px 3px #2B323B;
		-moz-box-shadow: 1px 1px 3px #2B323B;
		padding: 5px 0px 5px 15px;
		border-radius: 3px;
		line-height: 100%;
		opacity: 0.8;
	}
	einzeltreffer_frame_nav a.barnav {
		font-size : 120%;
	}
img.h_image {
	float:left;
	margin-left: -2%;
	margin-right: auto;
	padding:0%;
	border: 0px solid green;
	opacity:0.95;
}

#bscookie{text-align:right;background:#fcfcf2;position:fixed;bottom:0px;z-index:10000;width:100%;font-size:15px;line-height:16px;     box-shadow: 10px 4px 4px #000000;
    -webkit-box-shadow: 4px 4px 10px #000000;
    -moz-box-shadow: 4px 4px 10px #000000;}
#bscookie div{ padding:10px; line-height: 190%;}
#bscookielink {background: #9c2a07; padding: 4px 12px 4px 12px; margin:0px 0px 0px 10px;}
#bscookieOK {background: #57a20d; padding: 4px 12px 4px 12px; margin:0px 0px 0px 10px;}
#bscookie a{color:#fffffa;text-decoration:none;}
#bscookie a:hover{text-decoration:none;}

#bscookietext {background: #fffffa; opacity:0.8;}
#bscookieCloser{display:none; color:#777;font:14px/100% arial, sans-serif;position:absolute;right:5px;text-decoration:none;text-shadow:0 1px 0 #fff;top:5px;cursor:pointer;border-top:1px solid white;border-left:1px solid white;border-bottom:1px solid #7b92a9;border-right:1px solid #7b92a9;padding:4px;background:#ced6df;}

#bscookieCloser:hover{border-bottom:1px solid white;border-right:1px solid white;border-top:1px solid #7b92a9;border-left:1px solid #7b92a9;}

div.impressum a:before {
	content: url('img/extlink.gif');
}

div.datenschutz a:before {
	content: url('img/extlink.gif');
}

div.barrierefreiheit a:before {
	content: url('img/extlink.gif');
}


/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
@media only screen and (max-width: 1000px) {
	
	
html, body {
	font-size:95%;
}


/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p {
		text-align: left;
		font-size : 100%;
		line-height: 120%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p.smaller {
		font-size : 90%;
		text-align: left;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p.smuchmaller {
		font-size : 80%;
		text-align: left;
		line-height: 90%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p.header {
		font-size : 100%;
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p.newsheader {
		font-weight:bold;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	p.news {
		text-align: left;
		font-size : 85%;
		line-height: 120%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h1 {
		font-size : 150%;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h2 {
	
		font-size : 130%;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h3 {
		font-size : 110%;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h4 {
		font-weight: 550;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h5 {
		font-size : 100%;
		line-height: 100%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	h6 {
		font-size : 80%;
		line-height: 100%;
	}


/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	a.navi, a:hover.navi {
		font-size : 90%;
		margin:4px 0px 0px 0px;
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.banner {
		height:110px;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.logo {
		width:48%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	#logo {
		padding : 6px 0% 0% 0%;
		margin: 1%;
		height:48px;
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.sup_navbar {
		width:48%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.cssmenu ul li, div.cssmenu ul li.active {

	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.cssmenu ul li li, div.cssmenu ul li.active li {
		width:100%;
	}


/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.cssmenu li a {
		padding: 0px 20px;
		font-size: 90%;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.navbar {
		position:absolute;
		bottom:0px;
		width:98%;
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.maincontent {
		/*width:98%;*/
		padding:1% 1% 1% 1%;
		margin : 0% 0% 0% 1%;
		}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.rightnav {
		/*width:94%;*/
	float:left;
	padding: 1% 1% 1% 1%;
	margin: 1% 0% 0% 1%;
	border: 1px solid #eeeeee;
	border-radius:3px;

		}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.rightnav_sub {
		margin: 0% 0% 7% 0%;
	}



/* --------- @media only screen and (max-width: 1000px) --------*/
	h6 {
		color : #004882;
		font-size : 100%;
	}
/* --------- @media only screen and (max-width: 1000px) --------*/
	div.newsimage {

	}
/* --------- @media only screen and (max-width: 1000px) --------*/
	img.newsimage {
		min-width:50px;
		min-height:50px;
	}



/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.bc {
		display:none;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.structnav {
		width:130%; 
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.einzeltreffer_frame {
		width: 30%;
		height:210px;
	}


/* --------- @media only screen and (max-width: 1000px) ------------------------*/
	div.subnavbarelement, div.activesubnavbarelement, div.subnavbarelement:hover {
		min-height:27px;
		font-size :100%;
		margin:  15px 0px 5px 0px;
		padding : 5px 10px 5px 10px;
		overflow: hidden;
		width:93%;
		}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.einzeltreffer_frame_nav {
		position:absolute;
		bottom: 0px;
		height:  90px;
		border: 0px solid green;
	}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/

div.einzeltreffer_frame_nav_14 a.einzeltreffer_frame_nav_a_14 {
	font-size: 110%;
	line-height:100%;
}


div.einzeltreffer_frame_nav_14 a, div.einzeltreffer_frame_nav_14 p a {
	margin:0% 0% 5% 0%;
	color:#4e4e4e;
	font-size:100%;
}

div.einzeltreffer_projekt {
	margin:0% 2% 3% 2%;
}

/* --------------- @media only screen and (max-width: 1000px) ------------------------*/	
	#browseindex_alt1 {
		display:none;
	}
/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	#browseindex_alt_sub1 {
		display:none;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.max2max {
		width:106%; height:270px; 
	}
	div.halfmax2max {
		width:106%; height:130px;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.mid2max {
		height:270px; width:28%; 
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.mid2mid {
		width:99.8%; height:127px;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.min2mid {
		border: 0px solid green; border-radius:3px; float:left; padding:0px; margin:0px 0px 0px 0px; overflow:hidden; width:45.0%; height:165px; position: relative; overflow:visible;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.h_text {
		height:25px;
	}

	/* --------- @media only screen and (max-width: 1000px) --------*/
	div.h_text h1 {
		font-size : 100%;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.h_text a.barnav {
		font-size : 85%;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	img.h_image {
	}

	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	div.news {
		margin:0% 0% 10% 0%;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	.submit0, .reset0 {
		width:22px;
	}
	/* --------------- @media only screen and (max-width: 1000px) ------------------------*/
	.input0[type=text], .textarea0 {
		padding: 2px;
		width:60.5%;
	
	}
	
}


/* --------------- @media only screen and (max-width: 600px) ------------------------*/
@media only screen and (max-width: 600px) {

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	p {
		text-align: left;
		font-size : 110%;
		line-height: 110%;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	p.smaller {
		font-size : 100%;
		text-align: left;
		line-height: 110%;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	p.smuchmaller {
		font-size : 90%;
		text-align: left;
		line-height: 90%;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.banner {
		height:260px;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.banner_startseite {
		height:120px;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.logo {
		margin: 10px 0px 0px 10px;
		padding:0px;
		width:48%;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.sup_navbar {
		width:100%;
		margin-bottom:5px;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.navbar {
		position:relative;
		width:98%;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.cssmenu ul li, div.cssmenu ul li.active {
		clear:left;
		width:100%;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.cssmenu ul li li, div.cssmenu ul li.active li {
		clear:left;
		width:100%;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.cssmenu li a {
		padding: 0px 10px;
		font-size: 110%;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.maincontent {
		width:98%;
		padding:1% 1% 1% 1%;
		margin : 2% 0% 0% 1%;
		}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.rightnav {
		width:94%;
		border-top: 1px solid #4a4a4a;
		float:left;
		padding:1% 1% 1% 1%;
		margin : 0% 0% 0% 2%;
		background: #eeeeee;

		}
	
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.bc {
		display:none;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.structnav {
		width:70%; 
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.einzeltreffer_frame_14 {
		width: 98%;
		height:210px;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
div.einzeltreffer_frame_nav_14 a {
	font-size: 110%;
	line-height:100%;
}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.einzeltreffer_frame {
		width: 45%;
		height:410px;
		margin: 0% 4.5% 4.5% 0%;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.einzeltreffer_frame_nav {
		position:absolute;
		bottom: 0px;
		height:  130px;
		border: 0px solid green;
	}

/* --------------- @media only screen and (max-width: 600px) ------------------------*/	
	#browseindex_alt1 {
		display:block;
	}
/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	#browseindex_alt_sub1 {
		display:block;
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.max2max {
	
	}
	div.halfmax2max {

	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.mid2max {
		
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.mid2mid {
	
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.min2mid {
		
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.h_text {
		height:30px;
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	div.h_text a.barnav {
		font-size : 90%;
	}
	/* --------------- @media only screen and (max-width: 600px) ------------------------*/
	img.h_image {
	}
}


/* --------------- @media only screen and (max-device-width: 320px) ------------------------*/
	@media only screen and (max-device-width: 320px) {
		html, body {
			font-size : 50px;
		}
	}
/* --------------- @media only screen and (max-device-width: 480px) ------------------------*/
	@media only screen and (max-device-width: 480px) {
		html, body {
			font-size : 25px;
		}
	}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	p {
		text-align: left;
		font-size : 95%;
		line-height: 110%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	p.smaller {
		font-size : 90%;
		text-align: left;
		line-height: 110%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	p.smuchmaller {
		font-size : 85%;
		text-align: left;
		line-height: 90%;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	p.newsheader {
		font-size : 120%;

	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	p.news {

		font-size : 100%;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.livesuche_treffer_image {
		width:30%;
	}


/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h1 {
		color : #004882;
		font-size : 130%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.h_text h1 {
		font-size : 110%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h2 {
		color : #004882;
		font-size : 120%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h3 {
		color : #004882;
		font-size : 120%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h4 {
		color : #004882;
		font-size : 100%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h5 {
		color : #004882;
		font-size : 100%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	h6 {
		color : #004882;
		font-size : 100%;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.newsimage {
		width:200px;
		height:200px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.newsimage {
		min-width:120px;
		min-height:200px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.newslink {
		width: 50px;
		max-width:80px;

	}


/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.logo {
		width:60%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	#logo {
		height:80px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.banner {
		height:155px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/	
	div.banner_startseite {
		height:105px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.sup_navbar {
		width:35%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.rightnav {
		width:85%;
		margin: 2% 2% 2% 2%;
		padding: 4%;
		border-top: 1px solid #4a4a4a;
		float:left;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.maincontent {
		width:96%;
		 
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.navbar {
		position:relative;
		width:98%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.navbarelement1, div.navbarelement1:hover {
			display:block;
			width:30%;
			min-height:40px;
			height:40px;
			font-size :130%;
		}
/* --------- @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%;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	a, a:link, a:visited, a:active {
		text-decoration : underline;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	a.navi {
		text-decoration: none;
	}

/* --------- @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%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
a.barnav1, a:active.barnav1, a:link.barnav1, a:visited.barnav1 {
	font-size:85%;
}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.subnavbar {
		width:40%;
		padding : 0% 0% 0% 0%;
		margin:  1% 2% 2% 2%;
		position: relative;
		bottom: auto;
		
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.subnavbarelement, div.activesubnavbarelement, div.subnavbarelement:hover {
		min-height:30px;
		font-size :120%;
		margin:  0.8% 0% 10% 0.0%;
		padding : 1% 10% 1% 10%;
		overflow: hidden;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.languageselect_flag {
		margin: 0px 0px 0px 8px;
		height:22px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.submit0, .reset0 {
		min-width:70px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/

.input0[type=text], .textarea0 {
	/*color: #303030;*/
	color : #004882;
	position: relative;
	font-size : 120%;
	text-align: left;
	background:transparent;
	padding: 5px;
	margin: 1% 0% 0% 1%;
	float:left;
	border-radius: 3px;
	border: 1px dotted #a0a0a0;
	width:70.5%;

}


/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
img.icon {
	min-width:50px; 
	}

img.einstellungen {
	min-width:44px;
}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.languageselect_int {
		min-width:10%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.languageselect_frame {
		min-width:20%;
		width:200px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.languageselect {
		font-size:120%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.languageicon {
		width:80px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.structnav_start {
		min-height:90px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	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;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	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%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/	
	div.structnav:hover {
		color: #3e3e3e;
		background-color: #eeeeee;
	}

/* --------- @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% 2%;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/	
	#browseindex_alt1 {
		display:block;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	#browseindex_alt_sub1 {
		display:block;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.infobox {
		background:#fffffa;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.imagebox {
		background:#fffffa;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.einzeltreffer_frame {
		width: 45%;
		height:410px;
		margin: 0% 4.5% 4.5% 0%;
	}
	div.einzeltreffer_frame_14 {
		height:230px;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.einzeltreffer_frame_nav {
		position:absolute;
		bottom: 0px;
		height:  120px;
		border: 0px solid green;
	}
	div.einzeltreffer_frame_nav h2 {
		font-size: 150%;
		text-align: center;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	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;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.einzeltreffer_projekt {
		width: 95%;
		height:auto;
		margin: 0% 4.5% 4.5% 0%;
		padding:2%;
	}
	
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.einzeltreffer_projekt_image  {
			width:40%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.einzeltreffer_projekt_text  {
			width:55%;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.select {
		font-size : 120%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.input, .textarea {
		font-size : 120%;
		border: 0px solid green;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.checkbox, .radio {
		width:40px;
		height:40px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.activeinput, .avtivetextarea {
		font-size : 120%;
		text-align: center;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.submit {
		max-height: 40px;
		font-size : 120%;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.input[type=submit], .submit {
		font-size : 120%;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.visited {
		width:50px;
		max-width:none;
		margin:0px 40px 0px 0px;
		}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.veranstaltungshinweis {
		width:75%;
		max-width: none;
		display:block;
		margin-left: auto;
		margin-right: auto;
	}

/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.cloud_dot {
		margin: 0% 1% 0% 1%;
		width: 18px;
	}
/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	.cssmenu  li, .cssmenu li.active,  .cssmenu li.active:hover, .cssmenu  li li, .cssmenu  li li:hover, .cssmenu  ul li:hover
	{
		padding: 6px;
		margin: 5px 5px 5px 0px;
		min-width: 12%;
		width:20%;
		font-size: 90%;
	}

	.cssmenu  li ul
	{
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 5px -10px;
		width:50%;
	}

	.cssmenu  li ul li
	{
		padding: 6px 0px 6px 0px;
		margin: 5px 0px 5px 0px;

	}

	.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:110%;
		padding: 4px 8px 4px 8px;
	}
		.cssmenu #list_workflows_main {
			display:none;
		}
		.cssmenu #list_workflows_sub1, #list_workflows_sub2, #list_workflows_sub3, #list_workflows_sub4 {
			display:block;
		}

	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	li.standard {
		list-style-image: url("img/dot_r_big.jpg");
		}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.max2max {
		width:100%; height:400px; border:0px solid green;
	}
	div.halfmax2max {
		height:210px;
	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/	
	div.mid2max {
		height:400px;
		width:31%;
		
	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/	
	div.mid2mid {
		height:195px;
	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.min2mid {

	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.h_text {
		height:40px;
	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	div.h_text a.barnav {
		font-size : 90%;
	}
	/* --------- @media only screen and (min-device-width: 320px) and (max-device-width: 480px) --------*/
	img.h_image {
	}

	/* --------- mobile --------*/
	#bscookie {
	line-height:20px;text-align:left;bottom:0px;top:auto;
	}
	#bscookietext {margin-right:20px; width: 91%;}
	
	#bscookieCloser {
	font:15px/100% arial, sans-serif;right:15px;top:15px;
	}
	iframe.opt_out {
	height:auto;min-height:400px;border:1px solid #171616;
	}

}