@charset "UTF-8";
/* COLORS USED
blue light			#3399ff
blue dark			#0d2e58
*/



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#091545;
	margin:20px 0px 20px 0px; /* top right bottom left */
	padding:0px;
	line-height:auto;
	text-align: justify;
}
a:link, a:visited 	{ color:#333333; text-decoration:underline; }
a:hover, a:active 	{ color:#3399ff; text-decoration:none; }
.clearboth {
	clear:both;
}

h1 {
	font-size:18px;
	color:#99ccff;
	text-transform:uppercase;
	margin:0px 0px 0px 0px; /* top right bottom left */
}
h2 {
	font-size:14px;
	color:#99ccff;
	text-transform:uppercase;
	margin:0px 0px 5px 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:260px;
}
#zoeken 
{
	float: left;
	text-align: right;
	color: #9797979;
	font-size: 10px;
	text-transform: uppercase;
	width: 645px;
	background: url(../Images/headersearch_bg.png) no-repeat;
}
#zoeken a:link, #zoeken a:visited {		text-decoration:none;	}
#zoeken a:hover, #zoeken a:active {		text-decoration:none; color:#3399ff;	}
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: 149px;	
	text-align: left;
}
#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:#0d2e58;
	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;
}

.submenu div.submenumain ul li
{
	text-transform: uppercase;
}

div.submenu div.submenumain ul li div.subsubmenu div.submenumain ul li
{
	text-transform: none;
}

/*
#submenu01 {
	position:absolute;
	margin-top:45px;
	margin-left:60px;
}
#submenu02 {
	position:absolute;
	margin-top:45px;
	margin-left:242px;
}
#submenu03 {
	position:absolute;
	margin-top:67px;
	margin-left:424px;
}
*/
.submenutop {
	width:180px;
	height:2px;
	background-image:url(../images/submenutop.gif);
	background-repeat:no-repeat;
	font-size:1px;
}
.submenumain {
	background-color:#babbbb;
	color:#FFFFFF;
	width:180px;
}
#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 #cdcdcd;
	padding:4px;  /* top right bottom left */
	_margin-bottom:-14px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	height: auto;
	font-weight: normal;
}
#menu .submenu ul li a.submenulink:hover, .submenu ul li a.submenulink:active {
	background-color:#cdcdcd;
	background-image: none;
}
#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;
	height: auto;
	font-weight: normal;
}
#menu .submenu ul li a.submenulinktop:hover, .submenu ul li a.submenulinktop:active {
	background-color:#cdcdcd;
	background-image: none;
}
#menu .submenu ul li a.submenulinkactive:link, .submenu ul li a.submenulinkactive:visited {
	display:block;
	border-top:solid 1px #cdcdcd;
	padding:4px;  /* top right bottom left */
	_margin-bottom:-14px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	background-color:#cdcdcd;
	font-weight: normal;
	border-bottom: 0px;
}
#menu .submenu ul li a.submenulinkactive:hover, .submenu ul li a.submenulinkactive:active {
	background-color:#cdcdcd;
}
.submenubottom {
	width:180px;
	height:2px;
	background-image:url(../images/submenubottom.gif);
	background-repeat:no-repeat;
	font-size: 1px;
}

/* //////////  BREADCRUMB  ////////// */
#breadcrumb {
	margin:61px 0px 15px 14px; /* top right bottom left */
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#0d2e58;
}
#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration:none;
	color:#0d2e58;
}
#breadcrumb a:hover, #breadcrumb a:active {
	color:#3399ff;
}

/* //////////  HOMEPAGE  ////////// */
#contenthomepage {
	width:671px; 
	margin-right:3px;
	float:left;
}
#homepagefoto {
	background-repeat:no-repeat;
	height:364px;
	width:671px;
	color:#FFFFFF;
	font-size:14px;
}
body.site1 #homepagefoto
{
	background-image: url(../Images/homepage_foto.jpg);
}
body.site2 #homepagefoto
{
	background-image: url(../Images/homepage_foto_extranet.jpg);
}
body.site7 #homepagefoto
{
	background-image: url(../Images/homepage_foto_fr.jpg);
}
#homepagefototext {
	padding:270px 220px 0px 15px; /* top right bottom left */
}
#homepagefototext h1 {
	font-size:18px;
	color:#FFFFFF;
	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 {
	border-bottom:solid 1px #909090;
	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;
	margin-left:310px;
}
a.readmorehomepagebutton:hover, a.readmorehomepagebutton:active {
}

