html, body
{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body
{
	background-color: #c2cfd8;
}

body, input, textarea, select
{
	font-family: verdana;
	font-size: 10px;
}


/**** GLOBAL STYLES ****/
a img
{
	border-style: none;
}

a,
a:link,
a:hover,
a:active,
a:visited
{
	color: #000000;
}

a:hover
{
	color: #fbb30c;
}

a.iconlink,
a.iconlink:link,
a.iconlink:hover,
a.iconlink:active,
a.iconlink:visited
{
	text-decoration: none;
}

a.iconlink img,
a.iconlink:link img,
a.iconlink:hover img,
a.iconlink:active img,
a.iconlink:visited img
{
	margin-bottom: -2px;
}

h1
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	font-size: 12px;
	font-weight: 800;
}

h2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	font-size: 10px;
	font-weight: 800;
}

ul.linklist
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}

ul.linklist li
{
	padding: 0px 0px 4px 14px;
}

ul.linklist li.pdf
{
	background: url(../images/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.breadCrumb
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 660px;
	height: 12px;
	background-color: #ffffff;

	color: #fbb30c;
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
}

.breadCrumb a,
.breadCrumb a:link,
.breadCrumb a:hover,
.breadCrumb a:active,
.breadCrumb a:visited
{
	color: #fbb30c;
	text-decoration: underline;
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
}

.image
{
	line-height: 0px;
}

.image img
{
	display: inline;
}
/**** GLOBAL STYLES ****/



/**** FORM STYLES ****/
fieldset
{
	border-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

fieldset legend
{
	display: none;
}

fieldset p 
{
	position: relative;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: both;
	display: block;
}

fieldset p label
{
	position: relative;
	width: 120px;
	height: 18px;
	padding: 3px 0px 0px 0px;
	float: left;
	
	font-weight: 800;
	font-size: 11px;
	color: #1a171b;
}

fieldset p select, fieldset p input.text
{
	position: relative;
	width: 150px;
	height: 18px;
	float: left;
}

fieldset p input.radio
{
	position: relative;
	float: left;
}

fieldset p input.button
{
	position: relative;
	float: right;
}

/**** FORM STYLES ****/



/**** PAGE LAYOUT ****/
#Page
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 930px;
	height: 570px;
	margin: -300px 0px 0px -480px;
	padding: 15px 15px 15px 30px;
	background: url(../images/bg-page.gif);
}

#NavigationColumn
{
	z-index: 75;
	position: relative;
	width: 150px;
	height: 570px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #c2cfd8;
}

#ContentColumn
{
	position: relative;
	width: 720px;
	height: 570px;
	float: left;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
}

#Logo
{
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
/**** PAGE LAYOUT ****/



/**** MAIN NAVIGATION ****/
#Navigation
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 130px;
	height: auto;
	margin: 70px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}


/* 1st level and descendants  */
#Navigation ul
{
	position: relative;
	left: 0px;
	right: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}

#Navigation li
{
	position: relative;
	left: 0px;
	right: 0px;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
}

#Navigation li.selected
{
	background: url(../images/bg-pixel-navblue.gif);
	background-repeat: repeat-x;
	background-position: 0px 10px;
}

#Navigation li a,
#Navigation li a:link,
#Navigation li a:hover,
#Navigation li a:active,
#Navigation li a:visited
{
	padding: 0px 2px 0px 0px;
	background-color: #c2cfd8;
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;
}

#Navigation li a:hover
{
	color: #0092cf;
}

#Navigation li.selected a,
#Navigation li.selected a:link,
#Navigation li.selected a:hover,
#Navigation li.selected a:active,
#Navigation li.selected a:visited
{
	color: #0092cf;
}
/* 1st level and descendants  */


/* 2nd level and descendants */
/* Only valid if 1st level is [selected] */
#Navigation li ul
{
	display: none;
}

#Navigation li.selected ul
{
	display: block;
}

#Navigation li.selected ul li
{
	text-align: right;
}

#Navigation li.selected ul li.selected
{
	background: none;
}

#Navigation li.selected ul li a,
#Navigation li.selected ul li a:link,
#Navigation li.selected ul li a:hover,
#Navigation li.selected ul li a:active,
#Navigation li.selected ul li a:visited
{
	color: #ffffff;
	font-weight: 400;
}

#Navigation li.selected ul li.selected,
#Navigation li.selected ul li.selected a,
#Navigation li.selected ul li.selected a:link,
#Navigation li.selected ul li.selected a:hover,
#Navigation li.selected ul li.selected a:active,
#Navigation li.selected ul li.selected a:visited
{
	color: #0092cf;
}

#Navigation li.selected ul li a:hover
{
	color: #0092cf;
}
/* 2nd level and descendants */


/* 3rd level and descendants */
/* Only valid if 1st level is [selected] */
#Navigation li.selected ul li ul
{
	z-index:1000;
	position: absolute;
	left: 139px;
	top: -10px;
	width: 210px;
	height: auto;
	padding: 10px 0px 10px 0px;
	background-color: #ecf0f4;
	display: none;
	border: 1px solid #c2cfd8;
}

#Navigation li.selected ul li ul li
{
	padding: 0px 0px 0px 10px;
	text-align: left;
}

#Navigation li.selected ul li ul li a,
#Navigation li.selected ul li ul li a:link,
#Navigation li.selected ul li ul li a:hover,
#Navigation li.selected ul li ul li a:active,
#Navigation li.selected ul li ul li a:visited,
#Navigation li.selected ul li.selected ul li a,
#Navigation li.selected ul li.selected ul li a:link,
#Navigation li.selected ul li.selected ul li a:hover,
#Navigation li.selected ul li.selected ul li a:active,
#Navigation li.selected ul li.selected ul li a:visited
{
	color: #c2cfd8;
	background-color: #ecf0f4;
}

#Navigation li.selected ul li ul li a:hover,
#Navigation li.selected ul li.selected ul li a:hover
{
	color: #0092cf;
}
/* 3rd level and descendants */
/**** MAIN NAVIGATION ****/



/**** TOOL NAVIGATION ****/
#ToolNavigation
{
	position: absolute;
	left: 0px;
	top: 460px;
	width: 130px;
	height: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}

#ToolNavigation li
{
	position: relative;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}
/**** TOOL NAVIGATION ****/



/**** META NAVIGATION ****/
#MetaNavigation
{
	position: absolute;
	left: 0px;
	top: 480px;
	width: 130px;
	height: 56px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
	
	background: url(../images/bg-metanav.gif);
}

#MetaNavigation li
{
	position: relative;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

#MetaNavigation li a,
#MetaNavigation li a:link,
#MetaNavigation li a:hover,
#MetaNavigation li a:active,
#MetaNavigation li a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
}

#MetaNavigation li a:hover
{
	color: #0092cf;
}

#LanguageNavigation
{
	position: absolute;
	left: 0px;
	top: 542px;
	width: 130px;
	height: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style: none outside;
}

#LanguageNavigation li
{
	position: relative;
	left: 0px;
	top: 0px;
	width: auto;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 0px;
	float: left;
}
/**** META NAVIGATION ****/



/**** SCROLLABLE CONTENT ****/
.scrollContainer
{
	position: absolute;
	overflow: hidden;
}

.scrollContainer .scrollContent
{
	position: absolute;
	width: auto;
	height: auto;
	padding-right: 10px; /* changed in js */
}

.scrollContainer .scrollbar
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 11px;
	height: auto;
	background: url(../images/scroll-bg.gif);
	cursor: default;
}
.scrollContainer .onblue{
	background: url(../images/scroll-bg_onblue.gif);
}


