/************************ BILD CAROUSEl***********************/

#floating_pan {
     position: fixed;
     right: 0;
     top: 200px;
     display: block;
     width: 138px;
    
    text-align:right;
   
     line-height:10px;
     overflow: hidden;
}
a {
outline:none;
}
a img{
	border: 0px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 920px; /*Width of Carousel Viewer itself*/
height: 85px; /*Height should enough to fit largest content's height*/
margin-left:32px;
/*background-color:#dcdcdc; /* background karussel */
}
a {
	color:#78AB48;
	text-decoration:none;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 18px; /*margin around each panel*/
width: 143px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img {border:none}
	
/************************ / BILD CAROUSEl***********************/

/************************ Formular Begin***************************/

form {padding:30px; /*border:6px solid #ddd;*/font-style: italic; }
.kontakt {padding:0px; /*border:6px solid #ddd;*/font-style: normal; }
.kontakt input, select, textarea {border:1px solid #cccccc;}
.kontakt input {margin-left:10px;}
.kontakt .button3 { background:url(/images/senden.jpg) no-repeat; color:#666; width:156px; height:10px; text-indent:-10000px;cursor:pointer; border:0;}
td, input, select, textarea { font-size:11px; color:#333 ; }

input, select, textarea { color:#333; }
.bereich, .feld { background-color:#fafafa; border:1px solid #cccccc; }
.auswahl {  width:200px;  border:1px solid #cccccc; }
.auswahl_day {width:55px;}
.auswahl_monat {width:150px;}
.auswahl_jahr {width:80px;}
.check, .radio { background-color:#ddd;background: #ccc; border-bottom: 1px solid #333; border-right: 1px solid #333; display:inline}
.button { background:url(/images/button_form.jpg); color:#666; width:372px; height:52px; text-indent:-10000px;cursor:pointer;}
.button2 { background-color:#f0f0f0; color:#666; width:100px; border:1px solid #3c9402; }


#formular-tab1-a {	
							margin:0; 
							background: #dedede /*url(/images/bg_green_tab01.png) repeat-x*/; 
							height:155px;}

#formular-tab1-b {	/*background: url(/images/bg_tabl01_left.png) left no-repeat*/;
							height:118px}

#formular-tab1-c {	/*background: url(/images/bg_tabl01_right.png) right no-repeat*/; 
							height:118px;
							padding:0 0 0 10px}

/************************ Formular End ***************************/

/************************ Content Begin  ***************************/


body {
		font-family: verdana, sans-serif; 
		position: 			absolute;
		top: 				0px;
		left: 				0px;
		right: 				0px;
		width:				100%;
		height:				100%;
		padding: 			0px;
		margin: 			0px;
		border: 			0px;
		overflow:			auto;
		color:				rgb(0, 0, 0);
		background-color: #fff;
	}
table{
	border:0px;
	width:100%;
}
h2{
	font-size:18px;
	color:#666666;
	text-transform:uppercase;
	padding-left:20px;
}
h3{
	color:#666666;
	font-size:16px;
	text-transform:uppercase;
}
#main {width:100%; height:100%;}
#main1 {width:986px;margin:auto;}
#header{height:400px; border:0px solid #8bc453;}
#toplogo{width:550px;float:left;}
#aktulell{margin-left:550px;border:0px solid #ddd;height:400px;font-size:14px;color:#666;padding-top:6px;}
#aktulell div{width:260px;color:#79ab48; border-bottom:1px dashed #666;text-transform:none;font-weight:normal;font-size:28px}
#aktulell #akt_url{color:#79ab48;font-weight:bold;font-size:14px}
.clear{clear:both;}
#carousel{height:85px; background:#fff}

#vorwort{background:#ededed url(/images/content_bg.png);
					min-height:35px;
					/*padding-top:3px;*/
					/*padding-left:10px; */
					padding-top: 14px;
					font-size:12px;
					font-style:normal;
					color:#d0ebb5;
					clear:both;
					border-bottom:1px solid #F2F2F2 }
#vorwort h2 {
margin:0;
}			

hr {
color:#999999;
background-color:#999999;
border:0px;
height:1px;
margin:0;
}
			
#content{
background:#ededed url(/images/content_bg.png);
border-bottom:0px solid #999999;
padding:0;
overflow: auto;
min-height:500px;
clear:both;
}


#content .div1{padding:0px 10px 0px; font-size:11px; color:#333;min-height:700px;}					
#content .div1 a{color:#555;text-decoration:none;}
#content .div1 a:hover{color:#d0ebb5;text-decoration:underline;}

#content .div1 .div2{float:left; margin-right:20px;}
#content .div1 .div2 #aktuell_projekt li {color:#fff; font-size:1.1em}
#content .div1 .div2 #aktuell_projekt li a{color:white}
#content .div1 .div2 #aktuell_projekt li A:hover{color:#666}

.newsbox{width:50%}
.main_content{
	padding: 0px 30px 20px 30px;
	color:#666;
	font-size:13px;
}

#index_content{width:100%; padding-top:0px;}
#index_content td{
	width:33%;
	vertical-align:top;
	color:#666;
	padding-left:10px;
	padding-right:30px;
	padding-bottom:30px;
	border-left:1px solid #ccc;}
	
	#index_content td.main{
	width:50%;
	vertical-align:top;
	color:#666;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	border-left:none;}

#index_content td.banner{

	vertical-align:top;
	color:#666;
	padding-left:30px;
	padding-top:-30px;
	padding-bottom:30px;
	border-left:1px solid #ccc;}
#index_content h3{color:#666;text-transform:uppercase}
#index_content td:first-child{
	border-left:none;}
#index_content h3{color:#666;text-transform:uppercase;font-size:12px;}
#index_content h2{color: #666666;font-size: 18px;padding-left: 0px;text-transform: uppercase;}


#index_content2{width:100%; padding-top:10px;}
#index_content2 td{
	width:33%;
	vertical-align:top;
	color:#666;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	border-left:1px solid #ccc;}
	
	#index_content2 td.main{
	width:50%;
	vertical-align:top;
	color:#666;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	border-left:none;}

#index_content2 td.banner{

	vertical-align:top;
	color:#666;
	padding-left:30px;
	padding-top:-30px;
	padding-bottom:30px;
	border-left:1px solid #ccc;}
#index_content2 h3{color:#666;text-transform:uppercase}
#index_content2 td:first-child{
	border-left:none;}
#index_content2 h3{color:#666;text-transform:uppercase;font-size:12px;}
/************************ Content End ***************************/


/*********************************** menu ************************************/

div #topnav {
    width: 100%; /* задаем ширину для div */
    height: 34px;
    float: left; /* добавляем список в div */
    /*border-top: 1px solid #ccc; /* рисуем линию поверх div */
    /*border-bottom: 1px solid #ccc; /* рисуем линию снизу div */
    font-size: 18px; /* задаем размер шрифта */
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    background: url(/images/menu_bg_holder.gif);
    padding: 0; /* отступ ul от края контейнера */
}
div#foter2 {
clear: both;
background: url(/images/footer_bg.png);
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
}
div#topnav ul {
    margin: 0px;
    padding: 0px;
    margin-left:0px;
}

