/*
#################################################################################################
# General
#################################################################################################
*/

*{ margin: 0; padding: 0; outline: none; }

h1 { font-family:verdana; font-size: 16px; font-weight: bold; color: #263a42; padding-bottom:15px;}
h2 { font-family:verdana; font-size: 14px; font-weight: normal; color: #263a42; padding-bottom:12px;}
h3 { font-family:verdana; font-size: 15px; font-weight: bold; color: #263a42; padding-bottom:15px; }
h4 {}
h5 {}
h6 {}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

html {
  overflow: hidden;
  height: 100%;
  overflow: scroll;
  overflow-x: auto; /*CSS3*/
  font: 12px arial, sans-serif;
  color: #000;
}

body {
  height: 100%;
  background: url(../img/back.jpg) #fff repeat-x;
}

ul{
  list-style:none;
}

ul a{
  text-decoration:none;
}

p {
  margin:0 0 20px 0;
  line-height:20px;
}

#back{
  height:100%;
  background: url(../img/back.png) no-repeat;
  margin: 0 auto;
}

#outer{
  background: url(../img/backbody.png)  no-repeat  center 0px ;
  height:627px;
  
  }



#inhalt{
  width:901px;
  /*background: url(../img/content_back.png)  repeat-y;*/
  background: url(../img/header.png) no-repeat;
  min-height:344px;
  margin: 0 auto;
}
/*
#################################################################################################
# Header Navigation  
#################################################################################################
*/
#head{
  float:left;
  margin:0px 0 0 0px;
  width:901px;
 
  min-height:250px;
}

#headnavi{
  float:left;
  margin:110px 0 0 10px;
  width:200px;
  
  color:#000;
  font-size:14px;
  font-family:arial;
}

#level1 .no1{
  display:block;
  width:168px;
  margin:0px 0 0px 0px;
  }

#level1 .act1{
  display:block;
  width:168px;
  background: url(../img/act1.png) no-repeat;
  margin:0px 0 0px 0px;
  
}

#level1 .actsub1{
  display:block;
  width:168px;
  background:#adab21;
  margin:0px 0 0px 0px;
}




#level1 .no1 a{
  display:block;
  color:#060001;
  padding:5px 0 6px 10px;
  
}

#level1 .act1 a,#level1 .actsub1 a{
  display:block;
  color:#060001;
  padding:5px 0 6px 10px;
}


#level1 .no1 a:hover{
  color:#060001;
  background: url(../img/act1.png) no-repeat;
}

 
  /*
#################################################################################################
# Header Navigation  
#################################################################################################
*/
#headnavitop{
  float:left;
  width:250px;
  text-align: -moz-center;

  text-align: center;
  height:100px;
  font-size:14px;
  margin:0 0 0 380px;
  
  
}

#level3 .no3{
  float:left;
  
  margin:0px 0 0px 0px;
  }

#level3 .act3{
  float:left;
  display:block;
  width:83px;
  height:99px;
  background: url(../img/acttop.png) no-repeat;
  margin:0px 0 0px 0px;
  
}

#level3 .no3 a{
  float:left;
  width:83px;
  height:99px;
  text-align: -moz-center;
  text-align:center;
  
  color:#060001;
  padding:27px 0 6px 0px;
  
}

#level3 .act3 a,#level3 .actsub3 a{
  float:left;
  width:83px;
  height:99px;
  text-align: -moz-center;
  text-align:center;
  
  display:block;
  color:#060001;
  padding:27px 0 6px 0px;
}


#level3 .no3 a:hover{
  color:#060001;
  width:83px;
  height:99px;
  background: url(../img/acttop.png) no-repeat;
}







/*
#################################################################################################
# Content
#################################################################################################
*/
#content{
  float:left;
  width:901px;
  min-height:340px;
  margin:20px 0px 0 0;
  
  
}

#content a{
  text-decoration:none;
  color:#987612;
  font-weight:bold;
}

#content a:hover{
  color:#999;
}

#content .contentelement{
  clear:both;
  margin:0 0 20px 0;
}

/*
#################################################################################################
# Left
#################################################################################################
*/
#left{
  float:left;
  margin:0px 0 0 0px;
  width:168px;
  min-height:250px;
}

#leftnavi{
  float:left;
  margin:20px 0 0 0px;
  width:168px;
  color:#000;
  font-size:12px;
}

#level2 .no2{
  display:block;
  width:168px;
  background: url(../img/no.jpg) left 50% no-repeat;
  margin:0px 0 0px 18px;
  
}

