body{background-color:#F6F6F6;}

#header{
  background-image:url(/img/header.gif);
  background-repeat: repeat-x;
  border: 2px solid #7F567E;
  text-align:center;
}

#navigation{
  width:190px;
  padding:5px;
  font-family:Arial;
  font-size:11px;
  height:550px;
  color:#4D289E;
}

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

#navigation li{
  display:block;
  padding:4px;
  margin:2px 0px 0px 0px;
  border:1px solid #4D289E;
  text-transform:uppercase;
  width:180px;
}

a.navi{
  font-family:Verdana;
  font-size:9px;
  color:#4D289E;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:bold;
}
a:hover.navi{
  color:#A2034D;
  text-decoration:none;
  text-transform:uppercase;
}
#title{
  font-family:Arial;
  font-size:16px;
  color:#3A3A52;
  font-weight:bold;
  margin:0;
  padding:0;
}
#text{
  margin:10px;
  font-family:Arial;
  font-size:12px;
  color:#000000;
}
#text a{
  font-family:Arial;
  font-size:12px;
  color:#522DA1;
  text-decoration:none;
}
#text a:hover{
  color: #A2034D;
  text-decoration:underline;
}
.text{
  margin:10px;
  font-family:Arial;
  font-size:12px;
  color:#000000;
}
#intern{
  width:720px;
  margin:10px;
  padding:5px;
  color:#7F567E;
  font-family:arial;
  font-size:10px;
  border:1px dashed #7F567E;
}
#intern a{
  color:#7F567E;
  font-family:arial;
  font-size:10px;
  text-decoration:none;
}
#intern a:hover{
  color:#F06994;
  text-decoration:underline;
}
#referenzen{
  width:720px;
  margin:10px;
  padding:5px;
  color:#7F567E;
  font-family:arial;
  font-size:10px;
  border:1px dashed #7F567E;
}
#referenzen a{
  color:#7F567E;
  font-family:arial;
  font-size:10px;
  text-decoration:none;
}
#referenzen a:hover{
  color:#F06994;
  text-decoration:underline;
}
#border{
  border:2px solid #7F567E;
}
#border-bottom-right{border-bottom:2px solid #7F567E;border-right:2px solid #7F567E;}
#border-right-left{border-right:2px solid #7F567E; border-left:2px solid #7F567E; border-bottom:2px solid #7F567E;}
#logo{
  position:absolute;
  bottom:0px;
  left:0px;
}

.active{
  font:11px Arial;
  text-transform:uppercase;
  color:#A2034D;
  font-weight:bold;
}
a.active{
  font-family:Arial;
  font-size:11px;
  color:#A2034D;
  text-decoration:none;
  text-transform:uppercase;
}
a:hover.active {
  font-family:Arial;
  font-size:11px;
  color:#A2034D;
  text-decoration:none;
  text-transform:uppercase;
}
.rubrik{
  background-image:url(/img/rubrik.gif);
  background-repeat: repeat-x;  
  font:11px Arial;
  text-transform:uppercase;
  color:#F1F1F4;
  font-weight:bold;
}


#text ul{
  list-style:disk;
  margin:2px;
  padding: 3px 3px 3px 30px;
}

.form{ 
  margin:0px; 
  padding:2px;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  color:#3A3A52;
}
.formklein{
  width:55px;
  font-family:Arial;
  font-size:10px;
  border:1px solid #B1B1B1;
  height:18px;
}
.formmittel{
  width:110px;
  font-family:Arial;
  font-size:10px;
  border:1px solid #B1B1B1;
  height:18px;
}
.formgross{
  width:225px;
  font-family:Arial;
  font-size:10px;
  border:1px solid #B1B1B1;
  height:18px;
}
#bemerkung{
  width:225px;
  font-family:Arial;
  font-size:10px;
  border:1px solid #B1B1B1;
  height:55px;
}
#submit{
  width:110px;
  height:20px;
  background:#7F567E;
  border:2px solid #B1B1B1;
  font-family:Arial;
  font-size:11px;
  color:#ffffff;
}

#confirm{
  position:absolute;
  top:-500px;
  left:0;
  z-index:100;
  width:300px;
  height:200px;
}
#button{
 width:80px;
 height:20px;
 border:1px solod #cccccc;
 background-color:#BBBFBB;
 font: 12px Arial; color:#000000;
}

#header h1{
  margin:0;
  padding:0;
  font: 30px Arial;
  color:#F1F1F4;
  font-style:italic;
}

#header h2{
  margin:0;
  padding:0;
  font: 14px Arial;
  color:#F1F1F4;
  font-style:italic;
  font-weight:normal;
}