* html div #topnav ul {
    float: left; /* заставляет ul вместить все li */
    border-left: 1px solid red; /* добавляет левую вертикальную черту к ul */
    margin-left: 50px; /* IE удваивает заданное значение */
}

div#topnav li {
    float: left; /* располагаем список по горизонтали */
    position: relative; /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
    list-style-type: none; /* удаляем маркеры */
    background: url(/images/menu_bg_holder.gif);
    height:34px;
	
    /*border-right: 2px solid #999; /* создаем разделительные линии между элементами li */
}

div#topnav li:first-child {
    border-left: 0px solid #000000; /* первая вертикальная линия в меню */
}

/* Germain added */
/*
 div#topnav li {
 display: block;
 text-decoration: none;
 padding: 3px 10px 3px 10px;
 color: #fff;
 border:1px solid #ccc;
 }
 div#topnav li:hover {
 color: #666;
 cursor: pointer;
 }
 */
/*Germain added end */

 div#topnav a  {
    display: block; /* пункты вложенного меню выделяются при наведении указателя */
    text-decoration: none; /* удаляем подчеркивание ссылок */
    padding: 5px 25px 10px 15px; /* создаем пространство с обеих сторон текста пункта меню */
    color: #fff; /* задаем цвет шрифта */
    border: 0px solid #ccc;
   text-transform: uppercase ;
    }

