@charset "utf-8";
/********************************************************
=default - default styles, used by nearly every site
********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;outline:none}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}
html {font-size:100.01%;}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
html{overflow-y:scroll}
.systemError{display:block;background:#f00;color:#fff;text-align:center;padding:0 50px;height:40px;line-height:40px;position:absolute; top:0;left:0}
.clear, #footer, .separator, .hr{clear:both; float:none}
.clear, .hidden, .separator, .hr{font-size:0.01em; line-height:0.01em}
.hidden{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block}
span.hidden{width:0; height:0}
ul{list-style:none}
img{border:0; vertical-align:baseline}
p, td p.padding, #content-container ul{padding-bottom:18px; line-height:1.45em}
p.no-padding, #footer p, td p{padding-bottom:0}
.center{text-align:center}
.float-left{float:left}
.float-right {float:right}
iframe{border:0}
#content-container .no-margin, .no-margin{margin:0}
.separator{width:1px; height:15px}
.hr hr{display:none}


/*
=margins & =paddings - margin and padding classes from 5 to 25
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-35{margin-bottom:35px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-50{padding-right:50px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}

/*
=layout - individual layout styles
*/
body{background:#fff url(../images/bg-body.jpg) center 0 no-repeat; font:62.5%/100.01% Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a}
#container{margin:0 auto; width:960px}
#header{position:relative; height:188px; background:url(../images/bg-header.jpg) right 0 no-repeat}
#branding{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; background:url(../images/branding.jpg); width:310px; height:150px; top:0; left:0; position:absolute}
#claim{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block}
#content-container{padding:1px 0 0; font-size:1.2em}
#content-main{width:610px; float:left; padding:32px 0 15px 30px}
#content-sidebar{float:left; width:310px}
.column-left{float:left; width:290px}
.column-right{float:right; width:290px}
#footer{height:35px; padding:0 10px 0 0}
#footer-content{width:620px; float:right; height:25px; padding:10px 0 0; border-top:1px solid #ccc}

/*
=navigation - navigation styles
*/
#navi-main{position:absolute; top:151px; left:0; padding:1px 0 0 310px; border-top:1px solid #a6a6a6; background:url(../images/bg-navi.gif) 0 1px repeat-x; height:35px; width:650px; font-size:1.2em}
#navi-main li{height:25px; float:left; padding:5px 0}
#navi-main a, #navi-main a:visited, #navi-main a:hover, #navi-main a:active{color:#fff; text-decoration:none; font-weight:bold; float:left; height:25px; line-height:25px; border-left:1px solid #5f8ac0; padding:0 14px 0 15px}
#navi-main a.active, #navi-main a.active:visited, #navi-main a:hover, #navi-main a.active:active{color:#bccde0}

#content-container #navi-sidebar ul{padding-bottom:0}
#navi-sidebar h3{display:block; height:31px; margin-bottom:1px; overflow:hidden; line-height:31px; padding:0 0 0 28px; font-weight:bold; color:#fff; font-size:1em; background:#2d64a6}
#navi-sidebar li{vertical-align:top}
#navi-sidebar a, #navi-sidebar a:visited, #navi-sidebar a:hover, #navi-sidebar a:active{color:#265c9f; text-decoration:none; font-weight:normal; display:block; height:31px; line-height:31px; padding:0 0 0 38px; background:#c0d1e4 url(../images/bg-listitem.gif) 28px 13px no-repeat; border-bottom:1px solid #fff}
#navi-sidebar ul ul a, #navi-sidebar ul ul a:visited, #navi-sidebar ul ul a:hover, #navi-sidebar ul ul a:active{background-color:#d3dfec; padding-left:50px; background-position:40px 13px}
#navi-sidebar a.active, #navi-sidebar a.active:visited, #navi-sidebar a:hover, #navi-sidebar a.active:active{font-weight:bold}

#navi-footer{float:right}
#navi-footer li{float:left; padding:0 10px; border-left:1px solid #778494; font-size:1.1em; line-height:1.1em}
#navi-footer .li-01{border:0}

/*
=footer - footer content styles
*/
#footer a, #footer a:visited, #footer a:hover, #footer a:active{color:#778494; text-decoration:underline; font-weight:bold}
#footer a:hover{text-decoration:none}
address{font-style:normal}

/*
=headlines
*/
#content-main h1{font-size:2.08em; line-height:1.3em; padding-bottom:25px}
#content-main h2, #content-main h3, #content-main h4, #content-main h5, #content-main h6, .lightbox-content h3{font-size:1.6em; line-height:1.3em; padding-bottom:18px; font-weight:normal}
#content-main h4{font-size:1.17em}

/*
=content - individual content styles
*/
a,a:visited,a:hover,a:active{color:#2d64a6; text-decoration:underline}
a:hover{text-decoration:none}

.datenschutz, .infobox{background:#eee; border:1px solid #ccc; padding:20px 20px 0; font-size:0.92em; margin-bottom:20px}

.firmendaten{margin-bottom:18px}
.firmendaten td{padding:3px 0}
.bordered{border-bottom:1px dashed #ccc}
.firmendaten .desc{font-weight:bold; padding-right:30px}
.firmendaten .desc.sec {padding-right: 78px;}

.highlight{font-weight:bold}
.image{padding:1px; border:1px solid #ccc}
.bold{font-weight:bold}

.hr{margin-bottom:25px; height:7px; border-bottom:1px solid #ccc; width:100%}

#address-box{background:#578ed0; padding:28px 28px 10px; color:#fff; font-size:0.92em}
#address-box h3{background:url(../images/h3/contact-us.gif) 0 0 no-repeat; width:86px; height:14px; padding:0 0 15px; text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block}
#address-box a, #address-box a:visited, #address-box a:hover, #address-box a:active{color:#fff; font-weight:bold}
#address-box a:hover{text-decoration:none}
#address-box address a, #address-box address a:visited, #address-box address a:hover, #address-box address a:active{font-weight:normal}

#content-main li{background:url(../images/bg-listitem.gif) 0 0.75em no-repeat; padding:0.2em 0 3px 0.86em}

.small-text{font-size:0.92em}

#content-main #product-teaser{height:250px; overflow:hidden; margin-bottom:30px; background:url(../images/index/bg-teaser.jpg)}
#content-main #product-teaser ul{width:220px; overflow:hidden; height:250px; padding:0 0 0 10px; float:left}
#content-main #product-teaser li{width:220px; padding:0; background:none; height:83px; border-top:1px solid #bdc2c8}
#content-main #product-teaser .li-01{border:0}
#content-main #product-teaser li a, #content-main #product-teaser li a:visited, #content-main #product-teaser li a:hover, #content-main #product-teaser li a:active{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; background:0 0 no-repeat; height:83px}
#content-main #product-teaser li a:hover{background-position:-220px 0}

#content-main #product-teaser .li-01 a, #content-main #product-teaser .li-01 a:visited, #content-main #product-teaser .li-01 a:hover, #content-main #product-teaser .li-01 a:active{background-image:url(../images/index/product-01.jpg)}
#content-main #product-teaser .li-02 a, #content-main #product-teaser .li-02 a:visited, #content-main #product-teaser .li-02 a:hover, #content-main #product-teaser .li-02 a:active{background-image:url(../images/index/product-02.jpg)}
#content-main #product-teaser .li-03 a, #content-main #product-teaser .li-03 a:visited, #content-main #product-teaser .li-03 a:hover, #content-main #product-teaser .li-03 a:active{background-image:url(../images/index/product-03.jpg)}

#product-teaser-big{text-indent:-9999px; overflow:hidden; white-space:nowrap; float:right; background:url(../images/index/product-big.jpg); width:350px; height:250px}
#product-teaser-big:hover{background-position:-350px 0}

#references-table td, #distributors-table td{padding:15px 0; border-top:1px solid #ddd}
#distributors-table .distributors-separator{border:0; height:35px}
#references-table .ref-brandings, #distributors-table .distributors-branding{padding-right:25px; text-align:center}
#references-others img{padding:10px}
#references-others{padding-bottom:20px; text-align:center}

#content-main .toggler{cursor:pointer; font-weight:bold; color:#2d64a6}

#webstyle{margin-bottom:10px}

.data-table{margin-bottom:30px; width:100%; border:1px solid #ccc; border-width:1px 0 0 1px}
.data-table td{padding:10px 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#ddd}
.data-table .col-2, .data-table .col-2 td{background:#eee}

.partner-tech td{font-weight:bold; white-space:nowrap}
.partner-tech .col-2{font-weight:normal; white-space:normal}

.software, .software td{border-color:#aaa}
.software td{background:#ddd; white-space:nowrap}
.software thead td{background:#ccc}

.software .col-2{white-space:normal}

.lightbox-content{padding:20px 20px 0; height:345px; overflow:auto}

.downloads thead td{font-weight:bold; background:#ddd}
.downloads td{font-weight:bold; background:#eee}

.contenttable{font-size:0.86em; margin-bottom:20px}
.contenttable td{padding:7px}