@charset "utf-8";

/* Font für Schrift */
@font-face { font-family: "Arimo"; src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.eot"); src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.woff2") format("woff2"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.woff") format("woff"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.ttf") format("truetype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-regular.svg#Arimo") format("svg"); font-style: normal; font-weight: normal; }
@font-face { font-family: "Arimo"; src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.eot"); src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.woff2") format("woff2"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.woff") format("woff"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.ttf") format("truetype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-italic.svg#Arimo") format("svg"); font-style: italic; font-weight: normal; }
@font-face { font-family: "Arimo"; src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.eot"); src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.woff2") format("woff2"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.woff") format("woff"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.ttf") format("truetype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700.svg#Arimo") format("svg"); font-style: normal; font-weight: bold; }
@font-face { font-family: "Arimo"; src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.eot"); src: url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.eot?#iefix") format("embedded-opentype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.woff2") format("woff2"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.woff") format("woff"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.ttf") format("truetype"), url("fonts/arimo-v11-latin-ext_hebrew_cyrillic_greek_greek-ext_latin_cyrillic-ext_vietnamese-700italic.svg#Arimo") format("svg"); font-style: italic; font-weight: bold; }

/* Font für Icons */
@font-face { font-family: "FontAwesome"; src: url("fonts/fontawesome-webfont.eot?v=3.2.1"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg"); font-style: normal; font-weight: normal; }

/* Basiseinstellungen */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, dl, ol, ul, dt, dd, li, hr, a, img, em, strong, table, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; vertical-align: baseline; }

/* Elementeinstellungen */
body { font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.5em; text-align: center; text-shadow: 0px 0px 1px transparent; }
body.fontsizexl { font-size: 18px; }
body.fontsizel { font-size: 16px; }
body.fontsizem { font-size: 14px; }
body.fontsizes { font-size: 12px; }
body.fontsizexs { font-size: 11px; }
h1, h2, h3, h4, h5, h6 { font-family: "Arimo", Georgia, "Times New Roman", Times, serif; color: #000; font-style: normal; font-weight: normal; line-height: 1.5em; text-align: left; }
h3, h4, h5, h6 { margin-top: 1em; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
body.fontsizexl h2 { font-size: 40px; }
body.fontsizexl h3 { font-size: 32px; }
body.fontsizexl h4 { font-size: 28px; }
body.fontsizexl h5 { font-size: 24px; }
body.fontsizexl h6 { font-size: 22px; }
body.fontsizel h2 { font-size: 38px; }
body.fontsizel h3 { font-size: 30px; }
body.fontsizel h4 { font-size: 26px; }
body.fontsizel h5 { font-size: 22px; }
body.fontsizel h6 { font-size: 20px; }
body.fontsizem h2 { font-size: 36px; }
body.fontsizem h3 { font-size: 28px; }
body.fontsizem h4 { font-size: 24px; }
body.fontsizem h5 { font-size: 20px; }
body.fontsizem h6 { font-size: 18px; }
body.fontsizes h2 { font-size: 34px; }
body.fontsizes h3 { font-size: 26px; }
body.fontsizes h4 { font-size: 22px; }
body.fontsizes h5 { font-size: 18px; }
body.fontsizes h6 { font-size: 16px; }
body.fontsizexs h2 { font-size: 32px; }
body.fontsizexs h3 { font-size: 24px; }
body.fontsizexs h4 { font-size: 20px; }
body.fontsizexs h5 { font-size: 16px; }
body.fontsizexs h6 { font-size: 14px; }

p { margin: 1em 0; text-align: left; }
dl, ol, ul { margin: 1em 0 1em 2em; text-align: left; }
dt { clear: both; float: left; margin-right: 1em; padding: 0.25em 0; }
dt.none { float: none; }
dd { margin-left: 10em; padding: 0.25em 0; }
ol { list-style: decimal outside; }
ol ol { margin-top: 0; margin-bottom: 0; list-style-type: lower-latin; }
ul { list-style: disc outside; }
ul ul { margin-top: 0; margin-bottom: 0; list-style-type: circle; }
ul.link-tree { list-style-type: none; margin-left: 1em; }
ul.link-tree li { line-height: 2em; }
hr { margin-bottom: 1em; border-bottom: 1px solid; }
a { color: #4d99e0; font-style: normal; font-weight: normal; text-decoration: none; }
a:link, a:visited  { text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: underline; cursor: pointer; }
img { height: auto; max-width: 100%; }
em { font-style: italic; font-weight: normal; }
strong { color: #4d99e0; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; text-align: left; }

/* Formulareinstellungen */
form { float: left; }
form dl { margin-left: 0; max-width: 40em; }
form dl.contact-details dd { margin-left: 10em; }
form dl.product-details dd { margin-left: 20em; }
form dl.applications dd { margin-left: 15em; }
form dl.solutions dd { margin-left: 10em; }
form p.text-right { max-width: 40em; }
form p.errormessage, form p.successmessage { float: right; padding: 5px; width: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: right; }
form p.errormessage { border: 1px solid #f00; background: #ffc0cb; color: #f00; }
form p.successmessage { border: 1px solid #008000; background: #90ee90; color: #008000; }
input, select, textarea { margin: 0; font-family: "Arimo", Verdana, Arial, Helvetica, sans-serif; font-size: inherit; font-style: normal; font-weight: normal; vertical-align: middle; }
input[type="text"], select, textarea { padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-transition: border 0.3s, background 0.3s; -o-transition: border 0.3s, background 0.3s; -webkit-transition: border 0.3s, background 0.3s; transition: border 0.3s, background 0.3s; }
input[type="text"].required, select.required, textarea.required { border: 1px solid #f00; background: #ffc0cb; }
input[type="text"]:focus, select:focus, textarea:focus { border: 1px solid #4d99e0; background: #e8f4ff; }
input[type="text"] { max-width: 30em; }
input[type="text"].narrow { max-width: 5em; }
select { max-width: 15em; }
textarea { margin: 1em 0; height: 10em; max-width: 40em; }
input[type="checkbox"], input[type="radio"] { margin-left: 1em; padding: 0.25em 0; border: 0; }
input[type="submit"] { position: relative; top: 0; left: 0; padding: 0 0.75em; height: 30px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #eee; background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); color: #666; line-height: 30px; text-decoration: none; text-shadow: 0px 1px 1px #fff; }
input[type="submit"]:hover { background: #f5f5f5; }
input[type="submit"]:active { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }

/* Allgemeine Klassen */
.align-top { margin-top: 0; }
.align-bottom { margin-bottom: 0; }
.align-vertical { margin-top: 0; margin-bottom: 0; }
.align-left { position: relative; float: left; text-align: left; }
.align-right { position: relative; float: right; text-align: right; }
.image-center { float: none; margin: 10px auto; text-align: center; }
.image-left { float: left; margin: 10px 20px 10px 0; text-align: left; }
.image-right { float: right; margin: 10px 0 10px 20px; text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.video-normal { position: relative; padding-top: 0; padding-bottom: 75%; height: 0; overflow: hidden; }
.video-wide { position: relative; padding-top: 0; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-normal iframe, .video-wide iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.clearing { clear: both; }
div.clearing { height: 1px; }

/* Spezielle Klassen */
span.check { color: #008000; }
span.icon { margin-left: 5px; margin-right: 5px; font-family: "FontAwesome"; font-style: normal; font-weight: normal; vertical-align: baseline; }
span.icon-left { margin-right: 5px; font-family: "FontAwesome"; font-style: normal; font-weight: normal; vertical-align: baseline; }
span.icon-right { margin-left: 5px; font-family: "FontAwesome"; font-style: normal; font-weight: normal; vertical-align: baseline; }
div.slider-center { margin: 1em auto; width: 98%; text-align: center; }
div.bx-wrapper img { height: auto; width: 100%; }
ul.bxslider { overflow: hidden; clear: both; margin: 0 auto; padding: 0; height: auto; width: auto; list-style-type: none; }
ul.bxslider li { float: left; display: block; margin: 0; padding: 0; }
ul.bxslider li img { position: relative; display: block; margin: 0; padding: 0; height: auto; max-width: 100%; vertical-align: bottom; }
table.specifications { width: 100%; caption-side: bottom; border: 1px solid #ccc; }
table.specifications th { padding: 5px; border: 1px solid #ccc; font-style: italic; text-align: left; vertical-align: middle; }
table.specifications td { padding: 5px; border: 1px solid #ccc; font-style: normal; text-align: center; vertical-align: middle; }
table.specifications thead tr th { background: #eee; font-weight: bold; }
table.specifications thead tr td { background: #eee; font-weight: bold; }
table.specifications tbody tr th { background: #f5f5f5; font-weight: normal; }
table.specifications tbody tr td { background: #fff; font-weight: normal; }
table.specifications tbody tr.alt th { background: #eee; font-weight: normal; }
table.specifications tbody tr.alt td { background: #f5f5f5; font-weight: normal; }
table.specifications tbody tr th.alt { background: #eee; font-weight: normal; }
table.specifications tbody tr td.alt { background: #f5f5f5; font-weight: normal; }
table.specifications caption { margin: 0; padding: 1em 0; font-style: italic; text-align: center; }

/* Basis-Layout mit den vier horizontalen Abschnitten Head Area, Menu Area, Page Area und Foot Area */
body { overflow-y: scroll; background: #fff; }
ul.skip-area { position: absolute; top: 0; left: -32768px; z-index: 1000; margin: 0; padding: 0; width: 100%; list-style-type: none; }
ul.skip-area a:focus, ul.skip-area a:active { position: absolute; top: 0; left: 32768px; width: 100%; border-top: 10px solid #000; border-bottom: 10px solid #000; background: #000; color: #fff; text-align: center; text-decoration: none; }
/* Layout der Head Area */
div.head-area { position: relative; clear: both; width: 100%; background: #eee url("images/background.png") repeat scroll center center; }
div.head-outer-area { margin: 0 auto; padding: 0 20px; max-width: 1280px; }
div.head-inner-area { padding: 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 0; border-bottom: 1px solid #ddd; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #fff; }
div.head-content-area { position: relative; clear: both; height: 80px; }
/* Layout der Menu Area */
div.menu-area { position: relative; z-index: 999; clear: both; width: 100%; background: #eee url("images/background.png") repeat scroll center center; }
div.menu-outer-area { margin: 0 auto; padding: 20px; max-width: 100%; }
div.menu-inner-area { padding: 0; }
div.menu-content-area { position: relative; clear: both; width: 100%; }
/* Layout der Page Area */
div.page-area, div.page-area-one { position: relative; clear: both; width: 100%; background: #eee url("images/background.png") repeat scroll center center; }
div.page-outer-area { margin: 0 auto; padding: 0 20px 20px 20px; max-width: 1280px; }
div.page-inner-area { padding: 20px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; }
noscript div { position: relative; overflow: hidden; clear: both; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eee; }
div.page-head-area { position: relative; overflow: hidden; clear: both; height: 50px; }
div.page-head-area:hover { overflow: visible; text-overflow: inherit; }
div.page-content-area { position: relative; overflow: hidden; clear: both; }
div.page-content-area:before { content: ""; display: table; }
div.page-content-area:after { clear: both; display: block; height: 0; content: "."; font-size: 0; visibility: hidden; }
div.page-foot-area { position: relative; clear: both; height: 50px; }
/* Layout der Foot Area */
div.foot-area { position: relative; clear: both; width: 100%; border-top: 1px solid #ddd; background: #fff; }
div.foot-outer-area { margin: 0 auto; max-width: 1280px; }
div.foot-inner-area { padding: 10px; }
div.foot-content-area { position: relative; clear: both; }

/* Layout der Spalten innerhalb der Page Content Area */
/* 1-spaltiges Layout mit nur der Hauptspalte */
div.main-column-one, div.page-area-one div.main-column-side { position: relative; clear: both; float: none; width: 100%; }
/* 2-spaltiges Layout mit Haupt- und Seitenspalte */
div.main-column-side { position: relative; float: right; width: 74%; }
div.side-column { position: relative; float: left; width: 24%; }

/* Layout der Abschnitte innerhalb der Spalten */
div#main { position: relative; text-align: left; }
div.new-content { position: relative; overflow: hidden; clear: both; width: 100%; }
div.info-box, div.menu-box { position: relative; overflow: hidden; margin-bottom: 10px; padding: 10px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eee; }
div.info-box:hover, div.menu-box:hover { overflow: visible; text-overflow: inherit; }
div.info-box ul, div.menu-box ul, div.list-box > ul { position: relative; list-style-type: none; margin: 0; }
div.info-box ul li, div.menu-box ul li, div.list-box > ul > li { display: inline; }
div.info-box ul li a, div.info-box ul li div, div.menu-box ul li a, div.list-box ul li div { display: block; padding: 3px 0; }
div.info-box ul li span.icon, div.menu-box ul li span.icon, div.list-box ul li span.icon { position: relative; float: left; display: block; }
div.info-box ul li span.text, div.menu-box ul li span.text, div.list-box ul li span.text { position: relative; display: block; margin-left: 2em; }
div.list-box ul ul { margin-left: 4em; list-style-type: disc; }

/* Layout spezieller Abschnitte */
div.page-title { position: absolute; top: 14px; left: 0; height: 72px; width: 100%; }
div.page-title h1 { overflow: hidden; margin: 0 auto; line-height: 72px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
div.site-branding { position: absolute; bottom: 0; left: 0; width: 100%; text-align: left; }
div.site-navigation { position: absolute; top: 0; right: 0; width: auto; text-align: right; }
div.font-resize { position: absolute; top: 0; right: 0; height: 40px; width: 170px; background: #fff; }
p.site-copyright, p.site-information { color: #666; font-size: 12px; text-align: center; }
body.fontsizexl p.site-copyright, body.fontsizexl p.site-information { font-size: 16px; }
body.fontsizel p.site-copyright, body.fontsizel p.site-information { font-size: 14px; }
body.fontsizem p.site-copyright, body.fontsizem p.site-information { font-size: 12px; }
body.fontsizes p.site-copyright, body.fontsizes p.site-information { font-size: 11px; }
body.fontsizexs p.site-copyright, body.fontsizexs p.site-information { font-size: 10px; }

/* Layout der Buttons */
div#hide-side-column, div#show-side-column, div#font-size-larger, div#font-size-smaller, div#page-navigation { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #eee; background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); text-align: center; }
div#hide-side-column { position: absolute; top: 0; left: 0; }
div.page-area-one div#hide-side-column { display: none; }
div#show-side-column { position: absolute; display: none; top: 0; left: 0; }
div#font-size-larger { position: absolute; top: 0; right: 0; }
div#font-size-smaller { position: absolute; top: 0; right: 85px; }
div#page-navigation { position: absolute; bottom: 0; right: 0; }
div#hide-side-column:hover, div#show-side-column:hover, div#font-size-larger:hover, div#font-size-smaller:hover, div#page-navigation:hover { background: #f5f5f5; }
div#hide-side-column:hover, div#show-side-column:hover, div#font-size-larger:hover, div#font-size-smaller:hover { cursor: pointer; }
div#hide-side-column:active, div#show-side-column:active, div#font-size-larger:active, div#font-size-smaller:active, div#page-navigation:active { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
div#page-navigation a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; }
div#hide-side-column span.icon, div#show-side-column span.icon, div#font-size-larger span.icon, div#font-size-smaller span.icon, div#page-navigation span.icon { display: block; height: 28px; width: 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #666; line-height: 28px; text-align: center; text-shadow: 0px 1px 1px #fff; }
div#font-size-larger span.icon { font-size: 16px; }
div#font-size-smaller span.icon { font-size: 12px; }
body.fontsizexl div#font-size-larger span.icon { font-size: 18px; color: #ccc; }
body.fontsizel div#font-size-larger span.icon { font-size: 18px; }
body.fontsizem div#font-size-larger span.icon { font-size: 16px; }
body.fontsizes div#font-size-larger span.icon { font-size: 14px; }
body.fontsizexs div#font-size-larger span.icon { font-size: 12px; }
body.fontsizexl div#font-size-smaller span.icon { font-size: 16px; }
body.fontsizel div#font-size-smaller span.icon { font-size: 14px; }
body.fontsizem div#font-size-smaller span.icon { font-size: 12px; }
body.fontsizes div#font-size-smaller span.icon { font-size: 11px; }
body.fontsizexs div#font-size-smaller span.icon { font-size: 11px; color: #ccc; }

/* Layout der Brotkrümelnavigation */
div#breadcrumbs { position: absolute; top: 0; left: 85px; overflow: hidden; height: 28px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; line-height: 28px; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
div.page-area-one div#breadcrumbs { position: absolute; top: 0; left: 0; }
div#breadcrumbs:hover { overflow: visible; z-index: 998; text-overflow: inherit; }
div#breadcrumbs a { display: inline-block; padding: 0 1em 0 0.5em; border: 0; background: url("images/breadcrumbs.gif") no-repeat scroll right center transparent; background-clip: padding-box; }
div#breadcrumbs a.first { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
div#breadcrumbs span { display: inline-block; padding: 0 0.5em; border: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Layout der Hauptnavigation */
table#site-nav { position: relative; top: 0; right: 0; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-collapse: separate; text-align: center; }
table#site-nav td { height: 31px; border-left: 1px solid #fff; border-right: 1px solid #ccc; background-color: #eee; background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); }
table#site-nav td:hover { background: #f5f5f5; }
table#site-nav td.first { border-left: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
table#site-nav td.last { border-right: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
table#site-nav td.cell-600px { display: none; }
table#site-nav td a { display: block; padding: 0 10px; text-decoration: none; }
table#site-nav td.first a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
table#site-nav td.last a { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
table#site-nav td a:active { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
table#site-nav td a span { display: inline-block; color: #666; font-weight: normal; line-height: 31px; text-align: center; text-shadow: 0px 1px 1px #fff; }

/* Layout des alternativen Menüs für breite Displays */
table#alt-menu { width: 100%; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-collapse: separate; }
table#alt-menu td { position: relative; height: 58px; border-left: 1px solid #fff; border-right: 1px solid #ccc; background-color: #eee; background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); }
table#alt-menu td.first { border-left: 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
table#alt-menu td.last { border-right: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
table#alt-menu td:hover { background: #f5f5f5; }
table#alt-menu td.first:hover { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
table#alt-menu td.last:hover { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
table#alt-menu td a { color: #666; }
table#alt-menu td span { position: relative; display: block; padding: 8px 0; color: #666; font-weight: normal; line-height: 21px; text-align: center; text-shadow: 0px 1px 1px #fff; }
table#alt-menu td.first span { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
table#alt-menu td.last span { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
table#alt-menu td.first:hover span { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
table#alt-menu td.last:hover span { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
table#alt-menu td span:active { -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); }
table#alt-menu td div.left { position: relative; top: 0; left: -1px; visibility: hidden; height: 0; width: 100%; }
table#alt-menu td div.right { position: relative; top: 0; right: -1px; visibility: hidden; height: 0; width: 100%; }
table#alt-menu td div.left div { position: absolute; top: 0; left: 0; visibility: hidden; min-width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 1px solid #ccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eee; }
table#alt-menu td div.right div { position: absolute; top: 0; right: 0; visibility: hidden; min-width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0; border-bottom: 1px solid #ccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; background: #eee; }
table#alt-menu td:hover div div { visibility: visible; }
table#alt-menu td div div ul { position: relative; top: 0; left: 0; display: block; margin: 0; list-style-type: none; }
table#alt-menu td div div ul li { float: none; display: list-item; height: 45px; width: 100%; border-top: 1px solid #ccc; background: #eee; }
table#alt-menu td div div ul li.last { border-bottom: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
table#alt-menu td div div ul li:hover { background: #f5f5f5; }
table#alt-menu td div div ul li a { overflow: hidden; float: none; display: block; padding: 0 5px; border-top: 1px solid #fff; color: #666; font-weight: normal; line-height: 45px; text-align: left; text-shadow: 0px 1px 1px #fff; white-space: nowrap; text-overflow: ellipsis; }

/* Layout des Menüs für schmale Displays */
ul#menu { position: relative; display: none; margin: 0; padding: 0; width: 100%; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #eee; list-style: none outside; }
ul#menu li { position: relative; overflow: hidden; display: block; top: 0; left: 0; width: 100%; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #eee; background-image: -moz-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -ms-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); background-image: linear-gradient(top, #fcfcfc 0%, #e0e0e0 100%); text-align: left; white-space: nowrap; text-overflow: ellipsis; }
ul#menu li:hover { overflow: visible; background: #f5f5f5; text-overflow: inherit; }
ul#menu li div { position: relative; display: block; top: 0; left: 0; height: 58px; width: 100%; color: #666; font-weight: normal; line-height: 58px; text-indent: 5%; text-shadow: 0px 1px 1px #fff; }
ul#menu li ul { position: relative; display: none; top: 0; left: 0; margin: 0; width: 100%; }
ul#menu li ul li { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #eee; }
ul#menu li ul li.first { border-top: 1px solid #ccc; }
ul#menu li ul li.last { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
ul#menu li ul li div { border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
ul#menu li ul li.last div { border-bottom: 0; }
ul#menu li ul li ul { margin: 0 5%; padding: 0; width: 90%; }
ul#menu li ul li ul li { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 0; }
ul#menu li ul li ul li.first { border-top: 0; }
ul#menu li ul li ul li.last { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
ul#menu li ul li ul li a { position: relative; display: block; top: 0; left: 0; margin: 0; padding: 0; height: 58px; width: 100%; border-top: 1px solid #fff; color: #666; font-weight: normal; line-height: 58px; text-indent: 5%; text-shadow: 0px 1px 1px #fff; }

@media all and (max-width: 1024px) {

table#site-nav td span.hide-1024px { display: none; }
div.slider-center { width: 96%; }

}

@media all and (max-width: 768px) {

table#site-nav td span.hide-768px { display: none; }
table#alt-menu { display: none; }
ul#menu { display: block; }
div.main-column-side { position: relative; clear: both; float: none; width: 100%; }
div.side-column { position: relative; clear: both; float: none; display: none; width: 100%; }
div#hide-side-column { display: none; }
div#show-side-column { display: block; }
div.page-area-one div#show-side-column { display: none; }
div.page-head-area { height: 95px; }
div#breadcrumbs { position: absolute; top: 45px; left: 0; }
div.page-area-one div#breadcrumbs { position: absolute; top: 45px; left: 0; }

}

@media all and (max-width: 600px) {

table#site-nav td.hide-600px { display: none; }
table#site-nav td.cell-600px { display: table-cell; }
.image-left { float: none; margin: 10px auto; text-align: center; }
.image-right { float: none; margin: 10px auto; text-align: center; }
div.slider-center { width: 94%; }

}

@media all and (max-width: 480px) {

div.head-outer-area { padding: 0; }
div.head-inner-area { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #ddd; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
div.menu-outer-area { padding: 20px 0; }
div.page-outer-area { padding: 0 0 20px 0; }
div.page-inner-area { padding: 20px 10px; border-left: 0; border-right: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul#menu { border-left: 0; border-right: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul#menu li { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
ul#menu li ul li.last { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
dt, form dl.contact-details dt, form dl.product-details dt { float: none; margin-right: 0; }
form dl.applications dt, form dl.solutions dt { float: left; margin-right: 0; }
dd, form dl.contact-details dd, form dl.product-details dd { margin-left: 0; padding-top: 0; }
form dl.applications dd, form dl.solutions dd { margin-left: 0; padding-top: 0.25em; }
div.slider-center { width: 90%; }

}