@charset "UTF-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7a7a7a;
	background-color:#2968a8;
	margin:20px 0px 20px 0px; /* top right bottom left */
	padding:0px;
	line-height:auto;
}
a:link, a:visited 	{ color:#2968a8; text-decoration:underline; }
a:hover, a:active 	{ color:#2968a8; text-decoration:none; }
.clearboth {
	clear:both;
}
h1 {
	font-size:18px;
	color:#2968a8;
	text-transform:uppercase;
	margin:0px 0px 5px 0px; /* top right bottom left */
}

h2 {
	font-size:16px;
	color:#56575e;
	text-transform:uppercase;
	margin:0px 0px 5px 0px; /* top right bottom left */
	}

#datum {
	font-size:14px;
	color:99ccff;
	text-transform:uppercase;
	margin:-4px 0px 2px 0px; /* top right bottom left */
	}

div.spacer5 {
	margin-top:5px;
}
div.spacer10 {
	margin-top:10px;
}
p.intro {
	font-weight:bold;
}

/* //////////  WRAPPERS  ////////// */
#mainwrapper {
	width:960px; 
	margin-left:auto; 
	margin-right:auto;
}
#wrapperframetop {
	background-color:#ffffff;
	background-image:url(../images/wrapper_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	height:23px;
}
#wrapperframe {
	background-color:#ffffff;
	background-image:url(../images/wrapper.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px 24px 0px 24px; /* top right bottom left */
}
#wrapperframebottom {
	background-color:#ffffff;
	background-image:url(../images/wrapper_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:23px;
}

/* //////////  LOGO + SEARCH  ////////// */
#logo {
	float: left;
	height:79px;
	width:366px;
}
#zoeken {
	float:right;
	text-align:right;
	color:#2968a8;
	font-size:10px;
	text-transform:uppercase;
	height: 72px;
	width: 500px;
	background: url(../images/Improving_your_Performance.jpg) bottom left no-repeat;
}
#zoeken a:link, #zoeken a:visited { color:#333333; text-decoration:none; }
#zoeken a:hover, #zoeken a:active { color:#2968a8; text-decoration:none; }
input.search {
	background-image:url(../images/bg-search.gif);
	background-repeat:no-repeat;
	_background-attachment:fixed;
	padding:3px 10px 0px 20px; /* top right bottom left */
	border:0px;
	height:18px;
	width:122px;
	font-size:11px;
}

/* //////////  MAIN MENU  ////////// */
#menu {
	position: absolute;
	top:120px;	
	text-align: left;
	margin-top: 20px;
}
#menu .spacer {
	background-image:url(../images/spacer-menu.gif);
	background-repeat:no-repeat;
	width:2px;
	height:26px;
	margin:0px 5px 0px 0px; 
	float:left;
}
#menu .menu {	
	float:left;
	margin:0px 5px 0px 0px;
	position: relative;
	_margin-top: 5px;
	_padding-bottom: 5px;
}
#menu .menu a.menulink:link, #menu .menu a.menulink:visited, #menu .menu a.menulinkactive:link, #menu .menu a.menulinkactive:visited {
	font-weight:bold;
	display:block;
	_display:inherit;
	height:21px;
	color:#2968a8;
	text-decoration:none;
	padding:5px 7px 0px 7px;
}
#menu .menu a.menulink:hover, #menu .menu a.menulink:active {
	background-image:url(../images/bg-menu.gif);
	background-repeat:repeat-x;
	_background-image:none;
	_color:#3399ff;
}
#menu .menu a.menulinkactive:link, #menu .menu a.menulinkactive:visited {
	background-image:url(../images/bg-menu.gif);
	background-repeat:repeat-x;
	_background-image:none;
	_color:#3399ff;
}
#menu .menu a.menulinkactive:link, #menu .menu a.menulinkactive:visited {
	background-image:url(../images/bg-menu.gif);
	background-repeat:repeat-x;
	_background-image:none;
	_color:#3399ff;
}

/* //////////  SUB MENU  ////////// */
div.submenu
{
	position: absolute;	
	left: 0px;
	top: 26px;
	margin-left: 0px;
	display: none;
	padding-top: 4px;
	*background-color: #fff;
	_top: 20px;
}

#menu .menu:hover div.submenu, #menu div.over div.submenu
{
	display: block;
}
#submenu {
	position:absolute;
}
#submenu01 {
	position:absolute;
	margin-top:45px;
	margin-left:60px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
}
#submenu02 {
	position:absolute;
	margin-top:45px;
	margin-left:242px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
}
#submenu03 {
	position:absolute;
	margin-top:67px;
	margin-left:424px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
}
.submenutop {
	width:180px;
	height:2px;
	background-image:url(../images/submenutop.gif);
	background-repeat:no-repeat;
	font-size:1px;
}
.submenumain {
	background-color:#56575e;
	color:#FFFFFF;
	width:178px;
	border-right: solid 1px #FFF;
	border-left: solid 1px #FFF;
}
#menu .submenu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#menu .submenu ul li {
	margin:0px;
	padding:0px;
	_line-height:14px;
	position: relative;
}
#menu .submenu ul li div.subsubmenu
{
	position: absolute;	
	left: 176px;
	top: -1px;
	display: none;
	padding-top: 0px;
	/*padding-left: 2px;*/
}

