/* @override 
	http://www.pools.de/css/layout.css
*/

/* LAYOUT */
	
	body{
		text-align:center;
		background: #A8A8A8 url('../_gfx/bg_body.gif') repeat-x;
	}
	#container {
		position: relative;
		top: 0; left: 0;
		width: 788px;
		margin: 0 auto;
		text-align:left;
		background: url('../_gfx/bg_shadow.png') repeat-y;
	}
	
	/* PNG FIX */
	img, div { behavior: url(_js/iepngfix.htc) }
	 
	/* Verlauf */
	#productfinder, 
	#search,
	h3, 
	.techspecs th,
	.headline,
	.greytable thead th,
	#ticker,
	#bluebar,
	#quicklinks h2
	{

	 	background-image: url('../_gfx/gradiant_gray.png');
	 	background-position: left bottom;
	 	background-repeat: repeat-x;
	 	behavior: url(_js/iepngfix.htc);
	}
	 
	 	 
	#containersub {
		padding: 0 20px;
		width: 748px;
	}
	#topbar{
		width: 718px;
		margin: 0 auto;
		text-align:left;
		color: #AAA;
		height: 40px;
		padding: 0 35px; 
		background: url('../_gfx/bg_top.png') left bottom no-repeat;
	}
	#location{
		float: left;
		width: 500px;
		font-size: 0.9em;
		line-height: 40px;
	}
	#location a{
		text-decoration: none;
		color: #AAA;
		font-weight: bold;
	}
	#language{
		text-align:right;
		padding: 1em 0;
	}
	#language img{
		border: 1px solid #AAA;
		margin: 1px 0;
	}
	#language img.active{
		border-color: #DDD;
		padding: 1px;
		margin: 0;
	}
	#language input.bt{
		color: #666;
		width: 36px;
		height: 18px;
		font-size: 0.9em;
		font-weight:bold;
		padding:0; margin:0;
		background: url('../_gfx/bt_bg_go.gif') no-repeat;
		padding-right: 12px;
		margin-left: 5px;
		border: none;	
	}
	#productfinder{
		clear:both; 
		float:left;
		width: 491px;
		height: 19px;
		padding: 3px 5px;
		background-color: #76B900;
		border-top: 3px solid #BADC7F;
		color: #FFF;
		font-size: 0.9em;
		font-weight:bold;
		line-height: 19px;
	}
	#productfinder select{
		width: 240px;
		height: 18px;
		line-height: 18px;
		margin: 0 0.3em;
	}
	#productfinder label{
		margin-left: 0.5em;
	}	
	#productfinder input{
		color: #76B900;
		width: 36px;
		height: 18px;
		font-size: 0.9em;
		font-weight:bold;
		padding:0; margin:0;
		background: url('../_gfx/bt_bg_go.gif') no-repeat;
		padding-right: 12px;
		margin-left: 5px;
		border: none;
	}
	.productgroup{
		font-weight:bold;
		border-top: 1px solid #A9A9A9;
	}
	#search{
		float:right;
		width: 247px;
		height: 23px;
		background-color: #CACACA;
		border-top: 3px solid #E4E4E4;
		padding-top: 2px;
	}
	#search input{
		width: 120px;
		height: 18px;
		border: 1px solid #A9A9A9;
		color: #A9A9A9;
		line-height: 20px;
		font-size: 1em;
		padding:0;
		margin-left:10px;
	}
	#search input.bt{
		width: 72px;
		height: 18px;
		font-size: 0.9em;
		font-weight:bold;
		padding:0; margin:0;
		background: url('../_gfx/bt_bg_search.gif') no-repeat;
		padding-right: 16px;
		margin-left: 5px;
		border: none;
	}
	#header{
		background-color: #FFF;
		height: 116px;
		border-bottom: none;
		clear:both;
		float:none;
	}
	#logo{
		width: 245px;
		height: 116px;
		float:left;
	}
	#firstnavi{
		border-left: 1px solid #A9A9A9;
	}
	#firstnavi, #secondnavi, #thirdnavi{
		width: 127px;
		height: 90px;
		float: left;
		list-style-type: none;
		list-style-position: outside;
		padding: 6px 0; margin: 7px 0;
		border-right: 1px solid #A9A9A9;			
	}
	#firstnavi li, #secondnavi li, #thirdnavi li{
		width: 127px;
		float: left;
		margin: 0; padding:0;
		height: 13px;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	#firstnavi li.active, #secondnavi li.active, #thirdnavi li.active{
		border-top: 1px solid #76B900;
		border-bottom: 1px solid #76B900;
		
	}
	#firstnavi .active a, #secondnavi .active a, #thirdnavi .active a{	
		color: #76B900;			
	}
	#firstnavi a, #secondnavi a, #thirdnavi a{
		padding: 0;
		margin: 0; 
		display: block;
		text-decoration: none;
		color: #999;
		font-size: 0.9em;
	}
	#firstnavi .txt a, #secondnavi .txt a, #thirdnavi .txt a{	
		padding-left: 6px;
		line-height: 14px;				
	}

	#imgbar{

		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	#hilfsnavi{
		list-style-type: none;
		list-style-position: inside;
		padding:0; margin:0;
		display: block;
		height: 25px;	
		background-color: #FFF;
	}
	#hilfsnavi li{
		padding: 0; margin:0;
		float:left;
		width: 125px;
		text-align: center;
		display: block;
		border-right:  1px solid #A9A9A9;
		border-bottom:  1px solid #A9A9A9;
	}
	#hilfsnavi a{
		text-decoration: none;
		color: #A9A9A9;
		font-weight: bold;
		display: block;
		width: 100%;
	}
	#hilfsnavi .active a{
		color: #76B900;
		background-color: #E4E4E4;
	}

	#content{
		background-color: #FFF;
		padding: 25px 35px;
		clear:both;
		float: none;
	}
	#ticker{
		font-size: 1em;
		font-weight:bold;
		line-height: 1.8em;
		height: 1.8em;
		background-color: #CACACA;
		margin-bottom: 1.5em;
		color: #333;
		clear: both;
	}
	#ticker .tickerlabel{
		display: block;
		text-align:right;
		float:left;
		color: #FFF;
		padding: 0 1em;
	}
	#ticker #tickertext{
		display: block;
		float:left;		
	}
	#ticker #tickertext a{
		text-decoration: none;	
		color: #333;		
	}	
	#servicenavi{
		list-style-type: none;
		list-style-position: inside;
		padding:0; margin:0;
		display: block;
		height: 30px;	
		line-height: 30px;			
		background-color: #F5F5F5;	
		padding: 0;
	}
	#servicenavi li{
		padding: 0; margin:0;
		float:left;
		display: block;
		text-align: center;
		height: 30px;	
		width: 16.6%;
	}
	#servicenavi a{
		color: #666;
		font-weight: bold;
		font-size: 0.9em;
		text-decoration: none;
	}	
	#footer{
		width: 788px;
		margin: 0 auto;
		font-size: 0.9em;
		height: 50px;
		line-height: 40px;
		background: url('../_gfx/bg_footer.png');
		color: #666;
		text-align:center;
	}
	#quicklinks{
		background-color: #FFF;
		margin-bottom: 1em;
		margin-top: 2.5em;
	}