/* //////////  PRODUCTS  ////////// */
.readmoreproduct {
	border-bottom:solid 1px #909090;
	padding-left:20px;
	height:30px;
	margin-top:8px;
	margin-bottom: 1em;
	clear: left;
}
.productoverviewimage {
	float:left; 
	margin-right:10px;
}
.detailmainpict {
	width:220px; 
	height:220px; 
	float:left; 
	margin-right:5px;
}
.detailrighttopict {
	width:205px; 
	height:220px; 
	float:right; 
	text-align:right; 
	font-weight:bold; 
	color:#7a7a7a; 
	line-height:18px;
}
.detailtekstmainpict {
	height:160px; 
	overflow:hidden;
	padding-left: 5px;
}
.detailthumbs {
	height:60px;
}
.detailthumbleft {
	/*border:solid 1px #999999; */
	float:right; 
}
.detailthumbright {
	/*border:solid 1px #999999; */
	float:right;
	margin-left: 9px;
}
#specifications tr.blue {
	 background-color:#e3f1fd;
}
#specifications td {
	padding:3px 5px 3px 5px;  /* top right bottom left */
	font-size:11px;
}

#downloads tr.blue {
	 background-color:#e3f1fd;
}
#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; 
}


/* //////////  NIEUWS  ////////// */
.newsitemfotonieuwsdetail {
	float:right;
	width:159px;
	margin-left:20px;
	margin-bottom:20px;
	margin-top: 21px;
}
.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;
	margin-top: 21px;
}
.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:#3399ff;
}
a.zoekkruimel:link, a.zoekkruimel:visited{
	color:#999999;
	text-decoration:none;
}
a.zoekkruimel:hover, a.zoekkruimel:active {
	color:#3399ff;
}
a.zoektitel {
	color:#3399ff;
	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;
	min-height: 528px;
}
#topimage {
	margin:0px 0px 20px 0px;
}

/* //////////  COLUMN LEFT  ////////// */
#columnleft, 
#forumcolumnleft {
	width:210px; 
	margin-right:25px;
	float:left;
	text-align: left;
	clear: left;
}
#columnleft ul, 
#forumcolumnleft ul {
	margin:0px 0px 0px 10px;
	padding:0px;
	list-style-type:none;
}
#columnleft ul li a:link, #columnleft ul li a:visited, 
#forumcolumnleft ul li a:link, #forumcolumnleft 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, 
#forumcolumnleft ul li a:hover, #forumcolumnleft ul li a:active {
	background-color:#b1d6f8;
}
#columnleft ul li a.active:link, #columnleft ul li a.active:visited, 
#forumcolumnleft ul li a.active:link, #forumcolumnleft 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, 
#forumcolumnleft ul li a.active:hover, #forumcolumnleft ul li a.active:active{
	background-color:#b1d6f8;
}

#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:#003366;
}
#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:#003366;
}

#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:#003366;
}
#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:#003366;
}

/* //////////  COLUMN RIGHT  ////////// */
#columnright {
	width:210px; 
	margin-left:25px;
	float:left;
	text-align: left;
}
.blauwvlaktop {
	width:210px;
	height:5px;
	background-repeat:no-repeat;
	font-size:1px;
}
body.site1 .blauwvlaktop
{
	background-image: url(../Images/blauwvlaktop.gif);
}
body.site2 .blauwvlaktop
{
	background-image: url(../Images/blauwvlaktop_extranet.gif);
}
body.site7 .blauwvlaktop
{
	background-image: url(../Images/blauwvlaktop_fr.gif);
}
.blauwvlakmain {
	color:#FFFFFF;
}
body.site1 .blauwvlakmain
{
	background-color: #8ed1f9;
}
body.site2 .blauwvlakmain
{
	background-color: #000d45;
}
body.site7 .blauwvlakmain
{
	background-color: #8ed1f9;
}
.blauwvlakmaintext {
	padding:7px;
}
h1.wit {
	font-size:14px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px; /* top right bottom left */
	text-transform: none;
}
a.blauwvlaklink:link, a.blauwvlaklink:visited {
	display:block;
	border-top:solid 1px #c3e0fa;
	/*height:16px;*/
	padding-top:4px;
	padding-left:4px;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	text-transform:none;
}
a.blauwvlaklink:hover, a.blauwvlaklink:active {
	background-color:#b1d6f8;
}
.blauwvlakbottom {
	width:210px;
	height:5px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
body.site1 .blauwvlakbottom
{
	background-image: url(../Images/blauwvlakbottom.gif);
}
body.site2 .blauwvlakbottom
{
	background-image: url(../Images/blauwvlakbottom_extranet.gif);
}
body.site7 .blauwvlakbottom
{
	background-image: url(../Images/blauwvlakbottom_fr.gif);
}
input.forumButton {
	border: 1px solid #6CA8E4;
	color: #6CA8E4;
	background-color: #C5E1FD;
	width: 400px;
	height: 22px;
	text-transform:uppercase;
	font-weight: bold;
}

/* //////////  BOTTOM  ////////// */
#grijzelijnbottom {
	background-color:#909090;
	height:1px;
	font-size:1px;
	margin:20px 0px 0px 0px; /* top right bottom left */
}
#bottom {
	text-align:center;
	padding-top: 10px;
}
#bottom a:link, #bottom a:visited {
	font-size:11px;
	text-decoration:none;
	text-transform:lowercase;
}
#bottom a:hover, #bottom a:active {
	color:#3399ff;
}