.scrollContainer .scrollbar .up
{
	position: relative;
	left: 1px;
	top: 0px;
	cursor: pointer;
	line-height: 0px;
}

.scrollContainer .scrollbar .down
{
	position: relative;
	left: 1px;
	top: 4px;
	cursor: pointer;
	line-height: 0px;
}

.scrollContainer .scrollbar .track
{
	position: relative;
	width: 11px;
	height: auto;
}

.scrollContainer .scrollbar .track .bar
{
	position: relative;
	left: 0px;
	top:0px;
	margin: 2px 0px 2px 0px;
	cursor: pointer;
}

.scrollContent .title
{
	border-bottom: 1px solid #727272;
}
/**** SCROLLABLE CONTENT ****/



/**** TABLES ****/
table.products
{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-style: none;
}

table.products th
{
	position: relative;
	padding: 8px 8px 8px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #727272;
	font-weight: 400;	
}

table.products td
{
	position: relative;
	padding: 4px 8px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border-bottom: 1px solid #727272;
	font-weight: 400;	
}

table.products th.output,
table.products td.output
{
	padding-right: 0px;
	text-align: right;
}

table.products th.kW,
table.products td.kW
{
	padding-right: 0px;
	text-align: right;
}

table.products th.l,
table.products td.l
{
	text-align: right;
}

