body { 
  margin: 0px; 
  padding: 0px; 
  font-size: 11px; 
  font-family: Verdana, Tahoma, Arial; 
  line-height: 16px; color: #333333; 
  background-image:url(../img/backgroundSpread.jpg); 
  background-repeat: repeat-x;}

#header {
  background : #C8D5DD url(../img/header.png);
  background-repeat: no-repeat;
  width:877px;
  height:155px;
  z-index:99;
}

.logo { 
  margin : 11px 0 24px 36px;   
  border: none; }
  
.picclass{
  text-decoration:none;
  border:none;
  color:white;
  background-color: transparent;
  }


a.picclass:link,
a.picclass:visited{
  color:red;
  font-weight:bold;
  border:2px red solid;
  }  
a.picclass:hover,
a.picclass:active{
  color:blue;
  }


/*Navigation*/
#topnav {
  background : transparent url(../img/space-middle.jpg);
  border-top: 0px solid #000000;
  border-bottom: 0px solid #B7BBC0;
  height : 20px;
  text-align: right;
  text-decoration: none;
  background-position: 0px -4px;
  z-index: 0;
  background-repeat: no-repeat;
}
.topnav_left {
  text-decoration: none; 
  height: 14px;
  position: relative;
  margin-top:10px;
  top: -6.45em;
  float : right;
  line-height: 14px;
  padding: 3px 0px 10px 0px;
  background-color: transparent;
  background-image:url(../img/manNavigation_Button.jpg);
  background-repeat: repeat-x;
  display: inline;  
  }
  
.topnav_left ul { 
  margin: 0px; 
  padding: 0 0 0 0px; 
  text-decoration: none; 
  }
  
.topnav_left ul li a { 
  border:0px;
  padding: 10px 7px 10px 7px; 
  margin-left:0px; 
  margin-right:0px;
  }
  
.topnav_left li { 
  display: inline; 
  padding: 4px 0px 4px 0px; 
  border-left: 1px solid #003366;
  border-bottom: 0px solid #003366;
  text-decoration: none; 
  z-index:2;  
  margin-left:0px; 
  margin-right:0px;  
  }
  
#last_navi {
  border-right:none;
  background : url(../img/navbutton_rechts.jpg);
  height:21px;
  width:88px;
  z-index:1;
  background-position: 0px 1px;
  background-repeat: no-repeat;
  }


.topnav_right {
  width: 50em;
  height: 24px;
  position: relative;
  top: -14em;
  float : right;
  line-height: 0px;
  padding: 5px 16px 10px 0;
  background-color: transparent;
  display: inline;
  left:-120px;
}

.topnav_left ul a:active {
  text-decoration: none; 
  }
  
.topnav_right ul {
  margin: 0px;
  padding: 0 0em 0 0;
  float : right;
  position: relative;
  width: 39em;
  color: #FFFFFF;
  right: -3.3em;
  line-height: normal;
}
.topnav_right li { display: inline; margin-left: 15px; }

/*Navigation */
.naviMainItem a { 
  color: #fff; 
  text-decoration: none; 
  /*font-weight: bold; */
  padding-left: 0px; 
  border-right:0px;
  }
  
.naviMainItem a:hover { 
  color: #D8E4F5; 
  }
.naviMainItemActive a { 
  font-family:Verdana, Tahoma, Arial ;
  text-decoration: none; 
  background-image:url(../img/manNavigation_Active.jpg); 
  background-repeat: repeat-x; 
  color: #d8e4f5; text-decoration: none; 
  padding: 10px 3px 10px 3px; 
  background-position: 0 7px; 
  margin-left:-3px; 
  margin-right:-3px;
  }
  
