/* Overwrite default syles */

@font-face {
    font-family: 'Bryant';
    src: url('/shared/bryant-boldalt-webfont.eot');
    src: url('/shared/bryant-boldalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/shared/bryant-boldalt-webfont.woff') format('woff'),
         url('/shared/Bryant-BoldAlt.ttf') format('truetype'),
         url('/shared/bryant-boldalt-webfont.svg#BryantRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul {
	 list-style-image:url('/shared/images/custom/corporate/template/pdmenudot.gif');
}

/* INDEX.HTML */

html {
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#f36f21;
}

#container {
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

#container #rooftop {
	height:36px;
	width:994px;
	overflow:hidden;
}

#container #rooftop a.english {
	display:block;
	text-decoration:none;
	height:12px;
	line-height:12px;
	width:58px;
	float:right;
	text-align:right;
	background:url('/shared/images/custom/corporate/template/ukflag.gif') no-repeat top left;
	margin-top:20px;
}

#container #rooftop a.english:hover {
	text-decoration:underline;	
}

#header
{
	position:relative;
	padding:3px 4px 0px 4px;
	background:white url('/shared/images/custom/corporate/template/headertop.gif') no-repeat top left;
	height:62px;
	width:986px; /* 994 - (left-padding + right-padding)*/
	overflow:hidden;
}

#header img.headerlogo
{
	float:left;
}

#header form.searchform
{
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	display:block;
	float:right;
	position:relative;
	height:40px;
	padding-top:17px;
	width:195px;
}

#header form.searchform input.text
{
	position:absolute;	
	left:0px;
	top:15px;
	width:155px; /*163 - (left-padding+right-padding)*/
	height:13px; /*21 - (top-padding+bot-padding)*/
	padding:4px;
	border:1px black solid;
	font-style:italic;
}

#header form.searchform input.submit
{
	position:absolute;
	left:170px;
	top:19px;
	background-image:url('/shared/images/custom/corporate/template/button.gif');
	width:16px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
	vertical-align:25%;  /*this fucks up align in FF but is needed for IE */
	cursor:pointer;
}

#header img.headerimage
{
	/* HACK: had to clear both on the header banner because IE6 made up a 3px height on the div.clear */
	clear:both;
}

#header div.headerbotruler
{
	position:absolute;
	top:59px;
	left:4px;
	border-top:1px #fbc78f solid;
	background:url('/shared/images/custom/corporate/template/headerbotruler.gif') repeat-x top left;
	height:6px;
	width:986px;
}

#header .smi
{
	float:left;
	position:relative;
	width:370px;
	height:57px;
}

#header .smi a
{
	display:block;
	position:absolute;
	width:24px;
	height:24px;
	background-image:url(/shared/images/custom/smi.png);
	top:15px;
}

#header .smi .facebook
{
	left:300px;
	background-position:-24px;
}
#header .smi .twitter
{
	left:333px;
}

#header .smi a span
{
	display:none;
}

#container #content {
	background-color:white;
	min-height:272px; /* 280 - (padding-top+padding-bottom) */
	width:986px; /* 994 - (left-padding + right-padding)*/
	padding:4px;
	overflow:hidden	
}

#container #content div.minheight {
	/* HACK: this div simulates min-height in IE6 */
	height:272px;
	width:0px;
	float:left;
}

#footer
{
	height:27px; /*30 -padding-bottom */
	width:986px; /* 994 - (left-padding + right-padding)*/
	padding:0px 4px 3px 4px;
	background:white url('/shared/images/custom/corporate/template/footerbot.gif') no-repeat bottom left;
	overflow:hidden;
}

#footer img.addressleft
{
	display:block;
	float:left;
}

#footer div.addressmid
{
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	width:978px;
	height:20px;/* 26-padding-top */
	/*line-height:26px;*/
	padding-top:6px;
	background:white url('/shared/images/custom/corporate/template/footerbg.gif') repeat-x bottom left;
	text-align: center;
	float:left;
	overflow:hidden;
}

