html {
    height: 100%;
}




body {
  padding:0px;
  margin:0px;
  text-align: center;
background-color: #FFF;
  height: 100%;
}


img {
                        border: 0;
                    }



ol{
                        margin: 0 0 1.5em 1em;
                        padding: 0 0 0 0.35em;
                    }


#inhalt {
position: relative;
  text-align: left;	
  margin: 0px auto;
  padding:0px;
  width: 800px;
  min-height: 100%;
background: url(../images/redesign/bg/trans.png);
}



* html #inhalt {height: 100%;}


#header { 	
  width: 800px;
  text-align: left;	
  margin: 0px;
  padding: 0px;
  height: 40px;
  position: relative;

}

#header_left {
 position: relative;
padding: 0;
 width: 140px;
 color: #000000;
 margin-top: 10px;
margin-left: 15px;
    float: left;
}


.zentriert {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000;
      text-align:center;
}



#header_right {
 position: relative;
 float: left;
padding: 0;
margin-top: 20px;
margin-left: 5px;
 width:  620px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000;
}



#header_right a {

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #7D7C7D;

}

#header_right a:link {
color: #7D7C7D;
}

#header_right a:hover {
color: #000000;
text-decoration: underline;
}






#links {

margin-top: 80px;
margin-left: 18px;

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000;
}



#links a {

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #7D7C7D;

}

#links a:link {
color: #7D7C7D;
}

#links a:hover {
color: #000000;
text-decoration: underline;
}





.space { 	
padding-left: 18px;
}


.bu { 	
font-family: Arial, Helvetica, sans-serif;
      color: #000000;
      font-size: 11px;
      font-weight: normal;
      line-height: 14px;
}



.selected { 	
font-family: Arial, Helvetica, sans-serif;
      color: #000000;
      font-size: 12px;
      font-weight: normal;
}


.subselected { 	
font-family: Arial, Helvetica, sans-serif;
      color: #CBCD00;
      font-size: 0.75em;
      font-weight: normal;
}




#logo { 	
  text-align: left;
padding-top: 10px;
padding-left: 15px;
  width: 240px;
      position: absolute;
      float: left;
}


#content {
 margin: 0px;
padding: 0px;
 width:  800px;
 color: #000000;
}

#content_einspaltig {
 margin-left: 130px;
 margin-top: 25px;
 width:  500px;
 color: #000000;
}


#content_left {
 position: relative;
 float: left;
padding: 0;
margin-top:50px;
margin-left:20px;
 width:  220px;
  color: #333333;
 font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000; 
}


#content_left a {
text-decoration: underline;
color: #7D7C7D;
}

#content_left a:link {
color: #7D7C7D;
}

#content_left a:visited {
color: #7D7C7D;
}

#content_left a:hover {
color: #000000;
text-decoration: none;
}

#thumbs {
width: 210px;
 position: relative;
padding: 0;
margin-top:525px;
text-align: center;
}

#thumbs_en {
width: 210px;
 position: relative;
padding: 0;
margin-top:426px;
text-align: center;
}

#content_right {
 position: relative;
 float: left;
padding: 0;
margin-top:50px;
margin-left:20px;
 width:  520px;
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000;
}

#content_right a {
text-decoration: underline;
color: #7D7C7D;
}

#content_right a:link {
color: #7D7C7D;
}

#content_right a:hover {
color: #000000;
text-decoration: underline;
}



#content_right2 {
 position: relative;
 float: left;
padding: 0;
margin-top:50px;
margin-left:20px;
 width:  765px;
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
      color: #000000;
}

#content_right2 a {
text-decoration: underline;
color: #7D7C7D;
}

#content_right2 a:link {
color: #7D7C7D;
}

#content_right2 a:hover {
color: #000000;
text-decoration: underline;
}




ul#vnavigation {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 210px;
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height:20px;

}


ul#vnavigation a {
  color: #7D7C7D;
  padding: 0;
  text-decoration: none;
}



ul#vnavigation a:hover {
  color: #000000;
  text-decoration: underline;
}



.green {
 color: #B4B401;
 font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}

.highlight {
 color: #FFFFFF;
 background-color: #CD6800;
 font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
display: block;
padding: 4px;
}


h4 {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
}


h3 {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 5px;
}


h2 {
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}


h1 {
 color: #CD6800;
 font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}


.line {
width: 796px;
height: 1px;
margin-left: 2px;
padding-top: 1px;
}


#teaser {
 width:  800px;
 color: #333333;
  font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

#teaser a {
text-decoration: underline;
color: #7D7C7D;;
}

