/*************************************************************************************************
 * <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 {

    }
 
    body, td, input, select, textarea {	
    	font-family:Arial, Trebuchet MS, Verdana;
		font-size:13px;
		color:#cdcdcd;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:#454545;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#ec008b;
    	text-decoration:none;
    }
    
    a:hover {
    	color:#ec008b;
    	text-decoration:underline;
    }
    
    h1 {
    	font-family:Trebuchet MS, Arial, Verdana;
    	color:white;
    	font-size:14px;
    	color:#000000;
    	border-bottom:1px solid #ec008b;
    	font-weight:bold;
    	margin-bottom:15px;
    	margin-left:-30px;
    	padding-left:30px;
    }
    
    #columnRight h1 {
    	font-family:Trebuchet MS, Arial, Verdana;
    	color:white;
    	font-size:14px;
    	color:#FFFFFF;
    	border-bottom:1px solid #ec008b;
    	font-weight:bold;
    	margin-bottom:15px;
    	margin-left:-30px;
    	padding-left:30px;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    hr
    {
    	color:#EC008B;
    	border:1px solid #EC008B;
    }
    
    ul {
		list-style: disc inside;
		list-style-color: #EB0089;
		margin:5px;
		margin-left:10px;

    }
    
    li {
		padding-left:5px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 div#container {
 	width:1000px;
 	
 	background:url("../images/bg.jpg") top left repeat-y;
 	
 	position:relative;
 	margin:0 auto;
 	
 	text-align:left;
 }
 
  div#container div#header {
 	width:1000px;
 	height:227px;
 	
 	background:url("../images/header_3.jpg") top left no-repeat;
 }
 
 div#container div#overflow {
 	margin:30px;
 	margin-left:0px;
 	overflow:hidden;
 	_height:1%;
 }
 
  div#container div.line {
    background:url("../images/underHeader.jpg") top left repeat-x;
    height:4px;	
    float:left;
    width:100%;
    display:inline;
    margin-top:-4px;
 }

 div#container div#overflow div#columnLeft {
 	width:600px;
 	float:left;
 	margin-left:30px;
 	display:inline;
 	color:#191919;
 }
 
 div#container div#overflow div#columnLeft td
 {
 	color:#191919;
 }

 div#container div#overflow div#columnRight {
 	width:268px;
 	margin-left:60px;
 	float:left;
 	display:inline;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
     
    ul#topHorLeft, ul#topHorLeft li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#topHorLeft
{
	position:absolute;
	top:131px;
	right:20px;
}

ul#topHorLeft li
{
	float:				left;
	display:			inline;
	padding-right:		15px;
	padding-left:		9px;
	background:			url("../images/bullet.jpg") right 50% no-repeat;
}

* html ul#topHorLeft li
{
	width:				1%;
	float:left;
	display:			inline;
}

ul#topHorLeft li a
{
	display:			block;
	font-size:13px;
	color:#353535;
	text-decoration:	none;
	color:				#262626;
	line-height:		16px;
	white-space:nowrap;
	font-weight:bold;
}

ul#topHorLeft li a:hover
{
	color:#ec008b;
}

ul#topHorLeft li ul
{
	width:				200px;
	position:			absolute;
	margin-top:			3px;
	margin-left:		-20px;
	display:			none;
	border-top:			none;
	background-color:	#ec008b;
}

ul#topHorLeft li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
	
	border:				0px;
}

ul#topHorLeft li ul li a
{
	font-weight:		100;
	padding:			2px 20px;
	color:				#FFFFFF;
	line-height:		20px;
}

ul#topHorLeft li ul li a:hover
{
	font-weight:		100;
	padding:			2px 20px;
	color:				#ec008b;
	background-color:	#ffffff;
	text-decoration:	none;
}

ul#topHorLeft li ul li ul
{
	border:				1px solid #BBBBBB;
	margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
}

/* IE */
* html ul#topHorLeft li ul li
{
	float:				left;
	clear:				both;
}

* html ul#topHorLeft li a
{
	height:				1%;
}

div#container div#footer {
	width:100%;
	border-top:1px solid #b1b2b4;
	background:#262626;
	height:25px;
	_height:30px;
	text-align:center;
	padding-top:5px;
}


/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 1
	 *****************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 2
	 *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 span.verplicht
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#A23438;
}


.req
{
	color:#C12129;
}

.text
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	background:						url(../images/bg_textfield.jpg);
	border:							1px solid #000000;
}

.select {
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	border:							1px solid #000000;
}

.textarea
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							80px;
	
	border:							1px solid #000000;
}

.button
{
	font-family:					Verdana, Arial, Georgia, Sans-serif;
	font-size:						11px;
	font-weight:					bold;
	color:							#393939;
	
	width:							200px;
	height:							20px;
	
	background:						#F2F2F2;
	border:							1px solid #000000;
}
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
ul.event {
	display:block;
	list-style:none;
	width:500px;
} 
   ul.event li.eventList{
   	list-style:none;
	display:block;
	width:500px;
	margin-bottom:10px;
	overflow:hidden;
   }
   
   ul.event li.eventList div.eventListImage {
   		float:left;
		width:150px;
		_width:156px;

		margin-right:10px;
		padding:3px;
		border:1px solid #BEBEBE;
		text-align:center;
		background-color:#CBCBCB;
   }
   
   ul.event li.eventList div.eventListLink {
   		float:left;
		width:300px;
   }
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
        height:10px;
    }
    
    a.project
    {
    	color:#FFFFFF;
    }