@font-face { font-family:'sourceExtraLight'; src:url("/fonts/SourceSansRegular.eot");	
	src:url("/fonts/SourceSansRegular.eot?#iefix") format('embedded-opentype'),url("/fonts/SourceSansProRegular.ttf") format('truetype');	
	font-style:normal; font-weight:700 }	
	@font-face { font-family:'sourceRegular'; src:url("/fonts/SourceSansRegular.eot");	
	src:url("/fonts/SourceSansRegular.eot?#iefix") format('embedded-opentype'),url("/fonts/SourceSansProRegular.ttf") format('truetype');	
	font-style:normal; font-weight:700 }	
	@font-face { font-family:'sourceLight'; src:url("/fonts/Source SansRegular.eot");	
	src:url("/fonts/SourceSansRegular.eot?#iefix") format('embedded-opentype'),url("/fonts/SourceSansProRegular.ttf") format('truetype');	
	font-style:normal; font-weight:300 }	
	@font-face { font-family:'sourceThin'; src:url("/fonts/Source SansRegular.eot");	
	src:url("/fonts/SourceSansRegular.eot?#iefix") format('embedded-opentype'),url("/fonts/SourceSansProRegular.ttf") format('truetype');	
	font-style:normal; font-weight:300 }	
/*AJAXsearch*/
ul#ajaxSearchDrop {width: 100%;list-style-type: none;padding-left: 5px; background-color: #fff; /* border: 1px solid #e6e6e6; */}
ul#ajaxSearchDrop li:hover { background-color: #e6e6e6; width:98%;}
ul#ajaxSearchDrop li.ajaxMarkLine { background-color: #eee; }
ul#ajaxSearchDrop li.ajaxUnmarkLine { background-color: #fff; }
ul#ajaxSearchDrop {margin-bottom: 10px;}
div.ajaxShopDrop {/*width: 97%; position: relative; height: 0px; overflow-y: visible; margin-top: -14px;*/ padding-left: 25px;}
	
	
	
div#main {	background-color: #fff; max-width: 1440px; margin-left: auto; margin-right: auto; overflow: visible; }
		
