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

	CSS DOCUMENT FOR Dlg 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:
	background-blue: #4e9eb7;
	search-dark-blue: #2d7792;
	search-light-blue: #c0e8f5;
	text: #1e4b61;
	dark-blue, a: #041a56;
	green: #15891f;
===========================================================================================
*/



/* BEGRIPPENLIJST + QUICKSEARCH */

#elBegrippenlijst { height:287px; overflow:auto; border:solid 1px #96bbc9; margin-bottom:15px; }
.colLeft #elBegrippenlijst { height:400px; }
#ulBegrippenLijst { list-style:none; margin:0; padding:10px; }
#ulBegrippenLijst li { padding:0 0 10px 0; }

#begrippenlijstSearch { background:#4e9eb7 url('../_images/begrlijsttopbg.gif'); padding:10px 10px 10px 37px;  }
#begrippenlijstSearchInput { width:167px; border:1px solid #2D7792; background:#C0E8F5; padding:2px; color:#1e4b61; }

#subContentBelowQuickSearch { margin-top:20px; }




#printlogo { height:1px; overflow:hidden; margin:0; padding:0; position:absolute; }
#printlogo img { visibility:hidden; }

/* HTML, BODY, FORM */
html, body {
	width:100%; height:100%; margin:0; padding:0;
	background:#4e9eb7 url('../_images/bg_body.gif') repeat-x left top;
}
form { 
	margin:0 auto; padding:0;
	background:Transparent url('../_images/bg_form.gif') no-repeat center 136px;
	min-height:700px; height:auto !important; height:700px;
	border-top:Solid 1px #68b3c8;
	font: normal 14px "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#1e4b61;
}
form#mailingform {
	background:none;
}

a:active, a:visited, input { outline:none; }

