@charset "utf-8";
/* CSS Document */

body {margin:0px; font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; color:#353535; letter-spacing:0.02em; background-color:#f7f7f7; background-image:url(/image/design/reagenz_low.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; -webkit-text-size-adjust:100%;}
a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.header {max-width:1360px; margin:auto; padding:58px 0 44px 0;}

* { box-sizing: border-box; }

.header > div > span {float:right;}
.header > div > span a {display:inline-block; position:relative; z-index:10; text-align:center; margin-left:17px; width:47px; height:50px; background:url(/image/design/menu_icons.png) no-repeat top left;}
.header > div > span a:first-child {margin-left:0px;}
.header .home {background-position:0px 0px;}
.header .home:hover {background-position:0px -50px;}
.header .phone {background-position:-47px 0px;}
.header .phone:hover {background-position:-47px -50px;}
.header .goto {background-position:-94px 0px;}
.header .goto:hover {background-position:-94px -50px;}
.header .search {background-position:-141px 0px;}
.header .search:hover {background-position:-141px -50px;}
.header .lang_en {background-position:-188px 0px;}
.header .lang_en:hover {background-position:-188px -50px;}
.header .lang_de {background-position:-235px 0px;}
.header .lang_de:hover {background-position:-235px -50px;}

.header > div > span a span {display:none;}
.header > div > span a:hover span {display:block; position:absolute; top:62px; left:-108px; background:rgba(0,79,147,0.86); padding:15px 10px; border-radius:5px; color:#fff; font-weight:300; font-size:30px; width:280px;}
.header > div > span a span:before {content: url('/image/design/info_arrow.png'); position:absolute; top:-30px; left:125px;}



.menubox {display:table; position:relative; width:100%; margin-bottom:60px;}
.menubox > .menu {width:1206px; margin:auto; display:table-cell; font-weight:400;}
.menubox > .bound {display:table-cell; background:rgba(255,255,255,.61);}
.menubox > .menu > ul {display:table; width:98.7%; display: flex; margin:0; padding:0; margin: 0 1px 0 2px; list-style:none; box-sizing:border-box;}
.menubox > .menu > ul > li {display:table-cell; width:1%; min-width:25%; text-align:center; background-color:#fff; margin:0 2px 0 1px; transition:all.3s; box-sizing:border-box;}

/*.menubox > .menu > ul {display: -webkit-flex; display: -ms-flexbox; display: flex; margin:0; padding:0; margin: 0 1px 0 2px; list-style:none;}
.menubox > .menu > ul > li {width:25%; text-align:center; background-color:#fff; margin:0 2px 0 1px; transition:all.3s;}*/
.menubox > .menu > ul > li > a {position:relative; display:block; padding:20px; color:#606060; background-image:url(/image/design/drop.png); background-position:right center; background-repeat:no-repeat; text-decoration:none; font-size:20px; transition:all.3s;}
.menubox > .menu > ul > li.active {background:#004f93;}
.menubox > .menu > ul > li.active > a {color:#fff; background-image:url(/image/design/drop-white.png); -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none;}
.menubox > .menu > ul:hover > li {background-color:rgba(255,255,255,.61);}
.menubox > .menu > ul:hover > li > a {	color:#606060; background-image:url(/image/design/drop.png); -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
.menubox > .menu > ul > li > a > span {display:none;}
.menubox > .menu > ul > li:hover {background:#fff; transition:all 0s;}
.menubox > .menu > ul > li:hover > a {	color:#004f93; z-index:11; background-image:url(/image/design/drop-blue.png); -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none;}
.menubox > .menu > ul > li:hover > div {display:block; z-index:10;}
.menubox > .menu > ul > li:hover > a > span { position:absolute; z-index:11; display:block; width:100%; background:#fff; bottom:-5px; left:0px; height:15px;}
.menubox > .menu > ul > li > div {position:absolute; left:0px; box-shadow:0px 10px 20px rgba(0,0,0,.4); color:#004f93; font-size:18px; display:none; width:100%; margin-top:3px; background:#fff url(/image/design/mikroskop-low.jpg) top right no-repeat; background-size: auto 100%;}
.menubox > .menu > ul > li > div > .links { max-width:1360px; margin:auto; padding:35px 15px; text-align:left;}
.menubox > .menu > ul > li > div > .links > div {display:table-cell; vertical-align:top;}
.menubox > .menu > ul > li > div > .links a {display:block; margin:0 0 0 15px; color:#494949; text-decoration:none; text-transform:uppercase; transition:all .3s;}
.menubox > .menu > ul > li > div > .links a span {display:inline-block; padding:7px 17px; color:#494949; text-decoration:none; text-transform:uppercase; transition:all .3s;}
.menubox > .menu > ul > li > div > .links a:hover span {color:#fff; background:#004f93;}

.clear {clear:both;}


.infoline {
	clear:both; width:100%; bottom:0px; left:0px; color:#fff; font-style:italic; font-size:15px; font-weight:300; display: none;
	background: -moz-linear-gradient(left,  rgba(0,79,147,1) 35%, rgba(0,79,147,0) 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(35%,rgba(0,79,147,1)), color-stop(70%,rgba(0,79,147,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,79,147,1) 35%,rgba(0,79,147,0) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,79,147,1) 35%,rgba(0,79,147,0) 70%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,79,147,1) 35%,rgba(0,79,147,0) 70%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,79,147,1) 35%,rgba(0,79,147,0) 70%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f93', endColorstr='#00004f93',GradientType=1 ); /* IE6-9 */
}
.infoline > div {max-width:1360px; margin:auto; text-align:left; padding:20px 0px;}
.infoline > div > div { width:50%; position:relative;}
.infoline span { position:absolute; left:-20px; font-size:24px; }
.infoline img { position:absolute; top:-27px; }
.infoline.leftarrow img { left:100px; }
.infoline.rightarrow img { left:450px; }
.header img {border:0;}




.wrap { display:table; width:100%; }
.content {
	width:1200px; display:table-cell; margin:auto; border-radius:5px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 420px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(420px,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 420px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 420px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 420px); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 420px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
}
.wrap .bound {
	display:table-cell;
	position:relative;
}

h1 {font-size:22px; font-weight:700; color:#004f93; margin:0 0 20px 0;}
h2 {font-size:18px; font-weight:700; color:#004f93; margin:0 0 20px 0;}
h3 {font-size:22px; font-weight:500; color:#004f93; margin:30px 0 20px 0;}
.fulltop h3 {font-size:24px; font-weight:700; color:#004f93; margin:0 0 15px 0;}
.fulltop h1 {font-size:36px; font-weight:300; color:#353535; margin:0; display:inline-block; text-align:center;}
strong {font-weight:700;}

.blue {color:#004f93; line-height:1.6em;}
.content .fulltop { padding:30px 420px 30px 60px; min-height:155px; position:relative;}
.messding { position:absolute; top:-45px; right:60px;}

.box {display:table; width:100%;}
.box > div { width:50%; padding:30px 60px; display:table-cell; position:relative; }
.box > div > span.line {position:absolute; top:10%; right:0px; display:block; width:1px; height:80%; background:#e3e3e3;}
.content.white .box > div { padding:30px; }

.seminarbox { background:#fff; }
.seminarbox h3.grey { color: #a0a0a0; margin-bottom: 35px; margin-top: 0; }
.seminarbox.start > div { padding-top: 0; width: 100%; display: inline-block; padding-bottom: 20px; }

.seminarbox > div.sys_suggest_items { padding-top: 0; }
.seminarbox > div > a > div { background-position:center center; background-repeat: no-repeat; background-size: cover; border-radius:8px; float:left; margin-right:30px; width:94px; height:94px; transition: all .3s;}
.seminarbox > div:first-child { padding-top:0px; }
.seminarbox > div a { font-size:18px; color:#004f93; text-decoration:none; display:block; margin-bottom:10px; transition: all .3s; }
.seminarbox > div span.date {display:inline-block; font-size:13px; font-weight:400; color:#262626; border-radius:20px; background:#f4f4f4; padding:5px 15px; float:left;}
.seminarbox > div a.xing {display:inline-block; font-size:11px; font-weight:400; border-radius:3px; color:#005a5f; background-image:url(/image/design/xing.png); background-size: auto 100%; background-repeat: no-repeat; background-position: left center; padding:5px 5px 5px 25px; float:right;}
.seminarbox > div a.xing:hover { color:#fff; background-color:#005a5f;}

.download { background:#fff; }
.download > div { clear:both; padding-top:22px; font-size:15px; }
.download > div > a > div { background-position:center center; background-repeat: no-repeat; background-size: cover; border-radius:8px; float:left; margin-right:30px; width:94px; height:94px; transition: all .3s;}
.download > div:first-child { padding-top:0px; }
.download > div a { font-size:18px; color:#004f93; text-decoration:none; display:block; margin-bottom:10px; transition: all .3s; }

.download > div:hover a > div { opacity: 0.8; }
.download > div:hover a.link { color:#556f9a;}

.right {text-align:right; display:block; padding-top:15px; clear:both; font-size:16px; }
.right a {text-decoration:none; color:#2a4b82;}

.seminarbox.small { background:#fff; border-radius:0 5px 0 0;}
.seminarbox.small > div a { font-size:15px;}
.seminarbox.small > div > a > div { width:75px; height:75px; margin-right:20px;}

div.sem_type_seminar > a > div { background-color:#2a4b81; }
div.sem_type_seminar a.link { color:#2a4b81;}
div.sem_type_seminar:hover a > div { background-color:#556f9a; }
div.sem_type_seminar:hover a.link { color:#556f9a;}

div.sem_type_congress > a > div { background-color:#262626; }
div.sem_type_congress a.link { color:#262626;}
div.sem_type_congress:hover a > div { background-color:#515151; }
div.sem_type_congress:hover a.link { color:#515151;}

div.sem_type_workshop > a > div { background-color:#a73700; }
div.sem_type_workshop a.link { color:#a73700;}
div.sem_type_workshop:hover a > div { background-color:#b95f33; }
div.sem_type_workshop:hover a.link { color:#b95f33;}

div.sem_type_webinar > a > div { background-color:#d44972; }
div.sem_type_webinar a.link { color:#d44972;}
div.sem_type_webinar:hover a > div { background-color:#e96688; }
div.sem_type_webinar:hover a.link { color:#e96688;}

div.sem_type_talk > a > div { background-color:#909090; }
div.sem_type_talk a.link { color:#2a4b81;}
div.sem_type_talk:hover a > div { background-color:#b0b0b0; }
div.sem_type_talk:hover a.link { color:#556f9a;}

/*.icon_nav.big {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding:30px 60px; width:100%; -webkit-justify-content:space-around; justify-content:space-around; -webkit-flex-flow: wrap row; flex-flow: wrap row;}*/
.icon_nav.small { margin-top: -30px; }

.icon_nav.big { display:table; box-sizing:border-box;  display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display: flex; padding-top:30px; width:100%; -webkit-justify-content:space-around; justify-content:space-around; -webkit-flex-flow: wrap row; flex-flow: wrap row;}
.icon_nav.big a { display:table-cell; text-align:center; padding:0 10px 20px 10px; width:150px; font-size:15px; text-decoration:none; color:#494949; font-weight:300; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}

/*.icon_nav.big a { text-align:center; padding-bottom:20px; width:150px; font-size:20px; text-decoration:none; color:#494949; font-weight:300; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}*/
.icon_nav.small a { display:block; margin-left: 70px; font-size:20px; text-decoration:none; color:#494949; font-weight:300; width: 100%; }
.seminarbox.small > div a { margin-top: -27px; margin-bottom: 0px; width: unset; }
.icon_nav a:hover, .icon_nav a.active {color:#125b9b;}


.icon_nav.big a > span { position:relative; display:block; margin:auto; text-align:center; width:120px; height:120px; margin-bottom:15px; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; border-radius:100%; transition:background-color .3s;}
.icon_nav.big a.permeation > span { background-size:91px 75px; }
.icon_nav.big a.characterization > span, .icon_nav.big a.compliance > span { background-size:79px 75px; }

.icon_nav.small a > span {position:relative; top: 38px; left: -70px; display:block; width:55px; height:55px; background-color:#f4f4f4; background-position:center center; background-repeat:no-repeat; background-size:40px 40px; border-radius:100%; transition:background-color .3s;}
.icon_nav.small a.permeation > span { background-size:49px 40px; }
.icon_nav.small a.characterization > span, .icon_nav.small a.compliance > span { background-size:42px 40px; }

.icon_nav a:hover > span, .icon_nav a.active > span {background-color:#004f93;}

.icon_nav.big a > span > span {position:absolute; bottom:20px; width:100%; height:9px; display:block; background:url(/image/design/arrow-down.png) center top no-repeat; opacity:0; transition: all 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}

.icon_nav a:hover > span > span, .icon_nav a.active > span > span {bottom:-8px; opacity:1; transition: all .2s; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s;}

.icon_nav a.compliance > span {background-image:url(/image/design/icon_compliance_grey.png);}
.icon_nav a.compliance:hover > span, .icon_nav a.compliance.active > span {background-image:url(/image/design/icon_compliance_white.png);}

.icon_nav a.permeation > span {background-image:url(/image/design/icon_permeation_grey.png);}
.icon_nav a.permeation:hover > span, .icon_nav a.permeation.active > span {background-image:url(/image/design/icon_permeation_white.png);}

.icon_nav a.mechanics > span {background-image:url(/image/design/icon_mechanics_grey.png);}
.icon_nav a.mechanics:hover > span, .icon_nav a.mechanics.active > span {background-image:url(/image/design/icon_mechanics_white.png);}

.icon_nav a.characterization > span {background-image:url(/image/design/icon_characterization_grey.png);}
.icon_nav a.characterization:hover > span, .icon_nav a.characterization.active > span {background-image:url(/image/design/icon_characterization_white.png);}

.icon_nav a.failureanalysis > span {background-image:url(/image/design/icon_failureanalysis_grey.png);}
.icon_nav a.failureanalysis:hover > span, .icon_nav a.failureanalysis.active > span {background-image:url(/image/design/icon_failureanalysis_white.png);}

.icon_nav a.optics > span {background-image:url(/image/design/icon_optics_grey.png);}
.icon_nav a.optics:hover > span, .icon_nav a.optics.active > span {background-image:url(/image/design/icon_optics_white.png);}

.icon_nav a.migration > span {background-image:url(/image/design/icon_migration_grey.png);}
.icon_nav a.migration:hover > span, .icon_nav a.migration.active > span {background-image:url(/image/design/icon_migration_white.png);}

.icon_nav a.specific > span {background-image:url(/image/design/icon_specific_grey.png);}
.icon_nav a.specific:hover > span, .icon_nav a.specific.active > span {background-image:url(/image/design/icon_specific_white.png);}

.themen {position:relative;}
.themen span.line {position:absolute; top:15%; right:0px; display:block; width:1px; height:70%; background:#e3e3e3;}
.text66 span.line {position:absolute; top:40px; right:0px; display:block; width:1px; height:90%; background:#e3e3e3;}

hr { height:1px; border:0; background:#e3e3e3; color:#e3e3e3; margin:30px 0 20px 0;}

.themen a {display:block; text-decoration:none; transition:all .3s; margin-bottom: 40px;}
.themen a:hover {opacity:0.9;}
.themen a span {
	display:block; text-align:center; padding:12px; font-size:22px; font-weight:300; color:#fff;
	background: rgb(0,79,147); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,79,147,1) 0%, rgba(0,108,201,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,79,147,1)), color-stop(100%,rgba(0,108,201,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,79,147,1) 0%,rgba(0,108,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,79,147,1) 0%,rgba(0,108,201,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,79,147,1) 0%,rgba(0,108,201,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,79,147,1) 0%,rgba(0,108,201,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f93', endColorstr='#006cc9',GradientType=1 ); /* IE6-9 */
}

.themen a img {width:100%; height:auto;}

.blog > div { position:relative; color:#353535; font-size:15px; font-weight:400; padding:25px 0 0 75px; line-height:1.3em; }
.blog.start > div { margin:0 -30px; border-top:1px solid #e3e3e3; }
.blog > div:nth-child(2) {border-top:0; padding:0 0 0 75px;}

.blog > div > a {padding-top:13px; display:block; color:#1162aa; font-size:21px; text-decoration:none; line-height:1.5em;}

.blog > div > span {
	position:absolute;
	top:25px;
	left:-5px;
	display:table-cell;
	vertical-align:middle;
	padding:6px 0px;
	background:#004f93;
	border-radius:50%;
	width:60px;
	height:60px;
	color:#fff;
	text-align:center;
	font-size:11px;
	line-height:1.5em;
}

.blog > div:nth-child(2) > span {top:0px;}

.blog > div > span::first-line {
	font-size:12px;
}

.blog > div > span > strong {
	display:block;
	font-size:22px;
	font-weight:700;
}

.blog > div > p {
	display:block;
	margin-bottom:30px;
}

.blog > div > p > a {
	color:#1162aa;
	font-weight:700;
	text-decoration:none;
}

.blog > div > p > button, .content button {
	font-family: 'Lato', sans-serif;
	background:#1162aa;
	border-radius:5px;
	color:#fff;
	font-weight:400;
	margin-top:20px;
	border:0;
	padding:6px 10px;
	cursor:pointer;
	font-size:16px;
	letter-spacing:0.01em;
	outline:0;
	transition:all .3s;
}

.content .buttonbar {
	margin-top: 10px;
}

.content .buttonbar button {
	margin-right: 10px;;
}

.blog > div > p > button:hover, .content button:hover {
	background:#3372a9;
}

.content button {
	margin-top:5px;
}

.content button.outline {
	background: #fff;
	border: 1px solid #1162aa;
	padding:5px 9px;
	color: #1162aa;
}

.content button.outline:hover {
	background:#f0f0ff;
}

.content.white {
	background:#fff;
	}

.content.white .box > div.text66 {
	width:66%;
	position:relative;
	}
	
.contactpartner {
	padding:0 !important;
	color:#fff;
	background:#004f93;
	}
.contactpartner > img {
	display:block;
	width:100%;
	height:auto;
}
.seminarbox > div.contactpartner a {
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	display: inline; 
}
.seminarbox > div.contactpartner a:hover {
	text-decoration: underline;
}

.contactpartner > span {
	font-style:italic;
	display:block;
	padding:15px;		
	font-weight:300;
	line-height:1.8em;
}

.contactpartner > span > img {
	position:relative;
	top:2px;
}

.contactpartner > span > strong {
	font-style:normal;
	display:block;
	font-size:22px;
	font-weight:300;	
}
.footlinks {position:relative; clear: both;}
.footlinks > div {position:absolute; right:35px; top:-15px;}
.footlinks > div > a {display:inline-block; height:28px; width:90px; border-radius:3px; margin-left:7px; transition:all .3s;}
.footlinks > div > a:hover {opacity:.8;}
.footlinks > div > a span {display:none;}
.footlinks > div > a.xing {background:#005d5e url(/image/design/xing2.png) no-repeat center center; background-size: auto 80%;}
.footlinks > div > a.linkedin {background:#006699 url(/image/design/linkedin.png) no-repeat center center; background-size: auto 80%;}
.footlinks > div 
.footer {
	display:table;
	width:100%;
	background:#f7f7f7;
}
.footer > div {
	width:19%;
	padding-left:30px;
	padding-top:50px;
	display:table-cell;
	background:#f7f7f7;
	font-size:15px;
}

.footer > div > strong {
	font-weight:300;
	font-size:15px;
	text-transform:uppercase;
	padding: 0 0 5px 0;
	color:#a2a9b1;
	display:block;
	margin-bottom:15px;
	border-bottom:1px solid #e3e3e3;
}

.footer > div > a {
	display:block;
	padding-left:10px;
	color:#272b30;
	text-decoration:none;
	text-transform:uppercase;
	transition:all .3s;
	line-height:1.1em;
	margin-bottom: 0.8em;
}
.footer > div > a:hover {
	color:#004f93;
}
.footer > div.newsletter {
	width:24%;
	color:#8c9197;
	font-size:22px;
	font-weight:300;
}

.footer > div > button {
	font-family: 'Lato', sans-serif;
	font-size:18px;
	border:0;
	color:#fff;
	border-radius:4px;
	background:#004f93;
	padding:10px 20px;
	font-weight:300;
	letter-spacing:0.01em;
	outline:0;
	cursor:pointer;
	margin-top:15px;
	transition:all .3s;
}

.footer > div > button:hover {
	background:#3372a9;
}

.copyright {
	background:#f7f7f7;
	font-size:14px;
	font-weight:400;
	color:#a2a9b1;
	padding:70px 30px 30px 30px;
	
}
.position {
	display:block;
	text-align:center;
	}
.position > div {
	display:inline-block;
	width:13px;
	height:13px;
	background-image:url(/image/design/dots.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin:0 5px;
	}
	
.position > div.on {
	background-position:-13px 0px;
}


h2.grey {text-align:center; background:url(/image/design/line.png) repeat-x center center; font-size:18px; text-transform:uppercase; font-weight:400; margin-bottom:40px;}
h2.grey  span {color:#fff; display:inline-block; padding:5px 35px; background:#494949;}

input, select, textarea {width:100%;padding:13px;outline:0;border:1px solid #d6d4d1;margin-bottom:15px; display:block; font-size:18px;font-family:'Lato',sans-serif;color:#443f38;transition:all .4s;}
textarea { min-height: 100px; }
textarea.sys_autoheight { transition: none; }
input:hover, textarea:hover, input:focus, textarea:focus { border:1px solid #888; }
input.is-invalid-input, textarea.is-invalid-input { border-color: #800000; color: #800000;}

span.form-error { color: #800000; display: block; position: relative; top: -10px; }

ul.reference {
  list-style:none;
  margin: 0px;
  padding: 0px;
}

ul.reference li {
  display: inline-block;
  width: 150px; 
  height: 150px;
  margin: 10px;
}

ul.reference li a {
	display: block;
	height: 100%;
	text-decoration: none;
}

ul#teaser {
	margin-left: -30px;
	margin-right: -30px;
	padding:0; 
	list-style:none;
}

ul.job_list {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

ul.job_list li {
	color: #494949;
	font-size: 15px;
	margin-bottom: 10px;
}

ul.job_list li a {
	text-decoration: none;
	color: #494949;
}

ul.job_list li a:hover {
	color: #125b9b;
}

a.link {
	text-decoration: none;
	color: #494949;
}

a.link:hover {
	color: #125b9b;
}

a.ulink {
	text-decoration: underline;
	color: #494949;
}

a.ulink:hover {
	color: #125b9b;
}

table.info td.title {
	vertical-align: top;
	font-weight: bold;
}

table.list td {
	vertical-align: top;
	border-top: 1px solid #e3e3e3;
	padding: 3px;
}

table.list th {
	text-align: left;
}

div#article.module > .article > ul {
    list-style-type: square !important;
    margin-bottom: 15px !important;
    margin-left: 30px !important;
}

div#article.module .article .float.right {
	min-width: 100px; text-align: center; margin-bottom: 15px; z-index: 5; float: right; margin-left: 15px; 
}

div#article.module .article .float span {
	font-style: italic; display: block; margin-top: 5px; 
}

div#article.module .article .float img { 
	border: 1px solid #000000; 
}

div#article.module .article hr { margin: 0; padding: 0; margin-top: 10px; margin-bottom: 20px; border: none; height: 1px; background-color: #e5e5e5; clear: both; }

div.fulltop input.sys_suggest {
	margin-top: 30px;
}

a.more {
	display: block;
	clear: both;
	text-align: right;
	margin-bottom: 15px;
}

.sys_suggest_items { 
  display: block;
  border: 1px solid #909090;
  position: absolute;
  margin-top: -1rem;
  background-color: #ffffff;
  z-index: 100;
}

.sys_suggest_items[mode=customer] {
  left: 2rem;
  right: 2rem;
  margin-top: 0;
}

.sys_suggest_items ul {
  list-style:none;
  margin: 0px;
  padding: 0px;
}

.sys_suggest_items li {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #d0d0d0;
  cursor: pointer;
}

.sys_suggest_items li.active {
  background-color: #f0f0f0;
}

.sys_suggest_items li:hover {
  background-color: #f0f0f0;
}

.sys_suggest_items li:last-child {
  border: none;
}

.sys_suggest_items li span.subcaption {
  display: block;
  color: #909090;
}

.sys_suggest_items li img.icon {
  float: left;
  vertical-align: middle;
  margin-right: 8px;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background-color: #f4f4f4;
  padding: 5px;
}

.sys_suggest {
	background-position: right 10px center;
    background-repeat: no-repeat;
}

.sys_suggest.hasitems {
	border-color: #40a040;
}

.sys_suggest.noitems {
	border-color: #a04040;
	background-image:url(/image/design/forbidden.png);
	background-size: 24px;
}

div.sys_suggest_items[mode=city] { position: relative; margin-bottom: 15px; top: -15px; clear: both; margin-left: 40%; }

.searchbox span {
	position: relative;
	top: -7px;
}

.searchbox table {
	width: 100%;
}

.searchbox button {
	padding: 14px;
	position: relative;
	top: -10px;
}

ul.job_index li {
	margin-bottom: 8px;
}

.field.sys_form_line { clear: both; position: relative; }
.field.sys_form_line.nolabel { margin-left: 40%; }
.field.sys_form_line > label { display: inline; float: left; position: relative; top: 15px; width: 40%; }
.field.sys_form_line.require > label { color: #1162aa; }
.field.sys_form_line > label + input, .field.sys_form_line > label + select, .field.sys_form_line > label + textarea, .field.sys_form_line > label + span.checkbox, .field.sys_form_line > label + span.sys_upload { width: 60%; float: right; }
.field.sys_form_line .require, .field.sys_form_line select.require, .field.sys_form_line textarea.require { border-color: #1162aa; }
.field.sys_form_line .inline { height: 65px; padding-top: 15px; float: right; width: 60%; }
.field.sys_form_line .inline .field { float: left; }
.field.sys_form_line input, .field.sys_form_line select, .field.sys_form_line textarea { float: left; }
.field.sys_form_line select { padding: 12px; }
.field.sys_form_line label +  .fields { float: right; width: 60%; }
.field.sys_form_line span.sys_form_editmode { float: right; width: 60%; height: 65px; }
.field.sys_form_line span.sys_form_editmode_show { position: relative; top: 15px; }
.field.sys_form_line span.sys_form_content { margin-bottom: 45px; position: relative; top: 15px; display: block; }
.field.sys_form_line label + span.sys_form_content { float: right; width: 60%; }
.field.sys_form_line span.sys_form_info { margin-bottom: 15px; position: relative; top: 2px; display: block; background-color: #f8f4f2; border-radius: 7px; padding: 13px; }
.field.sys_form_line label + span.sys_form_info { float: right; width: 60%; }
.field.sys_form_line > hr { position: relative; margin-bottom: 30px; top: 15px; }

.field.sys_form_line .fields .field.wide { display: inline-block; vertical-align: top; }
.field.sys_form_line .fields .field.threequarter.wide { width: 74.4%; }
.field.sys_form_line .fields .field.quarter.wide { width: 24.4%; }
.field.sys_form_line .fields .field.half.wide { width: 49.4%; }
.field.sys_form_line .fields .field.onethird.wide { width: 33%; }
.field.sys_form_line .sys_edit_show { display: inline-block; float: right; position: relative; top: 15px; }
.field.sys_form_line.nolabel > .inline { width: 100%; float: none; }
form.sys_form h4 { clear: both; padding: 0px; padding-top: 20px; display: block; margin-bottom: 20px; font-style: italic; font-weight: bold; font-size: 22px; }

.field.sys_form_line span.radiolist, .field.sys_form_line span.checkboxlist { display: inline-block; height: 55px; padding-top: 15px; }
.field.sys_form_line span.radiolist span.radio, .field.sys_form_line span.checkboxlist span.check { display: inline-block; margin-right: 15px; }
.field.sys_form_line span.radiolist.vertical span.radio, .field.sys_form_line span.checkboxlist.vertical span.check { display: block; margin-right: 0px; }

.field.sys_form_line span.radiolist span.radio span.info, .field.sys_form_line span.checkboxlist span.check span.info, .field.sys_form_line span.checkbox span.info  {
	display: block;
	padding-left:32px;
	line-height: 20px;
	position:relative;
	font-size: 13px;
	padding-bottom: 20px;
}

.field.sys_form_line span.radiolist.vertical, .field.sys_form_line span.checkboxlist.vertical { padding-top: 15px; margin-bottom: 10px; display: inline-block; height: auto; }
.field.sys_form_line span.radiolist.vertical span.radio, .field.sys_form_line span.checkboxlist.vertical span.checkbox { height: auto; padding-top: 0px; margin-bottom: 0px; }


.field.sys_form_line span.checkbox { display: block; padding-top: 15px; margin-bottom: 15px; }

.field.sys_form_line .red.prompt.label {
    background-color: #ffffff;
    border: 1px solid #800000;
    border-radius: 7px;
    color: #800000;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    margin-right: -320px;
    padding: 7px;
    position: absolute;
    right: 0;
    width: 300px;
}

div.ui.basic.red.pointing.prompt.label.transition.visible { z-index: 100; }

.field.sys_form_line span.checkbox + .red.prompt.label {
	top: 5px;
}

form.sys_form button[type=submit] {
	clear: both;
	float: right;
	display: block;
	background-color: #1162aa;
	padding: 12px;
}

.sys_inherit { background-color: #808080; padding: 15px; border-radius: 25px; margin-bottom: 15px; padding-left: 75px; color: #ffffff; font-size: 20px; position: relative; }
.sys_inherit > img { position: absolute; left: 20px; top: 12px; }
.sys_inherit.success { background-color: #80b650; }

.sys_inherit.fail { background-color: #eb2521; }

input, select, textarea { 
	width:100%;
	padding:13px;
	outline:0;
	border:1px solid #d6d4d1;
	display:block;
	font-size:18px;
	font-family:'Lato',sans-serif;
	color:#443f38;
	transition:all .4s;
	border-radius:7px;
	margin-bottom:15px;
}
input:hover, textarea:hover, input:focus, textarea:focus { border:1px solid #888; }
input.is-invalid-input, textarea.is-invalid-input { border-color: #800000 !important; color: #800000; background-color: #fff6f6; }
input[type='checkbox'].is-invalid-input:checked + label::before, input[type='checkbox'].is-invalid-input:not(:checked) + label::before, input[type='radio'].is-invalid-input:checked + label::before, input[type='radio'].is-invalid-input:not(:checked) + label::before { border-color: #800000 !important; background: #fff6f6 url(/image/design/checkedmask_error.png) center center; }
input[type='checkbox'].is-invalid-input:checked + label, input[type='checkbox'].is-invalid-input:not(:checked) + label, input[type='radio'].is-invalid-input:checked + label, input[type='radio'].is-invalid-input:not(:checked) + label  { color: #800000; }
input[type='checkbox'].is-invalid-input:hover  + label::before, input[type='radio'].is-invalid-input:hover  + label::before { background: #ccc6c6 url(/image/design/checkedmask_error.png) center center; }

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
	width:auto;
	float:left;
	margin-right: .75em;
	background:transparent;
	border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background: transparent;
	position: absolute;
	visibility: hidden;
	margin:0;
	padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
	cursor: pointer;
	padding-left:32px;
	position:relative;
	margin:10px 0 10px 0;
	line-height: 30px;
	top: -5px;
}

input[type='checkbox'] + span.info,

.searchbox input[type='checkbox'] + label {display:block;margin-bottom:15px;}

.light input[type='checkbox'] + label,
.light input[type='radio'] + label {
	color:#929292;
	transition:all .5s;
}

.light input[type='checkbox']:checked + label,
.light input[type='radio']:checked + label {
	color:#494949;
}

.light input[type='checkbox']:not(:checked) + label:hover,
.light input[type='radio']:not(:checked) + label:hover {
	color:#757575;
}



input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
	content:' ';
	display:inline-block;
	position:absolute;
	width: 22px;
	height:22px;
	top:-1px;
	left:0px;
	border:1px solid #494949;
	background: #fff url(/image/design/checkedmask.png) center center;
	border-radius:5px;
	transition:all .5s;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
	background: #ccc url(/image/design/checkedmask.png) center center;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
	background: #494949 url(/image/design/checkedmask.png) center center;
}

nav.index a { display: block; line-height: 40px; text-align: center; font-weight: bold; text-decoration: none; color: #004f93; }
nav.index a.active { font-weight: bold; color: #000000; background: url("/image/design/check_active.png") 65% center no-repeat; }

.glossary.columns { display: table; width: 100%; padding-left: 80px; }
.glossary.columns .column { width: 50%; min-width: 50%; margin: 0; display: table-cell; font-size: 19px; position: relative; line-height: 30px; }
.glossary.columns .column h2 { margin-top: 40px; margin-bottom: 25px; font-size: 47px; font-weight: 300; color: #000000; line-height: 50px; }
.glossary.columns .column a { font-weight: bold; text-decoration: none; color: #004f93; }
.glossary.columns .column a.root { padding-left: 25px; margin-left: 25px; background: url("/image/design/indent.png") 0 0 no-repeat; background-position: 0 4px; }
.glossary.columns .column a.coaching { color: #ff6e13; }
.glossary.columns .column i { font-weight: bold; }
.glossary_detail { margin-bottom: 150px; }
.glossary_detail .image { text-align: center; margin-top: 50px; }
.glossary_detail figcaption { font-style: italic; }

.pagecontent p, .pagecontent li, .pagecontent h2 { line-height: 26px; }
.pagecontent ul { list-style-type: square; }
.pagecontent a { background-color: unset; color: #004f93; text-decoration: none; font-weight: normal; }
.pagecontent.image_swap { display: table; margin-left: 35px; margin-right: 35px; margin-bottom: 50px;}
.pagecontent.image_swap div.swap { display: table-row; }
.pagecontent.image_swap div.swap > span { display: table-cell; width: 48%; vertical-align: top; text-align: left; padding-bottom: 50px; font-size: 18px;}
.pagecontent.image_swap div.swap > span:nth-child(2) { padding-left: 4%; }
.pagecontent.image_swap div.swap > span.image { text-align: center; }
.pagecontent.image_swap div.swap > span.image img { max-width: 100%; }
.pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4 { color: #353535; font-weight: bold; font-size: 24px; margin: 0; margin-bottom: 20px; width: 80%;}

.pagecontent.home h2 { font-size: 18px; color: #004f93; width: 100%; }

a.tooltip { background-color: unset; color: #004f93; cursor: pointer; display: inline-block; position: relative; text-decoration: none; }
a.tooltip > span { pointer-events: none; opacity: 0; position: absolute; width: 436px; background-color: #004f93; font-weight: normal; font-size: 16px; color: #ffffff; padding: 10px 20px 10px 10px; z-index: 10; box-shadow: 0px 15px 19px 4px rgba(0,0,0,0.16); cursor: default; left: calc(50% - 218px); margin-top: 20px; line-height: 20px; transition: opacity .5s, margin-top .5s; }
a.tooltip > span.new { opacity: 0; }
a.tooltip > span::before { content: ""; width: 19px; height: 10px; background: url("/image/design/tooltip_arrow.png") 0 0 no-repeat; position: absolute; top: -10px; left: 50%; }
a.tooltip > span > span { display: block; min-height: 60px; }
/* a.tooltip > span > span::before { content: ""; width: 43px; height: 60px; background: url("/image/design/tooltip_symbol.png") 0 0 no-repeat; position: absolute; left: 20px; } */
a.tooltip:hover > span { margin-top: 35px; opacity: 1; pointer-events: all; }

@media (max-width: 1360px) {
	.menubox > .menu > ul > li > div > .links { padding:35px 30% 35px 15px;}
	.menubox > .menu > ul > li > div > .infoline { padding:0px 30px;}
}

@media (max-width: 1200px) {
	.content { width:auto; }
	.header > div > a > img { margin-left:20px;}
	.header > div > span { margin-right:20px;}
	.menubox > .bound { display:none; }
}

@media (max-width: 1050px)  {
	.menubox > .menu ul li a { font-size:17px; }
	.icon_nav.big {padding:30px; }
	.box > div { padding:20px; }
	.themen a {display:block; text-decoration:none; transition:all .3s; margin:0 0px 20px 0px;}
	.blog.start > div { margin:0 -10px; }
	.content .fulltop { padding:20px 40% 20px 20px; }
	.seminarbox.start > div > div {margin-right:15px; width:75px; height:75px;}
	.download > div > div {margin-right:15px; width:75px; height:75px;}

}

@media (max-width: 950px)  {
	.box {display:block; width:auto;}
	.box > div { width:auto; padding:15px; display:block; }
	
	.content.white .box > div.text66 {
		width:auto;
		position:relative;
	}
	.contactpartner > img {
		display:block;
		float:left;
		width:180px;
		margin-right:20px;
		height:auto;
	}
	
	.contactpartner > span {
		display:table-cell;
	}

	.blog.start > div { margin:0; }
	.footer {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-wrap: row-wrap;
		flex-flow: row wrap;
		}
	.footer > div {display:block; width:50%;}
	.footer > div.newsletter {display:block; width:100%;}

	.icon_nav.small a { width: 45%;}

}

@media (max-width: 600px) {	
	.footer > div {display:block; width:100%;}
	.icon_nav.small a { width: 100%; }
}

@media (min-width: 900px) {
	body {background-image:url(/image/design/reagenz_high.jpg);}
	.menubox > .menu > ul > li > div {background:#fff url(/image/design/mikroskop.jpg) top right no-repeat; background-size: auto 100%;}
	.menubox > .menu > ul > li > div > .links {min-height:240px; }

}
	
@media (max-width: 550px) {
	.contactpartner > img {
		display:block;
		float:none;
		width:100%;
		margin-right:0px;
		height:auto;
	}

	.pagecontent.image_swap { display: block; margin-left: 15px; margin-right: 15px; }
	.pagecontent.image_swap div.swap { display: block; }
	.pagecontent.image_swap div.swap > span { width: 100%; display: block; }
	.pagecontent.image_swap div.swap > span:nth-child(2) { padding-left: 0; }
	.pagecontent.image_swap div.swap.left > span.image { display: none; }
}

@media (max-width: 1215px) {
	.icon_nav.big a {
		font-size:20px;
		width: 175px;
	}
	.icon_nav.big a > span {
		width:150px;
		height:150px;
		background-size:75px 75px;
	}

	.seminarbox.start > div { width: 100%; }
	.seminarbox.start > div:nth-child(odd) { margin-left: 0; }
}

@media (max-width: 800px) {
	body {font-size:16px;}
	h1 {font-size:28px;}
	h2 {font-size:18px;}
	h3 {font-size:20px;}
	.wrap { display:block;}
	.wrap .bound {display:none;}
	.content {display:block;}
	.menubox > .menu ul li { border-bottom:1px solid rgba(0,0,0,.1); }
	.menubox > .menu > ul > li > a { padding:10px 0; }
	.menubox > .menu > ul > li > div {position:static;}
	.menubox > .menu > ul > li > div > .links { padding:15px;}
	.menubox > .menu > ul > li > div > .links > div {display:block;}
	.menubox > .menu > ul > li > div > .links a span {display:inherit;}
	.infoline > div > div {width:70%;}
	.infoline.rightarrow img { left:100px; }
	.header > div {text-align:center}
	.header > div > a > img { margin:0 0 15px 8px; width:auto; height:20px;}
	.header > div > a:after { content:' '; display:block; }
	.header > div > span { margin-right:0px; float:none;}
	.header {padding:20px 0;}
	.menubox > .menu ul {flex-direction: column;-webkit-flex-direction: column;}
	.menubox > .menu ul li {width:100%;}
	.messding {display:none;}
	.content .fulltop { padding:15px; min-height:none; position:relative;}
	.icon_nav.big a {
		font-size:16px;
		width: 150px;
	}
	.icon_nav.big a > span {
		width:100px;
		height:100px;
		background-size:50px 50px;
	}

	.icon_nav.big a.permeation > span { background-size:61px 50px; }
	.icon_nav.big a.characterization > span, .icon_nav.big a.compliance > span { background-size:53px 50px; }

	.seminarbox > div > div {margin-right:15px; width:50px; height:50px;}
	.seminarbox > div > div.video-wrapper { margin-right: inherit; width:inherit; height:inherit;}
	
	.seminarbox > div .xing {margin-top:5px;}
	.download > div > div {margin-right:15px; width:50px; height:50px;}
}

.seminarbox.items > div { clear: both; height: 110px; }



div#dialog form {
    margin: 0px;
    padding: 0px;
}

.sys_dialog_back {
    background-color: #aaaaaa;
    opacity: 0.6;
}

.sys_dialog {
    background-color: #ffffff;
    border: solid 1px #ffffff;
}

.sys_dialog div.dialog_close {
    float: right;
    width: 11px;
    height: 11px;
    background: url('/image/design/dialog_close.gif') no-repeat top left;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 11px;
}

.sys_dialog div.dialog_close:hover {
    background-position: bottom left;
}

.sys_dialog div.dialog_title {
    background-color: #e5e5e5;
    font-weight: bold;
    color: #444444;
    size: 14px;
    height: 24px;
    padding-left: 5px;
    padding-top: 8px;
}

.sys_dialog .sys_dialog_container iframe {
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.sys_dialog .sys_dialog_content {
    margin: 10px;
}

.sys_dialog .sys_dialog_content div.dialog_loader {
    background: url('/image/design/image_load.gif') no-repeat 0px 0px;
    padding-left: 30px;
    padding-top: 5px;
    height: 18px;
    color: #444444;
}

.sys_dialog .sys_dialog_content div.dialog_error {
    background: url('/image/inherit_fail.gif') left no-repeat #fff8f8;
    background-position: 8px 14px;
    border: 1px solid #800000;
    color: #800000;
    padding: 10px;
    padding-left: 25px;
}

.sys_dialog .sys_dialog_buttons {
    text-align: right;
    border-top: 1px solid #e5e5e5;
    padding: 3px;
}

.sys_dialog .sys_dialog_buttons input[type=button] + input[type=button] {
    margin-left: 3px;
}

.sys_dialog .sys_dialog_buttons input[type=submit] + input[type=button] {
    margin-left: 3px;
}

.sys_dialog .sys_dialog_buttons input[type=button] + input[type=submit] {
    margin-left: 3px;
}

.sys_dialog .sys_dialog_buttons.warning {
    background-color: #800000;
}

.sys_dialog div.form {
}

.sys_dialog div.form h3 {
    padding-left: 0px;
}

.sys_dialog div.form fieldset {
    padding: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.sys_dialog div.form fieldset > ul {
}

.sys_dialog div.form fieldset > ul > li {
}

.sys_dialog div.form fieldset > ul > li > label {
    width: 100px;
}

.sys_dialog div.form fieldset > ul > li > label + span {
    width: 240px;
}

.sys_dialog div.form fieldset > ul > li.nolabel {
    margin-left: 115px;
    width: 240px;
}

.sys_dialog div.form fieldset > ul > li > hr {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.sys_dialog div.form input[type=text], .sys_dialog div.form input[type=password], .sys_dialog div.form textarea {
    width: 230px;
}

.sys_dialog div.form div.forms.error {
    left: 370px;
}

.sys_dialog div.form select {
    width: 238px;
}

.sys_dialog .sys_dialog_content {
}

.sys_dialog .sys_dialog_content div.element_info {
    border: 1px solid #bfc4c7;
    padding: 10px;
    display: inline-block;
    width: 358px;
    margin-bottom: 15px;
}

.sys_dialog .sys_dialog_content div.element_info div.thumb {
    float: left;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-right: 10px;
}

.sys_dialog .sys_dialog_content div.element_info div.thumb span {
    width: 50px;
    height: 50px;
    background: url('/image/design/image_load.gif') no-repeat 17px 17px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.sys_dialog .sys_dialog_content div.element_info div.thumb span img {
    border: none;
    color: #e5e5e5;
}

.sys_dialog .sys_dialog_content div.element_info div.data {
    float: left;
    min-height: 50px;
    padding-left: 10px;
    border-left: 1px solid #bfc4c7;
}

.sys_dialog .sys_dialog_content div.element_info div.data h3 {
    white-space: nowrap;
    width: 275px;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #065788;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    height: 15px;
}

.sys_dialog .sys_dialog_content div.element_info div.data ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.sys_dialog .sys_dialog_content div.element_info div.data ul li {
    color: #bfc4c7;
    font-size: 11px;
}

.sys_dialog .sys_dialog_content div.element_info div.data ul li label {
    font-weight: bold;
    float: left;
    width: 80px;
}

.sys_dialog .sys_dialog_content ul.linklist {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    padding-left: 10px;
    line-height: 16px;
    width: auto;
}

.sys_dialog .sys_dialog_content ul.linklist li {
    background: url('/image/design/navi_item.gif') no-repeat 0px 0px;
    width: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
}

.sys_dialog .sys_dialog_content ul.linklist li.active {
    background-position: 0px -120px;
}

.sys_dialog .sys_dialog_content ul.linklist li:hover {
    background-position: 0px -60px;
}

.sys_dialog .sys_dialog_content ul.linklist li.active:hover {
    background-position: 0px -120px;
}

.sys_dialog .sys_dialog_content ul.linklist li a {
    display: block;
    padding-left: 15px;
}