body, input, textarea, select, button, optgroup {color: #202020; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.667em;}
h1, h2, h3, h4, h5, h6 {color: #5a82a6; font-size: 12px; font-weight: normal; line-height: 1.667em; word-spacing: -0.125em}
h1 {font-size: 18px; line-height: 1.111em; margin-bottom: 1.111em}
h2 {font-size: 16px; line-height: 1.25em; margin-bottom: 1.25em}
h3 {font-size: 14px; line-height: 1.43em; margin-bottom: 1.43em}
h4 {font-size: 12px; line-height: 1.667em; margin-bottom: 1.667em}
abbr, acronym {letter-spacing: 0.05em}
p {word-spacing: 0.125em;}
* {margin: 0; padding: 0}
html, body {background-color: #fff}
body {position: relative; height: 100%;}
abbr, acronym {border-bottom: 1px dotted #404040; cursor: help; font-style: normal}
a img {border: none}
img.framed {border: 1px solid #ccc; padding: 4px; background-color: #fff}
dt a, dt a:link, dt a:visited, dt a:active, dt a:hover, h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover, h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover, h3 a, h3 a:link, h3 a:visited, h3 a:active, h3 a:hover, h4 a, h4 a:link, h4 a:visited, h4 a:active, h4 a:hover, h5 a, h5 a:link, h5 a:visited, h5 a:active, h5 a:hover, h6 a, h6 a:link, h6 a:visited, h6 a:active, h6 a:hover {color: #5a82a6; text-decoration: none}
dt a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline}
address, dl, form, ol, p, table, ul {margin-bottom: 1.667em;}
ul {margin-left: 16px; list-style-image: url(images/list-image.gif)}
form {margin-top: 40px;}
address {font-style: normal;}
address:first-line {font-weight: bold}
blockquote {font-style: italic}
blockquote p:before {content: "\201C \0020"}
button {background: #fff url(images/icon-tick.png) no-repeat 9px center; border: 1px solid #5a82a6; color: #5a82a6; cursor: pointer; min-width: 98px; padding: 9px 9px 9px 29px;}
button:hover, button:hover span {text-decoration: underline}
blockquote p:after {content: "\0020 \201D"}
table {border: none; border-collapse: collapse; width: 100%; word-wrap: break-word}
td, tbody th {border: none; vertical-align: top;}
th {border: none; text-align: left; vertical-align: top}
form {border: 1px solid #ccc; padding: 19px 7px; background-color: #fbfbfb}
fieldset {border: none; position: relative}
fieldset:hover legend span {color: #ccc}
legend span {color: #efefef; font-size: 60px; font-style: italic; position: absolute; right: 9px; top: 9px;}
input, textarea, select {margin-bottom: 10px; background: #fff url(images/bg-form-element.png) left top no-repeat; border: 1px solid #999; border-bottom-color:#ccc; border-right-color: #ccc; height: 18px; vertical-align: top;}
textarea {height: auto}
input[type="submit"] {cursor: pointer}
option {background-color: #fff}
label {cursor: pointer; display: block}
hr {display: none}
small {font-size: 80%}
label em {color: #ccc}
label em:before {content: "\0028"}
label em:after {content: "\0029"}
a, a:link, a:visited, a:active{color: #eb8500; text-decoration: none}	
a:hover {color: #ff9900; text-decoration: underline}

a.external, a.internal, a.enclosure, a.bookmark, a.next, a.previous {background: transparent url(images/sprites.png) no-repeat;}
a.external, a.internal, a.enclosure, a.bookmark {padding-left: 20px;}
a.previous {padding-left: 20px;}
a.next {padding-right: 20px;}
a.external {background-position: left -148px;}
a.internal {background-position: left -248px;}
a.enclosure {background-position: left -198px;}
a.bookmark {background-position: left -98px;}
a.previous {background-position: left 2px;}
a.next {background-position: right -48px;}

a[href^="mailto:"]:before {content: "\2709 \0020"}
#top {margin: 0; padding: 20px 0 0 48px;}

#wrapAddition_1 {background: #003366 url(images/bg-wrap-1.gif) left top; position: relative; width: 100%;}/**/
#wrapAddition_1 {
background-color: #003366; position: relative; width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#003366), to(#014495));
background: -moz-radial-gradient(0, 0, 0, bottom,           from(#003366), to(#014495));
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#003366',EndColorStr='#014495');
} 

#wrapAddition_2 {background: #e4b650 url(images/bg-wrap-2.gif) 0 0; position: relative; width: 100%;}/**/
#wrapAddition_2 {
background-color: #f6d278; position: relative; width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#f6d278), to(#e5b650));
background: -moz-radial-gradient(0, 0, 0, bottom,           from(#f6d278), to(#e5b650));
filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#f6d278',EndColorStr='#e5b650');
} 
#wrapHeader {}
#wrapContent {padding-left: 32px; overflow: hidden; width: 960px;}
#wrapFooter {background: #003366 url(images/bg-wrap-1.gif) left top; color: #fff; padding-left: 48px; overflow: hidden}
#columnCopy {float: left;overflow-x: hidden; padding: 20px 8px 20px 128px; width: 584px;}
#columnAddition {float: left; padding: 20px 8px; width: 224px; overflow: hidden}
#wrapHeader img {background-color: transparent; border: none; padding: 0}
#wrapHeader h2.area {color: #fff; left: 48px; top: 20px; margin: 0; position: absolute}
ul#navigationFineprint {left: 0; list-style: none; list-style-image: none; list-style-type: none; margin: 0;padding: 0; position: absolute; right: 0;width: 992px;}
#navigationFineprint li {display: inline; float: right}
#navigationFineprint li a {color: #fff; display: block; font-size: 11px; line-height: 1.818em; padding: 0 8px; text-decoration: none; text-align: center}
#navigationFineprint li a:hover {text-decoration: underline}
li#language a {background: transparent url(images/bg-nav-fineprint-li.gif) left bottom no-repeat; padding: 0px; width: 120px;}
li#language a:hover {background-position:-120px bottom; padding: 0px; width: 120px;}
ul#navigationMain {border-bottom: 1px solid #fbe6b4;bottom: 0;left: 0; list-style: none; list-style-image: none; list-style-type: none;margin: 0;margin-bottom: -1px;padding: 0;position: absolute;width: 100%}
html>body ul#navigationMain {margin-bottom: 0;}
ul#navigationMain:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
ul#navigationMain li:first-child, ul#navigationMain li.first {padding-left: 272px;}
#navigationMain li {display: inline; float: left}
#navigationMain li a {background: transparent url(images/bg-nav-main-li.gif) left top no-repeat; color: #fff; display: block; font-size: 12px; font-weight: bold; line-height: 1.667em; position: relative; padding: 5px 0; text-align: center; text-decoration: none; width: 120px;}
#navigationMain li a:hover {background-position:-120px 0; text-decoration: underline}
#navigationMain li a.active, #navigationMain li a.active:hover {background-position:-240px 0; border-bottom: 1px solid #f7d37a; cursor: default; margin-bottom: -1px; text-decoration: none}
#navigationMain li a.semi-active {background-position:-360px 0; border-bottom: 1px solid #f7d37a; margin-bottom: -1px;}
.area_home #navigationSub, .area_Home #navigationSub {background-color:#fff; min-height: 80px; list-style: none; list-style-image: none; list-style-type: none;margin: 0 0 0 272px; overflow: hidden; padding: 20px 0; width: 720px;}
html>body.area_home #navigationSub, html>body.area_Home #navigationSub {height: auto;}
/*.area_home #navigationSub.enhanced, .area_Home #navigationSub.enhanced {background-image: url(images/bg-nav-sub-tripple-top.gif)}*/
/*.area_home #navigationSubFooter, .area_Home #navigationSubFooter {background: transparent url(images/bg-nav-sub-tripple-bottom.gif) left bottom repeat-x; margin: -20px 0 0 272px; width: 720px; height: 20px; position: relative}*/

.area_home #navigationSub.enhanced, .area_Home #navigationSub.enhanced {background: transparent url(images/bg-nav-sub-tripple-split.gif) left -20px;}
.area_home #navigationSubFooter,    .area_Home #navigationSubFooter    {background: transparent url(images/bg-nav-sub-tripple-split.gif) left top repeat-x; margin: -20px 0 0 272px; width: 720px; height: 20px; position: relative}

.area_home #navigationSub li, .area_Home #navigationSub li {display: inline; float: left; padding: 0 20px; width: 200px;}
.area_home #navigationSub ul, .area_Home #navigationSub ul {color: #003366; list-style: none; list-style-image: none; list-style-type: none;margin: 0}
.area_home #navigationSub ul li, .area_Home #navigationSub ul li {padding: 0}
.area_home #navigationSub h2 a, .area_Home #navigationSub h2 a {color: #fecb56; font-size: 18px; line-height: 1.111em;}
.area_home #navigationSub p.slogan, .area_Home #navigationSub p.slogan {color:#5a82a6; font-size: 14px; line-height: 1.43em; margin-bottom: 10px; margin-top: -10px;}
.area_products #navigationSub, .area_Produkte #navigationSub, .area_service #navigationSub, .area_Service #navigationSub, .area_company #navigationSub, .area_Unternehmen #navigationSub {background-color:#fff; min-height: 80px; list-style: none; list-style-image: none; list-style-type: none;margin: 0 0 0 272px; overflow: hidden; padding: 20px 0; width: 720px;}
html>body.area_products #navigationSub, html>body.area_Produkte #navigationSub, html>body.area_service #navigationSub, html>body.area_Service #navigationSub, html>body.area_company #navigationSub, html>body.area_Unternehmen #navigationSub {height: auto;}
/*.area_products #navigationSub.enhanced, .area_Produkte #navigationSub.enhanced {background-image: url(images/bg-nav-sub-single-top.gif)}*/
/*.area_products #navigationSubFooter, .area_Produkte #navigationSubFooter, .area_service #navigationSubFooter, .area_Service #navigationSubFooter, .area_company #navigationSubFooter, .area_Unternehmen #navigationSubFooter {background: transparent url(images/bg-nav-sub-single-bottom.gif) left bottom no-repeat; margin: -20px 0 0 272px; width: 720px; height: 20px; position: relative}*/

.area_products #navigationSub.enhanced, .area_Produkte #navigationSub.enhanced, .area_service #navigationSub.enhanced, .area_Service #navigationSub.enhanced, .area_company #navigationSub.enhanced, .area_Unternehmen #navigationSub.enhanced{background: transparent url(images/bg-nav-sub-single-split.gif) left -20px;}
.area_products #navigationSubFooter,    .area_Produkte #navigationSubFooter,    .area_service #navigationSubFooter,    .area_Service #navigationSubFooter,    .area_company #navigationSubFooter,    .area_Unternehmen #navigationSubFooter   {background: transparent url(images/bg-nav-sub-single-split.gif) left top no-repeat; margin: -20px 0 0 272px; width: 720px; height: 20px; position: relative}

.area_products #navigationSub li, .area_Produkte #navigationSub li, .area_service #navigationSub li, .area_Service #navigationSub li, .area_company #navigationSub li, .area_Unternehmen #navigationSub li {display: inline; float: left; width:230px}
.area_products #navigationSub ul, .area_Produkte #navigationSub ul, .area_service #navigationSub ul, .area_Service #navigationSub ul, .area_company #navigationSub ul, .area_Unternehmen #navigationSub ul {list-style: none; list-style-image: none; list-style-type: none;margin: 0 16px;}
.area_products #navigationSub li li, .area_Produkte #navigationSub li li, .area_service #navigationSub li li, .area_Service #navigationSub li li, .area_company #navigationSub li li, .area_Unternehmen #navigationSub li li {float: none}
.area_products #navigationSub li a, .area_Produkte #navigationSub li a, .area_service #navigationSub li a, .area_Service #navigationSub li a, .area_company #navigationSub li a, .area_Unternehmen #navigationSub li a {background: transparent url(images/bg-nav-sub-li.gif) left top no-repeat; color: #003366;display: block; font-size: 11px; font-weight: bold; line-height: 1.818em; margin: 0; padding-left: 16px; text-decoration: none; width: 192px;}
.area_products #navigationSub li a:hover, .area_Produkte #navigationSub li a:hover, .area_service #navigationSub li a:hover, .area_Service #navigationSub li a:hover, .area_company #navigationSub li a:hover, .area_Unternehmen #navigationSub li a:hover {background-position:-208px 0; color: #fff; text-decoration: underline}
.area_products #navigationSub li a.active, .area_products #navigationSub li a.active:hover, .area_Produkte #navigationSub li a.active, .area_Produkte #navigationSub li a.active:hover, 
.area_service #navigationSub li a.active, .area_service #navigationSub li a.active:hover, .area_Service #navigationSub li a.active, .area_Service #navigationSub li a.active:hover, 
.area_company #navigationSub li a.active, .area_company #navigationSub li a.active:hover, .area_Unternehmen #navigationSub li a.active, .area_Unternehmen #navigationSub li a.active:hover {background-position:-416px 0; color: #fff; cursor: default; text-decoration: none}
.area_products #navigationSub em, .area_Produkte #navigationSub em {color: #5a82a6; margin-left: 20px; font-style: normal}
#columnAddition ul, ul#navigationSecondar {list-style: none; list-style-image: none; list-style-type: none;margin-left: 0; margin-right: 0;}
#columnAddition li, #navigationSecondar li {border-bottom: 1px solid #ccc}
#columnAddition li span, #navigationSecondar li span {display: block; margin-left: 20px;}
#columnAddition li a, ul#navigationSecondar li a {display: block; font-size: 12px; height: 1%; line-height: 1.58em; white-space: normal;}
ul#navigationSecondar a.active {cursor: default}
ul.spotlight {background: #fff url(images/bg-list-spotlight-small.gif) left top no-repeat; color: #5a82a6; display: inline; font-size: 14px; line-height: 1.43em; list-style-position:outside; list-style-image: url(images/list-image-spotlight.gif); margin-top: -10px; margin-bottom: 0px; padding: 30px 20px 0px 50px; height: 240px; width: 170px;}
ul.spotlight.right {margin-left: 16px; margin-right: 0px;}
ul.spotlight.left {margin-left: -8px; margin-right: 16px;}
ul.spotlight.medium {background-image: url(images/bg-list-spotlight-medium.gif); height: 380px;}
ul.spotlight.big {background-image: url(images/bg-list-spotlight-medium.gif); height: 500px;}
ul.spotlight li {margin-bottom: 20px;}
address em {color: #5a82a6; font-size: 12px; font-style: normal; line-height: 1.667em; margin-bottom: 1.667em}
button.loading {background-image: url(images/processing.gif);}
input.numeric, select.numeric {text-align: right}
label.error em {color: #ff9900}
p.advice {color: #ff9900}
p.info {color: #74a8d8}
p img.left {margin-right: 16px;}
p img.right {margin-left: 16px;}
img.loader {background: 	transparent url(images/processing-big.gif) center center no-repeat}
fieldset.seperator {border-bottom: 1px solid #ccc; margin-bottom: 19px;}
.block {display: block;} 
.inline {display: inline;}
.right {float: right;}
.left {float: left;} 
.clear {clear: both;}
.clear-follow {overflow: hidden; height: 1%;}
.hide {left: -9999px; position: absolute;}
.none {display: none}
.even {background-color: #efefef}
.odd {background-color: #fff}
.edit {width: 16px; height: 16px; background: transparent url(images/sprites-admin.png) no-repeat left -32px;   margin-right: 8px; text-indent: -999px;}
.new { width: 16px; height: 16px; background: transparent url(images/sprites-admin.png) no-repeat left top; margin-right: 8px; text-indent: -999px;}
#screen_index #wrapHeader {background: #003366 url(images/bg_1.gif) left top}
#screen_index #wrapContent {padding: 20px 0 20px 160px; width: 832px;}
#screen_index #wrapFooter {display: none}
#screen_home #columnCopy, #screen_Home #columnCopy {width: 464px;}
#screen_home #columnAddition, #screen_Home #columnAddition {width: 344px;}
#screen_home #columnAddition h3, #screen_Home #columnAddition h3 {margin-bottom: 0}
#screen_contact #map, #screen_Kontakt #map {background-color: #fff; border: 1px solid #ccc; display: block; height: 358px; margin-bottom: 20px;}
p.slogan {font-size: 14px; line-height: 1.43em; margin-bottom: 1.43em; margin-top: -1.43em; color: #74a8d8; font-style: italic}
p.notice {color: #5a82a6}
hr.seperator {background-color: #ccc; border: none; clear: both; color: #ccc; display: block; height: 1px; margin-bottom: 19px;}
blockquote.generated {background: transparent url(images/bg-blockquote-spotlight-bottom.gif) left bottom no-repeat; padding: 0; width: 240px; min-height: 120px;}
blockquote.generated p {font-size: 14px; color: #5a82a6; line-height: 1.43em; background: transparent url(images/bg-blockquote-spotlight-top.gif) left top no-repeat; margin: 0; padding: 20px;}
blockquote.generated.right {margin-left: 1em; margin-right: 0px;}
blockquote.generated.left {margin-left: -8px; margin-right: 1em;}

table.parameter {margin-left: -120px;font-size: 10px; line-height: 2em; width: 704px;}
.parameter th, .parameter td {border: 1px solid #fff; border-left: none; border-top: none; font-weight: normal; text-align: center; width: auto}
.parameter th {background-color: #5b81a6; color: #fff; text-align: center}
.parameter td {color: #036; padding: 0 8px;}
.parameter th.first {text-align: left; padding-left: 8px; width: 104px;}
.parameter td.first {color: #036; font-weight: bold; text-align: left}
.parameter tfoot th {background-color: #5b81a6; padding-left: 8px; text-align: left}
.parameter .odd {background: #fff url(images/bg-row-odd.png) repeat-x}
.parameter .even {background: #fff url(images/bg-row-even.png) repeat-x}
.parameter .hilite {background: #fff url(images/bg-row-hilite.png) repeat-x}
.parameter .selected {background: #fff url(images/bg-row-selected.png) repeat-x}
input.fieldSubmiter {background: none; border: none; height: auto; vertical-align: middle;}
input.fieldLiteratur1, input.fieldLiteratur2, input.fieldLiteratur3 {}
input#orderLiteratur1, input#orderLiteratur2, input#orderLiteratur3 {background: none; border: none; height: auto; margin-bottom: 0px;}
input.fieldName, input.fieldEmail {width: 238px;}
textarea.fieldMessage {width: 358px;}
input.fieldName, input.fieldEmail, input.fieldAddress1, input.fieldAddress2, input.fieldZip, input.fieldLocality, input.fieldCountry {width: 238px;}

textarea.fieldTechnic, textarea.fieldSecurity, textarea.fieldLiteratur1b, textarea.fieldLiteratur2b, textarea.fieldLiteratur3b, textarea.fieldMessage {width: 458px;}
textarea.fieldAdress {width: 238px;}
select.fieldCategory, select.fieldProduct {width: 458px;}
select.fieldGroup, select.fieldContinent {width: 458px;}
.containerResizer {border: 1px solid #999;border-top: none;height: 1%;margin: -10px 0 10px; overflow: hidden;width: 320px;}
.containerResizer .resizer {background: transparent url(images/resizer.gif) right bottom no-repeat;float: right;font-size: 0px;height: 15px;width: 14px;}
.containerResizer .resizer.both {cursor: se-resize}
.containerResizer .resizer.horizontal {cursor: e-resize}
.containerResizer .resizer.vertical {cursor: s-resize}

#shutter {background-color: #fff;filter: alpha(opacity=40);height: 3000px;left: 0;opacity: 0.4;position: absolute;top: 0;width: 100%}
html>body div#shutter {position: fixed;height: 100%;}
#gadget {padding-top: 20px; padding-bottom: 20px; text-align: center;background-color: #fffdd9;border: 1px solid #ff9900; font-weight: bold;left: 210px;position: absolute;top: 20%;width: 480px; z-index: 1000;}
html>body div#gadget {position: fixed;}
#framer {padding-left: 40px; padding-right: 20px;}
#gadget.processing {border: none; background: 	transparent url(images/processing-big.gif) center center no-repeat}
#gadget.notice {background: #e4eef7 url(images/icon-tick.png) 10px center no-repeat; border-color: #74a8d9;color: #74a8d9;filter: alpha(opacity=80);opacity: 0.8;}
#gadget.advice {background: #fffdd9 url(images/icon-exclamation.png) 10px center no-repeat;border: 1px solid #ff9900;color: #ff9900;filter: alpha(opacity=80);opacity: 0.8;}
#wrapFooter address {display: inline; font-weight: normal}
#wrapFooter address a {color: #fff}
html, body {height: 100%}
#wrapHeaderContent {min-height: 100%; position: relative}
#wrapFooter {}
html>body #wrapFooter {position: relative; margin-top: -1.7em; min-height: 1%}


@media print { 
a, a:link, a:visited, a:active{color: #000; text-decoration: none}
*{background-image: none !important;}
abbr, acronym {border-bottom: none;}
#navigationFineprint, #navigationMain, #navigationSub, #columnAddition {display: none;}
#columnCopy {padding-left: 0; width: auto;}
#top {min-height: 120px;}
.parameter th, .parameter td {border-color: #000;}
}