#footer div.addressmid span.footercol
{
	color:#ffffff;
	font-weight:bold;
}

#footer div.addressmid span.footercol a
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#footer div.addressmid span.footercol a:hover
{
	text-decoration:underline;
}

#footer div.addressmid  img.separator
{
	color:#ffffff;
	font-weight:bold;
	margin:0px 40px;
}

#footer img.addressright
{
	display:block;
	float:left;
}

#subfooter
{
	background-color:#cccccc;
}
#subfooter *
{
	color:#575757;
}

#subfooter .column h6
{
	font-family:Bryant, sans-serif;
	font-size:14px;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#subfooter .column
{
	float:left;
	text-align:left;
	width:232px;
	margin-top:20px;
}

#subfooter ul
{
	margin:0px;
	padding:0px;
	padding-left:12px;
	list-style-image:url('/shared/images/custom/corporate/lidingetje.gif');
}

#subfooter ul li a
{
	text-decoration:none;
}
#subfooter ul li a:hover
{
	text-decoration:underline;
}

#subfooter a
{
	text-decoration:underline;
}


#basementfloor
{
	width:994px;
	color:#ffffff;
	text-align:center;
}

#basementfloor *
{
	color:#ffffff;
}

#hpcarousel
{
	position:relative;
	width:968px;
	height:288px;
}

#hpcarousel img
{
	display:none;
}

#hpcarousel div
{
	position:absolute;
}

#hpcarousel .carousel_left,
#hpcarousel .carousel_right
{
	left:15px;
	top:129px;
	width:11px;
	height:30px;
	background-image:url(/shared/images/custom/corporate/carousel_pijltjes.gif);
	cursor:pointer;
}

#hpcarousel .carousel_right
{
	left:963px;
	background-position:-11px 0px;
}

#hpcarousel .carousel_mask
{
	top:0px;
	left:40px;
	width:908px;
	height:288px;
	background-image:url(/shared/images/custom/corporate/carouselmask.png);
	z-index:6;
}

#hpcarousel .carousel1,
#hpcarousel .carousel2
{
	top:0px;
	left:0px;
	width:899px;
	height:256px;
}
#hpcarousel .carousel2
{
	left:899px;
}

#hpcarousel .carouselbakje
{
	position:relative;
	top:16px;
	left:44px;
	width:899px;
	height:256px;
	overflow:hidden;
	z-index:5;
}

#hpcarousel .carouselbakje .carouselcontainer
{
	position:relative;
	width:1798px;
}




/* MENU.HTML */
#navmenu {
	border-top:1px white solid;
	border-left:4px white solid;
	border-right:4px white solid;
	width:986px; /* 994 - (left-padding + right-padding)*/
	height:52px;
	background:url('/shared/images/custom/corporate/template/buttonbarbg.gif') repeat-x top left;
	overflow:hidden;
}

/* sub menu buttons */
#navmenu li ul {
	top:40px;
}

#navmenu li ul li a {
	height:25px;
	line-height:25px;
	background-color:#acacac;
	color:white;
	padding:0px 10px;
	font-weight:bold;
	border-bottom:1px white solid;
	width:145px; /* 165 - (padding-left + padding-right) */
	overflow:hidden;
}

#navmenu li ul li a:hover {
	background-color:#4a4a4a;
}

#navmenu li ul li a.last {
	border-bottom:1px #777777 solid;
}

#navmenu li ul li a.first {
	padding-top:8px;
	background: #acacac url('/shared/images/custom/corporate/template/submenutop.gif') no-repeat top left;
}

#navmenu li ul li a.first:hover {
	padding-top:8px;
	background: #4a4a4a url('/shared/images/custom/corporate/template/submenutop_mo.gif') no-repeat top left;
}

/* main buttons */
#navmenu li a {
	height:39px;
	background-repeat:no-repeat;
	background-position:top left;
	margin-right:1px;
}

