.uplink{

	  background: rgba(0, 0, 0, 0) url("media/grafik/uplink.png") ;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;

/*border: 1px solid red;*/
display: block;
height: 2em;
line-height: 2.7em;
position: absolute;
right: 0;
text-align: left;
width: 7em;
color: #434f4f;
top: -3em;

}
.leftcol,.rightcol{
	display: inline-block;
	vertical-align: top;
	min-height: 25em;
	/*border:1px solid red;*/
	box-sizing:border-box;
}

.leftcol{
width: 50%;
/*padding-left: 1em;*/
/*padding-right: 4em;*/
}
.rightcol{
	width:50%;
	padding-left:4em;
}
h1,h2,h3,h4,h5{
	margin: 0;
}
h1{
	font-size: 150%;
}
h2{
	font-size: 125%;
}
h3{
	font-size: 110%;
}

.topnav .box_normal{
	overflow: visible;
	/*background: red;*/
}

.topstripe{
background: white;
height: 10em;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.topstripe>.box_normal{
	height:100%;
}

.sharewrap{
display: inline-block;
height: 3em;
position: absolute;
right: 0;
text-align: right;
top: 2em;
width: 17%;
}
.sharewrap a ,.roundbtns a{
	background: #f3f3f3 none repeat scroll 0 0;
	border: 1px solid #e1f3ef;
	border-radius: 2em;
	color: #333;
	display: inline-block;
	height: 2em;
	line-height: 2em;
	margin-left: 0.5em;
	width: 2em;
	text-align: center;
}

.sharewrap a:hover{
	color:#666;
}

.logo{
	background:url(media/grafik/name.png);
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;

/*border: 1px solid;*/
display: inline-block;
height: 6.5em;
margin: auto;
top: 0;
width: 50%;
}



.sharebtns{
display: inline-block;
margin: auto;
text-align: center;
}

.headmsg{
align-items: center;
/*border: 1px solid;*/
bottom: 0;
display: flex !important;
left: 0;
position: absolute;
right: 4em;
text-align: center;
top: 0;
}
.headmsg>div{
	margin:auto;
}
.headoverlay{
	display: none;
}


.newsitem{
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom:1px solid #9d9898;
}
.newsitemtitle{
color: rgb(33, 33, 33);
margin-top: 0.3em;
}
.newsitemdate{
	color:#9d9898;
	margin-bottom:1em;
}

.newsitembody{
	text-align: left;
}
.newsitem_bgpic{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	height: 12em;
}
.newsitem_pic{
	max-width:100%;
}
.imprintlink{
/* 	border:1px solid red; */
	margin-top:2.25em;
	display:block;
	width:20em;
}

.mailinglist input{
border: 1px solid;
border-radius: 0;
box-sizing: border-box;
display: block;
font-size: 100%;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding: 0.25em;
width: 100%;
}
.mailinglist a{
	display:block;
	margin-top:0.25em;
	padding:0.15em;
	padding-left:0.5em;
	padding-right:0.5em;
	background:#b6d67b;
	width:100%;
	text-align:center;
	color:#333;
	box-sizing:border-box;
}
.mailinglist a:hover{
	background:#86bc24;
}

.cms_contentpad{
	display:none;
}

.maincontent{
	padding-bottom:8em;
/* 	border:1px solid red; */
	/*padding-left:5%;*/
	/*padding-right:5%;*/
}

.maincontent .newsitem{
	margin-bottom:1em;
	padding-bottom:1em;
/* 	border-bottom:1px solid #333; */
}


.x4_rsslink {
	/*float:right;*/
	/*color:#00305d;*/
	display: none !important;
	
}
.formkv label{
	display:block;
	margin-bottom:0.5em;
	color:#aaa;
	font-weight:bold;
}
.formkv input,.formkv textarea{
	border:1px solid #aaa;
	padding:0.5em;
	color:#aaa;
	background:transparent;
	width:100%;
	font-size:100%;
}
.formkv textarea{
	min-height:10em;
}
.submitwrap{
	padding-top:1em;
	float:right;
	padding-bottom:4em;
}
.submitwrap input{
	border:1px solid transparent;
	background:#aaa;
	padding:0.5em;
	color:white;
	cursor:pointer;
	padding-left:2em;
	padding-right:2em;
}
.submitwrap input:hover{
	background:#ddd;
	
}

.mltitle{
	display:none;
}
footer{
background: #434f4f;
color: white;
display: block;
min-height: 8em;
position: relative;
width: 100%;
}
footer a{
	color:white;
}
footer .box_normal{
	padding:0;
	padding-top:1em;
	padding-bottom:1em;
	overflow: visible;
}
.footbox4{
	text-align: right;
}





























[data-cms_content_id="bgs"]{
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.bgswrap{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:transparent;
	z-index:0;
}

.bgswrap .cms_editlink{
left: 1em;
position: absolute;
top: 1em;
z-index: 2;
}

.bgshow,.bgs{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:transparent;
	z-index:-1;
	
}

.bgs{
	background-size:cover !important;	
	background-position: center !important;
}

.bgsone{
	z-index:2;
	/* 	background:url(media/photos/oak_gallery_4_a_BG.jpg); */
}
.bgsone{
	z-index:1;
}






body,html{
	height:100%;
}

 body{
	margin:0;
	padding:0;
	background:white;
	line-height:1.6em;
	color:#767676;
	font-size:15.4px;
	font-family: 'Open Sans', sans-serif;
}

*{
	box-sizing:border-box;
}

 .bodydiv{
	 position:absolute;
	 left:0;
	 top:0;
	 right:0; 
	 bottom:0;
	 width:100%;
	 height:100%;
	 /*bordr:1px s;*/
}





.headbottom{
/* 	border: 1px solid red; */
	bottom: 2.5em;
	color: white;
	left: 0;
	position: absolute;
	text-align: left;
	width: 100%;
	z-index: 1;
	height: 5em;
	background: rgba(255,255,255,0.5);
}
.headbottommsg{
/* 	border: 1px solid red; */
	bottom: 0;
	color: white;
	height: 100%;
	left: 48.5%;
	position: absolute;
	text-align: left;
	width: 50%;
	z-index: 1;
	background-image:url(media/grafik/erfahrung-sicherheit-uebersicht.png);
	background-position:left center;
	background-size:contain;
	background-repeat:no-repeat;
}


hr{
	box-shadow: none;
	border:none;
	height:1px;
	overflow:hidden;
	background:#7e416b;
}


.box_normal{
	/*padding:1em;*/
}
main{
max-width: 100%;
/*min-height: 100%;*/
padding-bottom: 2em;
padding-top: 2em;
position: relative;
/*text-align: center;*/
width: 100%;
}

header{
	/*background:wheat;*/
	margin-top:10em;
	border-bottom:2px solid #689f10;
}


.headmid,.headmid2{
color: #20174e;
font-size: 175%;
line-height: 1.25em;
padding-top: 0.75em;
z-index: 1;
}
#fullpictitle{
	line-height: 1.5em;
}


nav.topnav{
background: #f1f1f1;
bottom: 0;
height: 3.5em;
position: absolute;
width: 100%;
z-index: 14;
}



.langmenu{
	border-right: 1px solid #505050;
	margin-right: 1em;
	padding-right: 1em;
}

.topmenu{
/*background: green none repeat scroll 0 0;*/
margin-top: 0;
position: relative;
width: 120%%;
margin: 0;
}

.topmenu{
	/*display: none;*/
}
.udb_logged_in .topmenu{
	/*display: block;*/
}



.topmenu .x4_nav{
	/*float:right;*/
}
.topmenu .x4_navlink{
box-sizing: border-box;
color: #767676;
display: inline-block;
line-height: 3.5em;
text-align: center;
height: 3.5em;
/*background: yellow;*/
vertical-align: middle;
}



.topmenu .x4_navlink:hover,
.topmenu .x4_nav_focus>.x4_navlink,
.topmenu .x4_nav_inpath>.x4_navlink,
.topmenu .x4_navlink.anchorfocus{
	/*text-decoration:underline;*/
	color:#689f10;
}
.topmenu .x4_navdeli{
display: inline-block;
margin-left: 1.2em;
margin-right: 1.2em;
/*display: none !important;*/
}
.topmenu .x4_navlevel_0>.x4_navlist{
background: #f1f1f1;
box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.5);
height: auto;
left: 2em;
margin: auto;
padding-left: 0;

position: absolute;
/*right: 0;*/
top: 3em;
width: auto;
z-index: 3;
min-width: 12em;
}
.topmenu .x4_navlevel_0>.x4_navlist .x4_navlink{
/*background: red none repeat scroll 0 0;*/
display: block;
height: auto;
line-height: 2.5em;
padding: 0.25em 0.25em 0.25em 1em;
padding-right: 1em;
text-align: left;
}
.topmenu .x4_navlevel_0>.x4_navlist .x4_navlink:hover{
	/*color:white;*/
}
.topmenu .x4_navlevel_0>.x4_navlist .x4_navdeli{
	display:none;
}

