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

body
{
	background-color: #d8dcdf;
}

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: #0092CF;
	text-decoration: none;
}

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: #0092cf;
	font-size: 10px;
	line-height: 12px;
	font-weight: 400;
}

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

.image
{
	line-height: 0px;
}

.image img
{
	display: inline;
}

.image .description
{
	clear: both;
	text-align: right;
	line-height: 12px;
}
/**** 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: #b0b6bb;
}

#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: #b0b6bb;
	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: #eaeaea;
	display: none;
	border: 1px solid #b0b6bb;
}

#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: #b0b6bb;
	background-color: #eaeaea;
}

#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 tr.over td a,
table.products tr.over td a:link,
table.products tr.over td a:hover,
table.products tr.over td a:active,
table.products tr.over td a:visited
{
	color: #0092cf;
}

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.selected a,
table.links td.selected a:link,
table.links td.selected a:hover,
table.links td.selected a:active,
table.links td.selected a:visited
{
	color: #fbb30c;
}
/**** TABLES ****/



/**** SPECIFIC STYLES ****/
#C1Image1
{
	position: absolute;
	left: 0px;
	top: 12px;
	width: 405px;
	height: 110px;
}

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

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

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

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

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

#C2TextScroll2
{
	position: absolute;
	left: 360px;
	top: 362px;
	width: 300px;
	height: 195px;
}

#C3Image
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 570px;
	padding: 0px 10px 0px 0px;
	background-color: #ffffff;
}

#C4TextScroll1
{
	position: absolute;
	left: 0px;
	top: 70px;
	width: 300px;
	height: 305px;
}

#C4Text
{
	position: absolute;
	left: 0px;
	top: 425px;
	width: 300px;
	height: 120px;
}

#C4Text .item
{
	position: relative;
	float: left;
	margin: 0px 10px 0px 0px;
}

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

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


#C4TextScroll2
{
	position: absolute;
	left: 360px;
	top: 70px;
	width: 300px;
	height: 305px;
}

#C4TextScroll3
{
	position: absolute;
	left: 360px;
	top: 425px;
	width: 300px;
	height: 120px;
}

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

#C5BreadCrumb
{
	left: 75px;
	top: 20px;
	width: 600px;
	background-color: #d1d733;
}

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

}

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

#C5DetailView
{
	position: absolute;
	left: 400px;
	top: 180px;
	width: 240px;
	height: 200px;
	padding: 13px 0px 0px 16px;
	background: url(../images/bg-case5-detailview.gif);
}

#C5DetailNavBar
{
	position: absolute;
	left: 13px;
	top: 196px;
}

#C5Text
{
	position: absolute;
	top: 400px;
	left: 75px;
	width: 640px;
	height: 160px;
}

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

#C5Text .block, #C5Text .block strong, 
#C5Text .block a,
#C5Text .block a:link,
#C5Text .block a:hover,
#C5Text .block a:active,
#C5Text .block a:visited
{
	font-size: 9px;
}

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

#C6BreadCrumb
{
	left: 75px;
	top: 20px;
	width: 600px;
	background-color: #0092cf;
}

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

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

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

#C7BreadCrumb
{
	left: 75px;
	top: 20px;
	width: 600px;
	background-color: #d1d733;
}

#C7Iconset
{
	position: relative;
	left: 75px;
	top: 100px;
	width: 600px;
	height: 323px;
	
	background-image: url(../images/bg-case7-iconset.gif);
}

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

#C7Iconset ul li
{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	vertical-align: middle;
}

#C7Iconset ul.firstText
{
	height: 82px;
}

#C7Iconset ul.firstIcon
{
	height: 60px;
}

#C7Iconset ul.firstIcon li
{
	margin: 0px 50px 0px 56px;
}

#C7Iconset ul.secondIcon
{
	height: 60px;
	margin-left: -230px;	
}

#C7Iconset ul.secondIcon li
{
	margin: 0px 0px 0px 328px;
}

#C7Iconset ul.thirdIcon
{
	height: 106px;
}

#C7Iconset ul.thirdIcon li
{
	margin: 0px 50px 0px 56px;
}

#C7Iconset ul.secondText
{
	height: 18px;
}

#C7Text
{
	position: relative;
	left: 75px;
	top: 140px;
	width: 600px;
}

#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: #009bdb;
}

#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: #bad45f;
	text-decoration: none;
}

/**** SPECIFIC STYLES ****/
#LegalTextFull
{
	position: absolute;
	left: 0px;
	top: 25px;
	width: 660px;
	height: 545px;
}

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

#skip
{
	top: 50%;
	right: 45%;
	position: absolute;
	width: 50px;
	height: 20px;
	margin-top: 287px;
}