html{height: 100%;}

* {margin: 0;padding: 0;}

body { background: #ccc; color: #666666;font-family: Helvetica, Arial, Sans-Serif; font-style: normal;line-height: 15px;font-size: 12px; }

.ie5 #browserwarnung,
.ie6 #browserwarnung,
.ie7 #browserwarnung,
.ie8 #browserwarnung,
.ie9 #browserwarnung,
.ie10 #browserwarnung,
.ie11 #browserwarnung {display: block;}
#browserwarnung{display: none;width:100%;height: 80px;top:0;left:0;position:absolute;padding: 15px;background: #ff0000;z-index: 999;}
#browserwarnung h6{ color: #fff;font-size: 22px;font-weight: bold;line-height: 24px;margin: 0;padding: 0;}
#browserwarnung p{font-size:18px;line-height: 22px;color: #fff;}

p {}
h1 {font-size: 15px; font-weight: bold;}
h2 {font-size: 100%; font-weight: bold;}
h3 {font-size: 100%; font-weight: bold;}

h4, h5, h6 {color: red; font-size: 20px;}
a:link, a:visited {color: #003366; text-decoration: none;outline: 0;}
a:hover {text-decoration: underline;}

.invisible {
    display: none;
}
.invisible {
    visibility: hidden;
}

.inside {
    position: relative;
    text-align: left;
}

#article-38 {
    display: none;
}

/* ALL */
#wrapper { background: none repeat scroll 0 0 #FFFFFF;  margin: 0 auto;width: 1000px; position: relative;

  -moz-box-shadow: 1px 1px 15px #000; /* Firefox */
  -webkit-box-shadow: 1px 1px 15px #000; /* Safari and Chrome */
  box-shadow: 1px 1px 15px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
 }

.clear, #clear {
    height: 0.1px;
    font-size: 0.1px;
    line-height: 0.1px;
    clear: both;
}