.x4_nav.x4_navstyle_dropdown > .x4_navlist > .x4_navitem {
  /*background: red none repeat scroll 0 0;*/
  display: inline-block;
  height: 3.5em;
  position: relative;
  vertical-align: top;
}

.sidemenu{
/* 	border:1px solid red; */
}

.sidemenu .x4_navlink{
	background: url(media/grafik/reddot.png);
	background-position:0.5em center;
	background-repeat:no-repeat;
	background-size:0.5em;
	display: block;
	margin-bottom: 0.3em;
	padding: 0.5em 0.5em 0.5em 1.5em;
	font-size:110%;
}

.sidemenu .x4_navlink:hover,
.sidemenu .x4_nav_focus>.x4_navlink,
.sidemenu .x4_nav_inpath>.x4_navlink,
.sidemenu .x4_navlink.anchorfocus{
	/*text-decoration:underline;*/
	color:darkred;
}

.minifeed .newsitem{
	margin-bottom:1em;
}

/* boxes */

.box_normal{
	width:100%;
	min-width:100%;
	max-width:100%;
	margin:auto;
/* 	padding:1em; */
}
.box_wide{
	width:100%;
}

.box_normal,.box_wide,.box_third,.box_half,.box_quarter,.box_rowel{
	min-height:1em;
 	/*border:1px solid green; */
/* 	margin-bottom:1em; */
	vertical-align:top;
/* 	background:rgba(0,0,255,0.05); */
	position:relative;
/* 	overflow:hidden; */
	
}

