@charset "utf-8";
/* CSS Document */
*
{
	margin: 0px;
	padding: 0px;
}
HTML, BODY
{
	width: 100%;
	height: 100%;
}
BODY
{
	font-family: Trebuchet MS;
	font-size: 11px;
/*BACKGROUNDCOLOR SITE*/
	background-color:#ffffff;

}


/* ALGEMEEN */
/*LINKCOLORS TEXT SITE*/
A
{
	color: #666666;
	text-decoration: underline;
}
A:hover
{
	color: #cccccc;
}
A IMG
{
	border: none;
}
H1
{
	font-size: 2.4em;
	color: #000000;
	letter-spacing:0.1em;
	margin-bottom: 10px;
}
H2
{
	font-size: 1.6em;
	color: #858484;
	letter-spacing:0.1em;
	margin-bottom: 10px;
}
H3
{
	font-size: 1.1em;
	/*color: #174ca4;*/
	color: #666;
}
H4
{
	font-size: 1.1em;
	color: #174ca4;
}
IMG
{
	display: block;
}

INPUT#formButton
{
	margin: 5px 0;
	background: url(../images/layout/search_button.png) no-repeat;
	border: none;
	margin: 11px 0px 0 3px;
	width: 15px;
	height: 19px;
}
INPUT.searchtextfield
{
	background: url(../images/layout/search_field.png) no-repeat top left;
	border: none;
	height: 18px;
	padding: 3px 10px 0 10px;
	margin: 8px 0 8px 0;
	width: 130px;
}


/* CLASSES */
.clear
{
	clear: both;
}

/* CONTAINER */
#container {
	width: 990px;
	margin: 0 auto;
	padding-top: 5px;
}
HTML > BODY #container {
	height: auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* HEADER */
#header
{
	width: 990px;
	margin-top: 5px;
	margin-bottom: 8px;
	background:url(../images/layout/topmenubar.png) no-repeat;
	height: 37px;
}

/* TOPMENU */
.topmenu
{
	float: left;
	margin: 5px 0 0 30px;
	list-style-type: none;
}
.topmenu LI
{	
	position: relative;
	float: left;
}
.topmenu LI A:LINK, .topmenu LI A:VISITED
{	
	padding: 6px 12px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	color: #333333;
	display: block;
	float: left;
}
.topmenu LI A.active
{
	background: url(../images/layout/bgtopmenu.jpg) repeat-x;
	color: #FFF;
}
.topmenu LI A:HOVER, UL.topmenu LI:HOVER A
{
	background: url(../images/layout/bgtopmenu-hover.jpg) repeat-x;
	color: #FFF;
}

/* Submenu van topmenu (niveau 2) */
.topmenu LI UL.topmenu
{
	display: none;
}
.topmenu LI:HOVER UL.topmenu
{
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #CCC;
	position: absolute;
	z-index: 9999;
	top: 25px;
* 	left: 0; /* hack voor IE */
}
.topmenu LI UL.topmenu LI:HOVER A
{
	background: #CCC;
}


/* Sub-submenu van topmenu (niveau 3) */
.topmenu LI UL.topmenu UL.topmenu, .topmenu UL.topmenu UL.topmenu UL.topmenu
{
	display: none;
}
.topmenu LI UL.topmenu LI UL.topmenu
{
	display: none;
}
.topmenu LI UL.topmenu LI:HOVER UL.topmenu
{
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #CCC;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 171px;
}
/* End Sub-submenu van topmenu */

/* Sub-sub-submenu van topmenu (niveau 4) */
.topmenu LI UL.topmenu LI UL.topmenu LI UL.topmenu
{
	display: none;
}

.topmenu LI UL.topmenu LI UL.topmenu LI:HOVER UL.topmenu
{
	padding: 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid #CCC;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 171px;
}
/* End sub-sub-submenu van topmenu (niveau 4) */

