/*************************************************************************************************
 * <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:Century Gothic, Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
    	color:#000000;
    	line-height:20px;
    }
    
    body {
		background:#ffffff url("../images/bgBody.jpg") top left repeat-x;
    	text-align:center;
    }
    
    a:link, a:visited {
    	color:#01b5dd;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    }
    
	h1 {
		font-size:24px;
		font-weight:bold;	
		color:#01b5dd;
		line-height:30px;
	}
	
    p {
        margin-bottom: 10px;
    }
    
	.orange {
		color:#dc5012;
	}
	
/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:828px;
 	position:relative;	
 	margin:0px auto;
 	background:#fdfaf5;
 	text-align:left;
 }
 
 div#header {
	background:url("../images/header.jpg") top left no-repeat;
 	width:828px;
 	height:200px;
 }
 
div#footer {
	background:url("../images/footer.png") 2px 0px no-repeat;
 	width:820px;
 	height:53px;
	padding-bottom:10px;
 }
 
 div#overflow {
	background:url("../images/bgContainer.png") 2px 0px repeat-y;
 }
 
div#innerOverflow {
	background:url("../images/bgOverflow.png") 8px bottom no-repeat;
 	overflow:hidden;
	min-height:510px;
 }
 
div#image {
 	width:292px;
 	height:181px;
	
	position:absolute;
	right:16px;
	top:0px;
 }
 
 div#image img {
 	position:absolute;
 }
 
 div#content {
 	width:413px;
 	margin-left:60px;
 	margin-top:60px;
 	padding-bottom:130px;
 	float:left;	
}

div#randomImage {
 	width:262px;
 	height:229px;
	float:right;	
	margin-right:26px;
	margin-top:60px;
 }
 
 div.naw {
 	color:white;
 	width:793px;
 	font-size:12px;
 	text-align:center;
 	margin-left:8px;
 	padding-top:3px;
}

div.naw a {
	color:white;
}

/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

.text {
	width:150px;
	border:1px solid #898989;
	margin-bottom:2px;
}

.textarea {
	width:250px;
	height:150px;
	border:1px solid #898989;
	margin-bottom:2px;
}

.button {
	width:150px;
	border:1px solid #898989;
	margin-bottom:2px;
	background-color:#CBCBCB;
}


/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
div.right {
	color:#bbbdbe;
	float:right;
	margin-top:18px;
	margin-right:20px;
	font-size:10px;
}

div.right a {
	color:#bbbdbe;
	text-decoration:none;
}