/* 
reset-min.css
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.tr { text-align: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.fr { float:right; }
.fl { float:left; }
.noMa { margin:0; }
.noMaBo { margin-bottom:0; }
.noMaTop { margin-top:0; }
.inline { display:inline; }
.iefix { position:relative; }
.tar { text-align:right; }


/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

html, body { background-color:#EBE5D7; font: 12px "Lucida Grande", Lucida, Verdana, sans-serif; color:#333333; }
.centerWrap { margin: 0 auto; width: 980px; position:relative; }
#head { background:#351B60 url(/images/bg_1b.png) left top repeat-x; height: 60px; }
#navi { background-color:#ffffff; border-bottom: 1px solid #aaaaaa; margin-bottom: 20px; }
#foot { background-color:#ffffff; border-top: 1px solid #aaaaaa; margin-top: 20px; padding:10px 0; text-align:center; font-size: 12px;}

a { outline: none; text-decoration: none; color:#333333; }
a:hover { text-decoration:underline; }

a.buttonLink1 { font-size:12px; display:block; float:left; padding: 5px 10px; background: #351B60 url(/images/bg_1b.png) left top repeat-x; color:#ffffff; font-weight:bold; }

h1 { color: #351B60; font-weight:bold; font-size: 22px; }
h2 { color: #351B60; font-weight:bold; font-size: 14px; }
h3 { color: #222222; font-weight:bold; font-size: 12px; }

h2.boxHeader { padding: 10px 0 0 10px; background: transparent url(/images/bg_3a.png) left top repeat-x; }

p { font-size: 12px; line-height: 150%; margin-top:10px; }
p.block { text-align: justify; }

strong { font-weight:bold; }

#logo { position:absolute; left:0; top:9px; }

.cntBox1 { background:#ffffff url(/images/bg_2a.png) 610px 0px repeat-y; border: 1px solid #dddddd; padding:20px 0px 20px 20px; }
.col1 { width: 580px; float:left; }
.col2 { width: 358px; float:right; }

ul#navi1 { float:left; width:400px; margin: 10px 0 10px 76px; }
ul#navi1 li { margin-right: 15px; display: inline; font-size:14px; }
ul#navi1 li a { color: #333333; }
ul#navi1 li a.on { text-decoration:underline; font-weight:bold; }

ul#navi2 { float:right; margin: 10px 0 10px 0; }
ul#navi2 li { padding-left: 10px; display: inline; }
ul#navi2 li a { font-size:12px; color: #333333; }
ul#navi2 li a.on { text-decoration:underline; font-weight:bold; }

#subnavi { margin-top: -20px; position:relative;}
#subnavi div { border-bottom: 1px solid #dddddd;}
#subnavi div.first { border-top: 1px solid #dddddd; }
#subnavi div a { display:block; padding: 6px 10px; font-size: 14px; color: #351B60; font-weight:bold; line-height:24px; }
#subnavi div a span { font-size: 22px; }
#subnavi div a.on { color:#ffffff; background-color: #351B60; }

.startBox { }
.startBox h1 { margin-bottom: 10px; }
.startBox p { text-align: justify; }
.startBox img { float:left; margin: 0 10px 0px 0; }

.featuresBox { margin-top:30px; }
.featuresBox .feature { width: 260px; float:left; margin-top:20px; }
.featuresBox .uneven { margin-left: 40px; }
.featuresBox .feature h2 { font-weight:bold; font-size: 12px; padding:0; }
.featuresBox .feature h2 a { color:#222222; }
.featuresBox .feature img { float:left; margin: 0 10px 70px 0; }
.featuresBox .feature p { margin-top:5px; text-align:justify; font-size: 10px;}

.featuresBox2 {  }
.featuresBox2 .feature { margin-top:30px; }
.featuresBox2 .feature .headline h2 { float:left; font-weight:bold; padding:0; line-height: 32px; color: #351B60; }
.featuresBox2 .feature .headline img { float:left; margin: 0 10px 0 0; }
.featuresBox2 .feature p { margin-top:10px; text-align:justify;}
.featuresBox2 .feature .imgBox1 { margin-top:10px; }
.featuresBox2 .feature ul { margin-left:20px; }
.featuresBox2 .feature ul li img { float:left; margin: 0 10px 10px 0; }

.featuresBox3 { margin-top:30px; }
.featuresBox3 h2.headline { font-size: 14px; }
.featuresBox3 h2 { font-weight:bold; font-size: 12px; padding:0; }
.featuresBox3 h2 a { color:#222222; }
.featuresBox3 p { margin-top:10px; text-align:justify;}
.featuresBox3 ul li { margin-bottom: 20px; }
.featuresBox3 ul li img { float:left; margin: 4px 10px 10px 0; }

.feature.icon1 { padding-right:80px; background: transparent url(/images/icon_maennchen.png) right top no-repeat; }
.feature.icon2 { padding-right:80px; background: transparent url(/images/icon_brief.png) right top no-repeat; }
.feature.icon3 { padding-right:80px; background: transparent url(/images/icon_entwuerfe.png) right top no-repeat; }
.feature.icon4 { padding-right:80px; background: transparent url(/images/icon_text.png) right top no-repeat; }
.feature.icon5 { padding-right:80px; background: transparent url(/images/icon_schraube.png) right top no-repeat; }
.feature.icon6 { padding-right:80px; background: transparent url(/images/icon_globus.png) right top no-repeat; }

.bottomLink { margin-top:30px; }

.imgBox1 { border:1px solid #dddddd; padding: 10px; background-color: #f1f1f1; }
.imgBox1 img { float:left; padding:5px; background-color:#ffffff; border:1px solid #dddddd; }
.imgBox1 .middle { margin: 0 10px; }
.imgBox1 .last { margin-left: 10px; }

.productsBox { margin-top:30px; }
.productsBox .product { border:1px solid #dddddd; background:transparent url(/images/bg_4a.png) left top repeat-y; margin-bottom: 20px; }
.productsBox .product .inside { margin:10px; }
.productsBox .product img { float:left; margin: 0 10px 0px 0; }
/*.productsBox .product { width: 280px; float:left; border:1px solid #dddddd; }*/
/*.productsBox .uneven { margin-left: 16px; }*/
.productsBox .product .imgBox1 { margin-top:10px; }
.productsBox .product .imgBox1 img { margin:0; }
.productsBox .product .imgBox1 .middle { margin: 0 70px; }
.productsBox span.link { font-weight:normal; font-size:12px; }

