/* Layout */
body { font-family: verdana; background:url(../layout/background-bullet.gif);}
#background { background:url(../layout/background-top.gif) repeat-x; min-height:800px }
a {text-decoration:none;}
#container {background:url(../layout/content-shadow.png) repeat-y; padding:0 6px; }
.radio_container {font-size:11px; padding:5px 0px 0px 0px; }
.sitemap { padding:0px 0px 0px 20px; }
.sitemap a { font-size:12px; color:#878786; }
.search { padding:10px 0px 0px 20px; }
.top-link {background:url(../images/top.png) no-repeat bottom left; margin-left:10px; }
.top-link a { font-size:10px; color:#878786; padding-left: 20px; }
h1 {}
h2 {font-size:12px; margin-bottom:15px; font-weight:bold; }
h3 {font-size:12px; margin-bottom:15px; font-weight:bold; }
h4 {font-size:11px; margin-bottom:15px; font-weight:bold; }


/* Header */
#header .inside{ z-index:999;}
#header img { display:block; }
.slogan {padding:0 6px; }
#header .mod_form { position:absolute; top:82px; right:20px; }
#header .mod_form .submit_container { float:left; }
#header .mod_form .submit { padding-right:5px; }
#header .mod_form input.text {background-color:#ffffff; border:1px solid #AFAFAF; height:1.1em; width:160px; padding:3px 3px 2px 4px; }

.slogan .flag-en { float:right; padding-top:40px; padding-left:5px; }
.slogan .flag-de { float:right; padding-top:40px; padding-left:5px; padding-right:14px; }
.slogan .code { float:right; padding-top:40px; }

#main-nav {background:url(../layout/main-nav-bg.png) no-repeat; width:942px; height:79px;}
#main-nav li { margin-top:6px; float:left; line-height:1;}
#main-nav a,
#main-nav span {display:block; padding:23px 10px 36px; text-decoration:none; font-size:14px; color:#ffffff; }
#main-nav span{cursor:default;}
#main-nav ul.level_1 li { text-transform: uppercase; background:url(../layout/main-nav-spacer.png) no-repeat top right; }
#main-nav ul.level_1 li.active,
#main-nav ul.level_1 li a:hover { background:url(../layout/main-nav-highlight-bg.png) top right; }
#main-nav ul.level_1 li.first { background:url(../images/xlayer-logo.png); width:173px; }
#main-nav ul.level_1 li.first a:hover { background:none; }

#main-nav ul.level_2 { left:-999em; position:absolute; background-color:#f7a600; display:block; }
#main-nav ul.level_2 li,
#main-nav ul.level_2 li.first { position:relative;float:none;padding:0 3px 1px 3px; background-image:none; }
#main-nav ul.level_2 a,
#main-nav ul.level_2 span {padding:2px; font-size:12px; color:#ffffff; }
#main-nav ul.level_2 li:hover,
#main-nav ul.level_2 li.active,
#main-nav ul.level_2 li.trail {background-image:none;}
#main-nav ul.level_2 li:hover a,
#main-nav ul.level_2 li.active a,
#main-nav ul.level_2 li.trail a,
#main-nav ul.level_2 li:hover span,
#main-nav ul.level_2 li.active span,
#main-nav ul.level_2 li.trail span{ background:none; color:#58585a;}

#main-nav li:hover ul.level_2 { left:auto; }

.formbody select { background-color:#F6F6F6; border:1px solid #AFAFAF; height:150; width:209px; padding:3px 3px 2px 4px; }
.formbody input.text, .formbody input.captcha { background-color:#F6F6F6; border:1px solid #AFAFAF; height:1.3em; width:200px; padding:3px 3px 2px 4px; }
.formbody table td {padding:5px; }
.formbody textarea { background-color:#F6F6F6; border:1px solid #AFAFAF; height:150; width:200px; padding:3px 3px 2px 4px; }
p.error {font-size:9px; color:#FF0000; }

/* Left Menu */
#menu-left li {margin-bottom:5px;}
#menu-left a, #menu-left span {display:block; padding:4px 0px 7px 40px; color:#000000; background:url(../layout/menu-left-bg-off.png) no-repeat; }
#menu-left a:hover, #menu-left span {background:url(../layout/menu-left-bg-on.png) no-repeat; }
#left .left-shadow {background:url(../images/left-pic-optical-disc.png); height:410px; }

/* Content */
.path-arrow {font-size:11px; color:#FFFFFF; background:url(../images/path-arrow-orange.png) top right no-repeat; float:left; padding:3px 20px 5px 10px; margin-bottom:10px; }
.path-gradient {font-size:11px; background:url(../images/path-gradient-grey.png) top right no-repeat; padding:3px 20px 5px 75px; margin-bottom:10px; }

#overview, #sub-navigation {float:left; width:600px; }
#overview a, #sub-navigation a {color:#575656; }

.box1 { width:125px; }
.box2 { width:166px; }
.box3 { width:189px; }
.box4 { width:119px; }
.box { float:left; }
.box ul { background:#CCCCCC; font-size:11px; margin-right:2px; list-style-image:url(../images/bullet-x.png); padding-left:19px; height:90px; }
.box li { padding:2px 0px 2px 0px; }
.box4 ul { margin-right:0px; }

.de .box2 { width:185px;}
.de .box3 { width:158px;}
.de .box4 { width:131px;}

.home-teaser { clear:left; padding:20px 10px 10px 20px; }
.right-home { float:right; width:165px; text-align:center; background:url(../images/right-pic-shadow.png) top left no-repeat; min-height:410px; }

.introduction { padding:10px 0px 10px 10px; width:600px; }

.home-box { width:600px; }
.home-box .home-left { float:left; font-size:10px; width:280px; height:200px; background:url(../images/home-frame.png) top right no-repeat; margin: 10px 10px 0px 15px; }
.home-box .home-left p { padding:10px 0px 0px 10px; }
.home-box .home-left a { font-size:10px; color:#878786; }
.home-box .home-right { font-size:10px; width:280px; height:200px; background:url(../images/home-frame.png) top left no-repeat; margin: 10px 0px 0px 0px;  }
.home-box .home-right p {padding:10px 0px 0px 10px; }
.home-box .home-right a { font-size:10px; color:#878786; }

.product-box { padding:0px 0px 0px 10px; width:606px; }
.product-box .left-col { float:left; width:445px; font-size:10px; background:url(../images/products_shadow.png) top right no-repeat; }
.product-box .right-col { font-size:12px; background:url(../images/products_shadow.png) top right no-repeat; }
.product-box .right-col a { font-size:9px; color:#878786; }
.product-box .left-col .image_container {padding:0px 10px 5px 0px; background:url(../images/products_box_blank.png) top left no-repeat; }
.surface-left {float:left; }
.right-box { float:right; width:145px; text-align:center; }

.separator { margin:0px 0px 20px 10px; }

.tech-info { padding:0px 20px 10px 10px; }
.tech-info a { color:#878786; }
.tech-info ul { margin-left:20px; list-style-image:url(../images/bullet-x.png); }
.tech-info .left-col-info { float:left; width:170px; }
.tech-info .right-col-info { padding-top:10px; }

.faq a { color:#878786; }
.faq ul { margin-left: 30px; list-style-image:url(../images/bullet-x.png);  }

.mod_faqlist h2{ padding-left:10px; }

.mod_faqreader h1{ font-size:12px; margin-bottom:15px; font-weight:bold; padding-left:10px; }
.mod_faqreader .ce_text p{ padding: 0px 20px 0px 10px; }

.back a{ color:#878786; }
.back {  padding-top:20px; padding-left:10px; }

.distri { font-size:10px; padding:0px 20px 10px 10px; }
.distri a { color:#878786; }

.structures { padding:0px 0px 0px 10px; width:600px; background:url(../images/products_shadow.png) top right no-repeat; }
.structures a { color:#878786; }

.form { padding:0px 0px 0px 10px; }

/* Footer */
#footer { font-size:9px; color:#575656; background:url(../layout/footer-bg.png) no-repeat left top; padding:20px; }
#footer p { float:left; }
#footer-navi { float:right; }
#footer-navi li { float:left; background:url(../layout/trenner.png) no-repeat right; padding:0 5px; }
#footer-navi li.last { background-image:none; }
#footer-navi a { color:#575656; }