* { margin: 0; padding: 0; }
img, fieldset { border: 0; vertical-align: middle; }
 
body { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 1.2em; color: #929394; text-align: center; }

a span, h1 span, .meer span { position: absolute; left: -9000px; }

.wrap { text-align: left; margin: 10px auto 0 auto; width: 820px; position: relative; left: 55px; }
h1 { font-size: 12px; }
.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

.center { float: left; width: 710px; }
.right { float: left; width: 94px; min-height: 310px; border-left: 1px solid #fff; background: url(../images/logo_gri.gif) no-repeat 10px bottom; overflow: hidden; padding-bottom: 50px; padding-left: 10px; }
div.lung { min-height: 510px; border-left: 1px solid #1A171B; margin-left: -1px; }
.right img { vertical-align: top; }

/*MENIU*/
.meniu { height: 17px; clear: both; padding: 26px 0 0 0; }
.meniu ul li { list-style: none; float: left; display: inline; margin-right: 14px; height: 17px; clear: none; }
.meniu .flags { float: right; padding-right:115px; }

/*BOXURI HOMEPAGE*/
.boxuri { clear: both; color: #fff; padding-bottom: 6px; position: relative; left: -3px; } 
.boxuri a { color: #fff; text-decoration: none; } 
.boxuri div { float: left; width: 213px; height: 59px; padding: 8px 12px; background: #999 url(../images/box.gif) no-repeat 0 0; position: relative; font-size: 10px; } 
.boxuri div h1 { font-size: 10px; margin-bottom: 0; }
.boxuri div li { list-style: none; background: url(../images/bullet_alb.gif) no-repeat left center; padding-left: 10px; display: inline-block; }
.boxuri div li a { position: relative; z-index: 10; }
.boxuri div li { display: block; }

	.boxuri .meer { display: block; overflow: hidden; position: absolute; left: 239px; top: 2px; height: 69px; width: 230px; padding: 0; margin: 0; background: url(../images/meer.gif) no-repeat 200px 40px; }


/*RIGHT MENU - Producten*/
.right h1 { height: 26px; line-height: 26px; vertical-align: top; clear: both; }
.right h2 { float: left; clear: both; height: 26px; line-height: 26px; vertical-align: top;  margin-bottom: 40px; padding-right: 8px; background: url(../images/right4.gif) no-repeat right 3px; }
.right h3 { height: 26px; line-height: 26px; vertical-align: top; margin-top: 30px; }
.right ul { margin-bottom: 40px; }
.right ul li { list-style: none; height: 26px; line-height: 26px; clear: both; }



/*PRODUCTEN*/
.billboard { position: relative; width: 710px; height: 365px; }
	.billboard .txt { float: left; width: 210px; margin: 100px 0 0 50px; line-height: 2em; font-size: 10px; display: inline; color: #fff; z-index: 20; position: relative; }
	.billboard .lbox { float: left; width: 154px; margin: 100px 0 0 45px; display: inline; color: #fff; z-index: 20; position: relative; }
	.billboard .lbox a { color: #fff; text-decoration: none; text-transform: uppercase; padding-right: 13px; }
	.billboard .lbox a img { vertical-align: middle; }
	.billboard .ls, .billboard .la { margin-top: 10px; z-index: 20; }
	/*.billboard .ls a { background: url(../images/right1.gif) no-repeat right center; }
	.billboard .la a { background: url(../images/right2.gif) no-repeat right center; }*/
	
		.billboard .img { position: absolute; top: 0; left: -4px; z-index: 10; background: url(../images/bg_img.gif) no-repeat 0 0; width: 703px; height: 358px; padding: 3px 5px 7px 4px; }
		.billboard .image { background: url(../images/bg_img.gif) no-repeat 0 0; width: 703px; height: 358px; padding: 3px 5px 7px 4px; position: relative; left: -4px; }
		.bg { position: absolute; top: 0; left: 0; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; background: #495599; width: 705px; height: 360px; z-index: 20; }
		.billboard object { position: absolute; top: 0; left: 0;  z-index: 40; }
		.billboard .link { position: absolute; top: 60px; left: 30px; padding-top: 0; z-index: 40; }
		.billboard .link a { background: none; }
		.install { display: block; width: 360px; height: 360px; position: absolute; top: 3px; right: 7px; }
		.install object { position: absolute; left: 0; top: 0; }
		#video { position: absolute; right: 60px; top: 60px; }
		#video object { position: static; }
		.telecomanda { position: absolute; top: 318px; left: 594px; z-index: 20; }
		
	/*JOS*/
	.jos { padding-top: 12px; width: 520px; font-size: 10px; line-height: 2em; }
		.jos { padding-top: 12px; width: 520px; }
		.jos p { margin-bottom: 2em; }
		.link { padding-top: 20px; }
		.link a { padding-right: 12px; background: url(../images/right3.gif) no-repeat right 2px; }
	
		.jos a em { font-style: normal; text-decoration: underline; }
		.jos a { color: #344489; text-decoration: none; }
		.jos a:hover { text-decoration: underline; }
		.gri a { color: #929394 !important; }
		
		.jos h1 { font-size: 16px; font-weight: normal; }	
		.jos h2 { font-size: 11px; line-height: 20px; font-weight: normal; text-transform: uppercase; margin-top: 10px; color: #766987; }	
		
		
/*NIEUWS*/	
	/*RIGHT MENU*/
	.right dl { font-size: 9px; line-height: 13px; }
	.right dl a { color: #717173; text-decoration: none; }
	.right dl a:hover { color: #929394; }
	.right dt { margin-bottom: 10px; }	
	.cuSageata a { float: left; background: url(../images/meer_alb.gif) no-repeat left bottom; padding-bottom: 20px; }
		
	.articol { padding: 12px 20px; color: #57595A; line-height: 1.6em; }
	.articol h1 { color: #0E2C75; font-size: 14px; line-height: 1.4em; font-weight:normal; text-transform: uppercase; font-family: Arial, sans-serif; }	
	.articol h2 { color: #0E2C75; font-size: 11px; line-height: 1.2em; font-weight:normal; text-transform: uppercase; font-family: Arial, sans-serif; }	
	.articol h3 { color: #0E2C75; font-weight: normal; font-size: 11px; }	
	.articol .txt { width: 465px; float: left; padding-right: 40px; }	
	.articol .img { width: 160px; float: left; padding-top: 5px; }		
	.articol a { color: #9C9D9E; text-decoration: none; }		
	.articol .meer a { padding-right: 10px; background: url(../images/right4.gif) no-repeat right 5px; }		
	.articol a:hover { color: #808182; }		
	
	/*LATEST*/	
	.latest { background: #D9DADB;  z-index: 10; display: inline-block; position: relative; border-bottom: 20px solid #fff; margin-bottom: -10px; }		
	div.latest { display: block; }
	.latest .img { padding-top: 40px; }			
	.latest .meer {margin-top: 38px; }	
	.latest .meer a {padding-left: 25px; float: left; background: url(../images/meer_gri.gif) no-repeat left bottom; padding-bottom: 8px;}	
	
	/*SINGLE*/
	div.single { padding-left: 0; }	
	div.single .txt { width: 390px; }	
	div.single .img img { margin-bottom: 25px; }	
	.single p { margin-bottom: 1.6em; }	
	
	
/*OPTIONS*/
	.options { position: relative; padding-right: 100px; padding-top: 0.4em; }
	.options em { position: absolute; top: 8px; left: -9000px; font-style: normal; font-size: 10px; font-weight: normal; color: #929394; }
	.options a:hover em { left: 110px; }	
	.options a { float: left; width: 31px; height: 31px; margin-right: 5px; }
	
	
/*VERKOOPPUNTEN*/
div.verkooppunten { width: 710px; display: inline-block; padding-bottom: 20px; }
	div.verkooppunten { display: block; }
	.drop { float: left; width: 430px; }
	.drop label { float: left; display: inline; width: 190px; margin-right: 17px; height: 50px; position: relative; }
	.drop label span { display: block; }
	.drop label select { width: 190px; border: 1px solid #B1B3B5; }
	.drop label select.replaced { display: none; }
	.terms { float: left; padding-top: 20px; clear: both; }
	
	.info { float: left; width: 270px; }
	.info p { margin: 0; line-height: 1.4em; }
	.info a { color:#929394; }
	.info h1 { font-size: 10px; font-weight: bold; margin-top: 18px; line-height: 1.4em; color: #646566; margin-bottom: 0; }
	
	
	/*SELECT*/
	    ul.selectReplacement { background: url(../images/select.gif) no-repeat 0 0; height: 29px; width: 192px; font-size: 10px; position: absolute; top: 20px; left: 0; }
	    ul.selectReplacement li { background: #fff; color: #646566; cursor: pointer; display: none; line-height: 1.5em; list-style: none; padding: 1px 12px; }
	    ul.selectOpen { display: block; border: 1px solid; height: auto; width: 190px; ove/rflow: auto; overflow: hidden; z-index: 10; background: #fff; }
	    ul.selectOpen li { display: block; }
	    ul.selectReplacement li.selected { display: block; background: transparent; line-height: 27px; height: 27px; overflow: hidden; width: 160px; padding-right: 22px; }
	    ul.selectOpen li.selected { background: #B1B3B5; display: block; width: 170px; padding-right: 12px; }
	    ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #B1B3B5; color: #fff; }	

	.flags { width: 140px; height: 40px; position: absolute; top: 19px; right: -39px; z-index: 800; }
	.flags ul.selectReplacement { top: 0; width: 140px; height: 20px; background: url(../images/select2.gif) no-repeat 0 0; z-index: 800; }
	.flags ul.selectReplacement li { padding: 0 12px; margin: 0; }
	.flags ul.selectOpen { width: 138px; height: auto; background: #fff; }
	.flags  ul.selectReplacement li.selected { height: 20px; line-height: 20px; width: auto; }
	.flags  ul.selectOpen li.selected { width: auto; }
	.flags li { float: none !important; }
	.flags select { width: 140px; border: 1px solid #B1B3B5; }
	.flags select.replaced { display: none; }
	
/*REFERENTIES*/	
	.referenties { background: url(../images/bg_referenties.gif) repeat-y right 0; border-top: 40px solid #fff; position: relative; color: #0E2C75; display: inline-block; }
	.referenties { display: block; }
		.col1, .col2, .col3 { float: left; display: inline; }
		.col2 p, .col3 p { height: 8em; line-height: 18px; }
		.col1 { width: 240px; padding-right: 10px; }
		.col2 { width: 161px; padding: 0 35px; font-size: 9px; }
		.col3 { width: 157px; padding: 0 35px; font-size: 9px; }
	.referenties li { clear: both; padding-top: 20px; list-style: none; font-weight: normal; font-size: 10px; line-height: 1.5em; }
	.referenties a { color: #0F234C; text-decoration: none; }
	.referenties  { color: #0F234C; text-decoration: none; }
	.referenties .img { height: 155px; }
	.referenties .link { padding: 0; height: auto; }
	.referenties .link a { display: block; padding: 0 40px 0 0; margin-top: 0.6em; min-height: 30px; background: url(../images/meer_alb.gif) no-repeat right top; font-size: 9px; font-weight: normal; color: #9C9D9E; }
	.referenties .link a:hover { color: #77797A; }
	.referenties li:hover .link a { color: #77797A; }
	
	
/*CONTACT*/
	.contact { position: absolute; top: 40px; left: 300px; z-index: 40; } 
	.contact li { list-style: none; line-height: 22px; font-size: 10px; } 
	.contact li a { color: #BCB7C7; font-weight: bold; text-decoration: none; } 
	.contact li a:hover { color: #D7D4DD; } 
	.contact li div { position: absolute; top: 0; left: 160px; width: 240px; line-height: 19px; color: #594C6C; font-size: 9px; } 
	.contact li div .email { line-height: 50px; } 
	.contact li div a { font-weight: bold; color: #594C6C; } 
	.contact li div a:hover { color: #817691 } 
	.contact li div.ascuns { left: -9000px; } 
	
	.form form { margin-top: 2em; }
	.form input, .form select, .form textarea { font-family: Verdana, sans-serif; font-size: 11px; padding: 4px 4px 0px 4px; height: 16px; border: 1px solid #C5C6C7; color: #929394; width: 220px; }
	.form select { width: auto; padding: 0; height: auto; }
	.form textarea { height: 91px; overflow: auto; }
	.form label { display: block; clear: both; margin-bottom: 7px; }
	.form label span { float: left; width: 190px; line-height: 20px; }
	
	.form p { width: 418px; font-size: 9px; margin-top: 3em; clear: both; }
	.form p input { width: auto; padding: 0 10px 0 0; height: auto; border: 0; background: url(../images/right3.gif) no-repeat right center; cursor: pointer; float: right; color: #766987; }
	.form .f1 { float: left; width: 190px; font-size: 10px; padding-top: 16px; margin-bottom: 20px; }
		.form .f1 h1 { margin-bottom: 8px; }
		.form .f1 input { width: auto; vertical-align: middle; margin: 0 5px 0 0; padding: 0; border: 0; }
		.form .f1 label { margin-bottom: 3px; }
		.form .f1 span { float: none; line-height: 12px; }
	.form .f2 { float: left; padding-top: 16px; margin-bottom: 20px; }
	
	
	#brochure { display: none; }
	#informatie { display: none; }
	
/*LANG*/
.lang { clear: both; }
	.lang li { float: left; list-style: none; }
	

.flash { margin-left: -5px; }
.flash object { margin-left: -5px; }

@media all and (min-width: 0px){
		.form input { padding: 2px 4px; }
		.form .f1 input  { }
    }