.contactBox { margin:0 20px; border:1px solid #dddddd; padding: 10px; background-color: #f1f1f1; }
.contactBox p {margin-bottom: 20px; margin-top:5px;}
.contactBox .buttonLink1 { margin-bottom:-25px; margin-left: 60px; }

.col2Box { margin:0 20px; padding: 10px; background-color: #ffffff; }
.col2Box h2 { position:relative; }

.refVertical img { float:left; padding:5px; background-color:#ffffff; border:1px solid #dddddd; margin-right:10px; }
.refVertical div.row { margin-top: 20px; }
.refVertical div.row p { margin-top: 0px; }

ul { margin: 20px 0; }
ul li { font-size:12px; }

table.pricing { width:100%; background:transparent url(/images/bg_4a.png) left top repeat-y;}
.pricing .label { width: 40%; }
.pricing .check { width: 10%;}
.pricing .help { width: 50%; }
.pricing th, .pricing td { border: 1px solid #dddddd; padding: 5px; }
.pricing thead th { text-align: center; font-weight:bold; padding: 10px; font-size: 14px;}
.pricing { font-size: 12px; }
.pricing tbody .label { vertical-align: top; color: #351B60; }
.pricing tbody .check { text-align:center; }
.pricing tbody .help { font-size: 10px; vertical-align: top; }
.pricing tfoot .label { color: #351B60; }
.pricing tfoot .price { text-align: center; font-weight:bold; padding: 10px; }


fieldset { margin-top: 20px; border:1px solid #dddddd; padding:10px;}
fieldset legend { background-color:#ffffff; padding:2px;}

form fieldset { background:transparent url(/images/bg_4a.png) left top repeat-y; }
form table { width: 100%;}
form table th, form table td { padding: 10px; border-bottom: 2px solid #f1f1f1; vertical-align:top; }
form table th.submit, form table td.submit { border-bottom:none; }
form input[type=text], form textarea { width: 250px; }
form textarea { height: 100px; }
form input[type=submit] { padding:5px; background-color:#351B60; color:#ffffff; font-weight:bold; }

.msgSuccess { margin: 10px 0; font-size: 14px; padding: 10px 10px 10px 50px; border: 1px solid #351B60; background: #ffffff url(/images/icon_ok_1a.png) 10px 10px no-repeat; }
.msgError { margin: 10px 0; font-size: 14px; padding: 10px 10px 10px 50px; border: 1px solid #351B60; background: #ffffff url(/images/icon_fail_1a.png) 10px 10px no-repeat; }