/* HEADER */
/*#header {border-bottom: 1px solid #999999;}*/
.custom {border-bottom: 1px solid #999999;}
#header .balken {background: #003366;height: 20px;left: 0;position: absolute;text-align: right;top: 0;width: 1000px;}
#header .balken a { color: #FFFFFF;display: block;font-weight: normal;padding: 3px 15px;}
#header h1 {   left: 13px;position: absolute;top: /*49px*/32px;z-index: 1;}
#header .ce_text {font-size: 12px;line-height: 19px;padding: 32px 15px 0 0;text-align: right;height: 88px;border-bottom: 1px solid #999999;}
#header .mod_pageImage {  height: 265px;}
.home #header .mod_pageImage { display: none;}
#productbuttons .mod_customnav {height: 40px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
#productbuttons .mod_customnav ul {list-style: none;}
#productbuttons .mod_customnav ul li {display: inline;}
#productbuttons .mod_customnav ul li a,
#productbuttons .mod_customnav ul li span,
#productbuttons .mod_customnav ul li strong {display: block;float: left;height: 40px;width: 200px; overflow: hidden;text-indent: -1000px;border-right: 1px solid #FFFFFF;background-position: 0 0;}
#productbuttons .mod_customnav ul li a:hover,
#productbuttons .mod_customnav ul li.active {background-position: 0 40px;}

#productbuttons .mod_customnav ul li.cd-sr-tc a,
#productbuttons .mod_customnav ul li.cd-sr-tc span,
#productbuttons .mod_customnav ul li.cd-sr-tc strong {background-image: url("content/product-buttons/cd-sr-tc.gif");}
#productbuttons .mod_customnav ul li.cd-ci a,
#productbuttons .mod_customnav ul li.cd-ci span,
#productbuttons .mod_customnav ul li.cd-ci strong {background-image: url("content/product-buttons/cd-ci.gif");}
#productbuttons .mod_customnav ul li.cd-wide a,
#productbuttons .mod_customnav ul li.cd-wide span,
#productbuttons .mod_customnav ul li.cd-wide strong {background-image: url("content/product-buttons/cd-wide.gif");}
#productbuttons .mod_customnav ul li.cd-wor a,
#productbuttons .mod_customnav ul li.cd-wor span,
#productbuttons .mod_customnav ul li.cd-wor strong {background-image: url("content/product-buttons/cd-wor.gif");}
#productbuttons .mod_customnav ul li.cd-mbp a,
#productbuttons .mod_customnav ul li.cd-mbp span,
#productbuttons .mod_customnav ul li.cd-mbp strong {background-image: url("content/product-buttons/cd-mbp.gif");border-right: medium none;width: 196px;}

#header .ce_slider_jquery {position: relative;}
#header .ce_slider_jquery .navigation_container a {position: absolute;display: block; height: 44px;overflow: hidden;}
#header .ce_slider_jquery .navigation_container a:hover img{margin-top: -44px;}
#header .ce_slider_jquery .slider_prev_arrow { left: 18px;top: 28px;}
#header .ce_slider_jquery .slider_next_arrow { right: 18px;top: 28px;}
#header .ce_slider_jquery .navigation_container {height: 193px;left: 0;position: absolute;top: 72px;width: 1000px;z-index: 5;}

#container {font-size: 14px; line-height: 23px;margin-top: 30px;}

#left { width: 235px;float:left;position:relative;z-index:999;}
#left .mod_navigation {margin: 0 0 0 4px; width: 200px;}
#left .mod_navigation ul {}
#left .mod_navigation ul li{}
#left .mod_navigation ul li.last{border-bottom: 1px solid #ccc;}
#left .mod_navigation ul li a,
#left .mod_navigation ul li strong{display: block;border-top: 1px solid #ccc; font-size: 13px; line-height: 34px; text-transform: uppercase;padding-left: 8px;color: #666666;}
#left .mod_navigation ul li strong.active,
#left .mod_navigation ul li a:hover,
#left .mod_navigation ul li a.trail {color: #003366;text-decoration: none;}
#left .mod_navigation ul li span.active,
#left .mod_navigation ul li a.trail {font-weight: bold;}
#left .mod_navigation ul.level_2 {margin-bottom:0;}
#left .mod_navigation ul.level_2 li a,
#left .mod_navigation ul.level_2 li strong.active{background: url("img/arrow.gif") no-repeat scroll 8px center transparent;font-style: italic;padding-left: 26px;}
#left .mod_navigation ul.level_2 li.last {border-bottom:0;}

#right {margin-right: 4px; width: 196px; font-size: 11px; line-height: 17px;float:right;position:relative;z-index:999;}
#right .block{border-top: 1px solid #CCCCCC; padding: 10px 0 15px;}
#right .block p {padding: 0 4px;}
#right .mod_newslist {padding-bottom: 0!important;}
#right .mod_newslist h2{color: #003366;font-size: 14px;padding: 0 4px 10px;margin-bottom:0;}
#right .mod_newslist .block .info { font-weight: bold;padding:0 4px;}
#right .mod_newslist .block h2 {font-size: 11px;  padding-bottom: 0;margin-top:0;}
#right .mod_newslist .block .image_container {float: right; padding: 0 0 2px 5px;} 
#right .mod_newslist .block .image_container span{} 
#right .mod_newslist .block .image_container span img{} 

#right .mod_newslist .layout_latest .ce_text.block {border-top:0;padding:0;}
#right .mod_newslist .layout_latest p,
#right .mod_newslist .layout_latest p.more,
#right p {margin-bottom:0;}

#right .mod_newslist .layout_latest .image_container img {width:90px;height:auto;}

#right .ce_download {margin-top:0;}


/* PRODUKT FARBSCHEMA start */
#main #cd-sr-tc h2,
#colorbox #cd-sr-tc h2,
#main #questionaire #lbl_63_0{border-color: #CC0000;}
#main #cd-ci h2,
#colorbox #cd-ci h2,
#main #questionaire #lbl_63_2{border-color: #ffcc00;}
#main #cd-wide h2,
#colorbox #cd-wide h2,
#main #questionaire #lbl_63_3{border-color: #00ff00;}
#main #cd-wor h2,
#colorbox #cd-wor h2,
#main #questionaire #lbl_63_1{border-color: #3366cc;}
#main #cd-mbp h2,
#colorbox #cd-mbp h2,
#main #questionaire #lbl_63_4{border-color: #000000;}

#main #questionaire .ce_form .checkbox_container label,
#main #systems-solutions h2,
#colorbox h2 {border-left-width: 30px;border-left-style: solid;padding-left: 5px;}
#colorbox h2 {border-left-width: 11px!important;height: 20px;margin-bottom: 5px;}

/* PRODUKT FARBSCHEMA end */


#main {margin-left: 235px;margin-right: 225px;   margin-bottom: 60px;width: auto;position: relative;z-index:1;}
#main h1 {text-transform: uppercase;}
#main h3 {margin-top: -30px;}
#main h1,
#main p{margin-bottom: 30px;}
#main .information{color: #003366;}
#main .contact {border-top: 1px solid #003366;color: #003366;padding-top: 30px;}
#main .border-bottom {border-bottom: 1px solid #003366;margin-bottom: 15px;padding-bottom: 5px;position: relative;}
#main .border-bottom h2,
#main .border-bottom p {margin-left: 180px;margin-bottom: 0;}
#main .border-bottom h2 {display: inline;padding-right: 5px;}
#main .border-bottom .image_container {left: 0;position: absolute;top: 0;}
#main .noborder {border: none!important;}

#main .mod_newsarchive .layout_latest {border-top: 1px solid #003366;padding-top: 30px;}

.block {overflow: hidden;}

#main .mod_newsarchive {margin-bottom: 15px;padding-bottom: 5px;position: relative;}
#main .mod_newsarchive /*.block*/ {/*color: #003366;*/padding-top: 30px;}
#main .mod_newsarchive h2 {font-size: 100%;font-weight: bold;margin-bottom: 0;text-transform: none;margin-top:0;}
#main .mod_newsarchive h2 a{}
#main .mod_newsarchive .info,
#main .mod_newsreader .info {font-size: 11px;line-height: 14px;}
#main .mod_newsarchive .info {margin-bottom: 0;}
#main .mod_newsarchive .teaser {margin-bottom: 10px;}
#main .mod_newsarchive .teaser p,
#main .mod_newsarchive p.more {margin-bottom: 0;}
#main .mod_newsarchive p.more a{background: none;font-size: 11px;}
#main .mod_newsarchive .image_container {float: left!important;padding: 0 10px 5px 0;width: 175px;height: auto;}
#main .mod_newsarchive .image_container .caption {display: none;}

#main .mod_newsarchive .pagination p{display: none;}
#main .mod_newsarchive .pagination {padding-bottom: 15px;text-align: center;}
#main .mod_newsarchive .pagination ul li {display: inline;}
#main .mod_newsarchive .pagination ul li a,
#main .mod_newsarchive .pagination ul li span {background: none; padding: 2px 6px;}
#main .mod_newsarchive .pagination ul li a.next,
#main .mod_newsarchive .pagination ul li a.previous {font-weight: normal;}
#main .mod_newsarchive .pagination ul li span.current {background: #003366;color: #fff;font-weight: bold;}
#main .mod_newsarchive .pagination ul li a {}

#main .mod_newsreader h1{margin-bottom: 0;}
#main .mod_newsreader .back {display: none;}
#main .mod_newsreader figure.float_left {padding: 0 10px 5px 0;}
#main .mod_newsreader figure.float_right {padding: 0 0 5px 10px;}
#main .mod_newsreader .image_container .caption {font-style: italic; font-size: 11px;margin-bottom: 10px;}


#main #systems-and-solutions .border-bottom h2 {border-right-width:30px; border-right-style: solid;}

#main .specbox .border-bottom h2,
#main .specbox .border-bottom p { margin-left: 130px;}

#main .ce_table h2 {border-right: none!important;background: #003366; color: #fff; font-weight: normal;padding: 0 5px;margin: 0 2px;}
#main .ce_table table {width: 100%;color: #000;}
#main .ce_table table tbody {width: 100%;}
#main .ce_table table .even {background: #ccc;}
#main .ce_table table .odd {background: #f2f2f2;}
#main .ce_table table td {padding: 0 5px;}

#main #questionaire .ce_form {font-size: 12px;}
#main #questionaire .ce_form fieldset {border: medium none;}
#main #questionaire .ce_form fieldset legend{display: none;}
#main #questionaire .ce_form .leftside,
#main #questionaire .ce_form .rightside{width: 265px;}
#main #questionaire .ce_form .leftside{float: left;}
#main #questionaire .ce_form .rightside{float: right;}
#main #questionaire .ce_form .rightside label,
#main #questionaire .ce_form .leftside label {display: block;float: left;/*width: 130px;*/margin-bottom: 2px;}
#main #questionaire .ce_form .rightside input,
#main #questionaire .ce_form .leftside input {display: block;float: right;width: 125px;margin-bottom: 4px;}
#main #questionaire .ce_form .center label {width: 210px;margin-bottom: 2px;}
#main #questionaire .ce_form .center input {width: 320px;margin-bottom: 4px;}
#main #questionaire .ce_form .center2 {height: 25px;}
#main #questionaire .ce_form .center2 br{display: none;}
#main #questionaire .ce_form .center2 .headline{float: left;width: 206px;}
#main #questionaire .ce_form .center2 label{float: left;padding-left: 5px;width: 30px;}
#main #questionaire .ce_form .center2 input{float: left;width: 122px;}
#main #questionaire .ce_form .checkbox_container {}
#main #questionaire .ce_form .checkbox_container label {float: none;}
#main #questionaire .ce_form .checkbox_container span { display: block;float: left;width: 180px;}
#main #questionaire .ce_form .checkbox_container {}
#main #questionaire .ce_form .checkbox_container {}
#main #questionaire .ce_form .checkbox_container {}
#main #questionaire .ce_form .trenner {border-bottom: 1px solid #003366;clear: left;height: 20px;margin-bottom: 20px;}

#main #questionaire .ce_form .center2widget1 {float:left;}
#main #questionaire .ce_form label.center2widget2 {float:left;margin-left:10px;}

#main #contact .ce_form {width: 400px;margin-bottom: 30px;}
#main #contact .rightside {float: right; width: 260px;}
#main #contact .ce_form label {width: 80px;}
#main #contact .ce_form input,
#main #contact .ce_form textarea{width: 316px;}
#main #contact .ce_form .widget-submit button {float: none;width: 176px;}
#main #contact .ce_form select {width: 316px;}
#main #contact .ce_form .widget-submit button {position:relative;left: 80px;}


#main .ce_form label{width: 140px; float: left;}
#main .ce_form input,
#main .ce_form textarea {background: #e3e2e2; border: medium none;padding: 3px 5px;}
#main .ce_form .widget-submit button {border: 1px solid #999999;cursor: pointer;float: right;font-weight: bold;padding: 3px 50px;}
#main .ce_form p.error{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #FF0000;color: red;display: block;font-size: 10px;line-height: 10px;padding: 2px 4px;position: absolute;width: 115px;z-index: 10;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], 
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], 
input[type="time"], input[type="url"], input:not([type]), textarea {
	width:316px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0;}

