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

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

h1 { font-family:georgia; font-size: 18px; font-weight: bold; color: #610f03; padding-bottom:18px;}
h2 { font-family:georgia; font-size: 13px; font-weight: bold; color: #610f03; padding-bottom:15px;}
h3 {}
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) #763f44 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:982px;
  min-height:400px;
  margin: 0 auto;
}

/*
#################################################################################################
# Header Navigation  
#################################################################################################
*/

#head{
  float:left;
  margin:0 0 0 34px;
  width:914px;
  height:316px;
  background: url(../img/header.jpg);
}

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

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

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

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

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

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

#mittel .contentelement td {
  min-width:50px;
  padding:6px 0 6px 0 !important;
    
}


#mittel .contentelement tr {
 
 
  border-bottom:solid #666 1px !important;
}

.align-right {
  text-align:right !important;
}
/*
#################################################################################################
# Left
#################################################################################################
*/

#left{
  float:left;
  margin:-124px 0 0 35px;
  width:209px;
  font-family:georgia;
  font-size:14px;
  min-height:480px;
  background: url(../img/naviback.jpg)   no-repeat;
}

#leftnavi{
  float:left;
  margin:0px 0 0 21px;
  width:168px;
  color:#fff;
  font-size:13px;
}

#level1 .no1{
  display:block;
  width:166px;
  height:30px;
  background:url(../img/no1.jpg)  no-repeat;
  margin:0px 0 1px 0px;
  
}

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

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




#level1 .no1 a{
  display:block;
  font-weight:normal!important;
  color:#fff;
  padding:8px 0 8px 20px;
  
}

#level1 .act1 a,#level1 .actsub1 a{
  display:block;
  color:#610f03;
  font-weight:normal!important;
  /*background: #475c65;*/
  padding:8px 0 8px 20px;
}


#level1 .no1 a:hover{
  color:#610f03;
  font-weight:normal!important;
  background: url(../img/act1.jpg)  no-repeat;
}

#level2 .no2,#level2 .act2{
  display:block;
  width:166px;
  height:30px;
  font-size:12px;
  background: url(../img/act1.jpg)  no-repeat !important;
  margin:0px 0 1px 0px;
  
}
#level2 .no2 a{
  display:block;
  color:#610f03;
  font-weight:normal!important;
  padding:8px 0 8px 35px;
  background: url(../img/navi_li.jpg) 20px 50% no-repeat;
  
}

#level2 .act2 a{
  display:block;
  /*border-bottom:1px solid #273b43;*/
  font-weight:normal!important;
  color:#610f03;
  
  padding:8px 0 8px 35px;
  background: url(../img/navi_li2.jpg) 20px 50% no-repeat;
  
}

#level2 .no2 a:hover{
  background: url(../img/navi_li2.jpg) 20px 50% no-repeat;
}





#ende{
  float:left;
  margin:0px 0 0 22px;
  background: url(../img/koch.png) no-repeat;
  width:166px;
  height:279px;
}

/*
#################################################################################################
# Mittel
#################################################################################################
*/

#mittel{
  float:left;
  margin:-80px 40px 0 40px;
  width:450px;
  min-height:500px;
}

#mittel .contentelement{
  clear:both;
  margin:0 0 18px 0;
}

/*
#################################################################################################
# right
#################################################################################################
*/

#right{
  float:left;
  margin:-90px 0 0 10px;
  width:136px;
  min-height:250px;
}

/*
#################################################################################################
# Footer
#################################################################################################
*/

#footer{
  background: url(../img/footer.jpg) no-repeat;
  color:#666;
  float:left;
  font-family:arial;
  margin:0 0 0 34px;
  width:914px;
  height:105px;
}

#textfooter {
  font-size:10px;
  float:left;
  margin:35px 0 0 22px;
  width:900px;
  height:70px;
  
}

#textfooter{
  height:15px;
}

#navifooter {
  float:left;
  margin:20px 0 0 0px;
  width:50px;
  height:60px;
  border: solid red 1px;
}




/*
#################################################################################################
# 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/navi_.jpg) left 0px   no-repeat;
  padding:0 0 0 0;
  margin:0px 0px 10px -5px;
  list-style:none;
}

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

.csc-form-2 li{
  background: url(../img/lidfs.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:200px;
}
.sub{
  border:solid #fde0be 2px!important;
  padding:2px 0 2px 0;
  width:100px;
  cursor: pointer;
  background:#600e01;
  color:#fff;
}

.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/navi_li2.jpg) left 3px   no-repeat!important;
  padding-left:16px!important;
  
}