.box_third{
	display:inline-block;
	width:32%;
	margin-right:2%;
}

.box_third:nth-of-type(3n){
	margin-right:0;
}

.box_quarter{
	display:inline-block;
	width:23.5%;
	margin-right:2%;
}

.box_quarter:nth-of-type(4n){
	margin-right:0;
}

.box_half{
	display:inline-block;
	width:49%;
	margin-right:2%;
}

.box_half:nth-of-type(2n){
	margin-right:0;
}

.box_rowel{
	width:100%;
}

.box_row1to4to1 .box_rowel:nth-of-type(1){
	width:17.5%;
/* 	margin-right:2%; */
	display:inline-block;
	margin-top:1em;
}
.box_row1to4to1 .box_rowel:nth-of-type(2){
	width:67.5%;
/* 	margin-right:2%; */
	display:inline-block;
}
.box_row1to4to1 .box_rowel:nth-of-type(3){
	width:15%;
	display:inline-block;
	margin-top:1em;
	
}



@media only screen and (min-width:401px) and (max-width:768px) {
	.footbox4{
		text-align: left;
	}
	.box_normal{
 		/*background:yellow; */
	}	
	.box_third{
		width:49%;		
	}
	.box_third:nth-of-type(3n){
		margin-right:2%;
	}
	.box_third:nth-of-type(2n){
		margin-right:0;
/* 		background:magenta */
	}
	
	.box_quarter{
		width:49%;		
	}
	.box_quarter:nth-of-type(3n){
		margin-right:2%;
	}
	.box_quarter:nth-of-type(2n){
		margin-right:0;
/* 		background:magenta */
	}
}
@media only screen and (max-width:1149px) {
	.box_normal{
		
		padding-left:1em !important;
		padding-right:1em !important;
	}	
	.sharewrap{
		right:1em;
	}
}

@media only screen and (max-width:1570px) {
	.calltoaction{
		display: none;
	}
}

@media only screen and (min-width:1150px) {
	.box_normal{
		width:1100px;
/* 		1130px; */
		min-width:700px;
		max-width:100%;
		margin:auto;
		overflow:hidden;
	}	
}

@media only screen and (min-width:640px) {

	.box_row2to1 .box_rowel:nth-of-type(1){
		width:66%;
		margin-right:2%;
		display:inline-block;
	}
	.box_row2to1 .box_rowel:nth-of-type(2){
		width:32%;
		display:inline-block;
	}
	
	.box_row1to2 .box_rowel:nth-of-type(1){
		width:32%;
		margin-right:2%;
		display:inline-block;
	}
	.box_row1to2 .box_rowel:nth-of-type(2){
		width:66%;
		display:inline-block;
	}
	
}