#main a {background: url("img/arrow-blue.gif") no-repeat scroll right center transparent;padding-right: 12px;font-weight: bold;}
#main .contact-button a,
#main .lightbox-button a { background: url("img/contact-button.gif") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;padding: 3px 10px;width: 210px; }
#main .contact-button a:hover,
#main .lightbox-button a:hover {color: #666;text-decoration: none;}
#main .lightbox-button {padding: 30px 0 15px;}

#colorbox {background: #fff;}
#colorbox #wrapper { margin: 0; width: 500px;
  -moz-box-shadow: 0px 0px 0px #000; 
  -webkit-box-shadow: 0px 0px 0px #000; 
  box-shadow: 0px 0px 0px #000; 
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ }
#colorbox #container {margin-top: 0;}
#colorbox #header {border: none;margin-bottom: 20px;}
#colorbox #header h1{position: relative; top: 0;left: 0;}
#colorbox #main {margin: 0;}
#colorbox #main h1{margin: 0;}
#colorbox-title {display: none;}
#colorbox #main span.ui-slider-handle { background: url("img/slider-handle.gif") no-repeat scroll right center transparent;cursor: pointer;height: 26px;margin-left: -26px;outline: medium none;position: absolute;top: -9px;width: /*41px*/52px;z-index: 2;}  
#colorbox .slider_widget{height: 75px;}
#colorbox .slider_widget .ui-slider{ background: none repeat scroll 0 0 #6e6ea8;border: medium none;height: 8px;position: relative;text-align: left;width: 330px; margin: 0 26px;}
#colorbox .slider_widget label{display: block;margin-bottom: 10px;font-size: 15px;font-weight: bold;}
#colorbox .slider_widget input { border: medium none;font-size: 18px;font-weight: bold;left: 390px;position: relative;top: -15px;width: 55px;}
#colorbox .slider_widget p{left: 448px;position: relative;top: -38px;width: 50px;font-size: 14px;font-weight: bold;}
#colorbox .blue {color: #000066;}
#colorbox .hide {display: none;}
#colorbox span.fat {font-size: 22px;}
#colorbox span.fat span{font-weight: bold;}
#colorbox-outer {background: #fff;}
#colorbox-inner {margin-bottom: -10px;}
#fancybox-overlay {background: #fff!important;}

