html { overflow: -moz-scrollbars-vertical; }

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix 
	{ 
		height			: 1%;
	}
	
	.clearfix 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
/* BASIS ELEMENTEN */
body {
	font				: 0.7em/1.3em Arial, Helvetica, sans-serif;
	background-color	: #fff;
	margin				: 0;
	color				: #333;
}

a:link, a:visited, a:active {
	color				: #c39;
	text-decoration		: none;
}

a:hover {
	text-decoration		: underline;
}

h1 {
	font				: bold 1.8em/1em Arial, Helvetica, sans-serif;
	color				: #06c;
	padding				: 0;
	margin				: 0;
}

h1.header_link {
	position		: absolute;
	top				: 0px;
	left			: 35px;
	z-index			: 1337;
}

h1.header_link a {
	display			: block;
	height			: 65px;
	width			: 270px;
	text-indent		: -9000px;
	overflow		: hidden;
}

/* home heeft iets andere indeling */
.home_bg h1.header_link {
	top				: 27px;
	left			: 35px;
}

.home_bg h1.header_link a {
	height			: 95px;
	width			: 270px;
}

/* sitemap */
.sitemap_bg h1.header_link {
	top				: 25px;
	left			: 35px;
}

.sitemap_bg h1.header_link a {
	height			: 85px;
	width			: 270px;
}


h2 {
	font												: bold 1em Arial, Helvetica, sans-serif;
	color												: #06c;
	padding												: 0;
	margin												: 0;
}

h3 {
	font												: bold 1em Arial, Helvetica, sans-serif;	
	padding												: 0;
	margin												: 0;
}

h4 {
	font												: bold 1em Arial, Helvetica, sans-serif;	
	color												: #c39;
	padding												: 0;
	margin												: 0;
}

p {
	margin												: 0;
}

hr {
	color 												: #ccc;
	border 												: 0;
	height 												: 1px;
}

/* GESPECIFICEERDE ELEMENTEN */

.content {
	margin-bottom 										: 25px;
}

.content li {
	margin-left											: 15px;
}

.content_td {
	background-color 									: #fff;
	paddding											: 15px 5px;
	border 												: 1px solid #ccc;
	height												: 350px;	
	vertical-align										: top;
}

.home_content_td {
	background-color 									: #fff;
	padding												: 15px 5px;
	border 												: 1px solid #ccc;
}

.content_td2 {
	background-color 									: #fff;
	padding												: 2px 7px 0 7px;
	border-left 										: 1px solid #ccc;
	border-right										: 1px solid #ccc;
	border-bottom 										: 1px solid #ccc;
}

.content td img.content_img {
	border 												: 2px solid #ccc;
}

.footer_bg {
	background 											: url(../img/footer_bg.jpg) top left no-repeat;
}

.footer td {
	color 												: #999;
}

.footer a,.footer td a:link,.footer td a:visited,.footer td a:active {
	color 												: #999;
	text-decoration 									: none;
}

.footer td a:hover {
	color 												: #999;
	text-decoration 									: underline;
}

#zoek {
	width												: 184px;
	background 											: url(../img/zoek_bg.jpg) top left no-repeat;
	padding-left 										: 16px;
}

#zoek td input.zoekveld {
	border 												: 0 solid #fff;
	width 												: 111px;
}

#zoek td input.submit {
	border 												: 0 solid #fff;
	width 												: 38px;
	height 												: 17px;
	padding 											: 2px;
	color 												: #fff;
	font-weight 										: bold;
	font-size 											: 10px;
	background											: url(../img/submit_bg.jpg) top left repeat;
}

/* ACHTERGRONDEN */
.no_bg {
	background 											: url(../img/no_bg.jpg) top left repeat;
	height 												: 43px;
}

.table_bg {
	background 											: url(../img/table_bg.jpg) top left repeat;
}

.home_main_bg {
	background 											: url(../img/home_main_bg.gif) top left no-repeat;
}

.flash_bg {
	background 											: url(../img/flash_bg.gif) top left no-repeat;
}

