/*
Theme Name: Protonic
Theme URI: http://www.protonic.nl
Description: Website van Protonic
Version: 1.0
Author: RightDesign
Author URI: www.rightdesign.nl
*/

/*
KLEUREN:

Geel:  #C8BF1E
Grijs: #808184
Groen: #006A65

*/

html, body, div, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, 
th, td, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
}

body {background:#ffffff;font:11px 'Lucida Grande', Verdana, Arial, Tahoma, sans-serif;}

a {-moz-outline-style: none;}
a:link, a:visited {color:#C8BF1E;text-decoration:none;background:transparent;}
a:hover {color:#fdf569;text-decoration:none;}
a:active {outline:none;}
a:focus {-moz-outline-style: none;outline:none;}

h1 {}
h2 {}


#header {height:261px;background:url(images/header_inc.jpg) left repeat-x;}
	.headerwrap {width:1000px;padding:0 0 0 60px;}
	.logo {float:left;margin-top:55px;}
	
	.menu {float:left;margin:70px 0 0 90px;}
	
	.ontwerpt {float:left;height:21px;width:72px;margin-right:95px;margin-top:3px;}
	.ontwerpt li {position:relative;list-style:none;display:inline;}
	.ontwerpt li a {display:block;height:21px;width:72px;text-indent: -9999px;text-decoration:none;}
	.ontwerpt li.flip {background: url(images/ontwerpt.jpg) no-repeat left top;height:21px;}
	.ontwerpt li.flip a {background: url(images/ontwerpt.jpg) no-repeat left top;height:21px;}
	.ontwerpt li.flip a:hover, .ontwerpt li.flip a.current {background: url(images/ontwerpt.jpg) no-repeat left -21px;height:21px;}
	
	.produceert {float:left;height:23px;width:85px;margin-right:95px;}
	.produceert li {position:relative;list-style:none;display:inline;}
	.produceert li a {display:block;height:23px;width:85px;text-indent: -9999px;}
	.produceert li.flip {background: url(images/produceert.jpg) no-repeat left top;height:23px;}
	.produceert li.flip a {background: url(images/produceert.jpg) no-repeat left top;height:23px;}
	.produceert li.flip a:hover, .produceert li.flip a.current {background: url(images/produceert.jpg) no-repeat left -23px;height:23px;}
	
	.assembleert {float:left;height:23px;width:96px;}
	.assembleert li {position:relative;list-style:none;display:inline;}
	.assembleert li a {display:block;height:23px;width:96px;text-indent: -9999px;}
	.assembleert li.flip {background: url(images/assembleert.jpg) no-repeat left top;height:23px;}
	.assembleert li.flip a {background: url(images/assembleert.jpg) no-repeat left top;height:23px;}
	.assembleert li.flip a:hover, .assembleert li.flip a.current {background: url(images/assembleert.jpg) no-repeat left -23px;height:23px;}

	.hovers {width:1000px;height:190px;float:left;} /*display & visibility verwijderen om weer te tonen*/
	.hovers a {cursor:pointer;font-size:9px;border:none;-moz-outline-style:none;}
		.hovers a.een {display:block;width:150px;height:130px;margin-top:10px;margin-left:0px;}
		.hovers a.twee {display:block;width:140px;height:130px;margin-left:220px;margin-top:-132px;}
		.hovers a.drie {display:block;width:130px;height:130px;margin-left:370px;margin-top:-132px;}
		.hovers a.vier {display:block;width:136px;height:130px;margin-left:510px;margin-top:-132px;}
		.hovers a.vijf {display:block;width:126px;height:130px;margin-left:650px;margin-top:-132px;}

#wrap {width:945px;margin:0;padding:60px 0 0 60px;}

.links {width:150px;float:left;padding-right:20px;border-right:1px solid #d6d6d6;font-size:10px;}
	.links h2 {color:#b4b4b4;font-weight:normal;font-size:10px;margin-bottom:10px;}
	.links ul {margin:5px 0 15px 0;}
	.links ul li {color:#808184;}
	.links ul li span {display:inline;color:#b4b4b4;font-weight:bold;}
	.links a:link, .links a:visited {color:#808184;text-decoration:none;}
	.links a:hover {color:#222222;text-decoration:none;}
	.links .kaart {margin-top:40px;margin-left:-10px;}
	

.rechts {width:732px;float:right;}
	.rechts p {color:#808184;line-height:18px;font-size:11px;margin:17px 0 48px 0;width:185px;}
	.rechts strong {color:#808184;}
		p.recent_nieuws {width:300px;color:#808184;float:left;margin-top:0;}
	  p.recent_nieuws h9 {width:300px;color:#808184;font-size:11px;font-weight:bold;margin-bottom:2px;}
		p.recent_nieuws a:link, p.recent_nieuws a:visited {text-decoration:none;color:#c5c6c7;background:#ffffff;padding:0;}
		p.recent_nieuws a:hover {color:#808184;}
		.head_nieuws {height:16px;width:146px;}
	
	.rechts .align_right {float:right;margin-top:5px;}
	.rechts .home_illustratie {float:right;margin:5px 180px 0 0 ;}
	.rechts .ontwerpt_illustratie {float:right;margin:5px 60px 0 0 ;}
	.rechts .produceert_illustratie {float:right;margin:5px 70px 0 0 ;}
	.rechts .assembleert_illustratie {float:right;margin:22px 70px 30px 0 ;padding-bottom:30px;}
	.rechts .assembleert_illustratie_pagina {float:right;margin:2px 106px 0 0 ;}

	.rechts .align_right_twee {float:right;margin-right:80px;margin-top:82px;}

	.rechts a:link, .rechts a:visited {padding:2px 6px;color:#fff100;background:#adadad;}
	.rechts a:hover {background:#a0a0a0;}
	.rechts p.p_right {float:right;width:425px;margin:0 0 25px 0;}
	.rechts .produceertlink {position:absolute;margin-left:467px;top:606px;}
	.rechts .assembleertlink {position:absolute;margin-left:280px;top:660px;}
	.rechts .ontwerptlink {position:absolute;margin-left:515px;top:615px;}
	.rechts p.p_right_o {float:right;width:425px;margin:0 0 25px 0;}


	.rechts .specs {background:#5e5e5e;padding:10px 20px 10px 30px;color:#ffffff;}
		.rechts .specs p {color:#ffffff;width:100%;margin:10px 20px 10px 0;}
		.rechts .specs a:link, .rechts .specs a:visited {color:#f6e905;text-decoration:none;margin:0;padding:0;background:none;}
		.rechts .specs a:hover {color:#ffffff;}
		.rechts .specs ul {margin:0;padding:0;}
		.rechts .specs ul li {margin-left:15px;list-style-type:disc;}