/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/lib/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/lib/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/lib/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/lib/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/lib/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/lib/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/lib/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/lib/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/lib/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/lib/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/lib/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


* 	{ 
	outline: 0;	

	}

html
	{
	margin:0; 
	padding:0; 
	outline: 0;	
	overflow-y: scroll;
	}


body
	{
	margin:0; 
	padding:0; 
	outline: 0;	
	
	font-family: Roboto, sans-serif;
    	font-size: 15px;
    	color: #000000;	
    	
    	line-height: 1.5;
	}


img
	{
	border:0;
	max-width:100%;
	
	}
	
td
	{
	vertical-align:top;
	}	


a 	{
	color: #0A51A1;
	text-decoration:underline;
	}

a:hover 
	{
	color: #CC0000;
	text-decoration: underline;
	}

.smalltext
	{
	font-size: 13px;
	}




div.clearer::after {
  content: "";
  display: table;
  clear: both;
}




/* ####################################################################################################################
   SEITEN-BEREICHE
   #################################################################################################################### */

.contentwidth
	{
	width:100%;
	max-width:990px;
	margin:0 auto;
	}


#header
	{
	background:#0a51a1;
	background-image:url(/images/gestalt/header_back.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-bottom:5px;
	color:#fff;
	}

#header_content
	{
	position:relative;

	}
	
#logo
	{
	padding:24px 0 15px 0;
	}

#logo img
	{
	/*filter: drop-shadow(0px 0px 3px #444);*/
	}

#hright
	{

	}

#footer
	{
	background:#0a51a1;
	background-image:url(/images/gestalt/balken_back.gif);
	margin-bottom:5px;
	padding:20px 0;
	color:#fff;	
	}

#footer a
	{
	color:#fff;	
	}

#contentcell_main
	{
	padding: 25px 0 30px 0;
	overflow:hidden;
	
	}

#contentcell_left
	{
	width:180px;
	float:left;
	padding:25px 0 30px 0;
	
	}

#contentcell_main.overwidth
	{
	overflow:visible;
	}

#contentcell_main.withleftcol
	{
	
	margin-left:210px;
	
	}

.homebox
	{
	border:2px solid #0A51A1;
	height:200px;
	
	}

.homebox_slides
	{
	float:right;
	}

.homebox_text
	{
	padding:15px;margin-right:300px;
	}

#slideshow
	{
	position:relative;
	width:280px;
	height:200px;
	}

.ticker_wrap
	{
	border:2px solid #0A51A1;
	margin-bottom:25px;
	}

.ticker_title
	{
	background:#0A51A1;
	color:#fff;
	font-weight:bold;
	height:50px;
	padding:0 15px;
	float:left;
	line-height:50px;
	}

#myticker
	{
	line-height:50px;
	float:left;
	height:50px;
	padding:0px 10px;
	}
	
.myticker_marquee
	{
	height:100%;
	}

/* ####################################################################################################################
   SUCHFORM
   #################################################################################################################### */	
select.suchdropdown
	{
	width:400px;
	}


table.such_table
	{
	border-collapse: collapse;
	}

table.such_table td
	{
	padding: 5px;	
	}
	
table.such_table tr td:nth-child(3)
	{
	vertical-align:bottom;
	}	

table.suchresult
	{
 	border-collapse:separate;
        border-spacing:0 5px;
	width:100%;
	cursor:pointer;
	}

table.suchresult td
	{
	padding: 5px 10px;	
	}
	
table.suchresult tr
	{
	
	}	

table.suchresult tr td:nth-child(1)
	{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}

table.suchresult tr td:nth-child(2)
	{
	width:300px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	}


	
/* ####################################################################################################################
   LINKS
   #################################################################################################################### */	
a.pdf
	{
	background: url(/images/gestalt/icon_pdf.png) no-repeat left center; 
	padding: 2px 0 2px 28px; 
	line-height:2em;
	border-bottom: none !important; 
	
	}



/* ####################################################################################################################
   DETAILANSICHT
   #################################################################################################################### */

div.wexo_artikel_wrapper
	{
	float:left;
	
	xxoverflow-x:auto;
	}

table.wexo_artikel
	{

	}

table.wexo_artikel td
	{
	padding:2px 5px;
	white-space: nowrap;
	
	}
div.wexo_artikel_baumass
	{
	margin-left:600px;
	}

/* ####################################################################################################################
   LISTROWS
   #################################################################################################################### */	
div.dl_listrow
	{
	border:1px solid #0A51A1;
	padding:12px;
	line-height:1em;
	margin-bottom:12px;
	}
div.dl_listrow h4
	{
	margin-top:0;
	}
div.dl_listrow p:last-child
	{
	margin-bottom:0;
	}


div.dl_listrow div.download_listrow_text
	{
	margin-right:160px;
	}

div.dl_listrow div.download_listrow_image
	{
	float:right;
	}

div.dl_listrow img
	{
	max-width:120px;
	}


div.news_listrow
	{
	border:1px solid #0A51A1;
	padding:12px;
	line-height:1em;
	margin-bottom:12px;
	}
div.news_listrow h4
	{
	margin-top:0;
	}
div.news_listrow p:last-child
	{
	margin-bottom:0;
	}


div.news_listrow div.news_listrow_text
	{
	margin-right:160px;
	}

div.news_listrow div.news_listrow_image
	{
	float:right;
	}

div.news_listrow img
	{
	max-width:120px;
	}
	
div.news_pdflink
	{
	float:right;
	}

div.news_pdflink img
	{
	margin-right:5px;
	}

/* ####################################################################################################################
   FOOTERMEMBERS
   #################################################################################################################### */	



ul.footer_linkline
	{
	clear:both;
	list-style-type:none;
	display: flex;
	justify-content: center;	
	}

ul.footer_linkline li
	{
	float:left;
	}
   
ul.footer_linkline li:after{ 
   content: '\00B7';
   font-weight: bold;
   font-style: normal;
   margin:0px 10px 0px 10px;
   
   text-decoration:none;

}    

ul.footer_linkline li:last-child:after{ 
   content: '';
   margin:0;
} 
   
ul.footer_linkline a
	{
	text-decoration:none;
	}

ul.footer_linkline a:hover
	{
	text-decoration:underline;
	}

/* ####################################################################################################################
   MAINMENU OBEN
   #################################################################################################################### */

div#mainmenu
	{
	z-index: 1200;
	}


#nav-main
	{
	margin:0;
	display:table;
	width:640px;
	table-layout: fixed;
	position:absolute;
	right:0;
	bottom:0;
	}


#nav-main ul, #nav-main li
	{
	margin:0; 
	padding:0; 
	outline: 0;
	}


#nav-main li
	{
	list-style: none;
	position:relative;
	
	}
	
#nav-main li.menulevel1
	{
	color: #bbb;
	font-size: 17px;
	font-weight:700;
	padding: 0;
	position:relative;
	display:table-cell;
	text-align:center;
	text-transform:uppercase;
	margin-right:10px;
	}


#nav-main li.menulevel1:last-child
	{
	margin-right:0px;
	}
	


#nav-main li.versteckt
	{
	display:none;
	}
	
#nav-main li a	
	{
	color: #ddd;
	text-decoration:none;
	padding: 0;
	display:block!important;
	line-height:55px;
	}	


#nav-main li.current a
	{
	color: #fff;
	}


#nav-main ul
	{
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	
	background:#e6e6e6;
	
	position: absolute;
	top:55px;
	
	width:150%;
	z-index:200;
	margin:0;
	
	}

#nav-main li.folder:hover
	{
	
	}


#nav-main li.notcurrent:hover a
	{
	color:#004279;
	
	}




#nav-main li:hover ul
	{
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
	}


#nav-main li:hover ul ul
	{
	display:none;
	}


#nav-main li:hover ul li:hover ul
	{
	display:block;
	position: absolute;
	width:100%;
	left:100%;	
	top:0;
	}


#nav-main li ul li
	{
	color:#000;
	padding: 0!important;
	
	font-size:13px;
	text-align:left;
	border-bottom:1px solid #254279;
	}
	
#nav-main li ul li a
	{
	font-weight:bold!important;
	color:#254279!important;
	padding:7px 12px 7px 12px;
	height:auto;
	line-height:1.2em;
	}	

#nav-main li ul li a:hover
	{
	background-color:#2866ad;
	color:#fff!important;
	
	}	


#nav-main li ul li.folder
	{
	background-image:url(/images/gestalt/menumore_back.png);
	background-repeat:no-repeat;
	background-position: right center;
	
	}


#nav-main li ul li.folder a:hover
	{
	background-image:url(/images/gestalt/menumore_back_hover.png);
	background-repeat:no-repeat;
	background-position: right center;
	
	}

	
#nav-main li ul li.folder ul li a:hover	
	{
	background-image:none;
	}



/* ####################################################################################################################
   SUBMENU LEFT
   #################################################################################################################### */


#nav-sub 
	{
	padding:0px;
	}

#nav-sub ul, #nav-sub li
	{
	margin:0; 
	padding:0; 
	outline: 0;
	}

#nav-sub a
	{
	text-decoration:none;
	}

#nav-sub ul
	{
	margin:0;
	}


#nav-sub h4
	{
	color:#000;
	font-size:14px;
	line-height:15px;
	padding-bottom:9px;
	border-bottom:1px solid #0a51a1;

	
	}

#nav-sub a
	{
	color:#0a51a1;
	display:block;
	font-size:14px;
	}


#nav-sub li.current a
	{
	font-weight:bold;
	}




#nav-sub li.current ul li a
	{
	font-weight:normal;
	}

#nav-sub li.current ul li.current a
	{
	font-weight:bold;
	}



#nav-sub h4 a
	{
	
	}

#nav-sub a:hover
	{
	text-decoration:none;
	}
	
#nav-sub ul li
	{
	list-style: none;
	
	}

#nav-sub ul li a
	{
	padding:3px 0;
	}


#nav-sub ul li ul 
	{
	padding: 0 0 0 10px;
	}
	
#nav-sub ul li:first-child
	{
	
	}

#nav-sub ul li:last-child
	{
	border-bottom:0;
	}

#nav-sub ul li a:hover
	{
	background:#eee;
	}


/* ####################################################################################################################
   FONTS
   #################################################################################################################### */


hr
	{
	border: 0;
	height: 1px;
    	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	}

.smallcopy
	{
	
    	font-size: 10px;
    	color: #1D2A63;
	}


h1 {
	
	font-size: 28px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #0A51A1;
}

h2 {

	font-size: 24px;
	font-style: bold;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0A51A1;
}
	
	
h3 {

	font-size: 20px;
	font-style: bold;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0A51A1;
}

h4 {

	font-size: 16px;
	font-style: bold;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0A51A1;
}	
	

input, textarea, select {
	
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	padding:3px 8px;
}

input.submit {
	
	font-size: 15px;
	font-style: normal;
	color: #0A51A1;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	background-color: #C2D3E7;
	border:1px solid #0A51A1;
	border-radius:5px;
	padding:4px 8px;
	margin-bottom:12px;
}



	


a.navi:active, a.navi:visited, a.navi:link {
	color: #FFFFFF; text-decoration: none
}
a.navi:hover {
	color: #FFFFFF; text-decoration: none
}



A.menulink:link, A.menulink:visited, A.menulink:active,A.menulink:hover
{	
	text-decoration: none;
	font-size: 10px;
	
	color: #333333;
}



A.amenulink:link, A.amenulink:visited, A.amenulink:active, A.amenulink:hover
{	
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	
	color: #FFFFFF;
}


A.mmlink:link, A.mmlink:visited, A.mmlink:active,.mmlink
{	
	text-decoration: none;
	font-size: 13px;
	
	font-variant: small-caps;
	color: #477DB9;
	font-weight: bold;
}


A.mmlink:hover
{	
	text-decoration: underline;
	font-size: 13px;
	
	color: #0A51A1;
	font-variant: small-caps;
	font-weight: bold;
}



A.ammlink:link, A.ammlink:visited, A.ammlink:active,A.ammlink:hover,.ammlink
{	
	text-decoration: none;
	font-size: 13px;
	
	color: #A10A2A;
	font-variant: small-caps;
	font-weight: bold;
}


.minilink, A.minilink:link, A.minilink:visited, A.minilink:active
{	
	text-decoration: none;
	font-size: 10px;
	
	color: #000000;
}

A.minilink:hover
{	
	text-decoration: underline;
	font-size: 10px;
	
	color: #000000;
}


/* #################################################################
   KACHEL
   ################################################################# */

div.kachel_wrapper
	{
	clear:both;
	
	
	}

div.kachel_wrapper:before,
div.kachel_wrapper:after {
    content:"";
    display:table;
}
div.kachel_wrapper:after {
    clear:both;
}


div.kachel
	{
	width: 300px;
	height:380px;
	background-size: contain;
	background-repeat:no-repeat;
	background-position: center center;
	float:left;
	margin: 0 45px 15px 0;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,92,169,1);	
	position:relative;
	overflow:hidden;
	}

