/*

ID Management & Advies CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2007 © All rights reserved	
* Web:		http://www.nedfinity.com 
*  			http://www.nedfinity.nl 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Renzo Koning 
*********************************************

	CSS Logica:

	Algemeen
		Standaard hyperlink instellingen
		Standaard tekst instellingen
		Standaard elementen
	Container DIV's
	Header
		Navigatie
	Content
	Footer
		
------------------------------------------------------------ */


/* Algemeen 
----------------------------------------------------------- */

* 	{
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
	}

body {
	background: #fff;
	font-size: 12px;
	text-align:left;
	background-image:url(../_images/bg.gif);
	background-position:center;
	/* standaard lettertype instellingen */
	font-family: arial, helvetica, sans-serif;
	line-height:18px;
	color: #5e5e5e; /* standaard tekst kleur */
}

	
/* Container DIV's
----------------------------------------------------------- */	
#container {
	position:relative;
	width: 760px;
	/* deel 2 van de centering hack */
	margin: 0 auto;

}
html, body{height:100%;}


	/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {
	 COLOR: #5e5e5e; TEXT-DECORATION: underline;
}
a:visited {
	 COLOR: #5e5e5e; TEXT-DECORATION: underline; 
}
a:hover {
	COLOR: #ff8a00;  TEXT-DECORATION: none; 
}
a:active {
	 COLOR: #5e5e5e; TEXT-DECORATION: underline;
}

	
	
	/* Standaard tekst instellingen 
	----------------------------------------------------------- */
	
	h1	{
		font-size: 20px;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		margin-bottom:10px;
		text-transform:uppercase;
		color:#ff8a00;

	}
		h2	{
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		margin-top:10px;
		font-weight:bold;
		color:#ff8a00;

	}
	
	/* Standaard elementen
	----------------------------------------------------------- */
	
	img {
		border: 0;
		}
	#text ul { 
		list-style-type: disc;
		list-style-position: outside;
		padding-left: 20px;
	}
	#text li{
		list-style-image: url(../_images/bullet.gif);
		list-style-type: circle;
	}
	/* tweede laag */
	#text li ul li{
		list-style-image: url(../_images/linelist.gif);
		list-style-type: square;
	}



/* Content
-------------------------------------------------------------------- */
#content{
	position:relative;
	width:760px;
	z-index:0;
	padding-top:42px;
	background-image:url(../_images/content_bg.gif); background-repeat:repeat-y;
}

#leftcollum{ 
	position:relative;
	width:211px;
	float:left;
}
#nieuwsstreep{
	position:absolute;
	margin:0px 12px 20px 12px;
	width:187px;
	height:291px;
	border-top:dotted 1px #FFF;
	top: 293px;
}
#nieuwstext{
	position:relative;
	color:#000;
	margin:20px 13px 0px 13px;
	width:161px;
	height:291px;
	z-index:2;
}
.nieuwsLnk, .nieuwsLnk:link, .nieuwsLnk:visited, .nieuwsLnk:active{
	display:block; COLOR: #fff;  TEXT-ALIGN: right; TEXT-DECORATION: none; font-style:italic;
}
.nieuwsLnk:hover {
	 COLOR: #fff;  TEXT-DECORATION: underline;font-style:italic;
}
#nwsHead { display:block; padding-bottom:6px;}
.nieuwsheadwit {color: #fff; font-size:16px; font-weight:bold; }
.nieuwsheadzwart {color: #000; font-size:16px; font-weight:bold;}
#text{
	position:relative;
	width:427px;
	right:62px;
	padding-right:5px;
	padding-top:50px;
	float:right;
	z-index:200;
}
#text img{ 
	position:relative; float:right; right:-14px; border-right:10px #ef7d00 solid;
}
#text table img{ 
	position:relative; float:none; right:0; border:0;
}
#contentbgtop{
	position:absolute;
	width:80px;
	height:56px;
	top: 42px;
	right:62px;
	background-image:url(../_images/contentbgtop.gif);
}
#contentbgbottom{
	position:absolute;
	width:80px;
	height:53px;
	bottom: 41px;
	z-index:2;
	right:62px;
	background-image:url(../_images/contentbgbottom.gif);

}
/* Footer
-------------------------------------------------------------------- */

/*-----------------Copyright------------------*/
#copy{
	position:relative;
	FONT-SIZE: 10px; COLOR: #616361; FONT-FAMILY: arial;
	text-align:center;
	height:20px;
	width:100%;
	padding:10px 0 10px 0;
	border-top:1px #5e5e5e solid;
}
.copyright, .copyright:link, .copyright:visited, .copyright:active{
	Font-SIZE: 10px; COLOR: #5e5e5e; FONT-FAMILY: arial; TEXT-ALIGN: center; TEXT-DECORATION: none;
}

