/* 
===========================================================================================	
	Developed by MCW Studio's
	For more information visit www.mcw.nl 

	CSS DOCUMENT FOR Mcw Cms SITES

	This is the main css file for the websites.
	This file is based on the rendering of Firefox 3.0 and Internet Explorer 7.
		
	The purpose of the other files is listed below:
	
	ie.css 		                -->		Needed to overcome the differences in 
										rendering between Firefox and Internet Explorer
	ie6.css		                -->		Needed for correct rendering in Internet Explorer 6


	USED COLORS WITHIN APPLICATION:
	groen (font / basis): #007b7b;
	bg (heel lichtgroen): #e6efef;
	rood: #f31118;
	
===========================================================================================
*/

.cufon-ready .homebox_top h3 {
	font-size:15px;
	padding:4px 0 0 0;
	color:#007b7b;
	font-weight:normal;
}
.cufon-ready .homemap h3 {
	font-size:15px;
	padding:6px 16px 0;
	font-weight:normal;
}
.cufon-ready .homemap_top h3 {
	font-size:15px;
	padding:6px 16px 0;
	font-weight:normal;
}
.cufon-ready h3.h3Variant1 {
	font-weight:normal;
	font-size:16px;	
}

/* GENERAL */
html, body {
	width: 100%; height: 101%;
	margin: 0px; padding: 0px;
}
body { 
	background:#e6efef url('../_images/bg.jpg') repeat-x center top;
	font: normal 13px Arial, Helvetica, sans-serif;
}
.clear { clear:both; }