/* Fix IE. Hide from IE Mac \*/
* html #quicklinks li { float: left; height: 1%; }
* html #quicklinks li a { height: 1%; }
/* End */
	#quicklinks h2{
		font-size: 1em;
		font-weight: bold;
		margin:1px; 
		padding: 5px 5px; 
		line-height: 1.2em;
		background-color: #00A3F3;
		color: #FFF;
	}
	#quicklinks ul{	
		margin: 0;
		padding:0;
		list-style-type: none;
		list-style-position: outside;
		border: 1px solid #CCC;
		border-top: none;
		border-bottom: none;
	}
	#quicklinks li a{	
		display: block;
		font-size: 1em;
		color: #555;
		padding:  2px 8px 0 8px;
		text-decoration: none;
		border-bottom: 1px solid #CCC;

	}	
	#quicklinks li a:hover{	
		background-color: #F5F5F5;
	}		
	
	/* NEWS */
	.newsitem{
		clear:both;
		float:none;
		margin-top: 1em;	
	}
	.newsitem .newsimg{
		float:left;
		width: 200px;
		text-align: right;
		padding-right: 10px;
	}
	
	.newsitem .newsteaser{
		float:left;
		width: 420px;	
	}
	
	.newsitem h2{
		margin:0; padding:0;
		padding: 0.2em 0;
	}

