@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: white; 
/*0		#4b4942; */
		background: black; 
		background-color: black;
/*		  background-image: url('../Background-web.jpg'); height: 100%; width: 100%; position: absolute */
	}
	#slidetext {
	DISPLAY: none; COLOR: #a6a3a1
	}
	#prevBtn {
		Z-INDEX: 1000; POSITION: absolute; WIDTH: 30px; DISPLAY: block; HEIGHT: 77px; TOP: 71px; LEFT: -30px
	}
	#nextBtn {
		Z-INDEX: 1000; POSITION: absolute; WIDTH: 30px; DISPLAY: block; HEIGHT: 77px; TOP: 71px; LEFT: -30px
	}
	#slider1next {
		Z-INDEX: 1000; POSITION: absolute; WIDTH: 30px; DISPLAY: block; HEIGHT: 77px; TOP: 71px; LEFT: -30px
	}
	#slider1prev {
		Z-INDEX: 1000; POSITION: absolute; WIDTH: 30px; DISPLAY: block; HEIGHT: 77px; TOP: 71px; LEFT: -30px
	}
	#nextBtn {
		LEFT: 696px
	}
	#slider1next {
		LEFT: 696px
	}
	#prevBtn A {
		POSITION: relative; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/btn_prev.gif) no-repeat 0px 0px; HEIGHT: 77px
	}
	#nextBtn A {
		POSITION: relative; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/btn_prev.gif) no-repeat 0px 0px; HEIGHT: 77px
	}
	#slider1next A {
		POSITION: relative; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/btn_prev.gif) no-repeat 0px 0px; HEIGHT: 77px
	}
	#slider1prev A {
		POSITION: relative; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/btn_prev.gif) no-repeat 0px 0px; HEIGHT: 77px
	}
	#nextBtn A {
		BACKGROUND: url(../images/btn_next.gif) no-repeat 0px 0px
	}
	#slider1next A {
		BACKGROUND: url(../images/btn_next.gif) no-repeat 0px 0px
	}
	OL#controls {
		PADDING-BOTTOM: 0px; MARGIN: 1em 0px 1em auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 32px; PADDING-TOP: 0px
	}
	OL#controls LI {
		PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 32px; PADDING-TOP: 0px
	}
	OL#controls LI A {
		TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 32px; PADDING-RIGHT: 0px; BACKGROUND: url('../img/controls.gif') no-repeat 0px top; FLOAT: left; HEIGHT: 32px; COLOR: #ffffff; TEXT-DECORATION: none; PADDING-TOP: 0px
	}
	OL#controls LI.current A {
		BACKGROUND: url('../img/controls.gif') no-repeat 0px bottom; COLOR: #ffffff
	}
	OL#controls LI A:focus {
		OUTLINE-STYLE: none
	}
	#prevBtn A:focus {
		OUTLINE-STYLE: none
	}
	#nextBtn A:focus {
		OUTLINE-STYLE: none
	}

	#slider UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
	}
	#slider LI {
		PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
	}
	#slider2 UL {
		PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
	}
	#slider2 LI {
		PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
	}
	#slider LI {
		WIDTH: 980px; HEIGHT: 260px; OVERFLOW: hidden
	}
	#slider2 LI {
		WIDTH: 980px; HEIGHT: 260px; OVERFLOW: hidden
	}
	
	.indexleft {
	PADDING-LEFT: 20px; WIDTH: 466px; FLOAT: left; PADDING-TOP: 20px
	}
	.bild {
		WIDTH: 494px; FLOAT: left; HEIGHT: 260px
	}
	#sliderbottom {
		WIDTH: 980px; MARGIN-BOTTOM: 20px; BACKGROUND: url('../img/indexbottom.png') no-repeat; HEIGHT: 20px; CLEAR: both
	}
	.textlinetop {
		LINE-HEIGHT: 1.5em; PADDING-LEFT: 10px; WIDTH: 960px; PADDING-RIGHT: 10px; FLOAT: left; BORDER-TOP: #a0dff9 1px solid; PADDING-TOP: 10px
	}
	.buttonblue A {
	WIDTH: 215px; BACKGROUND: url('../img/button-blue.png') no-repeat left top; MARGIN-RIGHT: 20px
	}
	.buttonblue A:hover {
		BACKGROUND: url('../img/button-blue.png') no-repeat left bottom
	}
	.buttonblack A {
		WIDTH: 215px; BACKGROUND: url('../img/button-blue.png') no-repeat left bottom; MARGIN-RIGHT: 20px
	}
	.buttonblack A:hover {
		BACKGROUND: url('../img/button-blue.png') no-repeat left top
	}
	.buttonkleinblue A {
		WIDTH: 115px; BACKGROUND: url('../img/button-klein.png') no-repeat left top; MARGIN-RIGHT: 0px
	}
	.buttonkleinblue A:hover {
		BACKGROUND: url('../img/button-klein.png') no-repeat left bottom
	}
	.buttonkleinblue A {
		TEXT-ALIGN: center; FLOAT: left; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; text-shadow: #5e5e5e 0 0 2px
	}
	.buttonblack A {
		TEXT-ALIGN: center; FLOAT: left; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; text-shadow: #5e5e5e 0 0 2px
	}
	.buttonblue A {
		TEXT-ALIGN: center; FLOAT: left; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: bold; text-shadow: #5e5e5e 0 0 2px
	}
	.buttonkleinblue A:hover {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}
	.buttonblack A:hover {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}
	.buttonblue A:hover {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}
	.buttonkleinblue A {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}
	.buttonblack A {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}
	.buttonblue A {
		DISPLAY: block; HEIGHT: 30px; PADDING-TOP: 12px
	}



	a{text-decoration: none;color: white ;}
	a:hover{color: #8c8685; }
	hr{display: none;}
	strong{font-weight: bold;}
		
/* =LAYOUT - the main layout styles */
	.container1{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
		background: url(../images/s.png) left top no-repeat;
	}
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;

	}
	.container2{
		width:990px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;

	}

		
	/* header layout */
	#header{
		height: 750px;
		background: #111111 url(../images/header_bg.jpg) repeat-x center top;
		position: relative;
		
	}
	#navigation{
		position: absolute;
		right: 0;
		top:20px;
	}
		
	
	/* main area layout */
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:193px;}
	#center{float: left;width:380px;padding: 0 20px;}
	#rightcolumn{float: left;width:287px;}
	/* bottom layout */
	#bottominfo{
