@import url('benjamin.css');



	@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 }	
		
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: Montserrat Regular, "Source Sans Pro",Arial,sans-serif; color: #3B3030;} 	
a:link, a:visited {	color: #9b9b9b; text-decoration:none; 	}
a:hover, a:active {	color: #527fa2; text-decoration:none; 	}
label.textlight:hover {	color: #527fa2; 	}
		
.white {   	color: #fff; 	}
.blue {		color: #527fa2; 	}
.red {		color: #e85565; 	}
.darkgray {	color: #979ba1; 	}
.lightgray {	color: #f3f3f3; 	}
.back_white {	background-color: #fff; 	}
.back_blue {	background-color: #527fa2; 	}
.back_red {	background-color: #e85565; 	}
.back_darkgray {	background-color: #979ba1; 	}
.back_lightgray {	background-color: #f3f3f3; 	}
		
a.noLink { color: #9b9b9b; }
a.noLink:hover { color: #527fa2; }

.textblue {	color: #527fa2; 	}
.textlight {	color: #9b9b9b; 	}
.textmedium {	color: #4a4a4a; 	}
.textdark {	color: #323232; 	}
body {	color: #505050; background-color: #f3f3f3; margin: 0px; -webkit-hyphens: auto; -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto; 	}
		
.buttonwhite {	color: #b4b4b4; 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: Montserrat Regular, "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; 	}
		
		
		
		
		
.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 !important; }
	/* 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; 	}
}		
		
@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; 	}
}		
		
@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-image: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: #527fa2; 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: 154px 365px; float:right; margin-left: 0px; margin-right: 10px; width: 27px; height: 30px; 	}
		
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: 89%; 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; 	}
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; 	}
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; -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: 65%; 	}
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: #527fa2; 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: #527fa2; 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; 	}
		
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: #527fa2; 	}
		
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: #527fa2; 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: #527fa2; 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%;
	margin-bottom: 20px;
}
.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%;
}





/* Setzt die Breite der Artikelausgabe, bei Width in Prozent wird die Breite von den Kind-Elementen an das Mutterelement weitergegeben... */

.ProduktbaumFirmen #euro_etre_prod table tr td table.tabklein {
	display: block;
	width: 10px;
}
.ProduktbaumFirmen #euro_etre_prod table.tabwhite > tbody > tr:nth-of-type(4) > td {
	overflow-x: auto !important;
	display: block;
	width: 100%;
}









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

	.KlassenbrowserFeld.wide3 {
		width: 100%;
	}


}

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

#eclass_search table.verw_edit_tab > tbody > tr > td { min-width: 120px; }










/* ÄNDERUNGEN 2020 */
div.grayLine {
    max-width: 500px;
    border: 1px solid #f2f2f2;
    width: 100%;
    margin: 30px 0px;
}

.spaceBottom {
	margin-bottom: 7px;
	display: block;
}

.bold {
	font-weight: bold;
}

.buttonBox {
    max-width: 220px;
    width: 100%;
    position: relative;
    display: block !important;
}

#buttonIcon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #5a94ff;
    position: absolute;
    left: 0px;
    top: 0px;
}

#buttonBody {
    display: block;
    height: 40px;
    width: 100%;
    background-color: #446fbf;
	color: white;
	border-radius: 20px;
    text-align: center;
}

#buttonText {
	padding-top: 10px;
	padding-left: 25px;
	display: block;
}

#noBlueButton {
	display: none;
}



.buttonBox > #buttonBody > input {
	background-color: transparent;
	color: white;
	border: none;
	margin: 0px !important;
	padding: 0px;
	height: 40px !important;
	width: 100%;
}

.buttonBox #buttonIcon > img {
	max-width: 25px;
	width: 100%;
	margin: 7px;
}

.buttonBox > a {
	display: block;
}



.buttonBox :hover {
	cursor: pointer;
}

.buttonBox:hover #buttonIcon {
	background-color: #2d5cb3;
}