/* Generell
*******************************************************************************/

* {
	margin: 0;
	padding: 0;
}


h1{

   font: 16px/24px "Verdana", Helvetica, Arial, sans-serif;
   margin-bottom: 6px;
   color: #dadada;
}

h2{

   font: 14px/22px "Verdana", Helvetica, Arial, sans-serif;
   margin-bottom: 16px;
   color: #dadada;
}



body, html{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	color: #ccc;
	background: url(../img/img_bg.jpg) repeat-x;
	background-position: top;
}

img{
	border: none;
}

#container{
	position: relative;
	width: 991px;
	margin-left: auto;
	margin-right: auto;
}

UL {
	list-style: none;
}

.tit{
	margin: 2px 0 16px 0;
}

.title{
	font-weight: bold;
	color: #fff;
}

A:LINK, A:VISITED{
	text-decoration: none;
	color: #fff;
}

A:HOVER, A:ACTIVE{
	text-decoration: underline;
	color: #fff;
}

A:FOCUS{
	outline: none;
}


#header{
	width: 991px;
	height: 232px;
	background: #3e3e3e url(../img/img_header.jpg) no-repeat;
}

#logo{
	width: 127px;
	height: 83px;
	position: absolute;
	top: 41px;
	left: 71px;
}
#stick{
	width: 127px;
	height: 83px;
	position: absolute;
	top: 0px;
	right: -31px;
}
* html #stick{
	right: -32px;
}

#footer{
	width: 991px;
	height: 49px;
	clear: both;
	background: url(../img/img_footer.jpg) no-repeat;

}

#navspacer_bottom{
	position: absolute;
	width: 221px;
	height: 208px;
	margin: 0 0 0 23px;
	background: url(../img/img_navspacer_bottom.jpg) repeat-x;
	bottom: 40px;
	left: 0px;
}

#footer P{
	height: 40px;
	padding: 5px 0 0 281px; /*335px*/
	font-size: 9px;	
	float: left;
	margin-right: 12px;	

}


#footer img{
	display: inline-block;
	margin-top: 5px;
	margin-right: 5px;
}


/* IE6 Hack!*/
* html #footer P{
	padding-left: 284px; /*335px*/

}
/* IE/ Hack!*/
*+ html #footer P{
	padding-left: 282px; /*335px*/
}

#wrapper{
	width: 991px;
	background: #3e3e3e url(../img/img_bg_content.jpg) repeat-y;
	min-height: 420px;
	overflow: hidden;
	min-height: 420px;
	height:auto !important;
	
}


/* IE6 Hack --> it doesn't match min-height!!*/
* html #wrapper{
	width: 991px;
	background: url(../img/img_bg_content.jpg) repeat-y;
	height: 100%;	
}

#text{
	float: left;
	position: relative;
	width: 435px;
	margin: 4px 0px 40px 40px;
}

#text P{
	line-height: 18px;	
}

/* News  *********************************************************************************/
#news{
	float: right;
	position: relative;
	margin: 0 42px 30px 0;
	width: 195px;
	/*height: 291px;*/
	height: 456px;
	background: url(../img/img_bg_news_h.jpg) left top no-repeat;	
}

#img_news{
	height:456px;
}

/* IE6 Hack*/
* html #news{
	margin: 0 20px 0 0;
}

#news P{
	margin: 39px 5px 5px 11px;
	color: #fff;
	line-height: 17px;
}

#news A{
	color: #fff;
}

#img_news IMG{
	position: relative;
	top: 33px;
	left: 5px;
	border: 0;
	}

/* Philosophy  *********************************************************************************/
#philosophy_sideblock{
	float: right;
	position: relative;
	margin: 0 42px 0 0;
	width: 195px;
	height: 195px;
	background: url(../img/img_bg_philosophy.jpg) no-repeat;
}

/* IE6 Hack*/
* html #philosophy_sideblock{
	float: right;
	position: relative;
	margin: 0 20px 0 0;
	width: 195px;
	height: 195px;
	background: url(../img/img_bg_philosophy.jpg) no-repeat;
}

#philosophy_sideblock P{
	margin: 39px 5px 5px 11px;
	color: #fff;
}

/* History  *********************************************************************************/
#history_sideblock{
	float: right;
	position: relative;
	margin: 0 42px 0 0;
	width: 195px;
	height: 356px;
	background: url(../img/img_bg_history.jpg) no-repeat;
}

