@charset "UTF-8";
/* general allard stylesheet */
/* ______________ GENERAL TAGS ______________ */
html {
	overflow-y: scroll;
}
body {
	position: relative;
	color: #000;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans serif;
	font-size: 100%;
	height: auto;
	width: 100%;
	margin: 0px;
	text-align: center;
	background: #fff url(/layout/images/header.sprites.png) 0px -80px repeat-x;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
img {
	vertical-align: middle;
}
/* ______________ GENERAL ELEMENT STYLES ______________ */
/* ______________ GENERAL FORM STYLES ______________ */
/*messages*/
.error {
	color: #c03;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
	display: block;
}
#error {
	color: #c03;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.4em;
	display: block;
	padding: 10px;
	border: #c03 dotted 1px;
	background: #faeeee;
}
.date {
	font-weight: bold;
	color: #333;
}
/* ______________ POSITIONING PAGE ______________ */
#container {
	position: relative;
	width: 960px;
	margin: 0 auto 20px;
	height: auto;
	text-align: left;
}
/* ______________ header ______________ */

#header {
	position: relative;
	width: 100%;
	height: 80px;
	background: transparent url(/layout/images/header.sprites.png) 0px 0px no-repeat;
}
#header h1 a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 190px;
	height: 80px;
}
#header h1 span {
	display: none;
}
#serviceMenu {
	width: auto;
	height:20px;
	line-height: 20px;
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	font-size: 0.7em;
	color: #bbb;
	text-shadow:#fff 0px 1px 0;
        text-align: right;
}
#serviceMenu li {
	display: inline-block;
	float: left;
	padding-right: 25px;
}
#serviceMenu li a {
	color: #6e6e6e;
	text-shadow:#fff 0px 1px 0;
	padding: 0 2px;
}
#serviceMenu li a.active {
	color: #555;
	text-shadow:#fff 0px 1px 0;
	border-bottom: solid 1px #bbb;
}
#serviceMenu li a:hover {
	color: #fb6b00;
	text-shadow:#fff 0px 1px 0;
}

#serviceMenu li.languageMenu a.active{
    font-weight: bold;
    color: #fb6b00;
    border-bottom: none;
}

/* ______________ main menu ______________ */

#menu {
	position: relative;
	width: 960px;
	height: 267px;
}
#level1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 34px;
	width: 960px;
	background: transparent url(/layout/images/menu.sprites.png) 0px -34px no-repeat;
	z-index: 100;
}
#level1 ul.menu_frontmain_1 {
	position: relative;
	margin-left: 32px;
	height: 34px;
	width: 900px;
}
#level1 ul li {
	position: relative;
	display: inline-block;
	float: left;
	height: 34px;
	line-height: 34px;
	background: transparent url(/layout/images/menu.sprites.png) top right no-repeat;
}
#level1 ul li a {
	padding: 0 22px 0 18px;
	display: block;
	color: #fff;
	text-shadow:#e15900 0px -1px 0;
	font-size: 0.8em;
}

#level1 ul li a:hover {
	color: #f6e7e0;
}
#level1 ul li a.active {
	color: #7f3600;
	text-shadow:#fba564 0px 1px 0;
}
#level1 ul li a.openSub {
	background: transparent url(/layout/images/menu.sprites.png) 0px -68px no-repeat;
}

#level1 ul ul li a.openSub {
	background: transparent url(/layout/images/menu.sprites.png) 0px -136px no-repeat;
}

#level1 ul li a.closeSub {
	background: transparent url(/layout/images/menu.sprites.png) 0px -102px no-repeat;
}

#level1 ul ul li a.closeSub {
	background: #e9e9e9 url(/layout/images/menu.sprites.png) 0px -164px no-repeat;
        color: #fb6b00;
	text-shadow:#fff 0px 1px 0;
}

#level1 .submenuDiv {
	position: absolute;
	display: block;
	float: none;
	margin: 0;
	padding: 0px;
	top: 37px;
	left: 0px;
	width: 150px;
	height: 230px;
	overflow: visible;
}