.naviMainItemActive a:hover { color: #B7BBC0; }

.naviRightItem a { 
  color: #fff; text-decoration: none; 
  padding-left: 10px; 
  background-image:url(../img/metaNavigation_arrow.png); 
  background-repeat: no-repeat; 
  background-position: 2px 6px; 
  }
  
.naviRightItem a:hover { color: #d8e4f5;}

.naviRightItemActive a { 
  background-image:url(../img/metaNavigation_arrow.png); 
  background-repeat: no-repeat; 
  color: #d8e4f5; 
  text-decoration: none; 
  font-weight: bold; 
  padding-left: 10px;
  background-position: 0 center;
  }
.naviRightItemActive a:hover { color: #ccc; }

#languageNavi {
  float:left;
  left:55em;
  position:relative;
  line-height: normal;
  }
.language { 
  text-transform: uppercase; 
  color: #fff; 
  text-decoration: none; 
  padding-left: 10px; 
  background-image:url(../img/metaNavigation_arrow.png); 
  background-repeat: no-repeat; 
  background-position: 2px 6px; }
.language:hover { color: #ccc; }


/*Formulare */
.formbox { width: 464px; background-color: #E8F0F8; border: 1px solid #C7CDD6; overflow: hidden; padding: 4px 8px; }
.reihe { clear: both; padding: 4px 0px; }
.label { float: left; width: 80px; padding-top: 3px; padding-right: 5px; }
.feld { float: left; width: 172px; text-align: left; } 
.required { padding-top: 3px; }
.default-field { width: 152px; height: 20px; border: 1px solid #006FAF; }
.default-area { width: 345px; height: 80px; border: 1px solid #006FAF; }
.default-submit { float: right; margin-right: 32px; border: 1px solid #006FAF; color: #006FAF;}
.form-error { color: red; font-weight: bold; }


*html #wrapContent {
  border: 1px solid #FFFFFF;
  width: 877px;
  padding-top: -20px;
  position: relative;
  top: -5px;
}
#leftColumn {
  color: #333333;
  margin-left: 40px;
  float: left;
  width: 517px;
  }
  
#rightColumn {
  width: 216px;
  color: #333333;
  margin-bottom:30px;
  min-height:100px;
  top: 10px;
  margin-left: 638px;
  }

#footerline {   
  padding-bottom:0px;
  margin-bottom:10px;
  min-height:10px;
   }
#footer {
  background-image:url(../img/footer.jpg);
  background-color: transparent;
  color: #fff;
  font-size:11px;
  margin-top:5px;
  width: 877px;
  background-repeat: no-repeat;
  }
  
.footerclass{
  padding:15px 0 0px 10px;
  font-size:12px;
  color: #fff;
  line-height:13px;
}

h1 { 
  font-size : 18px;
  font-family:Verdana, Tahoma, Arial;
  margin: 0px 0 25px 0;
  padding:0px 0 0 0px;
  color: #264284; 
  font-weight:bold;
  line-height:25px;
  }
h2 {
  font-size : 12px;
  margin: 10px 0 5px 0;
  color: #264284;
  font-weight:bold;
  font-family: Verdana, Tahoma, Arial;
  background-image:url(../img/h2ueberschrift.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  }
h3 {
  font-size : 12px;
  margin: 20px 0 10px 0;
  color: #264284;
  line-height:19px;
  font-weight:bold;
  font-family: Verdana, Tahoma, Arial;
  }
  
.h3inderliste{
  margin: 20px 0 -8px 0;
  }
  
h4 {
  font-size : 12px;
  margin: 10px 0 20px 0;
  line-height:19px;
  font-weight:bold;
  font-family: Verdana, Tahoma, Arial;
  }

p { 
  margin: 0px; 
  color: #294151;
  font-size : 11px;
  font-family:Verdana, Tahoma, Arial;
  }

a { 
  color : #000080; 
  text-decoration : none; 
  font-size : 12px; 
  font-family: Verdana, Arial, Tahoma ;
  font-weight:normal;
  }
a:hover { color : #B7BBC0; }


  
ul {  
  background-image:url(../img/verlauf_aufzaehlung.jpg);
  background-position:20px 15px;
  background-repeat:no-repeat;
  font-size:11px;
  margin-left:-20px;
  padding-bottom:5px;
  padding-left:30px;
  }
  
.ulaufzaehlung{
  font-size : 11px;
  margin-left : -20px;
  background-image:url(../img/verlauf_aufzaehlung.jpg);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  padding-bottom:5px;
  padding-left:30px;

  }
  
.ulclass{
  background-image:url(../img/checkhaken.png);
  background-repeat: no-repeat;
  background-position: left -8px;
  background-color: transparent;
  padding-left: 35px;
  padding-bottom: 5px;
  padding-top: 5px;
  list-style: none;
  }
  
.ulclassstart{
  background-image:url(../img/button_basis.png);
  background-repeat: no-repeat;
  background-position: left;
  background-color: transparent;
  height:107px;
  width:36px;
  padding-left: 5px;
  padding-right: 5px;
  list-style: none;
  float: right;
  background-attachment: fixed;
  margin-right: 10px;
  }  
.textBlau { 
  font-weight:bold;
  color: #0B2681; 
  }
#content{
  margin: 0px 16px 0px 0px;
  background : url(../img/line-senkrecht.jpg);
  padding-bottom:0px;
  background-position: 600px 0px;
  background-repeat: no-repeat;
  }

#wrapContent {
  margin-right: 16px;
  background : url(../img/line-senkrecht.jpg);
  padding-bottom:0px;
  background-position: 600px 0px;
  background-repeat: no-repeat;
  position: relative;
  top: -26px;
  min-height:400px;
  }
  
#page_margins {
  margin:auto;
  position:relative;
  top:0px;
  margin-bottom:0px;
  max-width:877px;
  min-width:400px;
  background-color: #FFFFFF;
}


.tableclass{
  font-size : 12px;
  font-family:Verdana,Tahoma,  Arial;  
  
  }
  
.tableclass2{
  font-size : 11px;
  font-family: Verdana, Tahoma,Arial;
  }
  
  .tableclass3{
  font-size : 11px;
  font-family: Verdana, Tahoma,Arial;
  padding-top: 2px;
  line-height: 13px;
  }
  
.a-footer {color: #FFFFFF;
    font-weight:normal;
    font-size : 11px;
  font-family:Verdana, Arial, Tahoma;
    }
    
.button-class{
  background : url(../img/navbutton_rechts.jpg);
  font-size : 11px;
  font-family: Verdana, Tahoma, Arial;
  background-repeat: no-repeat;
  }
#Layer1 {
  position:relative;
  top:-23px;
  width:877px;
  height:25px;
  z-index:1;
  background : transparent url(../img/space-middle.png);
  background-repeat: no-repeat;
}

.space {
  height:5px;
  z-index:1;
  background : transparent url(../img/spaceer.img);
  background-repeat: no-repeat;
}

.csc-mailform-field input {
  background: #f9f9f5;
  border: 1px solid #AAA;
  margin: 0.5em 0;
  padding: 4px 5px;
  width: 300px;
}

.csc-mailform-field label{
float: left;
display: block;
width: 8em;
clear: left; /* Umbruch */
margin-top: -1em;
font-weight: bold;
}
.csc-mailform-field input{
position: relative;
top: -1.4em;
left: 8em;
display: block;
}
.csc-mailform-field textarea{
position: relative;
top: -1.4em;
left: 18px;
display: block;
width: 300px;
}
.csc-mailform-field select{
position: relative;
top: -1.4em;
left: 8em;
display: block;
}

.csc-mailform-field {
  padding-top: 10px; 
}

fieldset.csc-mailform {
  border: 0;
}