@media only screen and (max-width:769px) {
	.box_row1to4to1 .box_rowel:nth-of-type(1),
	.box_row1to4to1 .box_rowel:nth-of-type(3){
		display:none;
	}
	.box_row1to4to1 .box_rowel:nth-of-type(2){
		width:100%;
		display:block;
	}
	.leftline{
		border:none !important;
		padding-left:0;
		margin-top:0.5em;
	}
}
	



@media only screen and (max-width:400px) {
		.footbox4{
		text-align: left;
	}
	.box_normal{
/* 		display:none !important; */
/* 		background:magenta; */
	}	
	.box_third,.box_half,.box_third,.box_quarter{
		width:100%;
		margin:0;
	}
}

#udb_loginhead{
z-index:20;
}

a{
	color:#9d9898;
}
a:hover{
	/*text-decoration:underline;*/
}
[data-cms_content_id="maincontent"] a:hover{
	text-decoration:underline;
}	

.x4_mobilebar{
background: #eee none repeat scroll 0 0;
color: white;
height: 3.5em;
left: 0;
position: fixed;
top: 0;
display:none;
z-index: 2;
}

@media only screen and (max-width:767px) {
	.x4_mobilebar{
		display: block;
	}

	.topstripe{
		display: none;
	}

	.leftcol,.rightcol{
		display: block;
		width:100%;
	}
	header{
		margin-top:4em;
	}
	.quadlink{
		font-size:200% !important;
	}
}




div.A_Togglebox_Gray a{
/* 	font-size:11px; */
	padding-top:3px;
}
div.A_Togglebox_Gray h1{
border: medium none;
color: inherit;
display: block;
font-size: 110%;
font-weight: normal;
line-height: 20px;
margin-bottom: 1em;
/* margin-left: 0.5em; */
margin-top: 0.4em;
padding: 0;
padding-left:1.5em;
}
div.A_Togglebox_Gray a.box_toggle i{
color: inherit;
font-size: 190%;
line-height: 1.8em;
margin-left: 0.2em;
}

div.A_Togglebox_Gray a.box_toggle:hover{
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);*/
	/*border-right:1px solid ;*/
	background: none;
}

div.A_Togglebox_Gray a.box_toggle{
display: block;
font-size: 60%;
height: 31px;
left: 0;
line-height: 28px;
padding-left: 8px;
position: absolute;
top: 0;
width: 100%;
}

div.A_Togglebox_Gray.closed a.box_toggle{
/* 	background-image:url(media/grafik/iboxopen.png); */
}

div.A_Togglebox_Gray{
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
margin: 5px 5px 10px 1px;
overflow: hidden;
padding-bottom: 30px;
padding-left: 0.5em;
padding-right: 20px;
position: relative;
}

 div.A_Togglebox_Gray{
	background: transparent;
}




.quadwrap{
	width:100%;
	padding-bottom:27.02702705%;
	height:0;
	position:relative;
}

.quad{
	/*border:1px solid red;*/
	position: absolute;
	display: none;
}

.quad1{
	left:0;
	top:0;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	display: block;
}

.quadbig .quadwrap{
	padding-bottom:54.0540541%;
}

.quadbig .quad{
	width:50%;
	height:50%;
	display: block;
}

.quadbig .quad1{
	left:0;
	top:0;
}

.quadbig .quad2{
	left:50%;
	top:0;
}

.quadbig .quad3{
	left:0;
	top:50%;
}

.quadbig .quad4{
	left:50%;
	top:50%;
}

.quadlink{
	background: darkblue none repeat scroll 0 0;
	bottom: 0;
	color: white;
	display: block;
	font-size: 325%;
	height: 100%;
	left: 0;
	padding: 5%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	line-height:1em	;
	text-align: center;
}
.quad2 .quadlink{
	background: #767676;
}

.quad3 .quadlink{
background: #689f10 none repeat scroll 0 0;
padding-left: 1em;
text-align: left;
}



.calltoaction{
	/*border:1px solid red;*/
	background:url(media/grafik/calltoaction.png);
	background-position:bottom left;
	background-size:contain;
	background-repeat:no-repeat;
	/*border: 1px solid red;*/
	bottom: 0;
	height: 14em;
	position: absolute;
	right: -15em;
	width: 14em;
}
.calltoaction:hover{
	opacity: 0.8;
}

header .box_normal{
	overflow: visible;
}