/* @group accordion */

	#accordion{
		margin: 0; padding: 0;
		list-style-type: none;
	}
	#accordion li{
		margin: 0;
	}
	#accordion h3,#accordion h3 a{
		color: #FFF;
		text-decoration: none;
	}
	#accordion .collapse{
		border: 1px solid #CCC;
		border-top: none;
	}
	#accordion .col_left,#accordion .col_right{
		width:  300px;
	}
	#accordion .infos{
		padding:  15px 20px;
	}
	#accordion span{
	display:  none;
}
/* @end */

/* @group spryforms */
.contactform{
	float: right;
	width:  360px;
}
.contactform #form label{
	width: 110px;
}

.contactform fieldset{
	border: 1px solid #A9A9A9;
	padding: 10px 15px;
}
.contactform fieldset legend{
		color: #00A3F3;
		font-weight: bold;
		font-size: 1.1em;
		padding: 0 7px;
	}
#form #Nachricht{
	width: 200px;
}
.w3form{
	float: left;
}
.contactform  span.contactFormSubmit input.submitbutton,
#form .textfieldRequiredMsg, #form .selectRequiredMsg{
	margin-left: 110px !important;
}
label{
	font-weight: bold;
}
#container #form ul li.grpcheckbox span.grpcheckbox{
	float: left;
	width: 210px;
}
#container #SpryContactForm{ 
    padding-top:0;
}
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg
{

	display: block !important;
	border: none !important;
	height:  20px !important;
	margin-left:  150px !important;
	clear: both !important;
	float: left !important;
}
#container input.editbutton,
#container input.resetbutton,
#container input.submitbutton{
	background: #76B900 url('../_gfx/gradiant_gray.png') top left repeat-x;
	margin-left: 150px;
	border:  2px solid #76B900;
	behavior: url(../_js/iepngfix.htc);  
	color: #FFF;
	font-weight: bold;
	padding: 4px 10px;
}
#container span.contactFormSubmit input.editbutton,
#container span.callBackFormSubmit input.editbutton{
	margin-left: 0 !important;
	background-color: #AAA;
	border-color: #999;
	}
#container span.callBackFormSubmit input.submitbutton{
	margin-left:  100px;
	}	
#container span.contactFormSubmit input.resetbutton,
#container span.callBackFormSubmit input.resetbutton{
	display: none !important;
}
#container span.contactFormSubmit,
#container span.callBackFormSubmit{
	clear: both;
	float: none;
	display: block;
}


#SpryContactForm ul li span span.grpradio{
	width:120px !important;

}

#SpryContactForm ul li span span.grpradio input{
	display: inline !important;

}

/* @end */


/* @group cluetip */


/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
  color: #FFF;
}
#cluetip-title #cluetip-close {
  	float: right;
  	position: relative;
}
h3#cluetip-title {
	background-image: url('../_gfx/gradiant_green.gif');
	background-color: #609605;
}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #F00;
  border: 1px solid #1eadf4;
  border: 1px solid #76B900;  
  
    text-align:left;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #FFF;
}
.cluetip-default h3#cluetip-title {
  padding: 8px 10px 4px;
}
.cluetip-default #cluetip-inner {
  padding: 10px 15px;

}
.cluetip-default div#cluetip-close { 
  position: absolute;
  top: 4px; right: 15px;
}
.cluetip-default div#cluetip-close a { 
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}


#player{
	margin: 25px 0 25px 210px;
}


/* @end */

.col_left #SpryContactForm label{
	float: none !important;
	width: auto !important;
	clear: both;
}
.col_left #SpryContactForm li{
	height: auto;
}