#level1 .submenuDiv .submenuDiv {
	position: absolute;
        z-index: 10;
	display: block;
	float: left;
	margin: 0;
	padding: 0px;
	top: 1px;
	left: 146px;
	width: 200px;
	height: 230px;
}

#level1 .submenuDiv .submenuDiv ul {
	position: relative;
}

#level1 ul ul {
	position: relative;
	display: inline-block;
	height: auto;
	background: #efefef;
	margin: 0px;
	padding: 0px;
	background: transparent url(/layout/images/menu.sprites.png) left bottom no-repeat;
	padding-bottom: 10px;
}
#level1 ul ul li {
	position:relative;
	display: block;
        width: auto;
	float: none;
	height: 28px;
	background: #efefef;
	line-height: 28px;
	border-bottom: solid 1px #e7e5e5;
        vertical-align: bottom;
}
#level1 ul ul li a {
	padding: 0 22px 0 18px;
	display: block;
	color: #282629;
	text-shadow:#fff 0px 1px 0;
	font-size: 0.8em;
        height: 28px;
}
#level1 ul ul li a:hover, #level1 ul ul li a.active {
	color: #fb6b00;
	text-shadow:#fff 0px 1px 0;
}


.onTop{z-index: 100;}

#productieproces35{width: 145px;}

#production_process35{width: 145px;}

#banner {
	position: absolute;
	left: 0px;
	top: 37px;
	height: 230px;
	width: 960px;
	z-index: 10;
}
/* ______________ main ______________ */
#main {
	position: relative;
	margin: 3px 0px 0px 0px;
	padding: 50px;
	font-size: 0.75em;
	line-height: 1.4;
	height: auto;
	background: transparent url(/layout/images/mainBack.png) top left no-repeat;
}
/* ______________ main content ______________ */
#mainContent {
	float: left;
	display: inline-block;
	width: 550px;
}
#mainContentSub {
	float: left;
	display: inline-block;
	width: 575px;
	margin-left: -25px;
}
#mainContent form table {
	width: 550px;
}
.mainContent h2 {
	font-size: 2em;
	color: #999;
	font-weight: normal;
	padding-bottom: 0.5em;
}
.mainContent ul+h2, .mainContent ul+h3 {
	margin-top: 1em;
}
.mainContent h3 {
	font-size: 1.1em;
	border-top: #ddd 3px solid;
	margin-top: 1em;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1.5em;
}
.mainContent h4 {
	font-size: 1.1em;
	border-top: #ddd 1px dotted;
	color: #333;
	font-weight: normal;
	font-style: italic;
	padding-bottom: 0.5em;
}
.mainContent p+h4, .mainContent ul+h4 {
	margin-top: 2em;
}
.mainContent p.intro, .mainContent div.intro {
	font-size: 1.1em;
	padding-bottom: 0.8em;
	display: block;
}
.mainContent p {
	padding-bottom: 0.8em;
}
.mainContent a:link, .mainContent a:visited {
	color: #fb6b00;
	border-bottom:  1px solid #ffdabe;
}
.mainContent a:hover, .mainContent a:active {
	color: #fb5300;
	border-bottom:  1px solid #fb6b00;
}
.mainContent li {
	padding-bottom: 0.4em;
	padding-left: 1.5em;
	background: transparent url(/layout/images/li.png) 0px 3px no-repeat;
}
.mainContent li li{background: transparent url(/layout/images/lili.png) 0px 3px no-repeat;}
.mainContent li li li{background: transparent url(/layout/images/lilili.png) 0px 3px no-repeat;}
.mainContent li li li li{background: transparent url(/layout/images/lililili.png) 0px 3px no-repeat;}