table.links
{
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-style: none;
}

table.links td
{
	position: relative;
	padding: 4px 8px 4px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

table.links td a,
table.links td a:link,
table.links td a:hover,
table.links td a:active,
table.links td a:visited
{
	text-decoration: none;
}

table.links td li.selected
table.links li.selected a,
table.links li.selected a:link,
table.links li.selected a:hover,
table.links li.selected a:active,
table.links li.selected a:visited
{
	color: #fbb30c;
}

table.links ul
{
	margin: 0;
	margin-top: 5px;
	margin-left:15px;
	padding: 0;
		
}
table.links ul li {
	margin-top: 5px;
}
/**** TABLES ****/



/**** SPECIFIC STYLES ****/
#C1Text1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 310px;
	height: 206px;
	padding: 90px 10px 10px 340px;
	color: #ffffff;
}

#C1Text2
{
	position: absolute;
	left: 0px;
	top: 338px;
	width: 285px;
	height: 212px;
	padding: 10px 10px 10px 30px;
	background-color: #fbb30c;
	
	color: #ffffff;
}

#C1Text2 h2
{
	height: 13px;
	padding: 0px 0px 0px 16px;
	margin: 20px 0px 0px 0px;
	background-image: url(../images/icon-arrow-item.gif);
	background-repeat: no-repeat;
}

#C1Image1
{
	position: absolute;
	left: 335px;
	top: 338px;
	width: 255px;
	height: 232px;
}

#C2TextScroll1
{
	position: absolute;
	left: 0px;
	top: 42px;
	width: 260px;
	height: 380px;
}

#C2TextScroll2
{
	position: absolute;
	left: 340px;
	top: 42px;
	width: 320px;
	height: 380px;
}

#C2Text1
{
	position: absolute;
	left: 0px;
	top: 442px;
	width: 320px;
	height: 128px;
}

#C2Text1 .item
{
	position: relative;
	float: left;
	margin: 0px 16px 0px 0px;
}

#C2Text1 .item .picture
{
	position: relative;
	padding: 0px 0px 10px 0px;
}

#C2Text1 .item .text
{
	position: relative;
	padding: 0px 0px 0px 14px;
	background: url(../images/icon-loupe.gif);
	background-repeat: no-repeat;
}

#C2Text2
{
	position: absolute;
	left: 340px;
	top: 442px;
	width: 320px;
	height: 128px;
}

#C3Text1
{
	position: absolute;
	left: 0px;
	top: 42px;
	width: 300px;
	height: 528px;
}

#C3Text1 table.links
{
	width: 300px;
}

#C3Text1 table.links td
{
	width: 142px;
}

#C3Text2
{
	position: absolute;
	left: 340px;
	top: 42px;
	width: 270px;
	height: 478px;
	padding: 30px 20px 20px 20px;
	background-color: #fbb30c;
	color: #ffffff;
}
 
#C3Text2 a,
#C3Text2 a:link,
#C3Text2 a:active,
#C3Text2 a:hover,
#C3Text2 a:visited
{
	color: #ffffff;
}


#C3Text2 h2
{
	margin: 0px 0px 10px 0px;
}

#C3Text2 img
{
	position: relative;
	margin: 0px 0px 4px 4px;
	float: right;
}

#C4Content
{
	width: 100%;
	height: 100%;
	background: url(../images/bg-content-blue.gif);
}

#C4Content, 
#C4Content fieldset p label,
#C4Content a,
#C4Content a:link,
#C4Content a:active,
#C4Content a:hover,
#C4Content a:visited
{
	color: #ffffff;
}