.wide1, .wide2, .wide3, .wide4, .wide6 {border: 0px dashed #ddd; box-sizing: border-box;}		
	html {line-height:1; font-size: 16px;font-family: "Source Sans Pro",Arial,sans-serif; color: #3B3030;} 
a:link, a:visited {	color: #9b9b9b; text-decoration:none; }
a:hover, a:active {	color: #2065ab; text-decoration:none; }
label.textlight:hover {	color: #2065ab; }
		
.white {  color: #fff; }
.blue {		color: #2065ab; }
.red {		color: #e85565; }
.darkgray {	color: #979ba1; }
.lightgray {	color: #f3f3f3; }
.back_white {	background-color: #fff; }
.back_blue {	background-color: #2065ab; }
.back_red {	background-color: #e85565; }
.back_darkgray {	background-color: #979ba1; }
.back_lightgray {	background-color: #f3f3f3; }
		
a.noLink { color: #9b9b9b; }
a.noLink:hover { color: #2065ab; }

.textblue {	color: #2065ab; }
.textlight {	color: #9b9b9b; }
.textmedium {	color: #4a4a4a; }
.textdark {	color: #323232; }
body {	color: #505050; background: #f7f7f7; margin: 0px; -webkit-hyphens: auto; -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; }
		
.buttonwhite { color: #777; background-color: #fff; border: 1px solid #b4b4b4; height: 2rem; }
.buttongray { color: #fff; background-color: #d7d7d7; }
		
h1 {	font-size: 2.875rem; line-height:3.45rem	}
h2 {	font-size: 2.75rem; line-height:3.437rem	}
h3 {	font-size: 2.25rem; line-height:2.812rem	}
h4 {	font-size: 1.375rem; line-height:1.718rem	}
h1, h2, h3, h4 {	margin-left: -3px; }
body {	font-size: 16px; margin-left: 0px; margin-right: 0px; font-family: "sourceLight", Segoe UI, Helvetica, Arial; line-height: 1.25rem; }
.sidebar, .bildtext {	color: #9b9b9b; font-size: 0.875rem; font-style: italic; }
.sidebar.left {	border-left: 3px solid #9b9b9b; }
.sidebar.right {	border-right: 3px solid #9b9b9b; }
		
.menu {	font-size: 0.9375rem; }
.submenu {	font-size: 0.9375rem; }
.submenu2 {	font-size: 0.9375rem; }
.bullets {	font-size: 0.9375rem; }
.kursiv {	font-style: italic; }
.bold {	font-weight: bold; }
.lm0 {	margin-left: 0px !important; }
.rm0 {	margin-right: 0px !important; } .hm0 {margin-left: 0px !important; margin-right: 0px !important;	}
.vm0 {	margin-top: 0px !important; margin-bottom: 0px !important; } .tm0 {margin-top: 0px !important;} .bm0 {margin-bottom: 0px !important;	}
.vp0 {	padding-top: 0px !important; padding-bottom: 0px !important; } .tp0 {padding-top: 0px !important;} .bp0 {padding-right: 0px !important;	}
.tm-20 {	margin-top: -20px !important; } .hm0 {margin-left: 0px !important; margin-right: 0px !important;	}
.lp20 {	padding-left: 20px; } .rp20 {padding-right: 20px;	}
		
h4.footer {	font-weight: normal; }
a.footer {	line-height: 1.5rem; }
		
		

/* Listen für treeview */
#treeview div{
width: 24px; height: 20px; display: inline-block; z-index: 242; margin-left: -25px; margin-top: 2px; 
}
#treeview div.trC {
display: inline-block; z-index: 242; background: url('pic/o_plus.gif');  background-repeat:no-repeat;
  background-position:50% 50%;}
#treeview div.trO {
display: inline-block; z-index: 242; background: url('pic/o_minus.gif');  background-repeat:no-repeat;
  background-position:50% 50%;} 

#treeview {
	font-family:  Segoe UI, Arial, Helvetica, Sans-serif;
	font-size: 13px; line-height: 17px;
	float: left; display: block;
	position: relative; margin-left: 0px; 
	overflow:visible;
	z-index: 210; 
	list-style-type: none;}
#treeview  li.closeleaf:hover {
	overflow:visible;
}
#treeview li { 
	margin-left: -20px; margin-top: 4px; list-style-type: none;}
#treeview li.treeDoc {
	 list-style-image: url(pic/doc.gif); }
#treeview li.treeDocOpen {
	list-style-image: url(pic/info_kl.gif); }
#treeview li.openleaf ul  { 
	display: block; }

#treeview li.closeleaf  ul{
	display: none; }
/* Listen für treeview Ende */
		
		
		
.ipad_left {	float:left; }
.ipad_right {	float:right; }
.ipad_clear {	float:clear; }
.dib, .wide1, .wide2, .wide3 {	display: inline-block; }
.wide1, .wide2, .wide3 {	/* float left */; }
.block {	display: block; }
.none {	display:none; }
	/* radio_none nicht display_none das ist none */	
.radio_none {	visibility: hidden; width: 0px; height: 0px;; }
.hl {	text-align: left !important; } .hr { text-align: right !important;} .hc {text-align: center !important;	}
.vt {	vertical-align: top !important; } .vb { vertical-align: bottom !important;} .vm {vertical-align: middle !important;	}
.lp0 {	padding-left: 0px; } .rp0 {padding-right: 0px; } .hp0 {padding-left: 0px; padding-right: 0px;	}
.footer_line, .border_top {	border-top: 1px solid #d7d7d7; }
table, td {	border-spacing: 0; margin: 0; padding: 0; }
.bannerpadding {	padding-top: 42%; }
		
		
		
.h12 {	width: 0.833333%;} .lp12 {padding-left: 12px} .rp12 { padding-right: 12px	}
.h24 {	width: 1.666666%;} .lp24 {padding-left: 24px} .rp24 { padding-right: 24px	}
.h45 {	width: 45px;} .lp45 {padding-left: 45px;} .rp45 { padding-right: 45px;	}
.h125 {	width: 8.680555%;	}
.d32 {	width: 32px;	}
.d45 {	width: 45px;	}
.lp60 {	width: 60px;	}
.wide1 {	width: 15.27777%;	}
.wide2 {	width: 32.22222%;	}
.wide3 {	width: 49.16666%;	}
.wide4 {	width: 66.11111%;	}
.wide6 {	width: 100%;	}
.main {	width: 100%; margin-left: auto; margin-right: auto;	}
		
		
		
.wide1, .wide2, .wide3, .wide4 {	margin-left: 0.833333%; margin-right: 0.833333%;	}
.line, .footer_line {	height: 1px; margin-left: 0.833333%; margin-right: 0.833333%;width: 98.33333%;	}
		
.standortkarte {	background:url('upload/karte.gif'); background-position: center bottom; }
.v12 {	height: 12px;} .tp12 {padding-top: 12px;} .bp12 { padding-bottom: 12px;} .vp12 { padding-bottom: 12px; padding-top: 12px;} .bm12 { margin-bottom: 12px;} .tm12 { margin-top: 12px;	}
.v20 {	height: 20px;} .tp20 {padding-top: 20px;} .bp20 { padding-bottom: 20px;} .vp20 { padding-bottom: 20px; padding-top: 20px;} .bm20 { margin-bottom: 20px;} .tm20 { margin-top: 20px;	}
.v24 {	height: 24px;} .tp24 {padding-top: 24px;} .bp24 { padding-bottom: 24px;} .vp24 { padding-bottom: 24px; padding-top: 24px;} .bm24 { margin-bottom: 24px;} .tm24 { margin-top: 24px;	}
.v30 {	height: 30px;} .tp30 {padding-top: 30px;} .bp30 { padding-bottom: 30px;} .vp30 { padding-bottom: 30px; padding-top: 30px;} .bm30 { margin-bottom: 30px;} .tm30 { margin-top: 30px;	}
.v36 {	height: 36px;} .tp36 {padding-top: 36px;} .bp36 { padding-bottom: 36px;} .vp36 { padding-bottom: 36px; padding-top: 36px;} .bm36 { margin-bottom: 36px;} .tm36 { margin-top: 36px;	}
.v45 {	height: 45px;} .tp45 {padding-top: 45px;} .bp45 { padding-bottom: 45px;} .vp45 { padding-bottom: 45px; padding-top: 45px;} .bm45 { margin-bottom: 45px;} .tm45 { margin-top: 45px;	}
.v64 {	height: 64px;} .tp64 {padding-top: 64px;} .bp64 { padding-bottom: 64px;} .vp64 { padding-bottom: 64px; padding-top: 64px;} .bm64 { margin-bottom: 64px;} .tm64 { margin-top: 64px;	}
.v80 {	height: 80px;} .tp80 {padding-top: 80px;} .bp80 { padding-bottom: 80px;} .vp80 { padding-bottom: 80px; padding-top: 80px;} .bm80 { margin-bottom: 80px;} .tm80 { margin-top: 80px;	}
.tp128 {padding-top: 128px;} /* Abstand für Titel nach oben*/

.tm_menu {	border-top:solid white  24px;	}
.bm_menu {	margin-bottom: 35px;	}
.v90 {	height: 88px;	}
.v150 {	height: 220px;	}
.v200 {	height: 200px;	}
.v230 {	height: 230px;	}
.v300 {	height: 300px;	}
.v400 {	height: 400px;	}
		
@media screen and (max-width:1024px) and (min-width: 769px) {		
.wide1, .wide2, .wide3, .wide4, .wide6 {	margin-left: 1.171875%; margin-right: 1.171875%;	}
.line {	height: 1px; margin-left: -1.171875%; margin-right: -1.171875%;	}
.logo {	width: 14.25781%;height: 30px;margin-bottom: 36px; }
.content {	padding-left: 0px; padding-right: 0px;; }
.h12 {	width: 1.171875%;} .lp12 {padding-left: 12px} .rp12 { padding-right: 12px	}
.h24 {	width: 2.34375%;} .lp24 {padding-left: 24px} .rp24 { padding-right: 24px	}
.h45 {	width: 45px;} .lp45 {padding-left: 45px} .rp45 { padding-right: 45px	}
.h125 {	width: 12.20703%;	}
.d32 {	width: 32px;	}
.d45 {	width: 45px;	}
.wide1 {	width: 14.25781%;	}
.wide2 {	width: 30.85937%;	}
.wide3 {	width: 47.46093%;	}
.wide4 {	width: 64.0625%;	}
.wide6 {	width: 97.26562%;	}
		
.v20 {	height: 20px;} .tp20 {padding-top: 20px;} .bp20 { padding-bottom: 20px;} .vp20 { padding-bottom: 20px; padding-top: 20px;} .bm20 { margin-bottom: 20px;} .tm20 { margin-top: 20px;	}
.v24 {	height: 24px;} .tp24 {padding-top: 24px;} .bp24 { padding-bottom: 24px;} .vp24 { padding-bottom: 24px; padding-top: 24px;} .bm24 { margin-bottom: 24px;} .tm24 { margin-top: 24px;	}
.v30 {	height: 30px;} .tp30 {padding-top: 30px;} .bp30 { padding-bottom: 30px;} .vp30 { padding-bottom: 30px; padding-top: 30px;} .bm30 { margin-bottom: 30px;} .tm30 { margin-top: 30px;	}
.v36 {	height: 36px;} .tp36 {padding-top: 36px;} .bp36 { padding-bottom: 36px;} .vp36 { padding-bottom: 36px; padding-top: 36px;} .bm36 { margin-bottom: 36px;} .tm36 { margin-top: 36px;	}
.v45 {	height: 45px;} .tp45 {padding-top: 45px;} .bp45 { padding-bottom: 45px;} .vp45 { padding-bottom: 45px; padding-top: 45px;} .bm45 { margin-bottom: 45px;} .tm45 { margin-top: 45px;	}
.v64 {	height: 64px;} .tp64 {padding-top: 64px;} .bp64 { padding-bottom: 64px;} .vp64 { padding-bottom: 64px; padding-top: 64px;} .bm64 { margin-bottom: 64px;} .tm64 { margin-top: 64px;	}
.v80 {	height: 80px;} .tp80 {padding-top: 80px;} .bp80 { padding-bottom: 80px;} .vp80 { padding-bottom: 80px; padding-top: 80px;} .bm80 { margin-bottom: 80px;} .tm80 { margin-top: 80px;	}
.tm_menu {	border-top-width: 21px;	}
.bm_menu {	margin-bottom: 45px;	}
.v90 {	height: 88px;	}
.v150 {	height: 147px;	}
.v200 {	height: 200px;	}
.v230 {	height: 230px;	}
.v300 {	height: 300px;	}
.v400 {	height: 400px;	}
.hide1024 {	visibility: hidden; width: 0px !important; height: 0px !important; }
}		
		
@media screen and (max-width:768px) and (min-width: 481px) {		
.wide1, .wide2, .wide3, .wide4, .wide6 {	margin-left: 1.5625%; margin-right: 1.5625%;	}
.line {	height: 1px; margin-left: -1.5625%; margin-right: -1.5625%;	}
.logo {	width: 21.875%;height: 50px; }
.left768 {	padding-left: 36px !important; }
.right768 {	padding-right: 36px !important; }
.both768, .wide4, .wide6 {	padding-left: 36px !important; padding-right: 36px !important; }
.h12 {	width: 1.5625%;} .lp12 {padding-left: 12px} .rp12 { padding-right: 12px	}
.h24 {	width: 3.125%;} .lp24 {padding-left: 24px} .rp24 { padding-right: 24px	}
.h45 {	width: 45px;} .lp45 {padding-left: 45px} .rp45 { padding-right: 45px	}
.h125 {	width: 16.27604%;} .lp125 {padding-left: 125px} .rp125 { padding-right: 125px	}
.d32 {	width: 32px;	}
.d45 {	width: 45px;	}
.wide1 {	width: 21.875%;	}
.wide2 ,  .w768_2 {	width: 46.875%;	}
.wide3 {	width: 71.875%;	}
.wide4, .w768_4 {	width: 96.875%;	}
.wide6 {	width: 96.875%;	}
		
.v20 {	height: 20px;} .tp20 {padding-top: 20px;} .bp20 { padding-bottom: 20px;} .vp20 { padding-bottom: 20px; padding-top: 20px;} .bm20 { margin-bottom: 20px;} .tm20 { margin-top: 20px;	}
.v24 {	height: 24px;} .tp24 {padding-top: 24px;} .bp24 { padding-bottom: 24px;} .vp24 { padding-bottom: 24px; padding-top: 24px;} .bm24 { margin-bottom: 24px;} .tm24 { margin-top: 24px;	}
.v30 {	height: 30px;} .tp30 {padding-top: 30px;} .bp30 { padding-bottom: 30px;} .vp30 { padding-bottom: 30px; padding-top: 30px;} .bm30 { margin-bottom: 30px;} .tm30 { margin-top: 30px;	}
.v36 {	height: 36px;} .tp36 {padding-top: 36px;} .bp36 { padding-bottom: 36px;} .vp36 { padding-bottom: 36px; padding-top: 36px;} .bm36 { margin-bottom: 36px;} .tm36 { margin-top: 36px;	}
.v45 {	height: 45px;} .tp45 {padding-top: 45px;} .bp45 { padding-bottom: 45px;} .vp45 { padding-bottom: 45px; padding-top: 45px;} .bm45 { margin-bottom: 45px;} .tm45 { margin-top: 45px;	}
.v64 {	height: 64px;} .tp64 {padding-top: 64px;} .bp64 { padding-bottom: 64px;} .vp64 { padding-bottom: 64px; padding-top: 64px;} .bm64 { margin-bottom: 64px;} .tm64 { margin-top: 64px;	}
.v80 {	height: 80px;} .tp80 {padding-top: 80px;} .bp80 { padding-bottom: 80px;} .vp80 { padding-bottom: 80px; padding-top: 80px;} .bm80 { margin-bottom: 80px;} .tm80 { margin-top: 80px;	}
.tm_menu {	border-top-width: 21px;	}
.bm_menu {	margin-bottom: 90px;	}
.v90 {	height: 88px;	}
.v150 {	height: 168px;	}
.v200 {	height: 200px;	}
.v230 {	height: 230px;	}
.v300 {	height: 300px;	}
.v400 {	height: 400px;	}
.hide768, div#menu a.hide768 {	display: none !important; }
}		
		
@media screen and (max-width:480px) {		
.wide1, .wide2, .wide3, .wide4, .wide6 {	margin-left: 3.75%; margin-right: 3.75%;	}
.line {	height: 1px; margin-left: -3.75%; margin-right: -3.75%;	}
.logo {	width: 42.5%;height: 36px; }
.left480, .left768 {	padding-left: 24px !important; }
.right480, right768 {	padding-right: 24px !important; }
.both480, .both768, .wide2, .wide3, .wide4, .wide6 {	padding-left: 24px !important; padding-right: 24px !important; }
.h12 {	width: 3.75%;} .lp12 {padding-left: 3.75%;} .rp12 { padding-right: 3.75%;	}
.h24 {	width: 7.5%;} .lp24 {padding-left: 7.5%;} .rp24 { padding-right: 7.5%;	}
.h45 {	width: 45px;} .lp45 {padding-left: 45px;} .rp45 { padding-right: 45px;	}
.h125 {	width: 39.0625%;} .lp125 {padding-left: 39.0625%;} .rp125 { padding-right: 39.0625%;	}
.d32 {	width: 32px;	}
.d45 {	width: 45px;	}
.wide1 {	width: 42.5%;	}
.wide2,  .w768_2, .w768_4 {	width: 92.5%;	}
.wide3 {	width: 92.5%;	}
.wide4 {	width: 92.5%;	}
.wide6 {	width: 92.5%;	}
		
.v20 {	height: 20px;} .tp20 {padding-top: 20px;} .bp20 { padding-bottom: 20px;} .vp20 { padding-bottom: 20px; padding-top: 20px;} .bm20 { margin-bottom: 20px;} .tm20 { margin-top: 20px;	}
.v24 {	height: 24px;} .tp24 {padding-top: 24px;} .bp24 { padding-bottom: 24px;} .vp24 { padding-bottom: 24px; padding-top: 24px;} .bm24 { margin-bottom: 24px;} .tm24 { margin-top: 24px;	}
.v30 {	height: 30px;} .tp30 {padding-top: 30px;} .bp30 { padding-bottom: 30px;} .vp30 { padding-bottom: 30px; padding-top: 30px;} .bm30 { margin-bottom: 30px;} .tm30 { margin-top: 30px;	}
.v36 {	height: 36px;} .tp36 {padding-top: 36px;} .bp36 { padding-bottom: 36px;} .vp36 { padding-bottom: 36px; padding-top: 36px;} .bm36 { margin-bottom: 36px;} .tm36 { margin-top: 36px;	}
.v45 {	height: 45px;} .tp45 {padding-top: 45px;} .bp45 { padding-bottom: 45px;} .vp45 { padding-bottom: 45px; padding-top: 45px;} .bm45 { margin-bottom: 45px;} .tm45 { margin-top: 45px;	}
.v64 {	height: 64px;} .tp64 {padding-top: 64px;} .bp64 { padding-bottom: 64px;} .vp64 { padding-bottom: 64px; padding-top: 64px;} .bm64 { margin-bottom: 64px;} .tm64 { margin-top: 64px;	}
.v80 {	height: 80px;} .tp80 {padding-top: 80px;} .bp80 { padding-bottom: 80px;} .vp80 { padding-bottom: 80px; padding-top: 80px;} .bm80 { margin-bottom: 80px;} .tm80 { margin-top: 80px;	}
.tm_menu {	border-top-width: 30px;	}
.bm_menu {	margin-bottom: 82px;	}
.v90 {	height: 88px;	}
.v150 {	height: 136px;	}
.v200 {	height: 200px;	}
.v230 {	height: 230px;	}
.v300 {	height: 300px;	}
.v400 {	height: 400px;	}
.hide480, div#menu a.hide480 {	display: none !important; }
}		
		
@media screen and (min-width:1440px) {		
body {	font-size: 16px; margin-left: auto; margin-right: auto; }
}		
@media screen and (min-width:1025px)  {		
.first {	margin-left: 0px !important; }
.last {	margin-right: 0px !important; }
.hide1440 {	visibility: hidden; width: 0px !important; height: 0px !important; }
}		
		
.wide6.lm0.rm0, .wide6.hm0, .wide100 {	width: 100% !important; ; }
.wide200 {	width: 200%; }
.wide33 {	width: 33.333333%; }
		
.logo {	width: 99%;height: 50px; background:url('upload/logo.gif'); background-size: contain; background-position: right; background-repeat: no-repeat; display: inline-block; margin-left: 12px; }
.menuwide1, .menulogo {	box-sizing: border-box; width: 16.94444%; padding: 1.666666% 1.666666% 0% 1.666666%;	}
.menuwide1 {	padding-bottom: 0px; }
.menulogo {	display: inline-block; list-style-type: none; padding-left: 0px; }
div#menu {	color: #2065ab; background-color: #f3f3f3; font-size: 0.9375rem; width: 100%;box-sizing: border-box;  padding-top: px	}
div#menu a {	display: inline-block;  text-align: center; }
.menuhandycondensed {	display: inline-block; list-style-type: none; padding-left: 0px; vertical-align: top;  width:66.11111%;	}
.menuhandycondensed ul.menulevel1 {	width: 24.4%; vertical-align: top; }
label.close_menu {	display: none; }
		
.icon_search, .icon_contact, .icon_login, .icon_menu {	width: 44px; height: 47px; display: inline-block; margin-left: 12px; margin-right: 12px; background:url('upload/iconset2transp_Original.gif'); background-repeat: repeat; }
.icon_leer {	width: 0px; height: 47px; display: inline-block; background-color: transparent; }
.icon_space { width: 38px; height: 42px; display: inline-block; margin-top: 4px; margin-left: 12px; margin-right: 12px; }
.icon_search {	background-position: 625px 424px; }
.icon_menu {	background-position: 692px 353px; /*display: none;*/ }
.icon_contact {	background-position: 562px 424px; }
.icon_login {	background-position: 692px 424px; }
.icon_menu_tel, .icon_menu_mail, .icon_menu_adress {	width: 38px; height: 42px; display: inline-block; margin-top: 4px; margin-left: 12px; margin-right: 12px; background:url('upload/iconset2transp_Original.gif'); background-repeat: repeat; }
.icon_menu_tel {	background-position: 370px 470px; }
.icon_menu_mail {	background-position: 315px 470px; }
.icon_menu_adress {	background-position: 429px 470px; }
.icon_menu_projekt, .icon_menu_forschung, .icon_menu_partner, .icon_menu_download, .icon_menu_anwendung, .icon_menu_arrow {	width: 38px; height: 42px; display: inline-block; margin-top: 4px; margin-left: 12px; margin-right: 12px; background:url('upload/iconset2transp_Original.gif'); background-repeat: repeat; }
.icon_menu_projekt {	background-position: 370px 470px; }
.icon_menu_forschung {	background-position: 315px 470px; }
.icon_menu_partner {	background-position: 429px 470px; }
.icon_menu_anwendung {	background-position: 370px 470px; }
.icon_menu_download {	background-position: 315px 470px; }
.icon_menu_arrow { background-position: 153px 352px; float:right; margin-left: 0px; margin-right: 10px; width: 24px; height: 15px; }
		
ul.menulevel1, ul.menulevel2, ul.menuhandycontact {	display: inline-block;list-style-type: none; padding-left: 0px;  text-align: center; vertical-align: top; }
ul.menulevel3  {	display: inline-block; max-height: 0px; overflow: hidden; list-style-type: none;  text-align: center; vertical-align: top; }
ul.menulevel2, ul.menulevel3  {	overflow:hidden;  width: 90%; max-height: 0px; height: 0px; }
ul.menulevel2 {	padding-top: 32px; }
ul.menulevel1, ul.menuhandycontact {	position:relative; max-height: 20px;  height:auto; padding-bottom: 50px; border-top: 8px solid #f3f3f3; margin-top:-8px; padding-right: 0px; }
ul.menulevel1 > li > ul.menulevel2, ul.menuhandycontact > li > ul.menulevel2 {	position: absolute; left: 0px; top: 68px; max-height: 0px; height: auto; width: 0px; }
div#uhrblatt {	margin: 10%; }
		
		
		
		
div#menu {	height:100px;	
	padding-top:32px;	
	box-sizing: border-box;	
	box-shadow: 0px 2px 2px 0px rgba(59, 48, 48, 0.04);	}
.logo {	height:52px;	}
		
		
input#tb_search, input#submit_search, input#ianm_submit[type="submit"], input#newsletter_email {	width: 87%; margin:5.5%; height: 2rem	}
input#ianm_password, input#ianm_name, input#newsletter_email {	color: #b4b4b4; background-color: #fff; width: 89%; /*margin:5.5%; */height: 2rem; }
input#tb_search, input#ianm_password, input#ianm_name, input#newsletter_email {	color: #979ba1; background-color: #f3f3f3; width: 87%; border: 1px solid #b4b4b4; box-sizing: border-box; }
input#ianm_password, input#newsletter_email {	margin-top: 0px; margin-bottom: 0px; }
input#ianm_submit[type="submit"], input#newsletter_eintragen, input#newsletter_email {	color: #b4b4b4; background-color: #fff; height: 2rem; border: 1px solid #b4b4b4; box-sizing: border-box; }
input#newsletter_email, input#newsletter_eintragen {	width: 100%; margin: 0px; height: 2rem; }
input#newsletter_eintragen {	height: 2.25rem;; }
		
@media screen and (min-width:769px) {		
.wide4 {	display: inline-block; /* float left */; }
ul.menulevel1 > li > ul.menulevel2 {	visibility: hidden; }
ul.menulevel1:hover > li > ul.menulevel2 {	visibility: visible; }
ul.menulevel1:hover  {	background-color: #fff; max-height: 999px;  height: auto; border-top-color: #fff; }
ul.menulevel1:hover > li > ul.menulevel2 {	background-color: #fff; position: absolute; width: 179% !important; left: 0px; max-height: 999px; height: auto;  box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24); }
ul.menulevel1:hover > li > ul.menulevel2> li > ul.menulevel3 {	background-color: #fff; max-height: 0px; height: auto; }
ul.menulevel1:hover > li > ul.menulevel2> li:hover > ul.menulevel3 {	background-color: #fff; display: inline-block; max-height: 300px; height: auto; }
ul.menulevel1:hover > li > ul.menulevel2 > li:hover div.icon_menu_arrow {	transition: 0.5s all ease; margin-top: 9px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
		
ul.menulevel1:hover > li > ul.menulevel2 > li > ul.menulevel3 {	max-height: 0px; }
		
		
ul.menuhandycontact:hover  {	background-color: #fff; max-height: 999px;  height: auto; border-top-color: #fff; }
ul.menuhandycontact > li > ul.menulevel2, ul.menuhandycontact > li > ul.menulevel2 {	background-color: #fff; position: absolute; left: 0px; top: 72px; max-height: 0px; height: auto; }
ul.menuhandycontact:hover > li > ul.menulevel2 {	background-color: #fff; position: absolute; left: 0px; max-height: 999px; height: auto;  box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24); }
ul.menuhandycontact:hover > li > ul.menulevel2> li > ul.menulevel3 {	background-color: #fff; max-height: 0px; height: auto; }
ul.menuhandycontact:hover > li > ul.menulevel2> li:hover > ul.menulevel3 {	background-color: #fff; display: inline-block; max-height: 999px; height: auto; }
ul.menulevel1:hover > li > ul.menulevel2 > li > ul.menulevel3 {	max-height: 0px; }
ul.menuhandycontact:hover > li > ul.menulevel2 {	width: 150% !important; margin-left: -49.8%; }
}		
		
@media screen and (max-width:768px) and (min-width: 1px) {		
.link_hover_weiss:hover { color: #ffffff; }

.bannerpadding { padding-top: 39%; }
div#menu { position: fixed; top: -4px; left: 0px; z-index: 2; }
		
		
.icon_menu {	background-position: 692px 227px; width: 52px; height: 52px; display: inline-block; }
.icon_contact {	background-position:625px 227px; width: 52px; height: 52px; }
ul.menuhandycondensed > li > ul.menulevel1 {	display: none; max-height: 0px;  height: auto;  border-top-color: #fff; }
ul.menuhandycondensed > input.radio_none {	display: none; }
		
input[type="radio"]#openmenuhandycontact:checked ~ li > ul.menulevel2 {	display: block; max-height: 999px;  height: auto; border-top-color: #fff; }
input[type="radio"]#openmenuhandycontact:checked ~ li > ul.menulevel2 {	background-color: #fff; margin-top: -4px !important; position: absolute; left:-230%; width: 320%;min-width: 225px;box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24); }
input[type="radio"]#openmenuhandycontact:checked ~ li >  a label.close_menu {	display: inline-block; background-position: 625px 102px; margin-top: 1px; }
input[type="radio"]#openmenuhandycontact:checked ~ li >  a label.open_menu {	display: none; }
		
input[type="radio"]#openmenuhandycondensed:checked ~ label.close_menu {	display: inline-block; background-position: 692px 103px;margin-top: -1px; }
input[type="radio"]#openmenuhandycondensed:checked ~ label.open_menu {	display: none; }
input[type="radio"]#openmenuhandycondensed:checked ~ li > ul.menulevel1 {	display: block; max-height: 999px;  height: auto; border-top-color: #fff; width: 76%; margin-left: 12%; margin-right: 12%; text-align: left; box-sizing: border-box; border-top-width: 1px; padding: 0px; padding-top: 24px; padding-bottom: 24px; padding-left: 12px; }
input[type="radio"]#openmenuhandycondensed:checked ~ li  {	color: #fff; background-color: #2065ab; margin-top: 14px !important; position: absolute; left: 0px; width: 100%; overflow-y: auto; height: 80%; padding-top: 7px; }
input#openmenuhandycondensed[type="radio"]:checked ~ li  {	min-height: 660px; }
input[type="radio"]#openmenuhandycondensed:checked ~ li a {	text-align: left; }
input[type="radio"]#openmenuhandycondensed:checked ~ li .icon_search {	/* float: right; */ background-position: 370px 160px;margin-top: -8px; margin-left: 0px; }
input[type="radio"]#openmenuhandycondensed:checked ~ li .icon_login {	/* float: right; */ background-position: 431px 160px; margin-top: -8px; margin-left: 0px; }
input[type="radio"]#openmenuhandycondensed:checked ~ li .icon_leer {	float: right; margin-top: -18px; }
		
div#menu  a.logo {	width: 160px; margin-top: 4px; }
ul.menulogo {	width: 72%; }
ul.menuhandycondensed, ul.menuhandycontact {	width: 14%; text-align: center; }
ul.menuhandycondensed > li > ul.menulevel1 {	position:relative; max-height: 20px;  height:auto; padding-bottom: 50px; border-top: 8px solid #f3f3f3; margin-top:-8px; }
ul.menulevel1 > li > ul.menulevel2 {	display: none; }
		
/* input[type="checkbox"]#openmenu11 ~ ul#openmenu11 > li,		
input[type="checkbox"]#openmenu12 ~ ul#openmenu12 > li,		
input[type="checkbox"]#openmenu13 ~ ul#openmenu13 > li,		
input[type="checkbox"]#openmenu110 ~ li,		
input[type="checkbox"]#openmenu111 ~ li,		
input[type="checkbox"]#openmenu112 ~ li {	color: #fff; background-color: #139640; display: block; max-height:0px;  height: 0px box-sizing: border-box; border-top-width: 1px; padding: 0px; padding-top: 12px; padding-bottom: 12px;  top: 0px; } */
input[type="checkbox"]#openmenu11:checked ~ ul#openmenu11,
input[type="checkbox"]#openmenu14:checked ~ ul#openmenu14,		
input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12,		
input[type="checkbox"]#openmenu13:checked ~ul#openmenu13 {	color: #2065ab; background-color: #fff; padding-left: 12%; margin-left: 0%; margin-right: 0%; width: 100%; margin-bottom: 7px; padding-right: 12%; border-top: 1px solid #455475; }

/* Rotation kleiner Pfeil mobil - für mobiles aufklappen trotz Linkhinterlegung */
#openmenu11 + ul .icon_menu_arrow { transition: all 0.5s ease; }
#openmenu11:checked + ul .icon_menu_arrow { transform: rotate(180deg); }
#openmenu12 + ul .icon_menu_arrow { transition: all 0.5s ease; }
#openmenu12:checked + ul .icon_menu_arrow { transform: rotate(180deg); }
#openmenu14 + ul .icon_menu_arrow { transition: all 0.5s ease; }
#openmenu14:checked + ul .icon_menu_arrow { transform: rotate(180deg); }
/* Rotation kleiner Pfeil mobil ENDE */

/* Durch Hinterlegung von Links aufs Menü - Hover Farben Änderung im Mobilen Menü */
label.textlight > a:hover { color: #fff; }
input:checked + ul > li > label > a:hover { color: #2065ab; }
/* ENDE Farbänderung Menü Mobil */

input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12 .icon_login {	background-position: 430px 44px; margin-top: -12px; }
input[type="checkbox"]#openmenu13:checked ~ ul#openmenu13 .icon_search {	background-position: 370px 39px; margin-top: -12px; }
label.textlight:hover { color: #fff; }
input[type="checkbox"]#openmenu11:checked ~ ul#openmenu11  label.textlight:hover,
input[type="checkbox"]#openmenu14:checked ~ ul#openmenu14  label.textlight:hover,		
input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12  label.textlight:hover,		
input[type="checkbox"]#openmenu13:checked ~ ul#openmenu13  label.textlight:hover {	color: #2065ab; }
		
input[type="checkbox"]#openmenu11:checked ~ ul#openmenu11 > li,
input[type="checkbox"]#openmenu14:checked ~ ul#openmenu14 > li,		
input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12 > li,		
input[type="checkbox"]#openmenu13:checked ~ ul#openmenu13 > li,		
input[type="checkbox"]#openmenu110:checked ~ li,		
input[type="checkbox"]#openmenu111:checked ~ li,		
input[type="checkbox"]#openmenu112:checked ~ li,		
input[type="checkbox"]#openmenu112:checked ~ li { color: #2065ab; background-color: #fff; display: block; max-height: 999px; height: auto;box-sizing: border-box; border-top-width: 1px; padding: 0px;  top: 0px; padding-left: 12px; }
input[type="checkbox"]#openmenu110:checked ~ li,		
input[type="checkbox"]#openmenu111:checked ~ li,		
input[type="checkbox"]#openmenu112:checked ~ li,		
input[type="checkbox"]#openmenu112:checked ~ li { padding-left: 0px; }
.icon_menu_projekt, .icon_menu_forschung, .icon_menu_partner, .icon_menu_download, .icon_menu_anwendung { margin-left: 0px; }
		
input[type="checkbox"]#openmenu11:checked ~ ul#openmenu11 >li > ul,	
input[type="checkbox"]#openmenu14:checked ~ ul#openmenu14 >li > ul,		
input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12 >li > ul,		
input[type="checkbox"]#openmenu13:checked ~ ul#openmenu13 > li > ul,		
input[type="checkbox"]#openmenu110:checked ~ li > ul#openmenu110,		
input[type="checkbox"]#openmenu111:checked ~ li > ul#openmenu111,		
input[type="checkbox"]#openmenu112:checked ~ li > ul#openmenu112,		
input[type="checkbox"]#openmenu112:checked ~ li {	color: #2065ab; background-color: #fff; position: relative; display: block; max-height: 999px;  height: auto;box-sizing: border-box; border-top-width: 1px; padding: 0px; padding-top: 12px; padding-bottom: 12px; top: 0px; }
ul.menulevel3.lp45, ul.menulevel3.lp60 {	padding: 0px; }
.icon_menu_arrow {	margin-right:2px; }
input[type="checkbox"]#openmenu110:checked ~ li > label[for="openmenu110"] > div.icon_menu_arrow, 	
input[type="checkbox"]#openmenu111:checked ~ li > label[for="openmenu111"] > div.icon_menu_arrow, 	
input[type="checkbox"]#openmenu112:checked ~ li  > label[for="openmenu112"] > div.icon_menu_arrow {	background-position: 212px 365px; }
		
		
input[type="checkbox"]#openmenu110:checked ~ li > ul#openmenu110 li ,		
input[type="checkbox"]#openmenu111:checked ~ li > ul#openmenu111 li ,		
input[type="checkbox"]#openmenu112:checked ~ li > ul#openmenu112 li {	padding-left: 50px; }
		
input[type="checkbox"]#openmenu12:checked ~ ul#openmenu12 >li > ul > li {	/* login */ padding-left: 28px; }
input[type="checkbox"]#openmenu13:checked ~ ul#openmenu13 >li > ul > li {	/* search */ padding-left: 28px; }
}		
		
@media screen and (max-width:480px) and (min-width: 1px) {		
input#openmenuhandycondensed[type="radio"]:checked ~ li  {	min-height: 505px; }
nav.tm_menu {	padding-left: 12px !important; padding-right: 12px !important; }
ul.menulogo {	width: 62%; }
ul.menuhandycondensed, ul.menuhandycontact {	width: 19%; text-align: center; }
input[type="radio"]#openmenuhandycontact:checked ~ li > ul.menulevel2 {	 left:-220%; width: 320%; }
		
}		
		
@media screen and (max-width:360px) and (min-width: 1px) {		
input[type="radio"]#openmenuhandycontact:checked ~ li > ul.menulevel2 {	 left:-260%; width: 320%; }
}		
		
@media screen and (max-width:1024px) and (min-width: 768px) {		
.icon_search, .icon_contact, .icon_login,		
.icon_menu_tel, .icon_menu_mail, .icon_menu_adress,		
.icon_menu_projekt, .icon_menu_forschung, .icon_menu_partner, .icon_menu_download, .icon_menu_anwendung {	margin-left: 4px; margin-right: 2px; }
div#uhrblatt {	margin-left: 4%; }
		
}		
		
@media screen and (max-width:1370px) and (min-width: 1025px) {		
.logo {	width: 96%; margin-left: 4%; }
}		
@media screen and (max-width:1024px) and (min-width: 900px) {		
.logo {	width: 96%; margin-left: 4%; }
ul.menulevel1:hover > li > ul.menulevel2 {	width: 140% !important; }
ul.menuhandycontact:hover > li > ul.menulevel2 {	width: 150% !important; margin-left: -49.8%; }
}		
		
@media screen and (max-width:899px) and (min-width: 769px) {		
.logo {	width: 96%; margin-left: 4%; }
ul.menulevel1:hover > li > ul.menulevel2 {	width: 160% !important; }
ul.menuhandycontact:hover > li > ul.menulevel2 {	width: 165% !important; margin-left: -64.8%; }
}		
		
		
.wide1.lp0, .wide2.lp0, .wide3.lp0, .wide4.lp0, .wide6.lp0 {	padding-left:0px !important; }
.wide1.rp0, .wide2.rp0, .wide3.rp0, .wide4.rp0, .wide6.rp0 {	padding-right:0px !important; }
.menulevel2 {	z-index: 2; }
		
		
@media screen and (-webkit-min-device-pixel-ratio:0)  and (max-width:1024px) 	{
span:before  {	content:"\00200B" /* für ipad geschütztes Leerzeichen einbinden */; }
.wide6 , .wide4, div#main  {	display: inline-block; }
span#labelstyle:before , span#labelhtmltop:before, span#labelhtmlbottom:before, 	
form > span:before, td > span:before, div > span:nth-of-type(1):before,  	
nav > span:before  {	content: none; }
}		


.baustoffliste ul, .baustoffliste li {	/* Style für die Baustoffliste */
	list-style-type: none;
}
.baustoffliste > div > ul {
	padding-left: 0;
}
.baustoffliste > div > ul > li > ul {
	padding-left: 10px;
}
.baustoffliste div {
	vertical-align: top;
}






/* Klassenbrowser Styles */

.KlassenbrowserMenu {
	margin-left: 15.27777%;
}
.KlassenbrowserMenu > table {
width: 100% !important;
padding-left: 20px;
}

.KlassenbrowserMenu > table > tbody > tr > td > span {
	/*display: none;*/ /* Ausblenden des Titels unter dem Begriff "Suche" */
}
.KlassenbrowserMenu > table > tbody > tr > td  {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.KlassenbrowserMenu .tablistheader span {
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.KlassenbrowserMenu .ctl10_TB_search + input  {
	position: relative;
	top: 7px;
}


.KlassenbrowserFeld #firmenliste {
	width: 80%;

}
.KlassenbrowserFeld #firmenliste tbody tr td div {
	width: 100%;
}
.KlassenbrowserFeld #firmenliste tbody tr td img {
	margin-right: 0;
	max-width: 100%;
	height: auto;
}


tr.tablistheader + tr > td > table
{
	width: 80% !important;
}


.KlassenbrowserFeld > div > table > tbody > tr > td > span > img {	/* Bearbeitet das Standard-Bild */
	max-width: 340px;
	width: 100%;
}
.KlassenbrowserFeld #eclass_search > table > tbody > tr > td > table {	
	max-width: 450px;
	width: 90%;
}

.ProduktbaumFirmen > span > div > table {
	width: 90%;
}
.ProduktbaumFirmen {
	padding-left: 40px;
}

.ProduktbaumFirmen > span > div > table > tbody > tr > td > img {
	max-width: 100%;
}

@media screen and (max-width:1024px) {
	.KlassenbrowserMenu {
		margin-left: 14.25781%;
	}
	.KlassenbrowserMenu > table {
		padding-left: inherit;
	}
	.ProduktbaumFirmen > span > div > table {
		width: 95%;
	}
	.ProduktbaumFirmen {
		width: 100% !important;
	}

}

@media screen and (max-width:768px) {
	.KlassenbrowserMenu {
		margin-left: 4.62%;
		padding-right: 4.5%;
		text-align: center;
		width: 100%;
	}
	.KlassenbrowserFeld {
		margin-left: 4.62%;
		margin-top: 20px;
		padding-right: 4.5%;
		width: 100%;
	}
	.ProduktbaumFirmen > span > div > table {
		margin-top: 40px;
	}
}

@media screen and (max-width:480px) {
	.KlassenbrowserMenu {
		padding-left: 12px !important
	}
	.KlassenbrowserFeld {
		padding-left: 12px !important	
	}
	.ProduktbaumFirmen {
		padding-left: 5.010438% !important;
		padding-right: 5.010438% !important;
	}
	.tabwhite {
		font-size: 13.333px;
	}
}




table.tabklein > tbody > tr > td + td {
	border-left: 4px solid transparent;	/* Abstand für besseres erkennen der EAN und der Art.Nr. */
}
div#fir_head {
	width: 90% !important;
}





/* fcls_start - Baustoffe nach Anwendung --------------------------------------------------------- */

#fcls_start_gesamt
{
	padding-top: 18px;
	margin-right:0px;
	/* margin-left:36px; */
}
#fcls_start_gesamt > div
{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}
#fcls_start_gesamt > div > ul
{
	list-style-type: none;
	padding-left: none;

}

#fcls_start_gesamt > div > ul > li
{
	margin-top: 20px;
	font-size: 14px;
}
#fcls_start_gesamt > div > ul > li > ul
{
	margin-top: 16px;
}

#fcls_start_gesamt a {
	color: rgb(80, 80, 80);
}
#fcls_start_gesamt a:hover {
	text-decoration: underline;
}

#fcls_start_gesamt > div > ul > li > ul
{
	max-height: 60px;
	overflow: hidden;
	padding: 5px;
	border: 1px dashed transparent;

	transition: all 0.7s ease;

	padding-left: 25px;
	list-style-type: none;
}


#fcls_start_gesamt > div > ul > li > ul:hover
{
	max-height: 300px;
	border: 1px dashed #ccc;
}

#fcls_start_gesamt > div > ul > li > ul > li
{
	font-size: 13px;
	line-height: 20px;
}

@media screen and (max-width:768px) {
	#fcls_start_gesamt > div
	{
		width: 100%;
	}
	#fcls_start_gesamt > div > ul > li > ul
	{
		max-height: 600px;
	}
	#fcls_start_gesamt > div > ul > li > ul
	{
		border: 1px dashed #ccc;
	}
}