html, body{
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12px;
}

#seite{
  position:absolute;
  left:50%;
  top:30px;
  width:980px;
  margin-left:-490px;
  background:url(../images/main.png) 301px 0px repeat-y;
  
}

#kopf{
  border-top:1px solid #FFFFFF;
  width:100%;
  height:300px;
  background:url(../images/kopf.png) left top no-repeat;  
}

#kopf h1{
  position:absolute;
  left:484px;
  top:60px;
  width:280px;
  font-size:13px;
  color:#8C779E;
}

#inhalt{
  position:relative;
  margin:-136px 0 0 299px;
  padding:10px 20px 50px;
  min-height:900px;
  width:485px;
}

* html #inhalt{
  height:900px; 
}

#contend{
  position:absolute;
  bottom:30px;
  left:2px;
}

#box_right{
  position:absolute;
  width:126px;
  right:0px;
  top:340px;
  background:#E6E4E5 url(../images/right_bottom.png) center bottom no-repeat;
  padding:0px 10px 0 10px;
}

* html #box_right{
  padding-right:0px;
}

#box_right h1{
  font-size:12px;
  font-weight:normal;
  color:#525156;
  margin:0 -10px 10px -10px;
  padding-left:12px;
  line-height:28px;
  background:url(../images/teaser_head.png) left top no-repeat;
}

* html #box_right h1{
  margin-right:-20px;
}

#box_right ul{
  margin:12px 0;
  padding:0 0 0 12px;
}

#box_right p, #box_right a, #box_right li{
  font-size:10px;
}

#box_right li{
  margin:4px 0;
}

#box_right .end{
  margin:0 0 -3px -11px;
}

#box_right .weiter{
  display:block;
  float:right;
  text-align:center;
  height:21px;
  line-height:21px;
  width:72px;
  color:#313131;
  background:url(../images/weiter.png) center center no-repeat;
}

#box_left{
  margin-top:17px;
  width:260px;
  padding:0 11px 0 11px;
  background:url(../images/box_left.png) left top repeat-y;
  border:1px solid #C5C5C5;
  border-width:0px;
}

* html #box_left{
  padding-right:0px; 
}

#box_left .end{
  margin:0 0 -3px -11px;
}

#box_left h1{
  margin:0 -11px 10px -11px;
  padding-left:11px;
  font-family:Verdana;
  font-size:11px;
  height:32px;
  line-height:32px;
  font-weight:bold;
  color:#525156;
  background:url(../images/teaserL_top.png);
}


#top_menu{
  margin:20px 0 0 0;
}

#top_menu a, #menu h1 a, #flinks h1, #flinks li{
  display:block;
  width:252px;
  float:left;
  clear:left;
  font-size:13px;
  line-height:20px;
  padding-left:30px;
  color:#777777;
  text-decoration:none;
  background:url(../images/bullet.png) 20px center no-repeat;
}

#flinks ul{
  margin:0;
  padding:0;
  list-style:none;
}

#flinks li{
  margin:0;
}

#flinks a{
  color:#777777;
  text-decoration:none;
  border-bottom:1px dashed #777777;
}

#flinks h1{
  padding-left:20px;
  background:none;
}

#top_menu a{
  margin-left:1px;
  width:109px;
}

* html #top_menu a{
  width:108px;
}

#menu h1 a:hover, #top_menu a:hover, #flinks a:hover{
  background:url(../images/bulletA.png) 20px center no-repeat;
  background-color:#D8D8D8;
}

#menu h1.sub_menu a, #menu h1.sub_menu a:hover, #flinks h1.sub_menu a, #flinks h1.sub_menu a:hover{
  margin-left:22px;
  font-size:12px;
  font-style:italic;
  width:230px;
}

* html #menu h1.sub_menu a:hover{
  width:208px;
}

#left{
  position:absolute;
  left:2px;
  top:305px;
  width:282px;
}

#menu, #flinks{
  background-color:#E6E4E4;
}

#menu .end, #flinks .end{
  margin:0 0 -3px 0;
}

#menu h1, #flinks h1{
  margin:0;
}

#flinks{
  margin-top:18px;
}

#ftop{
  margin:0 0 0 20px;
}

#fuss{
  position:absolute;
  bottom:-3px;
  left:0px;
  width:982px;
  height:41px;
  background:url(../images/fuss.png)
}

#fuss p{
  float:right;
  margin:0 20px;
  line-height:40px;
}

/* ##### TEXT ####### */
h1{
  font-size:20px;
  font-weight:normal;
  color:#2F6680;
}

h1.top{
  color:#EEB10B;
}

h2{
  font-size:12px;
  color:#2F6680;
  font-weight:bold;
  margin: 0 0 0 0;
}

p, li{
  color:#2F6680;
  margin: 0 0 12px 0;
}

p.zitat, p.autor{
  padding-left:35px; 
   
}

p.zitat{
  padding-right:30px;
  background:url(../images/quote.png) left top no-repeat; 
}

p.autor{
  color:#C8680A;
  margin-top:-20px;
  padding-top:40px;
  background:url(../images/quote.png) right top no-repeat;
}


#inhalt a, #fuss a{
  color:#2F6680;
  text-decoration:none;
  border-bottom:1px dashed #2F6680;
}

#inhalt a:hover, #fuss a:hover{
  border-bottom:1px dotted #2F6680;  
}

#inhalt ul{
  list-style-type:none;
  margin:0 0 12px 4px;
  padding:0;
}

#inhalt ul li{
  background:url(../images/ulli.png) left top no-repeat;
  margin:2px 0 0 0;
  padding:0 24px;
  line-height:18px;
}

* html #inhalt ul li{
  height:18px;
}

#inhalt ol li{
  background:none;
  padding-left:0;
  margin:0 0 0 0;
}


/* ######## Formulare ########## */
input, textarea, select{
  width:200px;
  border:1px solid #C5C5C5;
  background-color:#E6E4E5;
  font-size:12px;
  padding:2px 2px 0 2px;
}

select{
  width:205px;
}

input{
  height:16px;
  line-height:16px;
}

textarea{
  height:100px;
}

#senden{
  width:auto;
  padding:0 4px;
  height:20px;
  line-height:18px;
  margin:10px 0 0 100px;
}

.mailcopy{
  width:16px;
  height:16px;
  margin:0 4px 0 100px;
}

span.bezeichner{
  vertical-align:top;
}

form div{
  margin:0 0 6px 0;
  clear:both;
}

label{
  display:block;
  float:left;
  width:100px;
  height:20px;
  line-height:20px;
}

div.rechnung{
  margin-left:100px;
}

div.rechnung input{
  width:20px;
}