/* IE6 Hack*/
* html #history_sideblock{
	float: right;
	position: relative;
	margin: 0 20px 0 0;
	width: 195px;
	height: 356px;
	background: url(../img/img_bg_history.jpg) no-repeat;
}

#history_sideblock #img_history1 P{
	position: relative;
	top: 39px;
	margin: 0px 0px 0px 11px;
	color: #fff;
}

#history_sideblock #img_history2 P{
	position: relative;
	top: 59px;
	margin: 0px 0px 0px 11px;
	color: #fff;
}

#history_sideblock #img_history1 IMG{
	position: relative;
	top: 33px;
	left: 5px;
	border: 0;
}

#history_sideblock #img_history2 IMG{
	position: relative;
	top: 53px;
	left: 5px;
	border: 0;
}

/* Production = Manufacutring  *********************************************************************************/
#production_sideblock{
	float: right;
	position: relative;
	margin: 0 42px 0 0;
	width: 195px;
	height: 356px;
	background: url(../img/img_bg_production.jpg) no-repeat;
}

/* IE6 Hack*/
* html #production_sideblock{
	float: right;
	position: relative;
	margin: 0 20px 0 0;
	width: 195px;
	height: 356px;
	background: url(../img/img_bg_production.jpg) no-repeat;
}

#production_sideblock #img_production1 P{
	position: relative;
	top: 39px;
	margin: 0px 0px 0px 11px;
	color: #fff;
}

#production_sideblock #img_production2 P{
	position: relative;
	top: 59px;
	margin: 0px 0px 0px 11px;
	color: #fff;
}

#production_sideblock #img_production1 IMG{
	position: relative;
	top: 33px;
	left: 5px;
	border: 0;
}

#production_sideblock #img_production2 IMG{
	position: relative;
	top: 53px;
	left: 5px;
	border: 0;
}


/* Gallery  *********************************************************************************/
#text_gallery{
	float: left;
	position: relative;	
	width: 330px;
	margin: 4px 42px 0 40px;
}

#pgDiamando #text_gallery{width: 500px;}

#pgDiamando #dimandoImg{width: 490px}

#pgDiamando #dimandoImg img{
	display: block;
	float: left;
	vertical-align: bottom;
	margin-right:27px;
	border:1px solid #FFF;
}

#text_gallery P{
	line-height: 18px;	
}

#gallery{
	float: left;
	position: relative;
	width: 294px;
}

#gallery table{
	background-color: #5A5A5A;
}

/* Main Navi **Accordion*********************************************************************************/

.toggler {
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
	
.element { 
}
 
.element P {
	width: 300px;
	margin: 0px;
}

#navi{
	position: relative;
	width: 224px;
	float: left;
	padding-left: 18px;
}



#accordion{
	padding: 0 0 0 5px;
}

/* Product Lines
*******************************/
#productlines A:link, 
#productlines A:visited {
	border: none;
	overflow: hidden;
	display: block;
	width: 222px;
	height: 27px;
	text-indent: -9999px;
	background: url(../img/nav/nav_productlines.jpg) no-repeat;
}

#productlines A:hover,
#productlines A:active {
	background-position: 0 -27px;
}
#pgProductlines #productlines A, #pgDiamando #productlines A,#pgDiamando #diamando A, #pgAxara #productlines A, #pgPriolo #productlines A, #pgAxara #axara A { background-position: 0 -54px;}

#pgPriolo #priolo A { background-position: 0 -52px;}


#diamando A:link, #diamando A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_diamando.jpg) no-repeat;
}
#diamando A:hover, #diamando A:active{
	background-position: 0 -27px;
}


#axara A:link, #axara A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_axara.jpg) no-repeat;
}

#axara A:hover, #axara A:active{
	background-position: 0 -27px;
}

#priolo A:link, #priolo A:visited{
	border: none;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:26px;
	background: url(../img/nav/nav_priolo.jpg) no-repeat;
}

#priolo A:hover, #priolo A:active{
	background-position: 0 -26px;
}

/* Dealers
*******************************/
#dealers A:link, #dealers A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_dealers.jpg) no-repeat;
}

#dealers A:hover, #dealers A:active{
	background-position: 0 -27px;
}

#pgDealers #dealers A{ background-position: 0 -54px;}

/* Company
*******************************/
#company A:link, #company A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_company.jpg) no-repeat;
}

#company A:hover, #company A:active{
	background-position: 0 -27px;
}

