/* 
===========================================================================================	
	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;
	
===========================================================================================
*/

#maincontent { width:auto !important; }

table h3 { border:none; }

.doen { display:none; }

/* GENERAL */
html, body {
	width: 100%; height: 100%;
	margin: 0px; padding: 0px;
}
body { 
	background:none;
	font: normal 13px Arial, Helvetica, sans-serif;
	color:#000;
}
.clear { clear:both; }

.page a { color:gray; text-decoration:underline; }

.page a img { border:none; }


/* LAY-OUT */
.page { width:100%; }

.header { display:none; }
		
.below_visual { display:none; }

.footer, .extrafooter { display:none; }
	
	
/* HOME TEMPLATE - (LARGE VISUAL) */
.visual_home { display:none; }

.home_col_a, .home_col_b, .home_col_c { float:none; width:auto; }

.homebox { width:auto; line-height:normal; }
	.homebox_top { padding:0; height:auto; overflow:visible; background:none; }
	.homebox_main { padding:0; min-height:inherit; height:auto !important; height:auto; background:none; }
	.homebox_bottom { width:auto; height:auto; overflow:visible; background:none; }
	.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 { display:none; }
	
.clear_homeboxes { clear:both; display:none; }

/* STANDARD TEMPLATE - (SMALL VISUAL) */
.visual_standard { display:none; }

.content_container { padding:0; width:auto; background:none; }
	.content_top { width:auto; min-height:inherit; height:auto !important; height:auto; background:none; }
	.content_bottom { display:none; }

	.col_left { display:none; }
	.col_middle { width:auto; }
	.col_right { display:none; }
	.col_right_wide { width:auto; }
	.col_gm_mid { width:60%; float:left; min-height:300px; padding:0; line-height:20px; page-break-after:always; }
	.col_gm_right { width:35%; float:left; min-height:300px; padding:0 43px 0 30px; }
	.col_gm_right h4 { display:none; }
	
	.menuControl { display:none !important; }

/* 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_overlay { position: absolute; z-index: 1; margin:5px 0px 0px 5px; width:230px; height:102px; background:Transparent url('../_images/activity_overlay.png') no-repeat left top; }
	.activity_box a:hover .activity_overlay {  background:Transparent 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; }
	
/* 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:Transparent url('../_images/submitbutton_left.gif') no-repeat left top; }
div.submitbutton a { color:#007b7b; text-decoration:none; border:none; display:inline-block; height:23px; padding:5px 12px 0 6px;  background:Transparent url('../_images/submitbutton_right.gif') no-repeat right top; }
div.submitbutton a:hover { color:#f31118; }


/* RSS ico */
.rss a { display:none; }

.rss_text a { display:none; }


/* LISTS */
span.list_title { display:block; font-size:16px; font-weight:bold; margin:0 0 10px 0; }
span.list_intro { color:Black; }
span.list_intro img { display:none; }

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; text-decoration:none; }
ul.nieuws_list a:hover { background:none; border-right:dotted 1px #B2B2B2; border-left:dotted 1px #B2B2B2; padding:20px 19px; }
ul.nieuws_list span.list_title { background:none; padding:0 0 0 13px; }


/* 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:bold 30px Arial, Helvetica, sans-serif;
}
h2 {
	font:bold 20px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	text-indent:1px;
	color:#333;
	clear:both;
}
h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#666;
	text-indent:1px;
	border-bottom: dotted 1px #B2B2B2;
	padding:0 0 2px 0;
	margin:5px 0 10px 0;
	clear:both;
}
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;
	clear:both;
}
h4 {
	font:bold 13px 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;
}

.aVariant1 {
	padding:0 0 0 13px;
	background:Transparent url('../_images/linkprefix.gif') no-repeat left center;
}
.aVariant2 {
	padding:0 0 0 19px;
	background:Transparent url('../_images/linkprefix_pdf.gif') no-repeat left center;
}
.aVariant3 {
	padding:0 0 0 20px;
	background:Transparent 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:Transparent 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:Transparent 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:Transparent 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; text-decoration:none; }
ul.projecten_list a:hover { background:none; border-right:dotted 1px #B2B2B2; border-left:dotted 1px #B2B2B2; padding:20px 19px; }
ul.projecten_list span.list_title { background:Transparent url('../_images/linkprefix.gif') no-repeat left 4px; padding:0 0 0 13px; }


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

.olVariant1 {
}

.tableVariant1 {
	/* 100% breed, geen border op images */
	width:100%
} #maincontent .tableVariant1 img { border:none !important; }

.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 { border: 1px solid #92cec6 !important; }

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

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

div.visual div.EaNoMargin { margin:0 !important; padding:0 0 0 1px !important; }

/* Collapsible panel - code block */
div.collapsible {
	border:solid 1px #B2B2B2;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}
div.collapsible_inactive {
	border:solid 1px #B2B2B2;
	overflow:hidden;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	height:57px;
	background:White url('/_images/pijltje.gif') no-repeat 12px 13px;
}
div.collapsible_active {
	border:solid 1px #B2B2B2;
	padding:10px 20px 10px 40px;
	cursor:pointer;
	height:auto;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}

/* END MCW EDITOR DECLARTIONS */


/* FORT STEURGAT VIEWER - added to DOM wih javascript */
#steurgatWindow { display:none; }
.steurgat_window { display:none }
.steurgat_iframe { display:none; }
.steurgat_title { display:none; }
.steurgat_title p { display:none; }


/* ENGLISH FLAG - added to DOM with javascript */
#flagdiv { display:none;  }
#flaga { display:none; }