.copyright:hover {
	 COLOR: #ff8a00;  TEXT-DECORATION: underline
}

/*-----------------MENU------------------*/

#menu {
	position:absolute;
	width:760px;
	z-index:1;
	height:42px;
	background-image:url(../_images/menu_bg.gif); background-repeat:repeat-x;
	}

#mainMenu {
	position:absolute;
	right:20px;
	z-index:2;
	top:155px;
	width:580px;
	line-height:22px;
}
#mainMenu a	{}
#mainMenu a:hover {}



.mainMenuItem {cursor:default;}

#mainMenuID, #mainMenuID ul {padding:0; line-height:26px; margin:0; list-style:none;}
#mainMenuID a { background-image:url(..); display:block; padding-top:10px;padding-right:12px; color:#fff; text-decoration:none; font-family: "Arial narrow",arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; background-image:url(../_images/menu_streepbg.gif); background-repeat:no-repeat; background-position:center right ;}
#mainMenuID a:hover {color:#dbdbdb;}
#mainMenuID li {float:left; padding:1px 11px 0 0px; }
#mainMenuID li ul {position:absolute; border:1px dotted #f5b166; border-width:1px 0 1px 0; width:124px; left:-999em; bottom:33px; background-image:url(../_images/menu_subbg.gif); background-repeat:repeat-x; color:#000; 	filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;}					
#mainMenuID li ul li {line-height:12px; padding:0 0 0 0px; width:124px; }
#mainMenuID ul a {color:#444f51; font-size:12px; width:118px; padding:6px 0 6px 6px; border-bottom:1px dotted #f5b166; overflow:hidden; background-image:url(../_images/menu_subbg.gif); background-repeat:repeat-x;}
#mainMenuID li:hover ul, #mainMenuID li.over ul {left:auto;}
#mainMenuID ul li:hover, #mainMenuID ul li.over {background-image:url(../_images/menu_subbg.gif); background-repeat:repeat-x; color:#FFF; overflow:hidden; width:124px;}
#mainMenuID ul a:hover, #mainMenuID ul li:hover a, #mainMenuID ul li.over a {color:#FFF; width:124px; background-image:url(../_images/menu_subbg.gif); background-repeat:repeat-x;}

#mainMenuID	.menuactive{ color:#ff8a00;
	}
#mainMenuID #nobg a{ background-image:none;}
/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
-------------------------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
/* Header
----------------------------------------------------------- */


#head{
	position:relative;
	width:760px;
	height:159px;
	background-color:#fff;
	background-image:url(../_images/head_bg.gif); background-repeat:repeat-y; background-position:left;
}
#logo{ position:absolute; margin:30px 0 0 22px; }
#foto{
	position:absolute;
	z-index:2;
	width:178px;
	height:159px;
	left: 512px;
	top: 0px;
}
#foto_overlay{
	position:absolute;
	z-index:1;
	width:333px;
	height:202px;
	left: 480px;
	top: 0px;
}
#bigfoto_overlay{
	position:absolute;
	width:152px;
	height:358px;
	left: 112px;
	top:193px;
	z-index:2;
}
#bigfoto{
	position:relative;
	width:211px;
	height:291px;
	border-bottom:dotted 1px #FFF;
}	
#nieuwsbg{
	position:relative;
	width:211px;
	height:321px;
}
/* Form
---------------------------------------------------------------------------- */

.conform {
	border: 1px solid #ccc;
	width: 220px;
	height: 18px;
}
textarea {
	border: 1px solid #ccc;
	width: 320px;
}



/* Paging
---------------------------------------------------------------------------- */

	
		#paging { position:absolute; bottom:37px; left:-1px; margin: 8px 0 0 0; width:180px; }
		.pagingtxt { font-size: 11px; color:#5e5e5e;}
		a.clkPaging:link, a.clkPaging:visited, a.clkPaging:active, .clkPagingOver { 
			padding: 2px 4px 2px 4px; margin: 0; border: 1px solid #ee7c00; border-width:0 0 0 1px;	text-decoration:none; color:#5e5e5e;font-size: 11px;}
		a.clkPaging:hover { background-color:#ee7c00; text-decoration:none;	color:#fff; }
		.clkPagingOver { background-color:#ee7c00; color:#FFF; }
		a.clkraquo:link, a.clkraquo:visited, a.clkraquo:active, a.clklaquo:link, a.clklaquo:visited, a.clklaquo:active { 
			font-size: 14px; text-decoration:none; padding: 0px 2px 0 2px; margin: 0; color:#5e5e5e; }
		a.clkraquo:link, a.clkraquo:visited, a.clkraquo:active{ border: 1px solid #ee7c00; border-width:0 0 0 1px; padding-bottom:1px;}
		a.clklaquo:hover, a.clkraquo:hover { text-decoration:none; color:#ee7c00; }