#teaser a:link {
color: #7D7C7D;
}

#teaser a:hover {
color: #000000;
text-decoration: underline;
}

#teaser_einspaltig {
 position: relative;
 width:  700px;
 color: #000000;
  margin-left: 60px;
    margin-top: 30px;
 
}


#teaser_left {
 position: relative;
   margin-left: 60px;
    margin-top: 10px;
 float: left;
 width:  340px;
 color: #333333;
 
}

#teaser_right {
 position: relative;
 float: left;
   margin-left: 30px;
    margin-top: 10px;
 width:  340px;
  height:230px;
}

#teaser_right a {
text-decoration: underline;
color: #7D7C7D;
}

#teaser_right a:link {
color: #7D7C7D;
}

#teaser_right a:visited {
color: #7D7C7D;
}

#teaser_right a:hover {
color: #000000;
text-decoration: underline;
}





#unten {
width: 800px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.75em;
 font-weight: normal;
 color: #ffffff;
position: absolute;
  text-align: left;	
  margin-top: 10px;
height: 40px;
  bottom: 0px;

}


#unten_left {
 position: relative;
 float: left;
 width: 430px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #7D7C7D;
padding-left: 18px;
padding-top: 18px;
}



#unten_left a {

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #7D7C7D;

}

#unten_left a:link {
color: #7D7C7D;
}

#unten_left a:hover {
color: #000000;
}




#unten_right {
 position: relative;
 float: left;
 width: 320px;
 color: #7D7C7D;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-align: right;
 padding-top: 18px;
}

#unten_right a {

text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #7D7C7D;

}

#unten_right a:link {
color: #7D7C7D;
}

#unten_right a:hover {
color: #000000;
}






#content_slider {
 margin-left: 60px;
 margin-top: 50px;
 width:  500px;
 color: #000000;
}




.field {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: auto;
	width: auto;
	border-width: 1px;
  border-style: solid;
  border-color: #99A099;
}




#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	height:350px; 

}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:420px; 
	list-style:none; 
	padding:0; margin:0; 
	width:260px; 
}
#featured ul.ui-tabs-nav li{ 
padding-left:13px;  
padding-top:3px; 
	font-size:12px; 
	color:#E1E0E0; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:7px; 

}
#featured ul.ui-tabs-nav li span{ 
	font-size:12px; font-family:Arial; 
	line-height:15px; 
padding-top:3px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:66px; 
	color:#666666; 
	line-height:20px;
	margin-top:4px; 
		padding-top:4px; 
}
#featured li.ui-tabs-nav-item a:hover{ 
	color:#000000;

}
#featured li.ui-tabs-selected{ 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	border:1px dotted #666666;
}
#featured .ui-tabs-panel{ 
	width:400px; height:302px; 
position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:310px; left:0; 
	height:70px;  
}
#featured .info h2{ 
	font-size:12px; font-family: Arial, sans-serif; 
	color:#000000; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Arial; font-size:12px; 
	line-height:15px; color:#000000;
}
#featured .info a{ 
	text-decoration:underline; 
	color:#666666; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
	color:#000000; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}



/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:510px;
		height:284px;
		overflow:hidden; 
		}
	span#prevBtn{
padding-left: 40px;
padding-right: 40px;}
	span#nextBtn{
padding-left: 40px;
padding-right: 40px;}					


	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:460px;
		height:260px;
		overflow:hidden; 
		}
	span#prevBtn{
padding-left: 40px;
padding-right: 40px;}
	span#nextBtn{
padding-left: 40px;
padding-right: 40px;}					
	
	
	#slider3 ul, #slider3 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider3 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:467px;
		height:220px;
		overflow:hidden; 
		}
	span#prevBtn{
padding-left: 40px;
padding-right: 40px;}
	span#nextBtn{
padding-left: 40px;
padding-right: 40px;}				
	
	
		#slider4 ul, #slider4 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider4 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:456px;
		height:200px;
		overflow:hidden; 
		}
	span#prevBtn{
padding-left: 40px;
padding-right: 40px;}
	span#nextBtn{
padding-left: 40px;
padding-right: 40px;}			
/* // Easy Slider */


<!-- Accordeon Anfang -->

			#list1 .title
			 { font-weight:bold; }
			 
			#list1, #list2 { width:340px; }
			.title, .mytitle { cursor:pointer;  margin-top:0.3em; padding:0.1em; }
			.on  .mytitle { }
			.off .mytitle {  }
			.content, .mycontent    {  padding:0.1em; }
			#log { position:absolute; top:0; right:1em; text-align:right; }

<!-- Accordeon Ende -->