body {
  margin:0;
  padding:0;
  text-align:center;
  background:#eee;
  font-family:Verdana;
  font-size:12px;
  color:#5f5a5a;
}
#wrapper {
  position:relative;
  margin:0 auto;
  padding:0;
  width:990px;
  height:auto;
  overflow:auto;
  background:#fff url(/images/bg_wrapper.gif) repeat-y;
}
#header {
  position:absolute;
  top:0;
  left:10px;
  z-index:5;
  margin:0;
  padding:0;
  width:970px;
  height:114px;
  background:transparent url(/images/bg_header.png);
}
#header h1 {
  position:absolute;
  top:18px;
  left:39px;
  margin:0;
  padding:0;
  width:177px;
  height:58px;
  background:url(/images/h1_logo.gif);
}
#header h1 a {
  width:177px;
  height:58px;
  display:block;
}
#header span {
  display:none;
}
#header p {
  position:absolute;
  top:6px;
  left:782px;
  margin:0;
  padding:0;
  width:140px;
  height:83px;
  display:block;
  background:url(/images/chocolade_creativ.gif);
}
#main {
  margin:0 auto;
  padding:0 0 0 0;
  width:970px;
  height:auto;
  overflow:auto;
}
#navi {
  margin:103px 0 22px 0;
  padding:0;
  width:256px;
  height:auto;
  float:left;
  text-align:left;
}
#navi ul {
  margin:22px 0 0 25px;
  padding:0;
}
#navi ul li.l1 {
  margin:8px 0 0 0;
  list-style-type:none;
  list-style-position:outside;  
}
#navi ul li.l2 {
  margin:8px 0 0 40px;
  font-size:11px;
  list-style-image:url(/images/li2_liststyle.gif);
  list-style-position:outside;
  width:185px;
}
#navi ul li.l3 {
  margin:8px 0 0 40px;
  font-size:10px;
  list-style-type:none;
  list-style-position:outside;
}

#navi ul a {
  color:#5f5a5a;
  text-decoration:none;
}
#navi ul a.active {
  font-weight:bold;
}
#content {
  margin:103px 0 0 0;
  padding:0;
  width:714px;
  height:auto;
  float:left;
  text-align:left;
  line-height:1.5em;
  overflow:auto;
}
#content img.big {
  margin:0 0 0 0;
  padding:0;
  display:block;
}
#content h2 {
  margin:25px 0 30px 20px;
  padding:0;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  line-height:1.5em;
}
#content p {
  margin:0 0 25px 20px;
  padding:0 20px 0 0;
  text-align:left;
}
#content p.float {
  margin:0 25px 25px 22px;
  padding:0;
  float:left;
  width:170px;
  display:inline;
  font-size:11px;
}
#content div.box {
  margin:0 0 25px 20px;
  padding:0 20px 0 0;
  text-align:left;
  overflow:auto;
  height:auto;
}
#content div.box p {
  position:relative;
  z-index:100;
  margin:0;
  padding:30px;
  background:transparent url(/images/bg_box.gif);
  float:left;
  width:355px;
  height:auto;
  
}
#content div.box p img {
  position:absolute;
  z-index:0;
  bottom:0;
  left:0;
}
#content div.box p.image {
  margin:0;
  padding:0;
  width:230px;
  text-align:center;
  background:none !important;
}
#content div.box p.image img {
  position:relative !important;
}
#content div.box div.bugfix {
  clear:both;
}
#content p#links {
  margin:0;
  padding:0;
  border-top:1px solid #5f5a5a;
  height:200px;
}
#content ul#links {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  border-top:1px solid #5f5a5a;
  height:24px;
}
#content ul#links li {
  margin:2px 0 0 22px;
  padding:0;
  float:left;
  font-size:11px;
}
#content ul#links li a {
  color:#5f5a5a;
  text-decoration:none;
}
#kasten {
  position:relative;
  margin:-12px auto 0 auto;
  padding:0;
  width:990px;
  height:207px;
  background:transparent url(/images/bg_kasten.png);  
}
#kasten_schatten {
  position:absolute;
  z-index:100;
  top:-12px;
  left:10px;
  width:970px;
  height:12px;
}
#kasten #box1 {
  position:absolute;
  top:34px;
  left:32px;
  width:212px;
  height:150px;
  text-align:left;
  color:#fff;
}
#kasten #box2 {
  position:absolute;
  top:34px;
  left:266px;
  width:335px;
  height:150px;
  text-align:left;
  color:#fff;
}
#kasten #box3 {
  position:absolute;
  top:34px;
  left:593px;
  width:335px;
  height:150px;
  text-align:left;
  color:#fff;
}
#kasten #box1 h3 {
  margin:22px 0 22px 22px;
  padding:0;
  font-size:15px;
  color:#fff;
  width:180px;
}
#kasten #box2 h3 {
  margin:22px 0 22px 135px;
  padding:0;
  font-size:15px;
  color:#fff;
  width:190px;   
}
#kasten #box3 h3 {
  margin:22px 0 22px 165px;
  padding:0;
  font-size:15px;
  color:#fff;
  width:170px;
}
#kasten #box1 p {
  margin:0 0 10px 22px;
  padding:0;
  color:#fff;
  width:180px;
}
#kasten #box2 p {
  margin:0 0 10px 135px;
  padding:0;
  color:#fff;
  width:190px;  
}
#kasten #box3 p {
  margin:0 0 10px 165px;
  padding:0;
  color:#fff;
  width:170px;
}
#kasten #box1 a,
#kasten #box2 a,
#kasten #box3 a {
  color:#fff;
}
#kasten #box2 img {
  position:absolute;
  bottom:0;
  left:12px;
}
#kasten #box3 img {
  position:absolute;
  bottom:0;
  left:40px;
}

.forminfo {
margin: 15px 0 0 15px;
line-height: 18px;
color: red;
width: 500px;
}

.formgen {
clear: both;
margin: 15px 0 0 15px;
width: 500px;
}

.formgen label {
width: 150px;
display: block;
float: left;
margin: 10px 0 0 0;
}

.formgen .formerror {
color: red!important;
}

.formgen .formtrenn{
clear: both;
height: 20px;
}

.formgen .checkspan{
clear: both;
height: 20px;
width: 500px;
}

.formgen .checkspan label {
width: 320px!important;
float: left;
}

.formgen .formsubmit {
margin: 10px 0 20px 80px;
}

.formgen input {
width: 340px;
float: left; 
margin: 10px 0 0 0;
}

.formgen select {
width: 340px;
float: left; 
margin: 10px 0 0 0;
text-align: left;
}

.formgen .formcheck {
text-align: left;
width: auto;
float: left;
}

.formgen textarea {
width: 340px;
float: left;
margin: 10px 0 0 0;
}

#form-module-thanks {
width: 500px;
float: left;
margin: 0 0 0 15px;
}