div#topnav a:hover  {
    color: #79ab48;
    cursor: pointer;
    }
	

div#topnav li:hover {
	 background:#fff url(/images/menu_bg.gif) right no-repeat;
   /* background-color: #ddd; /* задает фон пунктов списка */
   }

/* Раскрывающееся меню */

div#topnav ul li ul {
    text-decoration: none;
    margin: 0px;
    position: absolute; /* размещает выпадающий ul относительно родительского li */
    left: -1px; /* выравнивает раскрывающееся меню */
    /*width: auto;/*11em;*/
    z-index: 99;
}

div#topnav ul li ul li {
	background: #fff/*url(/images/bg_menu.png) */;
    width: 100%; /* элементы списка заполняют контейнер (ul) */
    border-left: 0px solid #999; /* три стороны каждого пункта раскрывающегося меню */
    border-bottom: 2px solid #8bc453/*fff*/;
    border-right: 0px solid #999;
    height:20px;
    }


#topnav ul li ul a{
	font-size:14px;
	padding: 3px 10px 3px 10px; /* создаем пространство с обеих сторон текста пункта меню */
	color:#79ab48;
	}
#topnav ul li ul a:hover{color:#fff;}	
#topnav ul li:hover a{color:#78ab48;} 

div#topnav ul li ul li:hover {background:#79ab48;}



div#topnav ul li ul li:first-child {
    border-top: 2px solid #8bc453/*fff; /* верхний край раскрывающегося меню */
}



body div#topnav ul li ul {
    display: none;
}

div#topnav ul li:hover ul, div#topnav ul li ul:hover {
    display: block;
}

* html div#topnav ul li ul { /* добавляет верхнюю границу раскрывающегося меню для IE */
    border-top: 1px solid #dddddd;
    border-left: 0рх; /* устраняет наследование границ ul раскрывающимся меню */
}


/*********************************** end menu ************************************/




						








/*********************************** Footer Begin ************************************/
#foooter{text-align:right; font-family:verdana; font-size:12px; color:#79ab48; padding-bottom:20px;padding-top:10px;text-transform:uppercase;}

#foooter	a:link, #foooter a:visited {
		color:				#78ab48;
		background-color:	#ffffff;
		text-decoration:	none;
		font-weight:		bold;
		font-size: 10px;
		}

#foooter a:active, {
		color:				#ffff00;
		background-color:	#ffffff;
		text-decoration:	none;
		}
		
#foooter a:hover {
		color:				#000000;
		background-color:	#ffffff;
		text-decoration:	none;
		}
		
#foooter a:focus {
		color:				#ff0000;
		background-color:	#ffffff;
		text-decoration:	none;	
		}

/*********************************** Footer End ************************************/


/*********************************** Leistungen BEGIN ************************************/

.leistungen-box {
	text-align:justify;
}

/*********************************** Leistungen END************************************/

.note{margin-left:15px;width:400px;font-size:12px;color:white;font-style:italic;font-weight:bold;}
.note td{color:white;}


.boite
		{
			
			text-align:center;
			
		}
		
ul.tabs {
margin:0;
padding:0;

}

ul.tabs li {
list-style-type:none;
background: url("/images/refli.png") no-repeat scroll 0 0 transparent;
padding-left:10px;

}	

ul.tabs li.current {
list-style-type:none;
background: url("/images/reflih.png") no-repeat scroll 0 0 transparent;
padding-left:10px;

}

#content ul.tabs li a {

line-height:30px;
outline:medium none;
color:#666666;
text-transform: uppercase;
font-weight:bold;
display:block;

}
#content ul.tabs li a:hover {