div.kachel.isprod
	{
	background-size: auto;
	background-position: center 20px;
	}

div.kachel:nth-child(3n+0)
	{
	margin-right:0;
	}

a.kachelcontent
	{
	display:table-cell;
	vertical-align: middle;
	width:300px;
	height:78px;
	padding-top:302px;
	text-align:center;
	color:#fff;
	
	text-transform:uppercase;
	font-size:16px;		

	background: -moz-linear-gradient(top, rgba(10,81,161,1) 0%, rgba(10,81,161,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,92,169,1) 0%,rgba(10,81,161,1) 100%);
	background: linear-gradient(to bottom, rgba(10,81,161,1) 0%,rgba(10,81,161,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a51a1', endColorstr='#0a51a1',GradientType=0 );
	background-position: center bottom;
	background-size:auto 75px;
	background-repeat:repeat-x;
	}
	
div.kachel:hover a.kachelcontent
	{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	
	}


div.kachel div.kachel_reveal
	{
	width: 270px;
	height: 302px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color:#005ca9;
	background-color:rgba(10,81,161,0.85);
	color:#fff;
	padding:15px;
	
  
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;	
	
}


div.kachel div.kachel_reveal a
	{
	color:#fff;
	}


div.kachel:hover .kachel_reveal {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}


/* Effect 4: bottom border enlarge */

div.kachel span
	{
	position:relative;
	display:inline-block;
	margin-top:0px;
	max-width:300px;
	}

div.kachel span::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

div.kachel:hover span::after,
div.kachel:focus span::after {
	height: 1px;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


/* #################################################################
   SPRACHAUSWAHL
   ################################################################# */

#langselect
	{
	  position:absolute;
	  right:0;
	  top:10px;
	  color:#ddd;
	}


#langselect a
{
text-decoration:none;

}


.nav-wrapper {
  
  text-align: left;

}
  .sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:10px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #fff;
  width: 120px;
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 15px 15px;
  padding-bottom:0;
  z-index: 2;
  font-size: 15px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 15px;
}
.sl-nav li ul li span {
  padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 15px;
  height: 15px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 2px;
  overflow: hidden;
}
.flag-de {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==');
  background-size: cover;
  background-position: center center;
}
.flag-usa {
  background-size: cover;
  background-position: center center;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=');
}