#pgCompany #company A, #pgPhilosophy #company A, #pgProduction #company A, #pgHistory #company A, #pgPhilosophy #philosophy A,
#pgProduction #production A{ background-position: 0 -54px;}

#pgHistory #history A{ background-position: 0 -52px;}

#philosophy A:link, #philosophy A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_philosophy.jpg) no-repeat;
}

#philosophy A:hover, #philosophy A:active{
	background-position: 0 -27px;
}

#production A:link, #production A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_production.jpg) no-repeat;
}

#production A:hover, #production A:active{
	background-position: 0 -27px;
}

#history A:link, #history A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:26px;
	background: url(../img/nav/nav_history.jpg) no-repeat;
}

#history A:hover, #history A:active{
	background-position: 0 -26px;
}


/* Contact
*******************************/
#contact A:link, #contact A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_contact.jpg) no-repeat;
}

#contact A:hover, #contact A:active{
	background-position: 0 -27px;
}

#pgContact #contact A, #pgContact #brochures A, #pgMap #contact A { background-position: 0 -54px;}

#pgMap #map A { background-position: 0 -52px;}

#brochures A:link, #brochures A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_brochures.jpg) no-repeat;
}

#brochures A:hover, #brochures A:active{
	background-position: 0 -27px;
}

#map A:link, #map A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:26px;
	background: url(../img/nav/nav_map.jpg) no-repeat;
}

#map A:hover, #map A:active{
	background-position: 0 -26px;
}

.pdfIcon{
	float:left;
	margin-right: 5px;
}

.pdfText{
	font-size: 9px;
	line-height: 25px;
}

TABLE#fonfax TD{
        height: 17px;
}

/* Downloads
*******************************/
#downloads A:link, #downloads A:visited{
	border: none;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	width:222px;
	height:27px;
	background: url(../img/nav/nav_downloads.jpg) no-repeat;
}

#downloads A:hover, #downloads A:active{
	background-position: 0 -27px;
}

#pgDownloads #downloads A{ background-position: 0 -54px;}

/** Globalnavigation *****************************************************************************/


#globalnav {
	position: relative;
	top: 179px;
	left: 732px;
	height: 10px;
	width: 255px;
}
	
#globalnav LI, #globalnav UL {
	font-size: 9px;
	padding: 0 17px 0 0;
	list-style: none;
	display:inline;	
}

#globalnav A:link,
#globalnav A:visited {
	
	color: #8a8a8a;
}

#globalnav A:hover,
#globalnav A:active
	{
	color: #fff;
	text-decoration: none;
}
	
#globalnav .aktiv A {
color: #fff;
text-decoration: none;
}

/** Products Icons *****************************************************************************/

#datasheets{
	clear: both;
	height: 100%;
	overflow: hidden;
	width: 100%;
	padding-top: 13px;
}

#icons{
	width: 670px;
	margin: 0px 5px 40px 280px;
}

#icons P{
	line-height: 18px;
}
#icons TABLE{
	margin: 30px 0 30px 0;
	background-color: #3e3e3e;
}

.tabletext{
	vertical-align: bottom;
}

.icon_top{
	height: 50px;
	background: url(../img/img_top.gif) no-repeat 0px 12px;
	padding: 12px 0 12px 20px;
}
.icon_top A:link,
.icon_top A:visited {
	
	color: RED;
}

.icon_top A:hover,
.icon_top A:active
	{
	color: #fff;
	text-decoration: none;
}


.icon_img IMG{
	border:0px;
	padding-left: 14px;	
}

#link_brochures{
	position: relative;
	top: 60px;
	left: 40px;
	width: 90px;
	background: url(../img/img_brochures.jpg) no-repeat 0px 5px;
	padding: 20px 0 30px 30px;
}

#link_dealer{
	position: relative;
	top: 83px;
	left: 40px;
	width: 21px;
	background: url(../img/img_dealers.jpg) no-repeat 0px 5px;
	padding: 20px 0 30px 30px;
	float: left;
}

/** Contact *****************************************************************************/

#text INPUT[type=submit]{
	height: 18px;
	width: 69px;
	font-size: 11px;
	font-weight: normal;	
	color: #3e3e3e;
	background: url(../img/img_button.gif) no-repeat;
	border: none;
	padding: 0 0 1px 0;
	cursor: pointer;
}

#text .norm INPUT[type=text]{
	height: 13px;
	width: 100%;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;	
	color: #3e3e3e;
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
	padding-left: 3px;
}

#text .model INPUT{
	height: 13px;
	width: 35px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;	
	color: #3e3e3e;
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
	padding-left: 3px;
}