#level2 .act2{
  display:block;
  width:168px;
  background: url(../img/act.jpg) left 50% no-repeat;
  margin:0px 0 0px 18px;
  
}

#level2 .actsub2{
  display:block;
  width:168px;
  background: url(../img/act.jpg) left 50% no-repeat;
  margin:0px 0 0px 18px;
}




#level2 .no2 a{
  display:block;
  color:#000;
  padding:8px 0 8px 24px;
  
}

#level2 .act2 a,#level2 .actsub2 a{
  display:block;
  color:#000;
  background: url(../img/act.jpg) left 50% no-repeat;

  padding:8px 0 8px 24px;
}


#level2 .no2 a:hover{
  color:#000;
  background: url(../img/act.jpg) left 50% no-repeat;
}


#ende{
  float:left;
  width:168px;
  /*background: url(../img/download.jpg) no-repeat;*/
  margin:20px 0 0 0;
  height:155px;
  
}


/*
#################################################################################################
# Mittel
#################################################################################################
*/
#mittel{
  float:left;
  margin:35px 10px 0 40px;
  width:450px;
  min-height:250px;
}

#mittel .contentelement{
  clear:both;
  margin:0 0 18px 0;
  
}
/*
#################################################################################################
# right
#################################################################################################
*/
#right{
  float:left;
  margin:25px 0 0 60px;
  
  width:127px;
  min-height:250px;
}

#news1 {
  float:left;
  background: url(../img/newstop.jpg) no-repeat;
  margin:10px 0 0 0;
  height:40px;
  width:127px;
}
#news2 {
  float:left;
  background: url(../img/newsmitte.jpg) repeat-y;
  color:#585051;
  padding:0 10px 0 10px;
  width:107px;
}

#news2 a{
  color:#ffc20e;
}
#news3 {
  float:left;
  background: url(../img/newsbottom.jpg) no-repeat;
  height: 37px;
  width:127px;
}

#bild {
  float:left;
  width:127px;
}


/*
#################################################################################################
# Footer
#################################################################################################
*/
#footer{
  background: url(../img/footer.jpg) no-repeat;
  float:left;
  margin-top:30px;
  width:901px;
  height:107px;
}

#navifooter{
  float:left;
  font-size:11px;
  color:#666;
  width:860px;
  height:50px;
  margin:-20px 0 0 75px;
}

#navifooter a{
  color:#987612;
  font-weight:bold;
  text-decoration:none;
}

#navifooter a:hover{
  color:#000;
  text-decoration:none;
}

#facebook{
  float:left;
  
  width:110px;
  height:25px;
  margin:87px 0 0 10px;
}



/*
#################################################################################################
# ol
#################################################################################################
*/
#content ol li {
  background: url(../img/li.jpg) left 3px   no-repeat;
  padding:5px 0px 5px 30px;
  margin:4px 0px 4px 0px;
}

iframe{
  border:1px solid #666;
  padding:2px;
}

ol {
  list-style:none;
}


/*
#################################################################################################
# Kontakt
#################################################################################################
*/
.csc-form-2 fieldset {
  margin:0 0 0 0px;
  border:none;
}

.csc-form-2 legend {
  display:none;
}
#content .csc-mailform li  {
  background: url(../img/l4i.jpg) left 0px   no-repeat !Important;
  padding:0 0 0 0px;
  margin:0px 0px 10px -11px;
  list-style:none;
}

#content .csc-mailform  ol {
  background: url(../img/9li.jpg) left 0px   no-repeat !Important;
  
}

.csc-form-3 li{
  background: url(../img/li.jpg) left 0px   no-repeat;
}
/*#content .csc-mailform ol  {
  background: url(../img/li.jpg) left 0px   no-repeat;
  padding:0 0 0 0;
  margin:0px 0px 10px -5px;
  list-style:none;
}*/

label {
  
  width:200px!important;
}

label em {
  float:right;
}

input{
  
  font-family:arial;
  font-size:12px;
}

/*.feld {
  background: url(../img/li.jpg) left 3px   no-repeat;
}*/

textarea{
  font-family:arial;
  font-size:12px;
  width:220px;
}
.sub{
  border:solid #970a2c 2px!important;
  padding:2px 0 2px 0;
  width:100px;
  cursor: pointer;
  background:#878586;
  margin-left:10px;
  color:#f4f4f4;
}

.csc-form-2,.csc-form-3,.csc-form-4,.csc-form-5,.csc-form-6,.csc-form-7,.csc-form-8,.csc-form-9,.csc-form-10 {
  background: url(../img/li.jpg) left 2px   no-repeat!important;
  padding-left:10px!important;
  
}