color:#000000;
text-transform: uppercase;
font-weight:bold;


}	
.tabdiv
		{
			
			float:left;
			width:26%;
			padding-left:20px;
			
		}
.panes
		{
			
			float:left;
			padding-left:35px;
			width:63%;
			outline:medium none;
			
		}
.panes a img
		{
			
			border:1px solid #cccccc;
			
		}
		
		#conteneur
		{	background: url("../wir/logo.png") no-repeat scroll center center transparent;
			margin:auto;
			width:400px;
			height:400px;
			float:left;
		}
.url {
padding-top:7px;
font-size:13px;
font-weight:bold;
text-transform:uppercase;

}

.url span.green {
color:#78AB48;

}
.refprj td {
font-size:14px;
}

.leftkont {
background:url("/images/vertline.gif") no-repeat scroll right center transparent;
float:left;
padding-left:30px;
padding-top:14px;
width:64%;
padding-right:40px;
color:#666666;
clear:both;
}

.leftkont lable {
color:#666666;
font-weight: bold;
font-size:12px;
}

.leftkont h2 {
padding-left:2px;
}

.rightkont {
color:#666666;
float:right;
padding-right:30px;
font-size:12px;
margin-top:-30px;
}

.rightkont h3 {
font-size:14px;
text-transform:none;
}


#formul-kont {
margin-top:20px;
height:40px;
background: #dedede;
padding:30px;
padding-top:20px;
padding-bottom:0px;
border: 1px solid #c9c9c9;
}

.imprleft {
float:left;
background:url("/images/vertline.gif") no-repeat scroll right bottom transparent;
padding-left:30px;
padding-right:30px;
width:46%;
color:#666666;
/*margin-top:-30px; */
font-size:12px;
}

.imprleft h2 {
padding-left:0px;
}

.imprleft h3 {
font-size:14px;
text-transform:none;
}

.imprright {
float:right;
width:43%;
color:#666666;
padding-right:30px;
padding-left:10px;
font-size:12px;
}

.imprright h2 {
padding-left:0px;
}

.insideleft {
float:left;
padding-top:57px;
padding-right:13px;
}

.insideright {
float:left;
padding-top:57px;
}
#timeline { 
border:0px solid red;
width:100%;
padding-left:0 !important;
height:47px;
margin-top:-15px;
}

.curent_year , .unactive_year , .active_year{
float:left;
height:18px; /*46height-28padding*/
width:93px; /* 121 - 28*/
font-family:verdana;
font-size:13px;
color:#79ab48;
margin:0px;
font-weight:bold;
background:url("/images/year.jpg") no-repeat scroll right bottom transparent;
padding: 14px;
}
.curent_year {    cursor:pointer; }
.active_year {  background:url("/images/active_year.jpg") no-repeat scroll right bottom transparent; }
.unactive_year{ 
color:#dfdfdf;
}
#timeline div { 
float:left;
width:130px;
padding-top:1px;
height:45px;
}
#timeline img { 
width:130px;
height:45px;
}
/* filter ons */
 ul, li{margin:0; padding:0; list-style:none;}

.menu_head{
border: 0px solid #998675;
width: 250px;
height: 26px; 
background: #999999;
font-family: verdana;
font-size : 12px;
text-align:center;
cursor:pointer;

 display: table-cell;
 vertical-align:bottom;
 
}

.menu_head img {
float:right;
padding-right:1px;
margin-top:-3px;
margin-top:-3px;
margin-bottom:1px;
}
 

.menu_body {display:none;width:249px;}
.menu_body li{background:#a5a5a5;border-bottom:1px solid #999999;}
.menu_body li.alt{background:#a5a5a5;text-decoration:none;}
.menu_body li span{color:#ffffff !important;text-decoration:none; padding:10px; display:block;cursor:pointer;}
.menu_body li:hover{background:#b4a4a5;}
#preformating p {
padding: 0; 
margin: 0;
}
#preformating h2 {

padding-top: 14px; 
margin: 0;
}
 
#block_for_fur { color: #79AB48; font-size: 14px; margin: -10px 0 10px; font-weight: bold;}