/*		border-top: 5px solid #42423b; */
/*		border-top: 1px solid gray; 
/*		background: #f1eee7; */
		background: #222222;
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
	}
		#bottominfo2{
		width: 100%;
		overflow: hidden;
	}

	.bottomcolumn{
		float: left;
		width: 288px;
		margin-right: 18px;
       
	}
	.bottomright{margin-right:0;}
	
/* =HEADER - the header styles */
	#header .container{height: 80px;}

	.container23{height: 40px;}
	/* logo */
	h1{
		position: absolute;
		height: 50px;
		top: 15px;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../images/logo_right.gif) right top no-repeat;
	}
	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: capitalize;
		font-size: 1.3em;
		font-weight: normal;
     
   	}
	#navigation li a{color: #fff;}
	#navigation li.active a{color: #2c2c2c;}
	#navigation li a:hover{color: #2c2c2c;}
	/* message and building pic */
/* =CONTENT - the content styles */
	/* left column */
	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{font-size:19px;color: #8c8685; background: #f1f0ef url(../images/h3_bg_tall.jpg) 0 0 repeat-x;padding:5px 0 10px 23px;}
	h3.header_small{font-size:15px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #5699A7; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em;}	
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em;}
	.lastbox{margin:0;}
/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #9b968f;
		color: #5699A7; font-size:18px;padding:15px 0 5px 5px;
	}
	.bottomcolumn p{

		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
		color: #5699A7;
	}
	.iconlist{

		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		color: white;
		padding-left: 25px;
		background: url(../images/footer_list.jpg) left bottom no-repeat;
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #009999; font-size: 14px;}
		
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 1px solid #5599A7;
		font-size:10px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #659AA6;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
	
/* =FOOTER */
	#footer{
	/*#4a4841 */
	/*background: #FFFFFF url(../images/footer_bg.jpg);*/
	font-size: 1.1em;
	}
	#footer a{color: #FFFFFF;}
	#designby{
		/*0background: url(../images/ico.png) 0 0 no-repeat;*/
		float: left;
		height: 23px;
		padding:2px 0 0 0px;
		margin-top: 5px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:18px;}
	#footer_navigation li a{text-transform: capitalize ;}
	#footer_navigation li a:hover{color: #8c8685 ;}