#navmenu #home {
	width:74px;
	background-image:url('/shared/images/custom/corporate/buttons/home.gif');
}
#navmenu #home:hover, #navmenu #home.selected {
	background-image:url('/shared/images/custom/corporate/buttons/home_mo.gif');
}
#navmenu #over {
	width:124px;
	background-image:url('/shared/images/custom/corporate/buttons/over.gif');
}
#navmenu #over:hover, #navmenu #over.selected {
	background-image:url('/shared/images/custom/corporate/buttons/over_mo.gif');
}
#navmenu #producten {
	width:182px;
	background-image:url('/shared/images/custom/corporate/buttons/producten.gif');
}
#navmenu #producten:hover, #navmenu #producten.selected {
	background-image:url('/shared/images/custom/corporate/buttons/producten_mo.gif');
}
#navmenu #nieuws {
	width:83px;
	background-image:url('/shared/images/custom/corporate/buttons/nieuws.gif');
}
#navmenu #nieuws:hover, #navmenu #nieuws.selected {
	background-image:url('/shared/images/custom/corporate/buttons/nieuws_mo.gif');
}
#navmenu #contact {
	width:86px;
    margin-right:0; /* NOTICE */
	background-image:url('/shared/images/custom/corporate/buttons/contact.gif');
}
#navmenu #contact:hover, #navmenu #contact.selected {
	background-image:url('/shared/images/custom/corporate/buttons/contact_mo.gif');
}
#navmenu #resellers {
	width:165px;
	background-image:url('/shared/images/custom/corporate/buttons/resellers.gif');
}
#navmenu #resellers:hover, #navmenu #resellers.selected {
	background-image:url('/shared/images/custom/corporate/buttons/resellers_mo.gif');
}
#navmenu #werken {
	width:106px;
	background-image:url('/shared/images/custom/corporate/buttons/vacatures.gif');
}
#navmenu #werken:hover, #navmenu #werken.selected {
	background-image:url('/shared/images/custom/corporate/buttons/vacatures_mo.gif');
}
#navmenu #downloads {
	width:106px;
	background-image:url('/shared/images/custom/corporate/buttons/downloads.gif');
}
#navmenu #downloads:hover, #navmenu #downloads.selected {
	background-image:url('/shared/images/custom/corporate/buttons/downloads_mo.gif');
}
#navmenu #netexpo {
	width:159px;
	background-image:url('/shared/images/custom/corporate/buttons/netexpo-academy.gif');
}
#navmenu #netexpo:hover, #navmenu #netexpo_academy.selected {
	background-image:url('/shared/images/custom/corporate/buttons/netexpo-academy_mo.gif');
}

/*
#navmenu #downloads {
	width:100px;
	background-image:url('/shared/images/custom/corporate/buttons/downloads.gif');
	margin-right:0px;
}
#navmenu #downloads:hover, #navmenu #downloads.selected {
	background-image:url('/shared/images/custom/corporate/buttons/downloads_mo.gif');
}
*/

/* CONTENT_MENULEFT.HTML */

#content_menuleft {
	width:792px;
	min-height:272px;
	float:left;
}

/* NEWSCONTENT.HTML */

#newscontent {
	width:792px;
	min-height:272px;
	float:left;
}

#newscontent a.back {
	display:block;
	height:25px;
	line-height:25px;
	width:508px; /* 558 -(left-padding + right-padding) */
	text-align:right;
	text-decoration:none;
	background:url('/shared/images/custom/corporate/template/button.gif') no-repeat center right;
	padding:0px 25px;
	border-top:1px #E8E8E8 solid;
	font-weight:bold;
}

/* TAGCLOUD.HTML */

#tagcloud {
	width:192px; /* 202 - (padding-left + padding-right) */
	height:262px; /* 262 - (padding-top + padding-bottom) */
	padding:5px;
	border:1px #b2b2b2 solid;
	float:right;
	margin-left:30px;
	background-color:#f0f0f0;
	overflow:hidden;
}