/* //////////  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;	
}
span.noborder input, table.noborder input
{
	border: none;
}
input.contact {
	width:300px;
	margin-bottom:10px;
}
textarea {
	border:solid 1px #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
textarea.contact {
	width:300px;
	margin-bottom:10px;
}
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 #babbbb;
	background-color:#cdcdcd;
	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 {
	border:solid 1px #babbbb;
	background-color:#cdcdcd;
	display:block;
	font-size:11px;
	color:#373737;
	height:16px;
	padding-top:4px;
	width:135px;
	text-align:center;
	font-weight:bold;	
	text-transform:uppercase;
	text-decoration:none;
}
a.buttoncontact:hover, a.buttoncontact:active {
	border:solid 1px #FFFFFF;
	background-color:#e4100f;
	color:#FFFFFF;
}
.red {
	color:#FF0000;
}
.green {
	color:#00CC00;
}

.forminput
{
	width: 95%;
}

.checkboxlist input
{
	border: 0px;
}

input.shadowbutton
{
	display: none;
}

/* ------------------------------------------------------- DOWNLOAD PAGE ------------------------------------------------------- */

#dlsearch {
	background-image:url(../images/dlsearch.gif); 
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 410px;
	height: 43px;
	}

.dl1 {
	margin: 7px 0 0 0;
	width: 160px;
	float: left;
	}
	
.dl2 {
	margin: -19px 0 0 308px;
	width: 100px;
	float: left;
	}
	
a.dlbutton:link, a.dlbutton:visited {
	border:solid 1px #babbbb;
	background-color:#cdcdcd;
	display:block;
	float: right;
	font-size:11px;
	color:#373737;
	height:14px;
	padding-top:2px;
	width: 90px;
	text-align:center;
	font-weight:bold;	
	text-transform:uppercase;
	text-decoration:none;
}
a.dlbutton:hover, a.dlbutton:active {
	border:solid 1px #FFFFFF;
	background-color:#e4100f;
	color:#FFFFFF;
}

span.required
{
	color: #f00;
}

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:#e4100f;
	color:#FFFFFF;
}

.greytxt {
	color: #999;
	}
	
.cattxt {
	color: #c3e0fa;
	}
	
label
{
	vertical-align: top;
    padding: 0 0 0 3px;
    line-height: 19px;
}

/* Forum add-on */

	h2 a, h2 a:visited {
		text-decoration: none;
		font-style: normal;
		color: #99ccff;
		}
		
	h2 a:hover {
		color: #a1d0ff;
		}
	
#wrapper {
	width: 400px;
	padding: 0 20px;
	overflow: hidden;
	background: #fff;
	color: #929292;
	min-height: 600px;
	float: left;
	}
	
.currentpage {
	font-weight: bold;
	text-decoration: underline;
	}
	
.forum {
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px dotted #929292;
	}
	
.forum p a {
    text-decoration: none;
    font-style: italic;
}
	
.forumpost {
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px dotted #929292;
	}
	
	.forum p, .forumpost p{
		margin: 0;
		}
		
	.txt {
		color: #9acdff;
		}
	
.inputfield {
	border: 1px solid #99ccff;
	margin: 5px 0;
	width: 400px;
	background: #efefef;
	padding: 2px;
	color: #6ca8e4;
	}