/* GENERIC */
	.clear { clear:both; }
	a { color:#2d7792; text-decoration:underline; font-weight:bold; }
	a:hover { color:#15891f; text-decoration:underline; }
	img { border:none; }
	u { text-decoration:none; border-bottom:dashed 1px #D3D3D3; }
	span { text-decoration:none !important; }

table tr {
	vertical-align: top;
	text-align: left;	
}

/* MCW EDITOR DECLARTIONS */
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;
}

h1 {
	font-size:140%;
	color:#15891f;
}
h2 {
	font-size:130%;
	color:#15891f;
}
h3 {
	font-size:120%;
	color:#15891f;
}
h4 {
	font-size:110%;
	margin-bottom: 6px;
}
h1.hVariant1 {
	background:#FFFFFF url('/_images/bg_hVariant1.gif') repeat-x left bottom;
	padding:0 0 24px 0;
}
h2.hVariant1 {
	background:#FFFFFF url('/_images/bg_hVariant1.gif') repeat-x left bottom;
	padding:0 0 28px 0;
}
h3.hVariant1 {
	background:#FFFFFF url('/_images/bg_hVariant1.gif') repeat-x left bottom;
	padding:0 0 32px 0;
}
h4 {
	font-size:110%;
}
h5 {
	font-size:100%;
}
h6 {
	font-size:90%;
}

p.pVariant1 { /* border-bottom */
	background:#FFFFFF url('/_images/bg_pVariant1.gif') repeat-x left bottom;
	padding:0 0 30px 0;
}
p.pVariant2 { /* larger font */
	font-size:110%;
	line-height:150%;
}
p.pVariant3 {
	border:solid 1px #999;
	padding:10px 10px 10px 30px;
	cursor:pointer;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}
p.pVariant3_inactive{
	border:solid 1px #999;
	overflow:hidden;
	padding:10px 10px 10px 30px;
	cursor:pointer;
	height:20px;
	background:White url('/_images/pijltje.gif') no-repeat 12px 13px;
}
p.pVariant3_active{
	border:solid 1px #999;
	padding:10px 10px 10px 30px;
	cursor:pointer;
	height:auto;
	background:White url('/_images/pijltje_active.gif') no-repeat 12px 13px;
}
p.pVariant4 {
	font-size:80%;
}

a.aVariant1 {
	/* Link element with PDF ico */
    background: Transparent url('../_images/pdf_ico.gif') no-repeat left center;
	padding:0 0 0 20px;
}
a.aVariant2 {
	/* Link element with Word icno */
    background: Transparent url('../_images/word_ico.jpg') no-repeat left center;
	padding:0 0 0 20px;
}
ul.ulVariant1, ul.ulVariant2, ul.ulVariant3, ul.ulVariant4, ul.ulVariant5, ul.ulVariant6, ul.ulVariant7, ul.ulVariant8 {
	margin:0; padding:0;
}
ul.ulVariant1 li, ul.ulVariant2 li,  ul.ulVariant3 li, ul.ulVariant4 li {
    margin: 0px 0px 0.6em 0px;
    padding-left: 16px;
    list-style: none;
}
ul.ulVariant5 li, ul.ulVariant6 li, ul.ulVariant7 li, ul.ulVariant8 li {
    margin: 0px 0px 0.6em 0px;
    padding-left: 22px;
    list-style: none;
}
ul.ulVariant3, ul.ulVariant4, ul.ulVariant6, ul.ulVariant8 {
	background:#FFFFFF url('/_images/bg_pVariant1.gif') repeat-x left bottom;
	padding:0 0 22px 0;
	margin:0 0 13px 0;
}
ul.ulVariant1 li {
    /* ListItem element with orange arrows */
    background: Transparent url('../_images/liIndicatorOrangeArrow.gif') no-repeat 0px 4px;
}
ul.ulVariant2 li {
    /* ListItem element with green arrows */
    background: Transparent url('../_images/liIndicatorGreenArrow.gif') no-repeat 0px 4px;
}
ul.ulVariant3 li {
    /* ListItem element with orange arrows and border-bottom */
    background: Transparent url('../_images/liIndicatorOrangeArrow.gif') no-repeat 0px 4px;
}
ul.ulVariant4 li {
    /* ListItem element with green arrows and border-bottom */
    background: Transparent url('../_images/liIndicatorGreenArrow.gif') no-repeat 0px 4px;
}
ul.ulVariant5 li {
    /* ListItem element with PDF ico */
    background: Transparent url('../_images/pdf_ico.gif') no-repeat 0px 1px;
}
ul.ulVariant6 li {
    /* ListItem element with PDF ico and border-bottom */
    background: Transparent url('../_images/pdf_ico.gif') no-repeat 0px 1px;
}
ul.ulVariant7 li {
    /* ListItem element with Word ico */
    background: Transparent url('../_images/word_ico.jpg') no-repeat 0px 1px;
}
ul.ulVariant8 li {
    /* ListItem element with Word ico and border-bottom */
    background: Transparent url('../_images/word_ico.jpg') no-repeat 0px 1px;
}

acronym { border-bottom:dotted 1px green; cursor:help; }

a.fbox { text-decoration:none; border-bottom:dashed 1px #96bbc9; }

.imgVariant1, .imgVariant2 {
	padding: 5px !important;
	background-color: #FFFFFF !important;
	border: 1px solid #999999 !important;
}
.imgVariant1, .imgVariant3 {
	float: left !important;
	margin: 0px 10px 10px 0px !important;
}

.imgVariant2, .imgVariant4 {
	float: right !important;
	margin: 0px 0px 10px 10px !important;
}
.imgVariant3, .imgVariant4 {
	border: none !important;
}
.imgVariant1, .imgVariant2, .imgVariant3, .imgVariant4 {
	z-index: 2 !important;
	/* Set margin top for correct aligning with top of text */
	margin-top: 5px !important;
}
.imgVariant5 {
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
	float: none !important;
}
/* END MCW EDITOR DECLARTIONS */


/* LAYOUT */
.container{
	margin:auto; width:928px; overflow:hidden;
}
.header{
	width:928px; height:166px; overflow:visible;
	background:Transparent url('../_images/bg_header.gif') no-repeat left -2px;
	border-top:solid 1px #68b3c8;
	margin:0 0 0 0;
}
.pic {
	width:928px; height:212px; overflow:hidden;
	background:#CCCCCC url('../_images/pic_default.jpg') no-repeat left top;
	position:relative;
}
	
	.pic #pics {
		position:absolute;
		left:0; top:0;
		width:928px; height:212px; overflow:hidden;
		z-index:1;
	}
	
	.pic .tools {
		width:928px; height:40px; overflow:hidden;
		background:Transparent url('../_images/bg_tools.png') no-repeat left top;
		position:absolute;
		z-index:2;
	}
		.tools ul {
			list-style:none;
			display:block;
			width:993px;
			margin:0; padding:0;
		}
		.tools ul li { display:block; float:left; width:34px; height:26px; overflow:hidden; display:inline; }
		.tools li a { display:block; width:100%; height:100%; overflow:hidden; font-size:1px; text-indent:-2000px; }
		
		#tools_decreaseFont { margin:0 0 0 754px; }
		#tools_increaseFont {  }
		#tools_print { margin:3px 0 0 23px; }
		#tools_sitemap { margin:3px 0 0 5px; }
		
		#tools_decreaseFont a { background-image:url('../_images/tools_decreaseFont.png'); }
		#tools_increaseFont a { background-image:url('../_images/tools_increaseFont.png'); }
		#tools_print a { background-image:url('../_images/tools_print.png'); }
		#tools_sitemap a { background-image:url('../_images/tools_sitemap.png'); }
		
	.pic .extra {
		width:928px; height:20px; overflow:hidden;
		background:Transparent url('../_images/bg_extra.png') no-repeat left top;
		bottom:0;
		position:absolute;
		z-index:2;
	}
.nopic {
	width:928px; height:50px; overflow:hidden;
	background:#FFFFFF;
}
	.nopic .tools {
		width:928px; height:40px; overflow:hidden;
		background:Transparent url('../_images/bg_tools.png') no-repeat left top;
	}
	.nopic .extra {
		width:928px; height:20px; overflow:hidden;
		background:Transparent url('../_images/bg_extra.png') no-repeat left top;
		margin-top:152px;
	}
.content {
	width:928px; min-height:500px; height:auto !important; height:500px;
	background:#FFFFFF;
}
	.content .colLeft {
		float:left;
		width:585px;
		padding:15px 35px 35px 35px;
		overflow:hidden;
	}
	.content .colRight {
		float:left;
		width:220px;
		padding:15px 35px 35px 15px;
		overflow:hidden;
		font-size:85%;
	}
	.content .text {
		
	}
.footer {
	width:928px; height:30px; overflow:hidden; margin-bottom:30px; padding-top:30px;
	background:Transparent url('../_images/bg_footer.gif') no-repeat left top;
	font-size:12px;
}
	.footer ul { margin:0; padding:0; list-style:none; }
	.footer ul li { float:left; }
	.footer ul li a { font-weight:bold; display:block; padding:5px 0 0 37px; text-decoration:none; color:#FFFFFF; }
	.footer ul li a:hover { color:#041a56; }
	.footer ul li.lastupdate { font-weight:bold; display:block; padding:5px 37px 0 0; text-decoration:none; float:right; }


/* PHOTOS BOTTOM */
.fotofooterrepeat {
	width:100%; height:160px;
	background:Transparent url('../_images/bg_fotofooter_repeat.jpg') repeat-x left top;
	margin:10px 0 0 0;
}
.fotofooter {
	width:928px; height:160px; overflow:hidden; margin:0 auto 0 auto;
	background:Transparent url('../_images/bg_fotofooter.jpg') no-repeat left top;
}


/* SPECIFIC */	

/* home images in content with logos */
#homedivcontainer {
	height:200px;
}

#homediv { position:absolute; }

#homediv div {
	width:190px; height:183px; overflow:hidden; float:left;
	margin:0; padding:0 0 7px 0;
	background-repeat:no-repeat;
	background-position:center top;
}
#homediv div.clear {
	height:1px; width:auto; padding:0;
}
#homediv div a {
	text-decoration:none;
	color:#1e4b61;
	font-weight:bold;
	display:block;
	width:180px;
	padding:157px 5px 0 5px;
	text-align:center;
}
#homediv div a:hover {
	color:#15891f;
}
.homediv_1 { background-image:url('../_images/hometable_1.gif'); }
.homediv_2 { background-image:url('../_images/hometable_2.gif'); }
.homediv_3 { background-image:url('../_images/hometable_3.gif'); cursor:pointer; }