#menu .submenu ul li:hover div.subsubmenu, #menu .submenu ul li.over div.subsubmenu
{
	display: block;
}

#menu .submenu ul li div.subsubmenu ul li div.subsubsubmenu
{
	position: absolute;
	left: 176px;
	top: -2px;
	display: none;
	padding-top: 0px;
	/*padding-left: 2px;*/
}

#menu .submenu ul li div.subsubmenu ul li:hover div.subsubsubmenu, #menu .submenu ul li div.subsubmenu ul li.over div.subsubsubmenu
{
	display: block;	
}
#menu .submenu ul li a.submenulink:link, .submenu ul li a.submenulink:visited {
	display:block;
	border-top:solid 1px #909093;
	padding:4px;  /* top right bottom left */
	_margin-bottom:-14px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
#menu .submenu ul li a.submenulink:hover, .submenu ul li a.submenulink:active {
	background-color:#909093;
}
#menu .submenu ul li a.submenulinktop:link, .submenu ul li a.submenulinktop:visited, #menu .submenu ul li .subsubmenu ul li .subsubsubmenu ul li a.submenulinktop:link, #menu .submenu ul li .subsubmenu ul li .subsubsubmenu ul li a.submenulinktop:visited  {
	display:block;
	padding:4px;  /* top right bottom left */
	_margin-bottom:-14px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
#menu .submenu ul li a.submenulinktop:hover, .submenu ul li a.submenulinktop:active {
	background-color:#909093;
}
#menu .submenu ul li a.submenulinkactive:link, .submenu ul li a.submenulinkactive:visited {
	display:block;
	border-top:solid 1px #909093;
	padding:4px;  /* top right bottom left */
	_margin-bottom:-14px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	background-color:#909093;
}
#menu .submenu ul li a.submenulinkactive:hover, .submenu ul li a.submenulinkactive:active {
	background-color:#909093;
}
.submenubottom {
	width:180px;
	height:2px;
	background-image:url(../images/submenubottom.gif);
	background-repeat:no-repeat;
}

/* //////////  BREADCRUMB  ////////// */
#breadcrumb {
	margin: 55px 0px 15px 14px; /* top right bottom left */
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#235486;
}
#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration:none;
	color:#235486;
}
#breadcrumb a:hover, #breadcrumb a:active {
	color:#235486;
}

/* //////////  HOMEPAGE  ////////// */
#contenthomepage {
	width:671px; 
	margin-right:3px;
	float:left;
}
#homepagefoto {
	background-image:url(../images/homepage_foto.jpg);
	background-repeat:no-repeat;
	height:364px;
	width:671px;
	color:#FFFFFF;
	font-size:14px;
}
#homepagefototext {
	padding:270px 220px 0px 15px; /* top right bottom left */
}
#homepagefototext h1 {
	font-size:25px;
	color:#FFFFFF;
	font-weight: bold;
	letter-spacing: 20px;
	text-transform:uppercase;
	margin:0px 0px 5px 0px; /* top right bottom left */
}
#newsitemshomepage {
	margin-top:20px;
}
.newsitemfotohomepage {
	float:left;
	width:210px;
	margin-right:20px;
}
.newsitemtexthomepage {
	float:left;
	width:430px;
}
.textnewshomepage {
	height:150px;
	overflow:hidden;
}
.kaderfotohomepage {
 	position:absolute; 
	background-image:url(../images/kaderfotohomepage.png); 
	width:210px; 
	height:180px; 
}
.readmorehomepage {
	padding-left:20px;
	height:30px;
}
a.readmorehomepagebutton:link, a.readmorehomepagebutton:visited {
	background-image:url(../images/btn_readmore.gif);
	background-repeat:no-repeat;
	display:block;
	width:95px;
	height:22px;
	float: right;
	/*margin-left:120px;*/
}
a.offertebutton:link, a.offertebutton:visited {
	background-image:url(../images/offerteaanvragen.gif);
	background-repeat:no-repeat;
	display:block;
	width:160px;
	height:19px;
}
a.readmorehomepagebutton:hover, a.readmorehomepagebutton:active {
}

