/* ALLGEMEIN */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,img,p,blockquote,table,th,tr,td{margin:0;padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}

A {font-weight: normal;text-decoration: none; color:#ff5400; line-height:14px;}
A:hover {text-decoration:underline;}
H1 {margin-bottom: 10px; font-size:12px; font-weight:bold; margin-bottom:6px; margin-top:10px;}
H2 {margin-bottom:10px; font-size:15px; font-weight:bold; margin-left:100px;}
H3 {font-size:12px; font-weight:bold; margin-bottom:3px; margin-top:5px;}
H4 {font-size:12px; font-weight:bold;}
HR {height: 1px;margin-top: 10px;margin-bottom: 10px;}
OL, ul {margin-left: 0px;list-style:none;}
P {margin-bottom:30px; margin-left:150px; margin-right:20px;}

INPUT, SELECT, TEXTAREA {margin:5px; color:#5e5e5e; border: 1px #fff solid; line-height:10pt; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size:9px; text-decoration: none;}
INPUT, SELECT {padding: 2px;}


BODY {background-image:url(images/bg.gif); font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size:12px; line-height:18px; color:#3b3b3b; background-color:#a3a3a3;}
TD {font-family: Arial, Verdana, Helvetica, Geneva, sans-serif; font-size:12px; line-height:18px; color:#3b3b3b;}
.container {margin-left:auto; margin-right:auto; background-color:#fff; margin-top:20px; margin-bottom:20px; width:970px; height:auto; border:5px solid #fff;}
.header {background-image:url(images/header_bg.gif); height:152px;}
.navigation {height:22px; background-color:#343434; color:#ffffff; padding-left:27px; padding-top:8px; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-size:11px; margin-bottom:50px;}
 .navigation A {color:#fff; margin-right:30px;}
 .navigation A hover {text-decoration:underline;}
.selected {text-decoration:underline;}
.content_left {min-height:674px; width:702px; border-right:1px solid #dadada; float:left;}
.content_left LI {background: url(images/arrow_content.gif) no-repeat; background-position:0px 6px; margin-left:150px; padding-left:16px; border-bottom:1px dotted #dadada; padding-bottom:3px; padding-top:3px; margin-right:20px;}
.content_left LI A {font-size:larger;}
.content_right {width:236px; padding-left:18px; padding-right:13px; float:left;}

/* INDEX */
.con_list {margin-bottom:30px;}
.download {border:1px dotted #dadada; margin-bottom:10px; margin-left:150px; margin-right:20px; padding:10px; background-color:#f3f3f3;}

/* PRODUKTE UND LÖSUNGEN */
.pax {margin-left:150px; width:532px; border-bottom:2px solid #ffffff;}
.prod_left {margin-left:150px; width:244px; padding:10px; margin-right:2px; background-color:#f3f3f3; float:left;}
.prod_right {width:246px; padding:10px;background-color:#f3f3f3;float:left;}
.prod_info1 {margin-bottom:10px; border-bottom:1px dotted #3b3b3b; padding-bottom:10px; height:160px;}
.prod_info2 {margin-bottom:10px; padding-bottom:10px;}
.preis {background-color:#fff; text-align:center; padding:10px; margin-bottom:10px;}
.preis STRONG {font-size:larger;}
.button {text-align:center;}
.prod_left SPAN {font-size:smaller; line-height:12px;}
.prod_right SPAN {font-size:smaller; line-height:12px;}

/* PRODUKTE UND LÖSUNGEN 2 */
.head {margin-left:150px; padding-left:10px; background-color:#d2d9e3; border-bottom:2px solid #b0bebe; font-weight:bold; margin-right:20px; margin-bottom:5px;}
 .head .feature {width:300px; margin-right:30px; float:left;}
 .head .eshop {width:86px; margin-right:10px; float:left; text-align:center;}
 .head .eshopxxl {width:96px; float:left; text-align:center;}

.gerade {margin-left:150px; padding-left:10px; margin-right:20px; margin-bottom:5px;}
 .gerade .feature {width:300px; margin-right:30px; float:left; padding-top:5px; padding-bottom:5px;}
 .gerade .eshop {width:86px; margin-right:10px; float:left; text-align:center; padding-top:5px; padding-bottom:5px;}
 .gerade .eshopxxl {width:96px; float:left; text-align:center; padding-top:5px; padding-bottom:5px;}
 
.ungerade {margin-left:150px; background-color:#f3f3f3; padding-left:10px; margin-right:20px; margin-bottom:5px;}
 .ungerade .feature {width:300px; margin-right:30px; float:left; padding-top:5px; padding-bottom:5px;}
 .ungerade .eshop {width:86px; margin-right:10px; float:left; text-align:center; padding-top:5px; padding-bottom:5px;}
 .ungerade .eshopxxl {width:96px; float:left; text-align:center; padding-top:5px; padding-bottom:5px;}

/* REFERENZEN */
.referenz {border:1px dotted #dadada; margin-bottom:10px; margin-left:150px; width:512px; margin-right:20px; padding:10px; background-color:#f3f3f3; float:left;}
.screenshot {margin-right:20px; float:left;}
.info {display:block;}

/* BOXEN RECHTS */
.box1 {background-color:#ff5400; padding:10px; color:#fff; margin-bottom:10px;}
.box1 A {margin-left:10px;}
.box1 H3 {text-transform:uppercase; color:#fff; margin-bottom:5px;}
.box1 LI {margin-left:10px; border-bottom:1px dotted #fff; padding-bottom:3px; padding-top:3px;}
.box2 {background-color:#9ea501; padding:10px; margin-bottom:10px;}
.box2 H3 {color:#fff; text-transform:uppercase; margin-bottom:5px;}
.box2 LI {color:#fff; background: url(images/arrow_white.gif) no-repeat 2px; margin-left:10px; padding-left:10px; border-bottom:1px dotted #fff; padding-bottom:3px; padding-top:3px;}
.box2 A {color:#fff;}
.box3 {background-color:#026cd0; padding:10px; color:#fff;}
.box3 H3 {text-transform:uppercase; color:#fff; margin-bottom:5px;}
.box3_b {margin-top:3px; background: url(images/advertise.gif) no-repeat; border:3px solid #026cd0; color:#3b3b3b; background-color:#fff; padding-bottom:10px; padding-left:80px; padding-top:10px;}
.spacer {border-top:1px solid #dadada; margin-top:9px; margin-bottom:9px;}

/* FOOTER */
.footer {text-align:center; border-top:1px dotted #dadada; font-size:smaller; color:#a3a3a3; margin-top:30px; padding-top:10px;}
 .footer A {color:#a3a3a3;}


.pulldown {display:block; clear:both; height:0px; margin:0; padding:0;}

.form {margin-left:40px; float:left;}
.form_ {float:left; padding-left:40px; padding-right:10px; border-right:1px dotted #3b3b3b; margin-right:10px;}