#homediv div#logoslideshow { 
	position:absolute;
	width:160px; 
	height:100px; 
	right:15px; 
	top: 35px; 
	background:#f1f4fa;
	text-align:center; 
}


/* NewsList */
#ulNewsList {
	list-style:none;
	margin:0;
	padding:0;
}
#ulNewsList li {
	display:block;
	margin:0 0 20px 0;
	padding:0 0 20px ;
	border-bottom:dotted 1px #b6c5ca;
}
#ulNewsList li a {
	display:block;
	font-size:120%;
	margin:2px 0 10px 0;
	text-decoration:none;
}
span.list_date {
	/*font-size:80%;*/
	color:#15891f;
	font-variant:small-caps;
}
#ulNewsList span.list_intro {
	
}
.list_detail_intro {

}
.list_detail_back {
	margin:-18px 0 20px 0;
}
	
/* rotating logos in pages other than homepage */
.logos {
	width:160px;
	height:100px;
	overflow:hidden;
	padding:28px 30px 10px 30px;
	background:#f1f4fa url('../_images/bg_logos.gif');
	cursor:pointer;
}


/* List items paging navigation */

.pagingContainer { width:100%; }
.pagingContainer ul { width:100%; text-align:center;padding:0 0 10px 0; list-style:none; }
.pagingContainer ul li { display:inline; margin:0 3px; }
.pagingContainer ul li a, .pagingContainer ul li span { padding:1px 6px; border-style:solid; border-width:1px; border-color:#b6c5ca; text-decoration:none; }
.pagingContainer ul li span { border-color:#FFFFFF; }