/* //////////  PRODUCTS  ////////// */
.readmoreproduct {
	border-bottom:dotted 1px #909090;
	padding-left:20px;
	height:30px;
	margin-top:8px;
	margin-bottom:8px;
	clear: left;
}
.productoverviewimage {
	float:left; 
	margin-right:10px;
}
.detailmainpict {
	width:220px; 
	height:220px; 
	float:left; 
	margin-right:5px;
}
.detailrighttopict {
	width:205px; 
	height:220px; 
	float:left; 
	text-align:right; 
	font-weight:bold; 
	color:#7a7a7a; 
	line-height:18px;
}
.detailtekstmainpict {
	height:160px; 
	overflow:hidden;
}
.detailthumbs {
	height:60px;
}
.detailthumbleft {
	/*border:solid 1px #999999; */
	margin-left: 5px;
    width: 60px;
    float: left;
}
.detailthumbright {
	/*border:solid 1px #999999; */
	margin-right: 6px;
    width: 60px;
    float: right;
}
#specifications tr.blue {
	 background-color:#eff4f9;
}
#specifications td {
	padding:3px 5px 3px 5px;  /* top right bottom left */
	font-size:11px;
}

#downloads tr.blue {
	 background-color:#eff4f9;
}
#downloads td {
	padding:3px 5px 3px 5px;  /* top right bottom left */
	font-size:11px;
}

.kaderfotoproductdetail {
 	position:absolute; 
	background-image:url(../images/kader_vierkant.png); 
	width:60px; 
	height:60px; 
	/*margin-left: 136px;*/
}
.grijsvlak {
	width: 425px;
	height: 80px;
	background-color: #f2f2f2;
}
.grijsvlaktext {
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	margin-left: 30px;
	padding: 7px;
}

/* //////////  NIEUWS  ////////// */
.newsitemfotonieuwsdetail {
	float:right;
	width:159px;
	margin-left:20px;
	margin-bottom:20px;
}
.kaderfotonieuwsdetail {
 	position:absolute; 
	background-image:url(../images/kader_fotonieuwsdetail.png); 
	width:159px; 
	height:212px; 
}
.bronnieuwsdetail {
	text-transform:uppercase;
	color:#aaaaaa;
	font-size:10px;
	text-align:right;
}

/* //////////  EVENTS  ////////// */

#eventimage {
	float: left;
	width: 115px;
	height: 140px;
	}
	
.eventsitemfotonieuwsdetail {
	float:right;
	width:159px;
	margin-left:10px;
	margin-bottom:10px;
}
.kaderfotoeventsdetail {
 	position:absolute; 
	background-image:url(../images/kader_fotoeventoverzicht.png); 
	width:105px; 
	height:140px; 
}
.broneventsdetail {
	text-transform:uppercase;
	color:#aaaaaa;
	font-size:10px;
	text-align:right;
}

/* //////////  ZOEKEN  ////////// */
#searchresult {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	text-align:center;
}
#searchresultpages {
	text-align:center;
	margin-top:5px;
}
#searchresult a {
	margin:5px;
}

#searchresult a.active {
	margin:5px;
	color:#56575e;
}
a.zoekkruimel:link, a.zoekkruimel:visited{
	color:#999999;
	text-decoration:none;
}
a.zoekkruimel:hover, a.zoekkruimel:active {
	color:#56575e;
}
a.zoektitel {
	color:#56575e;
	font-size:14px;
	font-weight:bold;
}

/* //////////  FAQ  ////////// */
.faqantwoord {
	margin-bottom:10px;
	margin-top:5px;
}
a.faqvraag {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#7a7a7a;
}
.lijn {
	border-top:solid 1px #a3cff7;
	font-size:1px;
	height:6px;
	margin-top:3px;
}

/* //////////  CONTENT  ////////// */
#content {
	width:432px;
	float:left;
}
#topimage {
	margin:0px 0px 20px 0px;
}

/* //////////  COLUMN LEFT  ////////// */
#columnleft {
	width:210px; 
	margin-right:25px;
	float:left;
}
#columnleft ul {
	margin:0px 0px 0px 10px;
	padding:0px;
	list-style-type:none;
}
#columnleft ul li a:link, #columnleft ul li a:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px 0px 4px 0px;
}
#columnleft ul li a:hover, #columnleft ul li a:active {
	color:#b5b5b5;
}
#columnleft ul li a.active:link, #columnleft ul li a.active:visited {
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:4px 0px 4px 0px;
}
#columnleft ul li a.active:hover, #columnleft ul li a.active:active {
	color:#FFFFFF;
}

#columnleft ul li ul {
	margin:0px;
}
#columnleft ul li ul li a:link, #columnleft ul li ul li a:visited {
	padding-left:15px;
	text-transform:none;
}
#columnleft ul li ul li a:hover, #columnleft ul li ul li a:active {
	color:#b5b5b5;
}
#columnleft ul li ul li a.active:link, #columnleft ul li ul li a.active:visited {
	padding-left:15px;
	text-transform:none;
	font-weight:bold;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
}
#columnleft ul li ul li a.active:hover, #columnleft ul li ul li a.active:active {
	color:#FFFFFF;
}