#tagcloud div.tagheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:25px;
	color:#f58220;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:10px;
	height:30px;
}

#tagcloud div.tagbody {
	/*text-align:justify;*/
	line-height:21px;
	height:212px;
	overflow:hidden;
}

#tagcloud div.tagbody a {
	text-decoration:none;
	/*text-align:left;*/
}

#tagcloud div.tagbody a:hover {
	text-decoration:underline;
}

/*NOTICE for some reason I needed to remove "#tagcloud" from in front of the "a.level" classes to make it work */
div.tagbody a.level1 {
	font-size:11px;
}

div.tagbody a.level2 {
	font-size:13px;
}

div.tagbody a.level3 {
	font-size:15px;
}

div.tagbody a.level4 {
	font-size:17px;
}

div.tagbody a.level5 {
	font-size:19px;
}

/* SEARCHOVERVIEW.HTML */
#searchoverview {
	width:792px;
	min-height:272px;
	float:left;
}

#searchoverview div.searchheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:25px;
	color:#f58220;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:20px;
}

#searchoverview div.uzocht {
	font-weight:bold; 
}

#searchoverview div.uzocht span.searchkey {
	color:#f58220;
}

#searchoverview div.results {
	height:24px;
	line-height:24px;
	width:544px;
	padding:0px 8px;
	margin:10px 0px;
	background-color:#ececec;
	font-weight:bold;
	overflow:hidden;
}

#searchoverview div.searchbox a.searchitem {
	display:block;

	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	text-decoration:none;
}

#searchoverview div.searchkey {
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.score {
	display:block;
	width:70px;

	float:left;
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.title {
	color:#f58220;
	font-weight:bold;
	display:block;
	width:490px;
	float:left;
}

#searchoverview div.searchbox a.searchitem span.shortcontent {
	text-align:left;
	padding-left:70px;
}


/* NEWSOVERVIEW.HTML */

#newsoverview {
	width:558px;
	min-height:272px;
	float:left;
}

#newsoverview a.newsheader {
	background:url('/shared/images/custom/corporate/template/rssicon.gif') no-repeat center left;
	padding-left:30px;
	font-family:Helvetica,Arial,Verdana;
	font-size:23px;
	color:#f58220;
	/*text-align:left;*/
	text-decoration:none;
}

#newsoverview #newsitems {
	margin-top:15px;
	width:560px;
}

#newsoverview #newsitems a.newsitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	overflow:hidden;
	text-decoration:none;
}

#newsoverview #newsitems a.newsitem span.date {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
}

#newsoverview #newsitems a.newsitem span.title {
	color:#f58220;
	font-weight:bold;
}
/*
#newsoverview #newsitems a.newsitem span.shortcontent {
	text-align:left;
}
*/
/* PRODIENST_MENU.HTML */
#pdmenu {
	width:194px;
	min-height:272px;
	float:left;
}

#pdmenu div.pdheader {
	width:150px; /* 170 -(padding-left+padding-top) */
	padding:0px 10px;
	height:26px;
	line-height:26px;
	background:url('/shared/images/custom/corporate/template/pdmenuheader.gif') repeat-x top left;
	font-weight:bold;
	color:white;
	overflow:hidden;
}

#pdmenu a.pditem {
	display:block;
	width:145px; /* 170 -(padding-left) */
	height:26px;
	line-height:26px;
	background: #e6e6e6 url('/shared/images/custom/corporate/template/pdmenudot.gif') no-repeat 7px center;
	border-top:1px white solid;
	padding-left:25px;
	text-decoration:none;
	overflow:hidden;
}

#pdmenu a.pditem:hover {
	background-color:#c8c8c8;	
}

#pdmenu div.leftbanner {
	margin-top:15px;
	width:194px;
	overflow:hidden;
}