#C4BreadCrumb
{
	left: 75px;
	top: 20px;
	width: 600px;
	background-color: #0091d2;
}

#C4BreadCrumb,
#C4BreadCrumb a,
#C4BreadCrumb a:link,
#C4BreadCrumb a:hover,
#C4BreadCrumb a:active,
#C4BreadCrumb a:visited
{
	color: #ffffff;
}

#C4Image
{
	position: absolute;
	left: 75px;
	top: 60px;
	width: 600px;
	height: 100px;
}

#C4Form
{
	position: absolute;
	left: 75px;
	top: 180px;
	width: 270px;
	height: 200px;
}

#C4DetailViewFrame
{
	padding:0;
	margin:0;
	position: absolute;
	left: 400px;
	top: 180px;
	width: 240px;
	z-index: 90;
}

#C4DetailViewFrameTop
{
	padding:0;
	margin:0;
	background: url(../images/bg-case4-detailview-top.gif);
	height:7px;
	line-height:3px;
	font-size:3px;
	width:256px;
}
#C4DetailViewFrameMiddle
{
	width: 240px;
	padding: 0 0 0 16px;
	margin:0;
	background: url(../images/bg-case4-detailview-middle.gif);
	background-repeat: repeat-y;
	color: #000000;	
	
}

#C4DetailViewFrameBottom
{
	padding:0;
	margin:0;
	line-height:0;
	background: url(../images/bg-case4-detailview-bottom.gif);
	height:20px;
	width:256px;
}
#C4DetailNavBar
{
	position: absolute;
	left: 13px;
	bottom: 5px;
}

#C4Text
{
	position: absolute;
	top: 340px;
	left: 75px;
	width: 640px;
	height: 220px;
}

#C4Text .block
{
	position: relative;
	float: left;
	height: 160px;
	width: 180px;
	padding: 45px 10px 0px 0px;
	
}

#C4Text .block, #C4Text .block strong, 
#C4Text .block a,
#C4Text .block a:link,
#C4Text .block a:hover,
#C4Text .block a:active,
#C4Text .block a:visited
{
	font-size: 9px;
}
/**** SPECIFIC STYLES ****/

#C1Text2 a,
#C1Text2 a:link,
#C1Text2 a:hover,
#C1Text2 a:active,
#C1Text2 a:visited
{
	color: #ffffff;
	text-decoration:none;
}
#C1Text2 a:hover
{
	color: #000000;
}

#Co1Image1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 405px;
	height: 110px;
}

#Co1TextScroll1
{
	position: absolute;
	left: 0px;
	top: 142px;
	width: 345px;
	height: 415px;
}

#Co1Image2
{
	position: absolute;
	left: 405px;
	top: 0px;
	width: 315px;
	height: 558px;
	padding: 12px 0px 0px 0px;
	background-color: #ffffff;
}

#Co2Image1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 660px;
	height: 130px;
}

#Co2TextScroll1
{
	position: absolute;
	left: 0px;
	top: 162px;
	width: 300px;
	height: 395px;
}

#Co2Image2
{
	position: absolute;
	left: 360px;
	top: 162px;
	width: 300px;
	height: 180px;
}

#Co2TextScroll2
{
	position: absolute;
	left: 360px;
	top: 355px;
	width: 305px;
	height: 195px;
	color: #ffffff;
	padding: 5px;
	background-color: #0091d2;
}

#Ca2Image1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 660px;
	height: 130px;
}

#Ca2TextScroll1
{
	position: absolute;
	left: 0px;
	top: 162px;
	width: 300px;
	height: 395px;
}

#Ca2Image2
{
	position: absolute;
	left: 360px;
	top: 162px;
	width: 300px;
	height: 300px;
}

#Ca2TextScroll2
{
	position: absolute;
	left: 360px;
	top: 475px;
	width: 300px;
	height: 150px;
	color: #000000;
	padding: 5px;
}

#Ca2TextScroll2 a,
#Ca2TextScroll2 a:link,
#Ca2TextScroll2 a:active,
#Ca2TextScroll2 a:visited
{
	color: #000000;
	text-decoration: none;
}

