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

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

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

.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-color:#fff;
}

ul{
  list-style:none;
}

ul a{
  text-decoration:none;
}

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

#outer{
  background: url(../img/back2.jpg)#bbc0c3 no-repeat center 0px;
  background-attachment:fixed;
}

#back{
  
  background: url(../img/back2.jpg)#bbc0c3 no-repeat center 0px;
  background-attachment:fixed;
}






#mitte{
  float:left;
  width:998px;
  min-height:382px;
  margin:0 0 0 0px;
  background: url(../img/back_content.png) repeat-y;

}
#inhalt{
  display:table;
  min-height:400px;
  width:990px;
  background: url(../img/bkack.png)  repeat-y;
  margin: 0 auto;
}
/*
#################################################################################################
# Header Navigation  
#################################################################################################
*/

/*
#################################################################################################
# Content
#################################################################################################
*/
#content{
  float:left;
  width:914px;
  min-height:340px;
  background: url(../img/header.jpg)  no-repeat;
  margin: 0px 0px 0 42px;
}

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

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

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

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

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

#level1 .no1{
  display:block;
  width:168px;
  background: url(../img/li.jpg) 25px 50% no-repeat;
  padding: 0 0px 0 25px;
  margin:0px 0 0px 0px;
  
}

#level1 .act1,#level1 .actsub1{
  display:block;
  width:168px;
  padding: 0 0px 0 25px;
  background: url(../img/act.jpg) 25px 50% no-repeat;
  margin:0px 0 0px 0px;
  
}

#level1 .no2,#level1 .act2{
  display:block;
  width:168px;
  
  margin:0px 0 0px 0px;
  
}
#level1 .no2 a{
  display:block;
  color:#000;
  padding:8px 0 8px 55px;
  background: url(../img/li.jpg) 0px 50% no-repeat;
  
}

#level1 .act2 a{
  display:block;
  color:#000;
  padding:8px 0 8px 55px;
  background: url(../img/navi_li2.jpg) 15px 50% no-repeat;
  
  
}

#level1 .no1 a:hover{
  background: url(../img/act.jpg) 0px 50% no-repeat;
}


#level1 .no1 a{
  display:block;
  color:#000;
  padding:8px 0 8px 20px;
  
}

#level1 .act1 a,#level1 .actsub1 a{
  display:block;
  color:#000;
  
  padding:8px 0 8px 20px;
}





#ende{
  float:left;
  margin:03px 0 0 -17px;
  background: url(../img/leftbar2.jpg) no-repeat;
  width:225px;
  height:380px;
  
}


/*
#################################################################################################
# Mittel
#################################################################################################
*/
#mittel{
  float:left;
  margin:240px 0px 0 60px;
  width:430px;
  min-height:250px;
}

#mittel .contentelement{
  clear:both;
  margin:0 0 18px 0;
  
}
/*
#################################################################################################
# right
#################################################################################################
*/
#right{
  float:left;
  margin:290px 0 00px 48px;
  padding:90px 0 0 0;
  background: url(../img/right.jpg) no-repeat;
  width:183px;
  height:695px;
  
}

#right img{
  margin:0 0 20px 10px;
}


/*
#################################################################################################
# Footer
#################################################################################################
*/
#footer{
  background: url(../img/footer.png) no-repeat;
  float:left;
  margin:0 0 0px 0;
  width:998px;
  height:165px;
}


#footer_text{
  float:left;
  font-size:12px;
  color:#666;  
  width:820px;
  margin:30px 0 0 80px;
}

#footer_text td{
  padding:0 0 5px 5px;
}

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

#footer_text a:hover{
  color:#ff830b;
  text-decoration:none;
  
}

#facebook{
  float:left; 
  width:1px;
  height:50px;
  padding:0 0 0 5px;
  margin:30px 0 0 0px;
}


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

ol {
  list-style:none;
}

#links {
  float:left;
  margin:15px 0 0 -20px;
  width:225px;
  
  }