.mainContent li.noBullet, .mainContent li li.noBullet, .mainContent li li li.noBullet, .mainContent li li li li.noBullet {
	background: none;
}
.mainContent li img {
	margin-right: 4px;
}
.mainContent li a.noborder:link, .mainContent li a.noborder:visited, .mainContent li a.noborder:hover {
	border: none;
}
.mainContentFooter {
	margin-top: 4em;
	font-size: 0.9em;
}
.mainContent .thumb {
	float: left;
	margin: 4px 16px 10px 0px;
}
/* ______________ sideNav for 3column ______________ */
#sideNav {
	width: 155px;
	display: inline-block;
	float: left;
	text-align: right;
}
#sideNav em {
	font-size: 1.5em;
	font-style: normal;
	padding: 8px 10px 10px 0;
	display: block;
}
/*level1*/
.mainContent #sideNav .menu_frontmain_1 {
	font-size: 1.2em;
	padding: 0px 10px 0px 0px;
}
.mainContent #sideNav .menu_frontmain_1 li {
	line-height: 2em;
	background: none;
	border-top: #efefef 1px solid;
	padding: 0px;
}
.mainContent #sideNav a:link, .mainContent #sideNav a:visited {
	color: #999;
	border-bottom:  none;
}
.mainContent #sideNav a:hover {
	color: #fb5300;
	border-bottom:  none;
}
.mainContent #sideNav a.active {
	color: #333;
	border-bottom:  none;
}
.mainContent #sideNav .menu_frontmain_1 {
	font-size: 1.2em;
}
/*level2*/
.mainContent #sideNav .menu_frontmain_2 {
	font-size: 0.8em;
	margin-bottom: 2em;
}
.mainContent #sideNav .menu_frontmain_2 li {
	border-top: none;
	line-height: 1.4em;
}
.mainContent #sideNav .menu_frontmain_2 a.active {
	color: #fb6b00;
	border-bottom:  none;
}
/*column 2*/
#mainContentCol2 {
	margin-left: 195px;
}
/* ______________ form ______________ */
.formLabel {
	vertical-align: top;
	padding: 3px 20px 10px 0px;
	color: #999;
}
.formField {
	vertical-align: top;
	padding: 0 0px 10px 0px;
}
input[type="text"] {
	width: 400px;
	border: solid 1px #ccc;
	padding: 3px 6px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans serif;
}
input[type="submit"] {
	line-height: 28px;
	padding: 0 27px 0 12px;
	height: 28px;
	border: none;
	overflow: visible;
	background: transparent url(/layout/images/submit.png) top right no-repeat;
	text-shadow:#e15900 0px -1px 0;
	color: #fff;
	cursor: pointer;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans serif;
	margin: 0px 1px 1px 0px;
}
input[type="submit"]:hover {
	opacity: 0.9;
alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	margin: 1px 0px 0px 1px;
}
input[type="radio"], input[type="checkbox"] {
	margin-right: 6px;
	background: none;
	border: none;
}
textarea {
	width: 400px;
	height: 150px;
	border: solid 1px #ccc;
	padding: 3px 6px;
	font-family: Calibri, "Trebuchet MS", Arial, Helvetica, Sans serif;
	font-size: inherit;
}
/* ______________ sidecontent ______________ */
.sideContent {
	margin-top: -32px;
	font-size: 0.9em;
        position:relative;
}
#sideContent {
	margin-left: 600px;
	width: 260px;
}
.sideBubble {
	width: 260px;
	background: transparent url(/layout/images/side.sprites.png) 0px 0px no-repeat;
	padding-top:32px;
	margin-bottom: 16px;
}
.sideBubbleContent {
	padding: 0px 20px 4px 20px;
	background: #fff url(/layout/images/side.sprites.png) -260px 0px repeat-y;
	border: none;
	height: auto;
}
.sideBubbleBottom {
	width: 260px;
	height: 32px;
	background: #fff url(/layout/images/side.sprites.png) -520px 0px no-repeat;
}
/*small version for 3column*/
#sideContentSmall {
	margin-left: 680px;
	width: 180px;
}
#sideContentSmall .sideBubble {
	width: 180px;
	background: transparent url(/layout/images/side.sprites.png) -780px 0px no-repeat;
	padding-top:32px;
	margin-bottom: 16px;
}
#sideContentSmall .sideBubbleContent {
	padding: 0px 20px 4px 20px;
	background: #fff url(/layout/images/side.sprites.png) -960px 0px repeat-y;
	border: none;
	height: auto;
}
#sideContentSmall .sideBubbleBottom {
	width: 180px;
	height: 32px;
	background: #fff url(/layout/images/side.sprites.png) -1140px 0px no-repeat;
}
/*side text styles*/
.sideContent h3 {
	font-size: 2em;
	color: #999;
	font-weight: normal;
	padding-bottom: 0.8em;
	padding-left: 0.6em;
	text-transform: capitalize;
}
.sideContent li {
	padding-bottom: 0.4em;
	padding-left: 1.5em;
	line-height: 1.3em;
	background: transparent url(/layout/images/li.png) 0px 3px no-repeat;
}
.sideContent li {background: transparent url(/layout/images/li.png) 0px 3px no-repeat;}
.sideContent li li {background: transparent url(/layout/images/lili.png) 0px 3px no-repeat;}
.sideContent li li li {background: transparent url(/layout/images/lilili.png) 0px 3px no-repeat;}
.sideContent li li li li {background: transparent url(/layout/images/lililili.png) 0px 3px no-repeat;}

