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

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

h1 { font-family:verdana; font-size: 18px; font-weight: bold; color: #000; padding-bottom:20px;}
h2 { font-family:verdana; font-size: 15px; font-weight: bold; color: #000; padding-bottom:15px;}
h3 {font-family:verdana; font-size: 13px; font-weight: bold; color: #000; 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 {
  background: url(../img/background3.jpg)#e0e0e1 no-repeat center 0px;
  background-attachment:fixed;
}

ul{
  list-style:none;
}

ul a{
  text-decoration:none;
}

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

#back{
  /*:100%;
  background: url(../img/back.png) no-repeat;
  margin: 0 auto;*/
  background: url(../img/boldertop.png)  repeat-x center 0px  ;
  min-width:952px;
  /*height:100px;*/
}

#outer{
  
  /*background: url(../img/boldertop.png)  repeat-x  center 0px ;
  height:1200px;*/
  
  }



#inhalt{
  width:952px;
  /*background: url(../img/content_back.png)  repeat-y;
  background: url(../img/header.png) no-repeat;*/
  
  min-height:280px;
  margin: 0 auto;
}
/*
#################################################################################################
# Header Navigation  
#################################################################################################
*/
#head{
  /*float:left;
  width:997px;
  min-height:287px;
  background: url(../img/header.png);*/
 }
 
 #head{
  float:left;
  width:952px;
  min-height:227px;
  background: url(../img/header.png) 20px 0px no-repeat;
  
   
}




/*
#################################################################################################
# Left
#################################################################################################
*/


#top{
  float:left;
  width:952px;
  height:65px;
  background: url(../img/contenttop.png) no-repeat;
  margin: 40px 0 0 0px;
  
}


#topnavi2{
  float:left;
  
  margin:0px 0 0px 19px;
  height:31px;
  color:#1d1d1b;
  
  
  font-weight:bold;
  font-size:14px;
}



#topnavi{
  float:left;
  margin:0px 0 0 340px;
  color:#1d1d1b;
  font-weight:bold;
  font-size:14px;
}




#level1 .no1{
  float:left;
  display:block;
  margin:0px 0 0px 0px;
  border-left:1px solid #000;
}

#level1 .act1, #level1 .actsub1{
  float:left;
  display:block;
    margin:0px 0 0px 0px;
  border-left:1px solid #000;
 }

#level1 .no1 a{
  float:left;
    color:#000;
  display:block;
   padding:48px 10px 48px 10px;
}

#level1 .act1 a,#level1 .actsub1 a{
  float:left;
  color:#fff;
  display:block;
 background:url(../img/akt1.jpg) repeat-x;
  padding:48px 10px 54px 10px;
}


#level1 .no1 a:hover{
  color:#fff;
  background:url(../img/akt1.jpg) repeat-x;
  padding:48px 10px 54px 10px;
}





#level2 .no2{
  float:left;
  display:block;
  
  
  margin:0px 0 0px 0px;
  
}

#level2 .act2, #level2 .actsub2{
  float:left;
  display:block;
  
  margin:0px 0 0px 0px;
  
  
}

#level2 .no2 a{
  float:left;
  
  color:#fff;
  display:block;
  margin:0px 0 0 0;
  padding:12px 15px 0px 15px;
  height:30px;
background: url(../img/no2l.png) repeat-x;
  
}

#level2 .act2 a,#level2 .actsub2 a{
  float:left;
   color:#494848;
  margin:0px 0 0px 0;
  padding:12px 15px 0px 15px;
  height:30px;
  display:block;
  background: url(../img/akt2l.jpg) repeat-x;
  
}


#level2 .no2 a:hover{
  color:#fff;
  background:#292b33;
  
}


/*
#################################################################################################
# Content
#################################################################################################
*/



#content{
  
  float:left;
  width:952px;
  min-height:600px;
  margin:0px 0px 0 00px;
  background: url(../img/content.png) repeat-y;
}

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

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

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





/*
#################################################################################################
# content
#################################################################################################
*/
#mittel{
  float:left;
  margin:25px 22px 0 60px;
  width:491px;
  
  min-height:400px;
}

