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

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,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;
    }
    
    
    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:arial, verdana;
    	color:#191919;
    	font-size:12px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    	background:url("../images/bgBody.jpg") top center repeat-y;
    }
    
    a:link, a:visited {
    	color:#191919;
    	font-weight:bold;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    	text-decoration:underline;
    }
    
    h1 {	
		font-size:19px;
        padding-bottom:25px;
        color:#fe4030;
        font-family: Arial Black, Arial, Verdana, Sans-serif;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
    background:url("../images/Achtergrond1.png") 71px 185px no-repeat;
    overflow:hidden;
    margin-top:20px;
 }

 div#header {
 	width:1000px;
	height:191px;
	background:url("../images/header.jpg") top left no-repeat;
	float:left;
	position:relative;	
 }
 
 div#columnLeft {
 	width:160px;
 	float:left;
 	display:inline;
    background: url("../images/scsSmall.jpg") top left no-repeat;
	padding-top:95px;
 	min-height:553px;
	height:auto !important;
	height:553px;
	
	overflow:hidden;
	_overflow:visible;
 }
 

 div#columnRight {
 	  	margin-top:35px;
 	width:227px;
 	float:right;
 	display:inline;
 }
 
 div#columnRight h1 {
 	display:block;
	width:227px;
	height:34px;
	background:#f04e23;
	color:#ffffff;
	font-family: Arial Black, Arial, Verdana, Sans-serif;
	padding:0px 0px 0px 10px;
	line-height: 33px;	
 }
 
 
 div#content {
  	margin-top:53px;
	margin-left:60px;
 	width:460px; 	
 	display:inline;
 	float:left;
 }

div#footer {
	clear:both;
	margin: 0px 0px 20px 0px;
	width:1000px;
	height:78px;
	background:url("../images/footer.jpg") top left no-repeat;
	float:left;
}

 div#calender {
 	width:187px;
	height:161px;
	position:absolute;
	bottom:0px;
	right:18px;
	
 }
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
	
	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
	
	span.month, span.month a
	{
		font-weight:		bold;
		color:				#FFF;
		text-decoration:	none;
	}
	
	div#calender table
	{
		margin-left:		7px;
		margin-top:			3px;
	}
	
	div#calender table td
	{
		color:				#FFFFFF;
		height:				20px;
		
		width:				35px;
	}
	
	div#calender table td.day, div#calender table td.today
	{
		cursor:				hand;
	}
	
	div#calender table td.dayNames
	{
		color:				#f14e23;
	}
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/