html {
	height:100%;
	overflow:hidden;
}

body {
	margin:0px;
	padding:0px;
	background-color:#85C700;
	background-image:url(images/pagebg.gif);
	color:#333333;
	font-size:12px;
	font-family:Arial, Geneva, sans-serif;
	height:100%;
}

td {
	font-size:12px;
}

a:link, a:active, a:visited {
	color:#5bb01c;
	text-decoration:none;
}

a:hover {
	color:#8de200;
	text-decoration:underline;
}

#wrapper {
	width:970px;
	height:570px;
	background-image:url(images/wrapper.png);
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-285px auto 0px -485px;
}

ul#navArea {
	position:absolute;
	left:25px;
	top:190px;
	width:175px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:14px;
}
ul#navArea li {
	border-top:1px dotted #FFFFFF;
	margin:0px;
	padding:6px 0px 6px 0px;
}

#navArea a:link, #navArea a:active, #navArea a:visited {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
	width:155px;
	display:block;
}

#navArea a:hover {

}

ul#navArea ol {
	margin:6px 0px 0px 0px;
	padding:4px 0px 0px 10px;
	list-style-type:none;
	border-top:1px dotted #FFFFFF;
}

ul#navArea ol li {
	border:0px;
	margin:0px;
	padding:2px 0px 2px 0px;
}

#navArea ol a:link, #navArea ol a:active, #navArea ol a:visited {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background-image:url(images/nav.jpg);
	background-repeat:no-repeat;
	margin:0px;
	background-position:0px 4px;
	padding:0px 0px 0px 15px;
	display:block;
	width:140px;
}

#navArea ol a:hover, #navArea ol a.active {
	background-image:url(images/nav_a.jpg);
}

#contentArea {
	width:743px;
	height:526px;
	position:absolute;
	left:205px;
	top:22px;
	background-image:url(images/contentBG.jpg);
	background-repeat:repeat-x;
}

#subContent {
	float:right;
	width:425px;
	height:506px;
	padding:20px 15px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow-y:auto;
}


#movie {

	width:450px;
	height:380px;
	position: absolute;

}

p {
	padding:0px;
	margin:0px 0px 20px 0px;
}

h1 {
	font-size:18px;
	color:#006633;
	margin:0px 0px 15px 0px;
	font-weight:normal;
}
.green{
	color:#006633;
}

input, textarea {
	border:1px solid #5bb01c;
	color:#333333;
	font-size:12px;
	width:300px;
	background-color:#FFFFFF;
}

.referenzthumb {
	border:1px solid #467b3a;
	-moz-border-radius:3px;
	padding:3px;
	float:left;
	margin:0px 6px 6px 0px;
}

.referenzthumb:hover {
	border:1px solid #9ac61e;
	padding:3px;
	float:left;
	margin:0px 6px 6px 0px;
}

.refTable td {
	padding:4px 0px;
	font-size:12px;
}
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:370px;
		background:#fff;		
		margin-bottom:2em;
}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:370px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next #prevHistBtn #prevHistBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	#content{
		position:relative;   
		}
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		background:#85C700;
		list-style:none;
		}
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}						
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:360px;
		height:116px;
		overflow:hidden;

		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;   
		width:20px;
		height:44px;
		position:absolute;
		left:-30px;
		top:41px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:370px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:20px;
		height:44px;
		background:url(includes/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(includes/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */   

/* Easy Slider Groß*/

	#slider_big ul, #slider_big li{
		margin:0px;
		
		padding:0 ;
		background:#85C700;
		list-style:none;
		}
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}	
	#slider_big {
		margin-left:30px;
		margin-bottom:15px;
		
		}		
	#slider_big li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:360px;
		height:238px;
		overflow:hidden;

		}	
	#prevBigBtn, #nextBigBtn{ 
		display:block;   
		width:20px;
		height:44px;
		position:absolute;
		left:-10px;
		top:100px;
		z-index:1000;
		}	
	#nextBigBtn{ 
		left:410px;
		
		}														
	#prevBigBtn a, #nextBigBtn a{  
		display:block;
		position:relative;
		width:20px;
		height:44px;
		background:url(includes/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBigBtn a{ 
		background:url(includes/btn_next.gif) no-repeat 0 0;	
		}
		/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBigBtn a:focus, #nextBigBtn a:focus{outline:none;}

/* Easy Slider History*/

	#slider_historie ul, #slider_historie li{
		margin:0px;
		
		padding:0 ;
		background:#85C700;
		list-style:none;
		}
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}	
	#slider_historie {
		margin-left:30px;
		margin-bottom:15px;
		
		}		
	#slider_historie li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:360px;
		height:239px;
		overflow:hidden;

		}	
	#prevHistBtn, #nextHistBtn{ 
		display:block;   
		width:20px;
		height:44px;
		position:absolute;
		left:0px;
		top:100px;
		z-index:1000;
		}	
	#nextHistBtn{ 
		left:400px;
		
		}														
	#prevHistBtn a, #nextHistBtn a{  
		display:block;
		position:relative;
		width:20px;
		height:44px;
		background:url(includes/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextHistBtn a{ 
		background:url(includes/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevHistBtn a:focus, #nextHistBtn a:focus{outline:none;}
	
/* // Easy Slider */ 



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/overlay.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}