/* AFBEELDINGEN BG'S */
/* hoofdpagina's */
.beurs_bg {
	background 											: url(../img/beurs_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.documentatie_bg {
	background 											: url(../img/documentatie_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.seminar_bg {
	background 											: url(../img/seminar_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.nieuws_bg {
	background 											: url(../img/nieuws_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.referentie_bg {
	background 											: url(../img/referentie_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.faq_bg {
	background 											: url(../img/faq_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.links_bg {
	background 											: url(../img/links_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.contact_bg {
	background 											: url(../img/contact_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.zoeken_bg {
	background 											: url(../img/zoeken_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}

.sitemap_bg {
	background 											: url(../img/sitemap_bg.jpg) top left no-repeat;
	background-position									: 0px 40px;
	background-color 									: #F2F2F2;
}

.disclaimer_bg {
	background 											: url(../img/disclaimer_bg.jpg) top left no-repeat;
	background-color 									: #F2F2F2;
}
/* stappenplan */
.home_bg {
	background 											: url(../img/home_bg.jpg) top left no-repeat;
}

.security_bg {
	background 											: url(../img/security_bg.jpg) top left no-repeat;
}

#header_holder {
	position											: relative;
}

#header_holder .banner {
	position											: absolute;
	z-index												: 100;
	left												: 406px;
	top													: 200px;
}

/* MENUS */
#navcontainer {
	background 											: url(../img/navcontainer_bg.jpg) bottom left repeat-x;
}

#navcontainer ul {
	list-style-type 									: none;
	padding 											: 0;
	margin 												: 0;
}

#navcontainer ul li {
	padding 											: 0;
	margin 												: 0;
}

#navcontainer ul li a{
	display 											: block;
	color 												: #fff;
	text-decoration										: none;
	font-weight 										: bold;
	border-right 										: 1px solid #BCBCBE;
	border-left 										: 1px solid #818085;
	margin 												: 0;
	padding												: 0 4px;
	line-height 										: 2.5em;
	height 												: 100%;
	text-align 											: center;
}

#navcontainer ul li a:hover {
	background 											: url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
	color 												: #fff;
	text-decoration										: none;
	border-right 										: 1px solid #906;
	border-left 										: 1px solid #906;
}

#navcontainer ul li a:active {
	background 											: url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
	color 												: #fff;
	text-decoration										: none;
	border-right 										: 1px solid #906;
	border-left 										: 1px solid #906;
}

#navcontainer ul li.navcontainer_actief a {
	background 											: url(../img/navcontainer_bg_.jpg) bottom left repeat-x;
	color 												: #fff;
	text-decoration										: none;
	border-right 										: 1px solid #906;
	border-left 										: 1px solid #906;
}

/* DROPDOWNMENUS */
.dropdownmenu	{
	visibility 											: hidden;
	position											: absolute;
	left 												: 0;
	top 												: 0;
	z-index 											: 4000;
}

.navsub ul {
	list-style-type 									: none;
	margin 												: 0;
	padding 											: 0;
}

.navsub ul li {
	background 											: url(../img/navsub_bg.jpg) top left repeat;
}

.navsub ul li a {
	display 	 										: block;
	color 												: #fff;
	text-decoration 									: none;
	padding												: 3px 10px 3px 10px;
	height 												: 100%;
	border-left 										: 1px solid #369;
	border-right 										: 1px solid #369;
	border-bottom 										: 1px solid #369;
	border-top 											: 1px solid #6DB1D9;
}

.navsub ul li a:hover,.navsub ul li a:active {
	color 												: #fff;
	text-decoration										: none;
	background 											: url(../img/navsub_bg_.jpg) top left repeat;
	border-left 										: 1px solid #369;
	border-right 										: 1px solid #369;
	border-bottom 										: 1px solid #369;
	border-top 											: 1px solid #6DB1D9;
}

.navsub ul li.navsub_actief a {
	color 												: #fff;
	text-decoration										: none;
	background 											: url(../img/navsub_bg_active.jpg) top left repeat;
	border-left 										: 1px solid #906;
	border-right 										: 1px solid #906;
	border-bottom 										: 1px solid #906;
	border-top 											: 1px solid #c69;
}

.navsub ul li a:visited,.navsub ul li a:link {
	color 												: #fff;
	text-decoration 									: none;
}

.bg2 {
	background 											: url(../img/navleft_bg.jpg) top left no-repeat;
	vertical-align:top;
}

.bg1 {
	background 											: url(../img/navleft_bg.gif) top left no-repeat;
	vertical-align:top;
}	

#navleft td.navleft_td{
	background 											: url(../img/navleft_td_bg.jpg) bottom left repeat-y;
}

#navleft ul {
	list-style-type										: none;
	padding												: 4px 0 15px 15px;
	margin	 											: 0;
	font-size 											: 0.1em;
	background 											: url(../img/navleft_ul_bg.jpg) top left no-repeat;
}

#navleft ul li {
	width 												: 165px;
	margin												: 0;
	padding 											: 0;
	vertical-align										: top;
}

#navleft ul li a{
	background											: url(../img/navleft_item_bg.jpg) top left repeat;
	display 											: block;
	font-size 											: 11px;
	margin 												: 0 41px -3px 0;
	padding 											: 1px 10px 4px 15px;
	text-decoration 									: none;
	color 												: #fff;
	height 												: 100%;
	font-weight 										: bold;
}

#navleft ul li.stappenplan {
	font-size 											: 11px;
	font-weight 										: bold;
	color 												: #fff;
	padding 											: 5px 3px 3px 20px;
	background 											: url(../img/navleft_stappenplan_bg.jpg) top left no-repeat;
}

#navleft ul li.visited a{
	background											: url(../img/navleft_item_bg_visited.jpg) top left repeat;
}

#navleft ul li.active {
	background											: url(../img/navleft_pijl_eind.gif) top right no-repeat;
}

#navleft ul li.active a {
	background											: url(../img/navleft_item_bg_active.jpg) top left repeat;
	padding-bottom 										: 10px;
}