#colorbox .key {color: #ff0000;display: none;}
#colorbox  #main #contact .ce_form label {width: 115px;}
#colorbox #main #contact .ce_form { width: 440px;}

/*colorbox*/
#cboxOverlay {background:none;}
#cboxContent {margin-top:0;background:none;}
#cboxLoadedContent {border:0;background:none;}
#colorbox {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    padding:15px;
    -webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;}

#cboxWrapper {padding: 15px;}
#cboxTitle {display:none !important;}
#cboxClose, #cboxClose:hover {background:url('img/fancybox_sprite.png');position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}


.ce_download, .ce_table {margin-top:20px;}

#main .mod_sitemap {}
#main .mod_sitemap ul {list-style: none;}
#main .mod_sitemap ul li {}
#main .mod_sitemap ul li a{background: none repeat scroll 0 0 transparent;}
#main .mod_sitemap ul.level_2{ margin-left: 20px; list-style: disc;}
#main .mod_sitemap ul.level_2 li {}
#main .mod_sitemap ul.level_2 li a{font-weight: normal;}
#main .mod_sitemap ul.level_2 li a{}


/* FOOTER */
#footer { border-top: 1px dotted #CCCCCC;margin-bottom: 20px; padding: 8px 10px;}
#footer p{}
#footer a{ color: #666666;}
#footer span { color: #666666;float: right;}