.topmenu LI LI A:LINK, .topmenu LI LI A:VISITED
{	
	background: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
/* REGELAFSTAND PULLDOWNMENU */
	padding: 2px 10px;
	left: 0;
	float: left;
	width: 150px;
	clear: left;
	color: #333333;
	position: relative;
}
.topmenu LI UL.topmenu LI UL.topmenu LI A:LINK, .topmenu LI UL.topmenu LI UL.topmenu LI A:VISITED,
.topmenu LI UL.topmenu LI UL.topmenu LI UL.topmenu LI A:LINK, .topmenu LI UL.topmenu LI UL.topmenu LI UL.topmenu LI A:VISITED
{	
	background: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
/* REGELAFSTAND PULLDOWNMENU */
	padding: 2px 10px;
	left: 0;
	float: left;
	width: 150px;
	clear: left;
	color: #333333;
	position: relative;
}
.topmenu LI LI A:HOVER, .topmenu LI UL.topmenu LI UL.topmenu LI A:HOVER
{
	background: #CCC;
}
.topmenu LI UL.topmenu LI UL.topmenu LI:HOVER A, .topmenu LI UL.topmenu LI UL.topmenu LI UL.topmenu LI:HOVER A
{
	background: #CCC;
}



.logo
{
	margin: 1px 0 0 27px;
	float: left;
}
#search
{
	float: right;
	margin: 0 30px 0 0;
}
#search INPUT
{
	float: left;
}
/* FLASHCONTAINDER */
#flashContainerHeader, #mainHome
{
	margin-bottom: 10px;
}
#flashContainerHeader
{
	height:82px;
}
#mainHome
{
	height:420px;
}
/*
#flashContainerHeader EMBED, #mainHome EMBED
{
	margin-bottom: 10px;
	width: 990px;
}*/
/* CMS AFBEELDING */
.cmsAfbeelding1
{
	width:988px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* MAIN */
/* MAIN HOME */
#mainHome
{
	height: 420px;
	width:988px;
	border: 1px solid #d2d2d2;
	background-color:#e9e9e9;
	margin: 0 0 10px 0;
	padding:0px;
}
#homepaginaItems
{
	height: 187px;
	width:958px;
	border: 1px solid #d2d2d2;
	padding: 13px 0 0 30px;
	background-color:#ffffff;
}
#homepaginaItems h4
{
	color:#FF6600;
	padding-bottom:10px;
}
#homepaginaItems p
{
	padding-bottom:10px;
}
#homepaginaItems a
{
	color: #174CA4;
}
/* SIDEBAR-LEFT */
#main
{
	width: 990px;
	margin-bottom: 10px;
}
#sidebar-left
{
	float: left;
	width: 185px;
	margin-right: 10px;
}
#sidebar-left UL
{
	list-style: none;
}
#sidebar-left UL UL
{
}
#sidebar-left UL LI A:LINK, #sidebar-left UL LI A:VISITED
{
	background: url(../images/layout/bg_menu-grey.jpg) repeat-x;
	color: #000000;
	display: block;
/*	padding: 3px 7px 6px 15px;*/
/* 30-10-2009 */  /* padding: 2px 7px 4px 15px;*/
padding: 2px 7px 3px 15px;
	text-decoration: none;
}
#sidebar-left UL LI A IMG
{
	float: right;
	padding: 2px 0 0 0;
}
/* niveau 3 */
#sidebar-left UL LI.active LI.active LI.active A:LINK, #sidebar-left UL LI.active LI.active LI.active A:VISITED
{
	color: #FFF;
	background: url(../images/layout/bg_menu-blue.jpg) repeat-x;
/*	padding: 4px 7px 5px 45px;*/
	padding: 2px 7px 4px 45px;
}
#sidebar-left UL LI.active UL LI.active UL LI A:LINK, #sidebar-left UL LI.active UL LI.active UL LI A:VISITED
{
	color: #000;
	background: url(../images/layout/bg_menu-grey.jpg) repeat-x;
/*	padding: 3px 7px 6px 45px;*/
/* 30-10-2009 */  /* padding: 2px 7px 4px 45px;*/
padding: 2px 7px 3px 45px;
}
/* niveau 2 */
#sidebar-left UL LI.active LI.active A:LINK, #sidebar-left UL LI.active LI.active A:VISITED
{
	color: #FFF;
	background: url(../images/layout/bg_menu-blue.jpg) repeat-x;
/*	padding: 4px 7px 5px 30px;*/
padding: 2px 7px 3px 30px;
}
#sidebar-left UL LI.active UL LI A:LINK, #sidebar-left UL LI.active UL LI A:VISITED
{
	color: #000;
	background: url(../images/layout/bg_menu-grey.jpg) repeat-x;
/*	padding: 3px 7px 6px 30px;*/
/* 30-10-2009 */  /* padding: 2px 7px 4px 30px;*/
padding: 2px 7px 3px 30px;
}
#sidebar-left UL LI.active A:LINK, #sidebar-left UL LI.active A:VISITED
{
	color: #FFF;
	background: url(../images/layout/bg_menu-blue.jpg) repeat-x;
/*	padding: 4px 7px 5px 15px;*/
padding: 2px 7px 3px 15px;
}
#sidebar-left UL LI LI A IMG
{
	float:right;
	/* margin-top: -12px; */
}
#sidebar-left UL LI A:HOVER, #sidebar-left UL LI LI A:HOVER, #sidebar-left UL LI.active UL LI A:HOVER, #sidebar-left UL LI LI LI A:HOVER, #sidebar-left UL LI.active UL LI.active UL LI A:HOVER
{
	cursor: pointer;
	background: url(../images/layout/bg_menu-green.jpg) repeat-x;
	color: #FFF;
}
#sidebar-left H3
{
	color: #FFF;
	background: url(../images/layout/bg_menu-blue.jpg) repeat-x;
	padding: 4px 7px 3px 5px;
	font-weight:normal;
}
#sidebar-left H3 A
{
	color: #FFF;
	text-decoration:none;
}
.box-header
{
	background: url(../images/layout/bg_menu-header.jpg) repeat-x;
	height: 10px;
	border: 1px solid #d2d2d2;
	font-size: 1.1em;
	color: #4a4a4a;
	padding: 8px 0 12px 13px;
	margin-bottom: 1px;
}
.box-header IMG
{
	float: right;
	margin: 4px 10px;
}
/* NIEUWSMENU */
#main .nieuwslijn 
{
	border-top: 1px solid #b8aa9d;
	padding-bottom: 10px;
	margin-top: 20px;
}
/* CONTENT */
#contentContainer
{
	float: left;
	width: 795px;
/*TEXTCOLOR CONTENT SITE*/
	color:#333333;
	font-family: Trebuchet MS;
}
#content
{
	/* width: 753px; */
	border: 1px solid #d2d2d2;
	padding: 20px;
	line-height:1.9em;
	background-color:#ffffff;
}
#contentMedia
{
	float:left;
	width: 558px;
	border: 1px solid #d2d2d2;
	padding: 20px;
	line-height:1.9em;
	margin-right: 10px;
	background-color:#ffffff;
}
#content UL LI, #content OL LI
{
	margin: 0 0 0 15px;
}
.additionalTitle
{
	float: right;
	color: #858484;
	font-weight:bold;
}
#contactForm LABEL
{ 
	float: left;  
	width: 150px;  
	margin: 0 10px 0 0px;
}
#contactForm .formItem
{ 
	padding: 5px 0 5px 0;
}
#contactForm .error
{ 
	padding-top:15px;
	color:#FF6600;
	font-weight:bold;
}
#contactForm INPUT, #contactForm textarea
{ 
	width: 360px;
	border: 1px solid #d2d2d2;
	color:#666666;
	font-size: 11px;
	padding:3px;
}
#contactForm INPUT.inputError
{ 
	border: 2px solid #FF6600;
}
#contactForm INPUT.submit
{  
	width: 150px;
}
#contactForm INPUT.submit:HOVER
{  
	background-color:#D8D8D8;
	cursor: pointer;
}
#contactForm .errorComment
{ 
	color:#FF6600;
	font-weight:bold;
	padding-top: 5px;
}
/* CMS AFBEELDING */
.cmsAfbeelding2
{
	width: 793px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
/* MEDIA MENU */
#mediamenuContainer
{
	float: right;
	width: 185px;
	border-bottom: 1px solid #CCC;
}
.mediamenuItem
{
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	width: 183px;
	float: left;
	padding: 0;
	margin:0;
	background-color:#FFFFFF;
}
.mediamenuItemImg
{
	width: 80px;
	height: 72px;
	float: left;
}
.mediamenuItemTxt
{
	float: left;
	width: 90px;
	padding: 3px 5px 3px 0;
}
.mediamenuItem A:LINK, .mediamenuItem A:VISITED
{
	padding: 0 5px 0 0;
	color: #000;
}
.mediamenuItem A:HOVER
{
	cursor: pointer;
	color: #174CA4;
}
.mediamenuItem A.mediamenuItemImg IMG
{
	position: absolute;
}
.mediamenuItem A:LINK.mediamenuItemImg IMG.ro, .mediamenuItem A:VISITED.mediamenuItemImg IMG.ro
{
	position: absolute;
	display: none;
}
.mediamenuItem A:HOVER.mediamenuItemImg IMG.ro
{
	display: block;
	cursor: pointer;
}
/* RSS FEED MEDIA MENU */
.rssfeedMedia
{
	/*background:url(../images/layout/rssfeed.png) no-repeat;*/
	float: right;
	top: -15px;
	right: 11px;
	position: relative;
	height: 16px;
	width: 16px;
}
/* PORTFOLIO MENU */
.portfolioCompany {
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #CCCCCC;
	width: 180px;
	padding: 2px;
}
.portfolioCompany .company {
	padding-top:10px;
	font-weight:bold;
}
.portfolioCompany .logo {
	margin:0;
	font-weight:bold;

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FOOTER */
.dropshadow
{
	background: url(../images/layout/dropshadow.png) bottom left repeat-x;
	padding-bottom: 3px;
	margin-bottom: 7px;
}
/* WATISHOT */
#watIsHot
{
	height: 25px;
	width: 943px;
	border: 1px solid #d2d2d2;
	padding:10px 20px 0 25px;
	background-color:#ffffff;
	color: #aaa;
}
#watIsHot A
{
	color: #FF6600;
	font-weight:bold;
	text-decoration: none;
}
#watIsHot A:hover
{
	text-decoration: underline;
}
.rssfeedWatIsHot
{
	float: right;
	/*background: url(../images/layout/rssfeed.png) no-repeat right;*/
	padding: 0 0 0 0;
	width: 95px;
}
.rssfeedWatIsHot A
{
	color: #0088cc;
	font-weight: normal;
}
/* RANDOM SUBITEMS */
#subitems-balk
{

}
#randomSubitems
{
	height: 187px;
	width: 958px;
	border: 1px solid #d2d2d2;
	padding: 13px 0 0 30px;
	background: url(../images/layout/randomItems_bck.jpg) repeat-x #f0f0f0;
}
.subitem
{
	width: 210px;
	padding: 0 29px 0 0;
	float: left;
}
.subitem H4
{
	font-size: 1.3em;  /* lettergrootte van de titel */
	color: #174CA4; /* kleur van de titel */
}
.subitem A
{
	color: #9e9fa2; /* kleur van de link*/
	font-size: 12px; /* lettergrootte van de link */
	font-weight: bold;
	text-decoration: none;
} 
.subitem A:HOVER
{
	text-decoration: underline;
}
.subitem IMG
{
	margin: 10px 0 0 0;
}
/* TALENMENU */
#talenmenu
{
	height: 25px;
	width:953px;
	border: 1px solid #d2d2d2;
	padding:10px 10px 0 25px;
	background: url(../images/layout/talenmenu_bck.jpg) repeat-x #dbdbdb;
	color: #aaa;
}
#talenmenu A
{
	text-decoration: none;
	color: #0088cc;
}
#talenmenu A:HOVER
{
	text-decoration: underline;
}
#talenmenu A IMG
{
	display: inline-block;
	margin: 1px 0 0 0;
}
.shortmenu
{
	float: right;
	padding: 0 10px 0 0;
}
/* SEOCONTENT */
#seoContent
{
	width:953px;
	padding:15px 25px 25px 25px;
/*TEXTCOLOR SEOCONTENT SITE*/
	color: #aaa;
}
#seoContent p
{
	padding:5px 0;
}
/* FOOTER */
#footer
{
	width: 990px;
	background:url(../images/layout/footer.png) no-repeat;
	height: 37px;
	color: #FFF;
	text-align: center;
	word-spacing: 50px;
	padding: 10px 0 0 0;
	font-size: 10px;
}
#footer SPAN
{
	word-spacing: normal;
}
#footer SPAN A
{
	color: #FFF;
	text-decoration: none;
}
#footer SPAN A:HOVER
{
	text-decoration: underline;
}