#navleft ul li.active2 {
	background											: url(../img/navleft_pijl_eind2.gif) top right no-repeat;
}

#navleft ul li.active2 a 
{
	background											: url(../img/navleft_item_bg_active.jpg) top left repeat;
	padding-bottom 										: 10px;
}

#navleft ul li.active3 
{
	background											: url(../img/navleft_pijl_eind3.gif) top right no-repeat;
}

#navleft ul li.active3 a 
{
	background											: url(../img/navleft_item_bg_active.jpg) top left repeat;
	padding-bottom 										: 10px;
}

#navsitemap ul 
{
	list-style-image									: url(../img/pijl3.gif);
	padding 											: 0;
	margin 												: 2px 5px 2px 20px;
}
/* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN *//* FORMULIEREN */
.veld, .veld_nieuwsbriefformulier, .frm_sauna_actie input, .frm_sauna_actie textarea
{
	border												: 1px solid #aaaaaa;
	font-family											: Arial, Helvetica, sans-serif;
	font-size											: 1.0em;
	background											: url(/img/form_bg.jpg) top left repeat-x;
}

.veldFout
{
	border												: 1px solid #D73598;
	background											: url(../img/table_bg.jpg) top left repeat;
	font-family 										: Arial, Helvetica, sans-serif;
	font-size											: 1.0em;
}
.foutMarkerOff
{
	display												: none;
}

.foutMarkerOn
{
	color												: #DA2489;
	display												: inline;
}

.button, .frm_sauna_actie .button
{
	border												: 1px solid #0175C0;
	color												: #fff;
	cursor												: pointer;
	background-image									: none;
	background-color									: #D73598;
	font-family 										: Arial, Helvetica, sans-serif;
	font-size											: 1em;
}
#melding, #melding_brochure
{
	color												: #DA2489;
	display												: none;
	font-weight											: bold;
}
.contactformulier_titel
{
	font-weight											: bold;
	color												: #333;
}
.footer_print, .no_screen
{
	display												: none;
}

/*-------------nieuwsbriefformulier------------------------*/
table.nieuwsbriefformulier
{
	font												: 1em Arial;
	color												: #000;
	line-height 										: 17px;
}

.veld_nieuwsbriefformulier
{
	border												: 1px solid #aaa;
	font-size											: 1em;
	color												: #000;
	width												: 300px;
}

.veldFout_nieuwsbriefformulier
{
	border												: 1px solid #ff2222;
	font-size											: 1em;
	color												: #000;		
	background-color									: #E5ECF5;		
	width												: 300px;
	height												: 15px;
}

.multiple_nieuwsbriefformulier
{
	border												: 1px solid #aaa;
	font-size											: 1em;
	background-color									: #fff;		
	width												: 300px;
}

.multipleFout_nieuwsbriefformulier
{	
	font-size											: 1em;
	background-color									: #E5ECF5;		
	width												: 300px;
}

.button_nieuwsbriefformulier
{
	font												: 0.9em Arial;
	font-weight     									: bold;
	color												: #fff;
	border												: 1px solid #A9AA99;
	background-color									: #A9AA99;
	cursor												: pointer;
}

#melding_nieuwsbriefformulier
{
	color												: #E70509;
	display												: none;
	font-weight											: bold;
}