.sideContent li.noBullet, .sideContent li li.noBullet, .sideContent li li li.noBullet, .sideContent li li li li.noBullet {
	background: none;
}
.sideContent li img {
	margin-right: 4px;
}
.sideContent li a.noborder:link, .sideContent li a.noborder:visited, .sideContent li a.noborder:hover {
	border: none;
}
.sideContent li a:link, .sideContent li a:visited {
	color: #000;
	border-bottom:  1px solid #efefef;
}
.sideContent li a:hover {
	color: #fb5300;
	border-bottom:  1px solid #fb6b00;
}
/*thumbs*/
.sideContent .thumb {
	margin-bottom: 15px;
	display: block;
        position:relative;
}
.thumb50x50 {
	position:relative;
	width: 50px;
	height:50px;
	overflow: hidden;
}
.thumb50x50 img {
	position:absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	height: auto;
	width: auto;
	min-height: 50px;
	min-width: 50px;
	max-height: 150px;
	max-width: 150px;
}
.thumb50x50 .mask {
	position:absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	height: 50px;
	width: 50px;
	background: transparent url(/layout/images/imgMask50x50.png) 0px 0px no-repeat;
        _background: none; /*IE6 hack*/
        cursor: pointer;
}

.yt{
    height: 100px;
}

.ytbox, .ytbox:hover, .ytbox:visited{
    display: block;
}

.ytDesc {
	vertical-align: top;
	margin-left: 125px;
}

.thumbYt {
        position:relative;
	width: 120px;
	height:90px;
        overflow: hidden;
        float: left;
}

.thumbYt img {
	position:relative;
	z-index: 5;
	left: 0px;
	top: 0px;
        height: 90px;
	width: 120px;


}
.thumbYt .mask {
	position:absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	height: 90px;
	width: 120px;
	background: transparent url(/layout/images/imgMask120x90.png) 0px 0px no-repeat;
        _background: none; /*IE6 hack*/
        display: block;
        cursor: pointer;
}


.thumb220x145 {
	position:relative;
	width: 220px;
	height:145px;
	overflow: hidden;
}
.thumb220x145 img {
	position:absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
	height: auto;
	width: auto;
	min-height: 145px;
	min-width: 220px;
	max-height: 240px;
	max-width: 440px;
}
.thumb220x145 .mask {
	position:absolute;
	z-index: 10;
	left: 0px;
	top: 0px;
	height: 145px;
	width: 220px;
	background: transparent url(/layout/images/imgMask220x145.png) 0px 0px no-repeat;
        _background: none; /*IE6 hack*/
        cursor: pointer;
}
/* ______________ end main ______________ */
.clear {
	clear: both;
}
/* ______________ footer ______________ */
#footer {
	position: relative;
	display: block;
	width: auto;
	border-top: 3px solid #f3f3f3;
	padding: 10px 50px 10px 50px;
	color: #999;
	font-size: 0.7em;
}

#footer a:link, #footer a:visited{
	color: #999;
	text-decoration: none;
	border-bottom: solid 1px #eee;
}

#footer a:hover{
	color: #999;
	text-decoration: none;
	border-bottom: solid 1px #ccc;
}