#columnleft ul li ul li ul {
	margin:0px;
}
#columnleft ul li ul li ul li a:link, #columnleft ul li ul li ul li a:visited {
	padding-left:30px;
	text-transform:none;
}
#columnleft ul li ul li ul li a:hover, #columnleft ul li ul li ul li a:active {
	color:#b5b5b5;
}
#columnleft ul li ul li ul li a.active:link, #columnleft ul li ul li ul li a.active:visited {
	padding-left:30px;
	text-transform:none;
	font-weight:bold;
	background-image:url(../images/arrow2.gif);
	background-repeat:no-repeat;
}
#columnleft ul li ul li ul li a.active:hover, #columnleft ul li ul li ul li a.active:active {
	color:#FFFFFF;
}

/* //////////  COLUMN RIGHT  ////////// */
#columnright {
	width:210px; 
	margin-left:25px;
	float:left;
}
.blauwvlaktop {
	width:210px;
	height:5px;
	background-image:url(../images/blauwvlaktop.gif);
	background-repeat:no-repeat;
	font-size:1px;
}
.blauwvlakmain {
	background-color:#56575e;
	color:#FFFFFF;
}
.blauwvlakmaintext {
	padding:7px;
}
h1.wit {
	font-size:16px;
	color:#FFFFFF;
	margin:0px 0px 5px 0px; /* top right bottom left */
	text-transform:capitalize;
}
a.blauwvlaklink:link, a.blauwvlaklink:visited {
	display:block;
	border-top:solid 1px #e3e3e3;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	overflow: hidden;
}
a.blauwvlaklink:hover, a.blauwvlaklink:active {
	background-color:#909093;
}
.blauwvlakbottom {
	width:210px;
	height:5px;
	background-image:url(../images/blauwvlakbottom.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

/* //////////  BOTTOM  ////////// */
#grijzelijnbottom {
	background-color:#909090;
	height:1px;
	font-size:1px;
	margin:20px 0px 10px 0px; /* top right bottom left */
}
#bottom {
	text-align:center;
}
#bottom a:link, #bottom a:visited {
	font-size:11px;
	text-decoration:none;
	text-transform:lowercase;
}
#bottom a:hover, #bottom a:active {
	color:#2968a8;
}


/* //////////  FORM ELEMENTS  ////////// */
input {
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	height:14px;
}
input.radio {
	border:none;	
}
input.checkbox {
	border:none;	
}
input.contact {
	width:200px;
	margin-bottom:10px;
}
textarea {
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
textarea.contact {
	width:200px;
	margin-bottom:10px;
	float:left;
}
select {
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
a.button:link, a.button:visited {
	border:solid 1px #56575e;
	background-color:#56575e;
	display:block;
	font-size:11px;
	color:#373737;
	height:16px;
	padding-top:4px;
	width:190px;
	text-align:center;
	font-weight:bold;	
	text-transform:uppercase;
	text-decoration:none;
}
a.button:hover, a.button:active {
	border:solid 1px #FFFFFF;
	background-color:#e4100f;
	color:#FFFFFF;
}

a.buttoncontact:link, a.buttoncontact:visited {
	background-image:url(../images/buttoncontact.gif);
	background-repeat: no-repeat;
	display:block;
	width: 101px;
	height: 19px;
}
.red {
	color:#FF0000;
}
.green {
	color:#3599ff;
}
input.shadowbutton
{
	display: none;
}

a.button2:link, a.button2:visited {
	border:solid 1px #babbbb;
	background-color:#cdcdcd;
	display:block;
	float: left;
	margin: 0 5px 0 0;
	font-size:11px;
	color:#373737;
	height:16px;
	padding-top:4px;
	width: 211px;
	text-align:center;
	font-weight:bold;	
	text-transform:uppercase;
	text-decoration:none;
}

a.button2:hover, a.button2:active {
	background: #e4100f url(../images/btn_bg.png);
	width: 213px;
	height: 18px;
	border: 0;
	color: #fff;
	}
	
a.buttonright:link, a.buttonright:visited {
	border:solid 1px #babbbb;
	background-color:#cdcdcd;
	display:block;
	font-size:11px;
	color:#373737;
	height:16px;
	padding-top:4px;
	width:194px;
	margin: 5px 0 0 0;
	text-align:center;
	font-weight:bold;	
	text-transform:uppercase;
	text-decoration:none;
}

a.buttonright:hover, a.buttonright:active {
	border:solid 1px #FFFFFF;
	background-color:#2968a8;
	color:#FFFFFF;
}