/** OVERZICHT **/
.overzicht td
{
	padding												: 3px 10px;
	vertical-align										: top;
}

.overzicht .title 
{
	background-color									: #ccc;
}

.overzicht ul
{
	margin												: 0 0 0 14px;
	padding 											: 0;
}

.overzicht li
{
	list-style-image 									: url(../img/pijl3.gif);
	margin												: 0;
	padding												: 0;
}

.border
{
	border-top 											: 1px solid #fff;
	border-bottom										: 1px solid #fff;
}

/* --------------------------------	*/
/* brochure zoeken				 	*/
/* --------------------------------	*/
fieldset.zoek_brochures	{
	margin					: 0;
	padding					: 0;
	border					: 2px solid #ccc;
}

fieldset.zoek_brochures legend	{
	font-weight				: bold;
	padding					: 0 10px;
	color					: #369;
}

fieldset.zoek_brochures ul	{
	list-style				: none;
	margin					: 10px;
	padding					: 0;
}

fieldset.zoek_brochures ul li	{
	margin					: 10px 0;
}

fieldset.zoek_brochures li label	{
	width					: 150px;
	display					: block;
	float					: left;
	font-weight				: bold;
}

/**
 * FOTOBOEK
 */
#btnFotoboek 
{
	background-color									: #d8288d; 
	border												: 1px solid #9c0065;
	margin												: 5px 0 0 0;
	padding												: 2px;
	width												: 75px;
	height												: 22px;
	text-align											: center;
}
#btnFotoboek ul, #btnFotoboek li 
{
	margin												: 0;
	padding												: 0;
	list-style											: none;
}
#btnFotoboek li 
{
	padding-top											: 4px;
}
#btnFotoboek a 
{
	color												: #fff; 	
	font												: bold 1em Arial, Helvetica, sans-serif;
	display												: block;
}

/**
		BREADCRUMBS
------------------------------------------------------------------------------------------------
**/
#breadcrumbs 
{
	color												: #000;
	font-family											: Verdana, Arial, Helvetica, sans-serif;
	position											: relative;
	top													: 0;
	left												: 0;
}

.margin 
{
	margin-top											: 15px;
}

#breadcrumbs ul
{
	list-style											: none;
	padding												: 0;
}

#breadcrumbs li 
{
	display												: inline;
	float												: left;
	margin												: 0 0 0 5px;
}

#breadcrumbs li a, #breadcrumbs li a:visited, #breadcrumbs li a:hover 
{
	color												: #000;
	margin												: 0 0 0 5px;
}

#breadcrumbs li#current a 
{
	color												: #d8268d;
}

/**
		HOMEPAGE NIEUWS
------------------------------------------------------------------------------------------------------
**/
.hp_news 
{
	border												: 1px solid #ccc;
	width: 375px;
}

.hp_news th, .hp_news td 
{
	padding												: 3px 0 3px 10px;
}

.hp_news th 
{
	background-color									: #ccc;
	text-align											: left;
}

.hp_news h3 
{
	margin												: 5px 0 0 0;
}

.hp_news h4 a 
{
	font-weight											: normal;
	padding-left										: 11px;
	background-image									: url(../img/pijl.gif);
	background-position									: left;
	background-repeat									: no-repeat;
}

.hp_news .odd 
{
	background-color									: #fff;
}

.hp_news .even 
{
	background-color									: #f2f2f2;
}

/**
 * Home link ideeenbus
 */
.home_ideeenbus {
 	clear					: both;
	border					: 1px solid #CCC;
	margin					: 10px 0;
}

.home_ideeenbus h4 {
 	padding					: 3px 10px;
	background				: #CCC;
	color					: #333;
}

.home_ideeenbus span {
 	display					: block;
	background				: #FFFFFF;
	padding					: 3px 10px;
}


/**
 * SUBMAP KNOPPEN
 */
#submapknoppen_container
{
	background			: url(../img/submapknoppen_bg.gif) repeat-y 1px top;
	border-right		: 1px solid #ccc; 
	width				: 650px;
}

#submapknoppen_container .clear	{
	clear				: both;
}

#submapknoppen_container ul 
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	background			: url(../img/submapknoppen_bg.gif) repeat-y 1px top;
	height				: 23px;
	width				: 650px;
}

#submapknoppen_container ul li:hover ul,
#submapknoppen_container ul li.hover ul
{
	display				: block;	
}