/* GENERAL */

.clear {
	clear:both;
}



.nieuwsbriefbox
{
	display:block;
	float:left;
	width:204px;
	padding:0px;
	margin:0px 0px 40px 30px;
}

.nieuwsbriefbox h1
{
	margin-bottom:0px;
	font-size:18px;
}

.nieuwsbriefbox input
{
	margin-top:9px;
}


/* CM2FORMS.HTML */
#cm2content
{
	width:994px;
}

#cm2error
{
	color:#ff0000;
	font-weight:bold;
	margin-top:20px;
}

#cm2content #cm2form
{
	line-height:18px;
	width:350px;
	padding:0px 0px 16px 0px;
	float:left;
}

#cm2content #cm2form form.cm2body
{
	margin:0;
	display:block;
	padding:20px 5px 0px 0px;
	width:340px;
	height:540px;
	font-weight:bold;
	overflow:hidden;
}
#cm2content #cm2form form.unsubscribe
{
	height:410px;
}

#cm2content #cm2form form.cm2body input.checkbox
{
	margin-top:10px 0px;
}

#cm2content #cm2form form.cm2body input.radio
{
	margin-top:10px 0px;
}

#cm2content #cm2form form.cm2body br
{
	clear:both;
}

#cm2content #cm2form form.cm2body table td
{
	font-weight:normal;
	padding:6px 0px 0px 0px;
}

#cm2content #cm2form form.cm2body table a span
{
	display:none;
}

#cm2content #cm2form label.normal
{
	font-weight:normal;
}

#cm2content #cm2form span
{
	color:#d90000;
}
#cm2content #cm2form .dark
{
	color:#333333;
}

/* seminar form */

#seminarform {
    width:792px;
    float:right;
    overflow:hidden;
}

#seminarform .heading {
    font-size:14px;
    margin-bottom:10px;
    font-weight:bold;
}

#seminarform #seminar-content {
    margin-bottom:15px;
}

#seminarform .seminarblock-top {
    background-image:url('/shared/images/custom/corporate/seminarform/bg-top.png');
    background-repeat:no-repeat;
    height:10px;
    width:573px;
}

#seminarform .seminarblock-mid {
    background-image:url('/shared/images/custom/corporate/seminarform/bg-mid.png');
    background-repeat:repeat-y;
    width:543px; /* 573 - padding */
    padding:0px 15px;
}

#seminarform .seminarblock-bot {
    background-image:url('/shared/images/custom/corporate/seminarform/bg-bot.png');
    background-repeat:no-repeat;
    height:10px;
    width:573px;
    margin-bottom:15px;
}

#seminarform .seminarblock-column {
    margin-right:15px;
    float:left;
}

#seminarform img.tooltip {
    margin-left:5px;
}

#seminarform input.text {
    width:236px;
    height:11px;
    margin:0;
    margin-bottom:10px;
    margin-right:15px;
}

/* overwrites */
#seminarform input.suggestion {
    width:150px;
    margin-left:10px;
}

/* overwrites */
#seminarform input.kortingscode {
    width:80px;
}

#seminarform input.checkbox, #seminarform input.radio {
    vertical-align:-15%;
}

#seminarform input.iar { /* I am Robot */
    /*visibility:hidden;*/
    display:none;
}

#seminarform .seminarblock-mid .right {
    float:right;
}

#seminarform .seminarblock-mid .left {
    float:left;
}

#seminarform textarea.textarea {
    width:410px;
    height:80px;
}

#seminarform .asterix {
    color:#fb0101;
}

#seminarform .orange {
    color: #fd9500;
}

#seminarform .gray {
    color: #919191;
}

/* form validate plugin: */
#seminarform input.error {
    border:solid 1px #fb0101;
    margin:2px;
    margin-bottom:12px;
    margin-right:17px;
}
/* form validate plugin: */
#seminarform label.error {
    display:none !important;
}