.page a { color:#007b7b; text-decoration:none; }
.page a:hover { color:#f31118; }

.page a img { border:none; }


/* LAY-OUT */
.page { width:997px; margin:auto; }

.header { height:17px; position:relative; z-index:3; }
		
	.logo { z-index:4; width:248px; height:126px; overflow:hidden; position:absolute; left:35px; top:18px;  }
		.logo h1 { margin:0; padding:0; font-size:12px; }
		.logo a { cursor:hand; display:block; width:248px; height:126px; overflow:hidden; text-indent:20px; color:White; background:url('../_images/logo.png') no-repeat left top;
}
		.logo a:hover { color:White; }
		
	/* menu  --->  Zie MenuControl.css */

.below_visual { width:961px; margin:0 0 0 18px; height:32px; overflow:hidden; }
	
	/* breadcrumb ---> Zie BreadCrumbControl.css */
	
	/* search ---> Zie SearchControl.css */

.footer { color:#333; display:block; width:961px; height:40px; background:url('../_images/bg_footer.png') no-repeat left top; 
margin:15px 0 0 18px; }
.footer span.footer_links { display:block; padding:8px 0 0 18px;  font-size:12px; float:left; }
.footer span.footer_rechts { float:right; padding:8px 18px 0 10px;}
	
.extrafooter { padding:0 0 0 18px;	height:50px; color:#666; }
.extrafooter span.collabor8_logo { float:left; display:block; width:95px; height:30px; }
.extrafooter span.collabor8_logo a { display:block; width:84px;height:30px; overflow:hidden; text-indent:-9999px; background:url('../_images/collabor8.png') no-repeat left top;
}
.extrafooter span.footer_links { display:block; float:left; padding:6px 0 0 0; }
.extrafooter span.footer_rechts { float:right; padding:6px 18px 0 10px; }
	
/* HOME TEMPLATE - (LARGE VISUAL) */
.visual_home {
	width:997px; height:389px; border-top:solid 1px white;
	background:url('../_images/bg_visual_home.png') no-repeat left top;
}
	.visual_home_items_container { z-index:1; width:961px; height:353px; margin:36px 0 0 18px; position:relative; }
		.visual_home_items_container .frame { z-index:2; width:961px; height:353px; position:absolute; left:0; top:0; background:url('../_images/frame_home.png') no-repeat left top;
}
		.visual_home_items_container .subvisual { z-index:4; width:210px; height:280px; position:absolute; left:716px; top:20px; } 
		.visual_home_items_container .welcomebulb { z-index:3; width:330px; height:110px; position:absolute; left:25px; top:225px; } 
		.visual_home_items_container .visual { z-index:1; width:961px; height:353px; overflow:hidden; position:absolute; left:0; top:0; background:url('../_files/graphicCollections/collection1/element1.jpg') no-repeat left 0;
}
		.visual_home_items_container .visual_kennis { z-index:1; width:961px; height:353px; position:absolute; left:0; top:0; background:url('../_images/visual_kennis.jpg') no-repeat left 1px;
}

.doen { padding:150px 0 0 0; }
.doen a { display:block; width:178px; font-size:1px; text-indent:-300px; overflow:hidden; height:140px; background:url('../_images/doen.png') no-repeat left top;
}
.subvisualYouTube { padding:20px 0 0 0; float:left; }
.subvisualYouTube a { display:block; width:200px; font-size:1px; text-indent:-300px; overflow:hidden; height:118px; background:url('../_images/subvisualYouTube.png') no-repeat left top;
}
.subvisualFortenspel { padding:35px 0 0 0; float:left; }
.subvisualFortenspel a { display:block; width:200px; font-size:1px; text-indent:-300px; overflow:hidden; height:118px; background:url('../_images/subvisualFortenspel.png') no-repeat left top;
}
.subvisualVademecum { padding:20px 0 0 0; float:left; }
.subvisualVademecum a { display:block; width:200px; font-size:1px; text-indent:-300px; overflow:hidden; height:118px; background:url('../_images/subvisualVademecum.png') no-repeat left top;
}
.subvisualKennisYouTube { padding:35px 0 0 0; float:left; }
.subvisualKennisYouTube a { display:block; width:200px; font-size:1px; text-indent:-300px; overflow:hidden; height:118px; background:url('../_images/subvisualYouTube.png') no-repeat left top;
}
.subvisualFortenmaand { padding:35px 0 0 0; float:left; }
.subvisualFortenmaand a { display:block; width:200px; font-size:1px; text-indent:-300px; overflow:hidden; height:118px; background:url('../_images/subvisualFortenmaand.png') no-repeat left top;
}

.home_col_a, .home_col_b, .home_col_c { float:left; width:374px; }
.home_col_b { width:249px; }

.home_col_a ul { margin-bottom:0; }
.home_col_a p, .home_col_c p { margin-bottom:0px; }

.homebox { width:374px; line-height:20px; }
	.homebox_top { padding:2px 34px 0 34px; height:30px; overflow:hidden; background:url('../_images/bg_homebox_top.gif') no-repeat left top;
}
	.homebox_main { padding:10px 34px 1px 34px; min-height:318px; height:auto !important; height:318px; background:url('../_images/bg_homebox_main.gif') repeat-y left top;
}
	.homebox_bottom { width:374px; height:7px; overflow:hidden; background:url('../_images/bg_homebox_bottom.gif') no-repeat left top;
}
	.homebox td { vertical-align:middle; }
	.homebox_top h3 { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0; padding:3px 0 0 0; border:none; }
	
.homemap { width:249px; height:366px; background:url('../_images/kaartje-home.jpg') no-repeat left top;
}
	.homemap h3 { color:#ffffff; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 16px 0 16px; margin:0; border:none; }
	
.clear_homeboxes { clear:both; height:1px; overflow:hidden; line-height:1px; font-size:1px; }




/* EDUCATIE TEMPLATE */

.homebox_Left_main { padding:10px 34px 1px 34px; min-height:318px; height:828px; background:url('../_images/bg_homebox_main.gif') repeat-y left top; }

.visual_home_items_container .visual_educatie { z-index:1; width:961px; height:353px; position:absolute; left:0; top:0; background:url('../_images/visual_educatie.jpg') no-repeat left 1px; }

.home_col_b_Educatie { float:left; width:606px; }

.homebox_Educatie { width:606px; line-height:20px; }
.homebox_Educatie_top h3 { color:#ffffff; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 16px 0px 0px; margin:0; border:none; }
.homebox_Educatie_top { padding:0px 14px 0 2px; width:606px; height:30px; overflow:hidden; background:url('../_images/bg_homebox_Educatie_top.gif') no-repeat left top; }
.homebox_Educatie_main { padding:10px 20px 1px 15px; min-height:318px; height:auto !important; height:318px; background:url('../_images/bg_homebox_Educatie_main.gif') repeat-y left top; }
.homebox_Educatie_main img { margin-top:-2px; }
.homebox_Educatie_main h3 { font:normal 20px Impact, Arial, Helvetica, sans-serif; color:#007b7b; text-indent:1px; border-bottom: dotted 1px #B2B2B2; padding:0 0 2px 0; margin:5px 0 10px 0; }

.homebox_Educatie_bottom { width:606px; height:10px; overflow:hidden; background:url('../_images/bg_homebox_Educatie_bottom.gif') no-repeat left top; }

	
	
	
/* STANDARD TEMPLATE - (SMALL VISUAL) */
.visual_standard {
	width:997px; height:201px; border-top:solid 1px white;
	background:url('../_images/bg_visual_standard.png') no-repeat left top;
}
	.visual_standard_items_container { z-index:1; width:961px; height:165px; margin:36px 0 0 18px; position:relative; }
		.visual_standard_items_container .frame { z-index:2; width:961px; height:165px; position:absolute; left:0; top:0; background:url('../_images/frame_standard.png') no-repeat left top;
}
		.visual_standard_items_container .visual { z-index:1; width:961px; height:165px; position:absolute; left:0; top:0; /*background:Transparent url('../_images/visual_standard.jpg') no-repeat left top;*/ overflow:hidden; }
		.visual_standard_items_container .visual img { display:block; border:none; width:960px !important; height:170px !important; }

.content_container { padding:25px 0 0 0; width:997px; background:url('../_images/bg_content_container.png') no-repeat left top;
}
	.content_top { width:997px; min-height:510px; height:auto !important; height:510px; background:url('../_images/bg_content_top.png') repeat-y left top; 
padding:0 0 30px 0; }
	.content_bottom { width:997px; height:7px; background:url('../_images/bg_content_bottom.png') no-repeat left top;
}

	.col_left { width:168px; float:left; min-height:300px; padding:0 20px 0 34px; }
	.col_middle { width:502px; float:left; min-height:300px; padding:0; line-height:20px; }
	.col_right { width:200px; float:left; min-height:300px; padding:0 43px 0 30px; }
	.col_right_wide { width:730px; float:left; min-height:300px; padding:0px; }
	
	.col_gm_mid { width:302px; float:left; min-height:300px; padding:0; line-height:20px; page-break-after:always; }
	.col_gm_right { width:300px; float:left; min-height:300px; padding:0 43px 0 30px; }
	
	/* submenu  --->  Zie MenuControl.css */


/* Activity box */
.activity_box { width:250px; height:186px; overflow:hidden; float:left; }
	.activity_box a { cursor:hand; text-decoration:none; display:block; width:260px; height:186px; overflow:hidden; background-image:url('../_images/bg_activity.jpg'); background-repeat:no-repeat; background-position:0px 0px;  }
	.activity_box a:hover { background-position:0px -186px; }
	.activity_box img { position: absolute; z-index: 0; border:none; margin: 5px 0px 0px 5px; }
	.activity_image { width:230px; height:102px; }
	.activity_overlay { position: absolute; z-index: 1; margin:5px 0px 0px 5px; width:230px; height:102px; background:url('../_images/activity_overlay.png') no-repeat left top;
}
	.activity_box a:hover .activity_overlay {  background:url('../_images/activity_overlay_over.png') no-repeat left top;
}
	.activity_date { position: absolute; display:block; width:225px; height:20px; overflow:hidden; margin:112px 0 0 8px; color:#000; white-space:no-wrap; font-size:11px; font-weight:bold; }
	.activity_title { position: absolute; display:block; width:197px; height:45px; overflow:hidden; margin:130px 0 0 8px; font-size:15px; font-weight:bold; }
	

/* Activity options */
.activity_options ul { margin:0; padding:0 0 20px 0; list-style:none; }
.activity_options select { margin-bottom:20px; }
.activity_options h4 { padding-bottom:10px }
.activity_options a { color:#007b7b; text-decoration:none; border-bottom:dotted 1px #007b7b; }
.activity_options a:hover { color:Black; }

/* Activity options date picker */
.textBox {
	border: 0px;
	color:#007b7b;
	border-bottom: 1px dotted #007b7b;
	background-color: Transparent;
	width: 82px;
	text-align: center;
	font-size: 13px;
	cursor:pointer;
}

/* List items paging navigation */
.pagingContainer { margin:20px 0 0 0;}
.pagingContainer ul { text-align:center;padding:0 0 10px 0; list-style:none; }
.pagingContainer ul li { display:inline; margin:0 1px; }
.pagingContainer ul li a, .pagingContainer ul li span { padding:5px 10px; margin-bottom:100px; border-style:solid; border-width:1px; border-color:#c0d3d3; text-decoration:none; }
.pagingContainer ul li a:hover { background:#b8dfe0; }
.pagingContainer ul li span { border-color:#FFFFFF; }
.pagingContainer .imageButton a { border:none; }
.pagingContainer .imageButton a:hover { background:none; }

/* submit button */
div.submitbutton { margin-top:5px; height:28px; padding-left:6px; background:url('../_images/submitbutton_left.gif') no-repeat left top;
}
div.submitbutton a { border-style: none;
	border-color: inherit;
	border-width: medium;
	color:#007b7b; 	text-decoration:none; 	display:inline-block; 	height:23px; 	padding:5px 12px 0 6px;  background:url('../_images/submitbutton_right.gif') no-repeat right top;
}
div.submitbutton a:hover { color:#f31118; }


/* RSS ico */
.rss a { text-indent:5px; display:block; width:33px; height:51px; background:url('../_images/rss.gif') no-repeat left 10px; 
font-size:10px; color:White; }

.rss_text a { display:block; width:108px; height:52px; background:url('../_images/rss_text.gif') no-repeat left 10px; 
font-size:10px; color:White; }


/* Newsletter subscribe homepage */
.newsletter {	border-top:dotted 1px 	#8ec9c3; margin-top:20px; padding-top:15px; }
.newsletter h3 { padding:0 0 5px 0; }


/* LISTS */
span.list_title { display:block; font-size:20px; font-weight:normal; margin:0 0 10px 0; }
span.list_intro { color:Black; }

ul.nieuws_list { margin:0; padding:0; list-style:none; border-top:dotted 1px #B2B2B2; }
ul.nieuws_list li { border-bottom:dotted 1px #B2B2B2; }
ul.nieuws_list a { display:block; padding:20px; }
ul.nieuws_list a:hover { background:#fff url('../_images/gradient.png') repeat-x left top; border-right:dotted 1px #B2B2B2; border-left:dotted 1px #B2B2B2; padding:20px 19px; }
ul.nieuws_list span.list_title { background:url('../_images/linkprefix.gif') no-repeat right 4px; 
padding:0 20px 0 0; }
ul.nieuws_list span.list_intro img { float:left; margin:5px 10px 5px 0; width:150px; border:solid 1px #007B7B !important; }
ul.nieuws_list span.list_intro {
		height:1%;
		display:block;
		width: 100%;
}
ul.nieuws_list span.list_intro:after {
		content: ".";
		clear: both;
		height: 0;
		visibility: hidden;
		display: block;
}


/* MCW EDITOR DECLARTIONS */

td { vertical-align:top; }
h1, h2, h3, h4, h5, h6 {
	margin:0; padding:0 0 20px 0; line-height:normal; 
}
p {
	margin:0; padding:0 0 20px 0;
}
ul, ol {
		margin-top:0; margin-bottom:20px;
}
h1 {
	font:normal 30px Impact, Arial, Helvetica, sans-serif;
}
h2 {
	font:normal 26px Impact, Arial, Helvetica, sans-serif;
	/* letter-spacing:1px; */
	text-indent:1px;
	color:#333;
}
h3 {
	font:normal 20px Impact, Arial, Helvetica, sans-serif;
	color:#007b7b;
	text-indent:1px;
	border-bottom: dotted 1px #B2B2B2;
	padding:0 0 2px 0;
	margin:5px 0 10px 0;
}
table h3 
	{ border:none;
}
h3.h3Variant1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f31118;
	border:none;
	font-size:13px;
	margin:10px 0 0 0;
	padding:0 0 2px 0;
}

h4 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333;
	text-indent:1px;
}
h5 { 
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#666;
	margin:0; padding:0;
	text-indent:1px;
}

.pVariant1 {
	/* introductie paragraaf */
	/*font-size:17px;
	line-height:26px;*/
	font-style:italic;
}
.pVariant2 {
	/* Border boven */
	border-top:dotted 1px #B2B2B2;
	padding-top:20px;
}
.pVariant3 {
	/* Border onder */
	border-bottom:dotted 1px #B2B2B2;
	margin-bottom:20px;
}
.pVariant4 {
	/* Geen marge */
	margin-bottom:0px;
	padding-bottom:8px;
}

.aVariant1 {
	padding:0 0 0 13px;
	background:url('../_images/linkprefix.gif') no-repeat left center;
}
.aVariant2 {
	padding:0 0 0 19px;
	background:url('../_images/linkprefix_pdf.gif') no-repeat left center;
}
.aVariant3 {
	padding:0 0 0 20px;
	background:url('../_images/linkprefix_window.gif') no-repeat left center;
}

/* List met pijl bullets */
.ulVariant1 { margin:0 0 20px 0; padding:0; list-style:none; font-weight:bold; }
.ulVariant1 li { padding:3px 0 3px 28px; background:url('../_images/bullet1.gif') no-repeat left center;
}

/* List met fort bullets */
.ulVariant2 { margin:0 0 20px 0; padding:0; list-style:none; font-weight:bold; }
.ulVariant2 li { padding:3px 0 3px 28px; background:url('../_images/bullet2.gif') no-repeat left center;
}

/* List met mini bullets */
.ulVariant3 { margin:0 0 20px 0; padding:0; list-style:none; }
.ulVariant3 li { padding:2px 0 2px 20px; background:url('../_images/bullet3.gif') no-repeat left 5px;
}

/* Projecten list */
ul.projecten_list { margin:0; padding:0; list-style:none; border-top:dotted 1px #B2B2B2; }
ul.projecten_list li { border-bottom:dotted 1px #B2B2B2; }
ul.projecten_list a { display:block; padding:20px; }
ul.projecten_list a:hover { background:#fff url('../_images/gradient.png') repeat-x left top; border-right:dotted 1px #B2B2B2; border-left:dotted 1px #B2B2B2; padding:20px 19px; }
ul.projecten_list span.list_title { background:url('../_images/linkprefix.gif') no-repeat left 4px; 
padding:0 0 0 13px; }


ol li { margin:0 0 10px 0; }

.olVariant1 {
}

.tableVariant1 {
	width:100%
} #maincontent .tableVariant1 img { border:none; }

.tableVariant2 {
	width:100%;	
} .tableVariant2 td {width:50%; }

table.medewerkers-klein { width:500px; }
table.medewerkers-klein td { padding-bottom:20px; }
table.medewerkers-klein img {
	border:none !important; display:block; float:left; margin:0 10px 0 0; 	
}


.table_aanbod td { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  }
.table_aanbod td a { text-decoration:none; color:#007b7b; }
.table_aanbod td a:hover { color:#f31118; }
.table_aanbod img { border:none; margin:0 10px 0 0;  }

#maincontent img, #noordcontent img, #middencontent img, #zuidcontent img { 
	border: 1px solid #007b7b; 
}

.imgVariant1, .imgVariant2 {
	padding: 0px;
	border: 1px solid #007b7b;
}
.imgVariant1, .imgVariant4 {
	float: left !important;
	margin: 0px 10px 0 0px;
}

.imgVariant2, .imgVariant5 {
	float: right !important;
	margin: 0px 0px 0 10px;
}
.imgVariant1, .imgVariant2, .imgVariant4, .imgVariant5 {
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px;
}
#maincontent .imgVariant3, #maincontent .imgVariant4, #maincontent .imgVariant5 {
	border:none;
}

div.visual div.EaNoMargin { /*margin:0; padding:0 0 0 1px;*/ }

/* Collapsible panel - code block */
div.collapsible {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:solid 1px #91cec7;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}
div.collapsible_inactive {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:solid 1px #91cec7;
	overflow:hidden;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	height:57px;
	background:White url('/_images/pijltje.gif') no-repeat 12px 13px;
}
div.collapsible_active {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:solid 1px #91cec7;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	height:auto;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}
div.borderPanel {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border:solid 1px #91cec7;
	padding:5px 10px 10px 10px;
	margin:0 0 20px 0;
	background:White url('/_images/gradient.png') repeat-x left top;
}
div.borderPanel span.borderPanelClear, div.borderPanel2 span.borderPanelClear {
	clear:both; display:block; width:100%; height:1px; overflow:hidden; text-indent:-9999px;
}
div.borderPanel2 {
	border:none;
	padding:6px 10px 11px 12px;
	margin:0 0 20px 0;
	background:White url('/_images/bg_iconbar.gif') repeat-x left top;
}

/* END MCW EDITOR DECLARTIONS */


/* FORT STEURGAT VIEWER - added to DOM wih javascript */
#steurgatWindow { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1000; background:#000; filter:alpha(opacity=30); opacity:0.3; }
.steurgat_window { z-index:1001; position:absolute; left:50%; top:50%; margin:500px 0 0 -450px; width:900px; height:500px; border:solid 1px #B2B2B2; overflow:hidden; }
.steurgat_iframe { width:900px; height:470px; overflow:hidden; border:none; margin:0; padding:0; }
.steurgat_title { height:30px; background:#007b7b url('../_images/closebutton.gif') no-repeat 870px 3px; }
.steurgat_title p { margin:0; padding:6px 0 0 10px; color:#fff; font-weight:bold; }


/* ENGLISH FLAG - added to DOM with javascript */
#flagdiv { width:25px; height:25px; overflow:hidden; position:absolute; top:24px; left:50%; margin-left:430px; z-index:5;  }
#flaga { display:block; width:100%; height:100%; overflow:hidden; font-size:1px; text-indent:-30px; background:url('../_images/flag_eng.gif') no-repeat left top;
}

/* CUSTOM FONTS */
.RedBold {
	color: #f31118;
	font-weight: bold;
}

a.backbutton {
	display:block;
	width:28px;
	height:28px;
	overflow:hidden;
	text-indent:-9999px;
	background-color:White;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url('../_images/backbutton.gif');
	margin:-5px 0 13px 1px;
}
a.backbutton:hover {
	background-position:left -28px;	
}

.success, .error {
	padding: 10px;
}
.success {
	background-color: #66bd00;
}
.error {
	background-color: #f31118;
}