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

		font-family:Verdana, Arial;
    	color:#333333;
    	font-size:11px;
    	line-height:18px;
	    background:#b3b3b3;
    }
    
    td {
		font-family:Verdana, Arial;
    	color:#333333;
    	font-size:11px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
    }
    
    a:link, a:visited, a:hover, a:active {
		color:#330066;
    }
    
    a:hover {
    }
    h1 {
		font-family:Century Gothic, Verdana, Arial;
    	font-size:18px;
    	font-weight:bold;
    	padding-bottom:10px;
    	color:#330066;
    }

 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    div#overflow ul {
    	list-style-type:square;
    }
    
    div#overflow ul li {
    	color:#333333;
    	padding-left:12px;
    	margin-left:20px;
    }
    
    div#footer a {
		color:#636363;
		text-decoration:none;
    }
    
   	div#footer a:hover {
		color:#330066;
   	}
    

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1000px;
    position:relative;
  	text-align:left;
 			margin:0px auto;
 	background:url("../images/bg.jpg") bottom left repeat-y;
 }	
 
 div#lineAboveHeader {
 	background:#330066;
 	width:970px;
 	height:13px;
 	margin-left:15px;
 }
 
 div#lineUnderneathHeader {
 	background:#7a8086;
 	width:970px;
 	height:29px;
 	margin-left:15px;
 }
 
 div#footer {

	float:left;
 	width:1000px;
	margin-left:-15px;
 	height:33px;
 	background:url("../images/bg2.jpg") repeat-y top left;
		color:#636363;
		line-height:25px;
 }
 
 div#header {
 	width:970px;
 	margin-left:15px;
 	height:97px;
 	background:url("../images/header.jpg") top left no-repeat;
 }
 
 div#overflow {
 	clear:both;
 	margin-left:15px;
 	overflow:hidden;
 	_height:1%;
 	background:url("../images/bgColumnLeft.jpg") 30px bottom no-repeat;
 }
 
 div#columnLeft {
 	width:170px;
 	float:left;
 	display:inline;
 	margin:20px 10px 20px 30px;
 	
	min-height:200px;
	height:auto !important;
	height:200px;


	
 }
 
 div#columnRight {

 	width:699px;
	_width:729px;
 	float:left;
 	display:inline;
 	margin:0px 0px 20px 30px;
 	padding-top:20px;
	padding-right:30px;
 	background:url("../images/bgContent.jpg") right top no-repeat;
 }
 
 div#columnLeft input {
 	background:#ffffff;
 	border:1px solid #7a8086;
 	padding:2px;
 	color:#7a8086;
 	font-size:10px;
 }
 
 div#columnLeft input.btnSubmit {
 	background:#330066;
 	font-weight:bold;
 	color:white;
 	margin-top:10px;
 	padding:0px;
 }
 
 div#links {
 	float:right;
 	display:inline;
 	
 	margin-right:50px;
 	margin-top:45px;
 }
 
 div#links a {
 	width:20px;
 	height:9px;
 	display:block;
 	float:left;
 	text-indent:-90000px;
 }
 
 div#links a.search { background:url("../images/btnSearch.jpg") top left no-repeat; margin-left:10px;}
 div#links a.home { background:url("../images/btnHome.jpg") top left no-repeat; margin-left:10px;}
 div#links a.contact { background:url("../images/btnContact.jpg") top left no-repeat; margin-left:10px;}
 div#links a.sitemap { background:url("../images/btnSitemap.jpg") top left no-repeat; margin-left:10px;}
 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

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

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

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 .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, .buttonKlant, td .buttonKlant
{
	font-family:					Verdana, Arial, Georgia, Sans-serif;
	font-size:						11px;
	font-weight:					bold;
	color:							#FFFFFF;
	
	width:							90px;
	height:							20px;
	
	background-color:						#330066;
	border:							1px solid #330066;
}

input#optie
{
	background:						transparent !important;
	border:							none !important;
}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    	display:inline;
    	margin-top:5px;
    	margin-left:10px;
    }
    
    .floatRight {
    	float:right;
    	margin-top:5px;
    	margin-right:30px;
    	display:inline;
    }
	
	div#page{
		position:fixed;
	}
	#twitter-r {
	
		margin:				0 0 0 -22px;
	}
	.social {
		width:				64px;
		height:				64px;
		text-indent:		-9000px;
		display:			inline-block;
		margin:				0 5px 5px 0;
	}

	.youtube {
		background:			transparent url(../images/youtube.png) left top no-repeat;
	}
	.twitter {
		background:			transparent url(../images/twitter.png) left top no-repeat;
	}
	.facebook {
		background:			transparent url(../images/facebook.png) left top no-repeat;
	}
	.linkedin {
		background:			transparent url(../images/linkedin.png) left top no-repeat;
	}