#mittel .contentelement{
  clear:both;
  margin:0 0 18px 0;
  
}
/*
#################################################################################################
# right
#################################################################################################
*/
#right{
  float:left;
  margin:20px 0 0 10px;

  padding: 0 0px 0 00px;
  width:340px;
  min-height:150px;
}

/*
#################################################################################################
# Footer
#################################################################################################
*/
#footer{
  background: url(../img/bolderbottom.png)  repeat-x center 0px;
  float:left;
 
  height:100px;
  min-width:100%;
}


#footerinhalt{
  width:952px;
  background: url(../img/footer_back.png)  repeat-y;
  height:100px;
  /*background:#000;*/
  margin: 0 auto;
 
}

#level3 .no3{
  float:left;
  display:block;
  margin:0px 0 0px 0px;
  border-left:1px solid #000;
}

#level3 .act3, #level3 .actsub3{
  float:left;
  display:block;
    margin:0px 0 0px 0px;
  border-left:1px solid #000;
 }

#level3 .no3 a{
  float:left;
    color:#fff;
  display:block;
   padding:42px 5px 43px 5px;
}

#level3 .act3 a,#level3 .actsub3 a{
  float:left;
  color:#fff;
  display:block;
 background:url(../img/nofooter.png) repeat-x;
  padding:42px 5px 43px 5px;
}


#level3 .no3 a:hover{
  color:#fff;
  background:url(../img/nofooter.png) repeat-x;
  padding:42px 5px 43px 5px;
}




#navifooter2{
  float:left;
  color:#c7c2ad;
  
  width:210px;
  height:50px;
  margin:0px 10px 0 60px;
}

#navifooter3{
  float:left;
  font-size:11px;
    color:#fff;
  width:638px;
  height:30px;
  padding:00px 0 0 0;
  margin:12px 0px 0 0px;
}

#navifooter3 td{
  
  padding:0 5px 3px 5px;
}


#navifooter4{
  float:left;
    color:#c7c2ad;
  width:110px;
  height:50px;
  margin:19px 0px 0 35px;
}


#navifooter3 a{
  color:#999;
  text-decoration:none;
}

#navifooter3 img {
  margin: 0 0 0 00px;
}

#navifooter3 a:hover{
  color:#c7c2ad;
  text-decoration:none;
}






/*

#navifooter2{
  float:left;
  color:#c7c2ad;
  
  width:250px;
  height:50px;
  margin:0px 0 0 60px;
}

#navifooter3{
  float:left;
    color:#666;
  width:540px;
  height:50px;
  margin:30px 0px 0 25px;
}

#navifooter3 td{
  
  padding:0 15px 5px 15px;
}


#navifooter4{
  float:left;
    color:#c7c2ad;
  width:110px;
  height:50px;
  margin:19px 0px 0 35px;
}


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

#navifooter3 img {
  margin: 0 0 0 10px;
}

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


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

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

ol {
  list-style:none;
}


/*
#################################################################################################
# Kontakt
#################################################################################################
*/

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

textarea{
  font-family:arial;
  font-size:12px;
  width:300px;
}

/*select{
  width:80px;
}*/

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

.csc-mailform{
  border:none;
  width:400px;
  background: url(../img/anmeldeback.jpg) no-repeat 0px 0px;
}

label {
  display:block;
  float:left;
  width:150px;
}


.csc-mailform-submit{
  width:90px!important;
  height:34px!important;
  /*padding: 5px 5px 5px 5px;*/
  margin:10px 0 0 0;
  background: #68783f !important;
  border:solid #513e3c 3px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

#mittel2 p{
  line-height:17px;
}


.contentelementbestell {
  height: 130px;
  margin-bottom:0px;
}

/*
#################################################################################################
# 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/n4o.png) 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/nod.png) 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:290px!important;
}

label em {
  float:right;
}

input{
  
  font-family:arial;
  font-size:12px;
  padding:10px;
  width:350px;
}

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

textarea{
  font-family:arial;
  font-size:12px;
  width:370px;
}



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

.csc-form-element-submit  {
  
}