#text TEXTAREA{
	height: 160px;
	width: 100%;
	font-size: 11px;
	font-weight: normal;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #3e3e3e;
	overflow:hidden;/*Hack Opera, no scrollbar*/
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
	margin-top: 5px;
	padding-left: 3px;
}


/*Hack IE6****************************/

* html #norma INPUT{/*submit-button*/
	height: 30px;
	width: 69px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;	
	color: #3e3e3e;
	background: url(../img/img_button.gif) no-repeat;
	border: none;
	padding: 0 0 11px 0;
	cursor: pointer;
	
}

* html .norm INPUT, TEXTAREA{
	height: 13px;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;	
	color: #3e3e3e;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
	padding-left: 3px;
}

* html #text .norm INPUT {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	width: 305px;
	padding-left: 3px;
}

* html #text TEXTAREA  {
	width: 305px;
	height: 160px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
	padding-left: 3px;
}

#text TD{
	height: 25px;	
}

#link_pdf{
	position: absolute;
	top: 479px;
	left: 40px;
	float: left;
	width: 200px;
	padding: 20px 0 30px 0;
	color: #fff;
}

.pdf{
	display: block;
	float: left;
	width: 165px;
	background: url(../img/img_brochures.jpg) no-repeat 0px 5px;
	padding: 20px 0 22px 30px;
}

/** Dealers *****************************************************************************/

#text SELECT{
	width: 120px;
	font-size: 11px;
	font-weight: normal;	
	color: #3e3e3e;
	border-top: solid 1px #7e7e7e;
	border-left: solid 1px #7e7e7e;
}
select[disabled="disabled"] {
	 background-color:#C2C2C2;
}
#text TH{
	height: 22px;
	font-size: 11px;
	font-weight: bold;	
	color: #3e3e3e;
	text-align: left;
	background: url(../img/img_tablehead.jpg) repeat-y;
	padding-left: 5px;
	border-bottom: solid 2px #3e3e3e;
}

 .list TD{
	font-size: 11px;
	font-weight: normal;	
	color: #fff;
	text-align: left;
	background-color: #8d8e8e;
	
}

#text .big TD{
	height: 15px;
	font-weight: bold;
	padding: 5px 0 0 5px;
}

#text .line TD{
	border-bottom: solid 2px #3e3e3e;
	padding: 2px 0 5px 5px;
}

/** Downloads *****************************************************************************/
#text .dwl TD{
	height: 22px;
}

#text .dwl A:Link, 
#text .dwl A:visited{
	color: #ccc;
}

#text .dwl A:hover, 
#text .dwl A:active{
	
	color: #fff;
	text-decoration: underline;
}

.pdf_dwl{
	float: left;
	background: url(../img/img_brochures_dwl.jpg) no-repeat 0px 5px;
	padding: 20px 0 22px 30px;	
}

/** legal *****************************************************************************/
#text OL {
	list-style-type: decimal;
	padding: 0 0 4px 19px;	
}

#legal OL {
	
	list-style-type: lower-alpha;
	padding: 0 0 4px 13px;
}

#legal LI {
	padding: 5px 0 0 0;
	margin: 0 0 0 10px;
	color: #fff;
	font-size: 11px;
}

SPAN.li_text{
	color: #ccc;
	font-size: 11px;
}

#legallist OL {	
	list-style-type: lower-roman;
	padding: 5px 0 4px 25px;
}

#legallist LI {
	padding: 5px 0 0 0;
}

/** teaser home *****************************************************************************/
#teaser_block{
	margin-top: 35px;
	height: 430px;
}
.teaser{
	
	border: solid 1px #FFF;
	width: 209px;
	height: 194px;
	background: #b6b6b6 URL(../img/bg_teaser.jpg) left bottom no-repeat;
	float: left;
	display: inline;
	margin-bottom: 10px;
}
.teaser_left{
	margin-right: 10px;
}
.teaser IMG{
	border-bottom: solid 1px #FFF;	
}

.teaser P, .teaser H1, .teaser A{
	color: #4f4f4f;
}
#text .teaser P{
	margin: 0px 10px 10px 10px;
	line-height: 14px;
}
.teaser H1{
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 2px;
	font-size: 13px;
}

.teaser A{
	font-weight: bold;
	border: 0px;
}


div.demoElement {
	width: 80px;
	height: 80px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
	opacity: 0.5;
}
div.demoElementHeight {
	height: 120px;
}