#Ca2TextScroll2 a:hover
{
	color: #fbb30c;
	text-decoration: none;
}

#Co2bImage1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 405px;
	height: 110px;
}

#Co2bTextScroll1
{
	position: absolute;
	left: 0px;
	top: 162px;
	width: 400px;
	height: 395px;
}

#Co2bTable
{
	width: 100%;
}

#Co2bTable td
{
	padding-top:20px;
}

#C4Products
{
	position: absolute;
	left: 75px;
	top: 50px;
	width: 550px;
	height: 500px;
}

#C4Products table
{
	position: relative;
	width: 550px;
	height: 500px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#C4Products table th, #C4Products table td
{
	position: relative;
	padding: 6px 2px 6px 2px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

#C4Products table th
{
	padding: 2px 2px 20px 2px;
}

#C4Products table td
{
	vertical-align:top;
}

#C4Products table tr td.lastcol
{
	padding-right: 30px;
	background: url(../images/icon-link-products-out.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

#C4Products table tr.over td.lastcol
{
	padding-right: 30px;
	background: url(../images/icon-link-products-over.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

#C4Products table tr td a,
#C4Products table tr td a:link,
#C4Products table tr td a:active,
#C4Products table tr td a:hover,
#C4Products table tr td a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#C4Products table tr.over td a,
#C4Products table tr.over td a:link,
#C4Products table tr.over td a:active,
#C4Products table tr.over td a:hover,
#C4Products table tr.over td a:visited
{
	color: #fbb30c;
	text-decoration: none;
}

#C4DetailViewFrameMiddle a,
#C4DetailViewFrameMiddle a:link,
#C4DetailViewFrameMiddle a:hover,
#C4DetailViewFrameMiddle a:active,
#C4DetailViewFrameMiddle a:visited
{
	color: #000000;
}

#C8Content
{
	width: 100%;
	height: 100%;
	background: url(../images/bg-content-blue.gif);
}

#C8Content, 
#C8Content td,
#C8Content a,
#C8Content a:link,
#C8Content a:active,
#C8Content a:hover,
#C8Content a:visited
{
	color: #ffffff;
}

#C8BreadCrumb
{
	left: 75px;
	top: 20px;
	width: 600px;
	background-color: #0091d2;
}

#C8BreadCrumb,
#C8BreadCrumb a,
#C8BreadCrumb a:link,
#C8BreadCrumb a:hover,
#C8BreadCrumb a:active,
#C8BreadCrumb a:visited
{
	color: #ffffff;
}

#C8Header
{
	position: relative;
	left: 75px;
	top: 100px;
	width: 600px;
}

#C8Text
{
	position: relative;
	left: 75px;
	top: 160px;
	width: 600px;
	height: 270px;
}
#C8TextInfos
{
	position: relative;
	top: 165px;
	left:75px;

}

#C8Text table
{
	position: relative;
	width: 580px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#C8Text table th, #C8Text table td
{
	position: relative;
	padding: 6px 2px 6px 2px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

#C8Text table th
{
	padding: 2px 2px 20px 2px;
}

#C8Text table td
{
	border-bottom: 1px solid #ffffff;
}

#C8Text table tr td.firstcol
{
	padding-left: 12px;
	background: url(../images/icon-link-case8-out.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#C8Text table tr.over td.firstcol
{
	padding-left: 12px;
	background: url(../images/icon-link-case8-over.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}

#C8Text table tr td a,
#C8Text table tr td a:link,
#C8Text table tr td a:active,
#C8Text table tr td a:hover,
#C8Text table tr td a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#C8Text table tr.over td a,
#C8Text table tr.over td a:link,
#C8Text table tr.over td a:active,
#C8Text table tr.over td a:hover,
#C8Text table tr.over td a:visited
{
	color: #fbb30c;
	text-decoration: none;
}

#GalleryTextFull
{
	position: absolute;
	left: 0px;
	top: 25px;
	width: 660px;
	height: 545px;
}

a.joblink,
a.joblink:link,
a.joblink:hover,
a.joblink:active,
a.joblink:visited
{
	color:#0092CF;
	text-decoration:none;
}
a.joblink:hover
{
	color: #fbb30c;
}