#submapknoppen_container li 
{
	float				: left;
	border-left			: 1px solid #A0A0A0;
	border-right		: 1px solid #e7e7e7;
	padding				: 5px 10px 4px 10px;
	white-space			: nowrap;
	position			: relative;
}

#submapknoppen_container li.active,
#submapknoppen_container ul ul li.active
{
	border				: none;
	border-left			: 1px solid #A0A0A0;
	border-right		: 1px solid #e7e7e7;
	background			: url(../img/submapknoppen_active.gif) repeat-x left 1px;	
	margin				: 0;
	padding-bottom		: 3px;
}

#submapknoppen_container li a 
{
	margin				: 0;
	font-weight			: bold;
	color				: #fff;
}

/* SUB SUB */
#submapknoppen_container ul ul
{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	position			: absolute;
	top					: 23px;
	left				: 0;
	*left: -1px; /* ie7 hack */
	z-index				: 1337;
	display				: none;
	width				: 200px;
}

#submapknoppen_container ul ul li 
{
	width				: 200px;
	border-left			: 1px solid #A0A0A0;
	border-right		: 1px solid #e7e7e7;
	background			: url(../img/submapknoppen_bg.gif) repeat-y left top;
	padding				: 5px 10px 4px;
}

#it-room-infra {
	position			: absolute;
	z-index				: 342;
	left				: 565px;
	top					: 180px;
}

#logo-banner-actie {
	position			: absolute;
	z-index				: 342;
	left				: 609px;
	top					: 182px;
}

#it-room-infra a {
	
}


/**
		REFERENTIE DETAILS
------------------------------------------------------------------------------------------------------
**/
.referentie_details h2	{
	font-size			: 1.3em; 
	margin-right		: 5px;
}

._iwes	{
	color				: #333;
}

/**
		NIEUWSBRIEF OVERZICHT
------------------------------------------------------------------------------------------------------
**/
.nieuwsbrieven_overzicht {
	margin				: 15px 0 0 10px;
}	

.nieuwsbrieven_overzicht h2	{
	background			: #06c;
	color				: #FFF;
	padding				: 5px 10px;
	font-size			: 1.2em;
}	
 
.nieuwsbrieven_overzicht ul	{
	list-style-type		: none;
	padding				: 10px 0 10px 0;
	border				: 1px solid #06c;
	border-width		: 0 1px 1px 1px;
	margin				: 0;
}

.nieuwsbrieven_overzicht li	{
	clear				: both;
	margin				: 0 0 3px 0;
	width				: 585px;
}

.nieuwsbrieven_overzicht ul li a	{
	display				: block;
	width				: 585px;
	line-height			: 2em;
	padding				: 3px 3px 3px 0;
	background			: url(../img/pijl3.gif) no-repeat left 9px;
}

.nieuwsbrieven_overzicht ul li a:hover	{
	text-decoration		: none;
	padding				: 3px 3px 3px 0;
	background			: #eee url(../img/pijl3.gif) no-repeat left 9px;
}
	
.nieuwsbrieven_overzicht ul li a:hover span	{
	text-decoration		: underline;
}

.nieuwsbrieven_overzicht ul li a span.datum	{
	float				: left;
	padding				: 0 2px 0 15px;
	width				: 90px;
	color				: #999;
	margin				: 0 10px 0 0;
	cursor				: pointer;
}

.nieuwsbrieven_overzicht ul li a:hover span.datum	{
	text-decoration		: none;
}


/* RECHTERKOLOM */
#left {
	width				: 415px;
	float				: left;
}

#right {
	position			: relative;
	width				: 185px;
	float				: right;
}

.navright	{
	width 				: 178px;
	border				: 1px solid #ccc;
	margin 				: 0 0 1em 0;
	background-color 	: #fff;
}

.blok_content { 
	padding				: 0.4em 0.4em 0.4em 0.8em; 
}

.navright a, 
.navright a:visited, 
.navright a:hover {
	color					: #369;
}

.navright ul	{
	list-style-type 		: none;
	margin 					: 2px 0 10px 0;
	padding 				: 0;
}

.navright ul li	{
	background 				: url(../img/bullet.gif) top left no-repeat;
	margin					: 0;
	padding					: 0 0 0 10px;
	line-height				: 1.4em;
}

.navright h3 {
	line-height				: 1.4em;
	background				: #DA027F;
	font-weight				: bold;
	color					: #FFF;
	padding					: 6px 0 5px 9px;
	border-bottom			: 1px solid #CCC;
}