/*Slideshow*/
#slideshow {background:#cccccc;}
#slideshow .slideshow {position: relative;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%,0%);}
#slideshow .slideshow .slick-list {height:100%;max-width:1000px;margin:0 auto;}
#slideshow .slideshow.slick-initialized {display: block;}

#slideshow .slideshow .slick-dots {bottom: 40px;font-size: 10px;line-height: 30px;list-style: none;margin: 0;position: absolute;text-align: center;width: 100%;z-index: 10;}
#slideshow .slideshow .slick-dots li {display: inline;}
#slideshow .slideshow .slick-dots li button {/*background:rgba(255,255,255,0.6);border:medium none;*/height:5px;width:55px;margin: 0 6px;overflow: hidden;text-indent: -1000px;}
#slideshow .slideshow .slick-dots li.slick-active button {background:rgba(153,1,52,0.6);}

#slideshow .slick-slider .slick-arrow {background-repeat: no-repeat;border:0;top: 100px;width: 44px;height: 44px;overflow: hidden;position: absolute;text-indent: -2000px;z-index: 50;}
#slideshow .slick-slider .slick-prev {background-image: url(img/arrow-prev.png);left: 18px;display: block;overflow: hidden;}
#slideshow .slick-slider .slick-prev:hover {background-image: url(img/arrow-prev-hover.png);}
#slideshow .slick-slider .slick-next {background-image: url(img/arrow-next.png);right: 18px;display: block;overflow: hidden;}
#slideshow .slick-slider .slick-next:hover {background-image: url(img/arrow-next-hover.png);}

#slideshow .image_container {height: 265px;overflow: hidden;}
button {background:none;}
/**/

/* Slick-Slider CSS (do not change!) */
.slick-slider
{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left; height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}