/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:"Century Gothic", arial;
    	color:#676B6C;
    	font-size:12px;
    	line-height:18px;
    }
    
    body {
   	 background:#c00418 url("../images/bg.jpg") top left repeat-x;
    	text-align:center;
    }
    
    a:link, a:visited {
    	color:#c00418;
    }
    
    a:hover,  a:active {
    }
    
    h1 {
    	color:#c00418;
    	font-size:13px;
    	font-weight:bold;
    	padding-bottom:20px;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
	    list-style: disc;
		margin-left:22px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1104px;
    	background:url("../images/bgContainer.jpg") top left repeat-y;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	background:url("../images/header.jpg") top left no-repeat;
 	width:1104px;
 	height:317px;
 }
 
  div#menu {
 	background:url("../images/menubg.jpg") top left no-repeat;
 	width:1104px;
 	height:35px;
 	text-align:right;
 }
 
  div#footer {
 	background:#c00418 url("../images/footer.jpg") top left no-repeat;
 	width:1104px;
 	height:90px;
 }
  div#overflow {
 	overflow:hidden;
 	background:url("../images/bgOverflow.jpg") bottom left no-repeat;
 	_overflow:visible;
 	_height:1%;
 }
 
  div#columnLeft {
	width:520px;
	float:left;
	margin-left:200px;
	margin-top:30px;
	display:inline;
	margin-bottom:20px;
	min-height: 250px;
	height:auto;
	_height:425px;
 }
 
  div#columnRight {
	width:280px;
	margin-top:30px;
	margin-bottom:20px;
	margin-left:40px;
	float:left;
	display:inline;
 }
 
 div#columnRight a {
 	display:inline;
 }
 
 a.thema {
 	width:90px;
 	height:60px;
 	display:block;
 	background:url("../images/thema.jpg") top left no-repeat;
 	text-indent:-90000px;
 	float:right;
 	margin-right:47px;
 }
 
 
 a.nieuws {
 	width:112px;
 	height:74px;
 	display:block;
 	float:left;
 	background:url("../images/nieuws.jpg") top left no-repeat;
 	text-indent:-90000px;
 	margin-left:80px;
 }
 
 div#idImage
 {
 	position:absolute;
 	top:475px;
 	left:845px;
 	
 }
 
 div#idImage img
 {
 	position:absolute;
 }
 
 img#imgList
 {
 position:absolute;
 top:450px;
 z-index:10;
 }
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

        /*****************************************************
         * NIEUWS
         *****************************************************/
		
		span#newsTitle
		{
			
			font-weight:			bold;
			
		}
		
		/*****************************************************
		 * FOTOALBUM
		 *****************************************************/
		
		table#fotoalbumTable
		{
			border-collapse:	separate;
			border-spacing:		30px;
			margin-left:-30px;
		}
		
		table#fotoalbumTable td
		{
			text-align:			center;
			padding:			5px;
			cursor:				pointer;
			
			border-style:		solid;
			border-width:		1px;
			background-color:	#C5C5C5;
		}
		
		table#fotoalbumTable td#albumTd
		{
			padding-bottom:		15px;
			color:				#000000;
			
			
			border-style:		solid;
			border-width:		1px;
			background-color:	#C5C5C5;
		}
		
		div#pageNmr
		{
			color:				#FFFFFF;
		}
		
		div#pageNmr a
		{
			text-decoration:	none;
			color:				#FFFFFF;
		}


/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	table.form
	{
		font-family:			Trebuchet MS, arial, verdana;
		color:					#a4a4a4;
		line-height:			18px;
		font-size:				10pt;
		
		border-collapse:		separate;
		border-spacing:			5px;
	}
	
	table.form td
	{
		background:				transparent;
	}
	
	.req
	{
		color:					#669000;
	}
	
	.text
	{
		font-family:			verdana, arial;
		font-size:				11px;
		
		border:					1px solid #000000;
		background:				white;
		
		width:					120px;
		height:					20px;
		margin-bottom: 3px;

	}
	
	.button
	{
		font-family:			verdana, arial;
		font-size:				11px;
		font-weight:			bold;
		color:					white;
		
		border:					1px solid #000000;
		background:				#c06a79;
		
		height:					25px;
		margin-bottom: 3px;

	}
	
	.textarea
	{
		font-family:			verdana, arial;
		font-size:				11px;
		
		
		width:					425px;
		height:					150px;
		border:1px solid black;
		margin-bottom: 3px;
	}
	
	.clsInfBlock
	{
		font-family:			verdana,arial;
		color:					#000000;
		line-height:			18px;
		font-size:				11px;
		
		width:					340px;
		_width:					365px;
		
		display:				block;
		padding:				15px;
		
		background-color:		#DCDCDC;
		border:					1px solid #430208;
		border-top:				3px solid #430208;
	}
 
	select {
		width:120px;
		border:1px solid black;
		height:					20px
	}
	
	ul.adresGegevens {
		width:100%;
		text-align:center;
		color:white;
		
		float:left;
		margin-top:115px;
		margin-left:175px;
		display:inline;
	}
	
	
	
	div#footer div.floatRight {
		color:#d57373;
		font-size:9px;
		float:right;
		margin-right:250px;
	}
	
	div#footer div.floatRight a {
		color:#d57373;
		text-decoration:none;
	}
	
	
	ul.adresGegevens li {
		float:left;
		display:inline;
		padding-right:20px;
	}
	
	ul.adresGegevens li a {
		color:white;
		font-size:11px;
	}
	
	div#pageNmr a, div#pageNmr
	{
		color:#898989;
	}
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        width:20px;
        display:inline;
        float:left;
        height:1px;
    }
    
    .top {
    	float:left;
    	display:inline;
    	margin-top:4px;
    	margin-left:250px;
    }
    
    .bottom {
    	float:right;
    	margin-top:55px;
    	font-size:9px;
    	color:#ffffff;
    	margin-right:110px;
    	display:inline;
    }
    
    .bottom a {
    	color:#ffffff;
    	text-decoration:none;
    }
    
    .placeText {
    	font-weight:bold;
    	color:white;
    	font-size:12px;
    	margin-right:50px;
    }
    
    .placeText a {
    	color:white;
    	text-decoration:none;
    }