@charset "utf-8";

/**********************************************************/
/* RESET 												  */
/**********************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; content: none; } 
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/**********************************************************/

html {
height:100%;
width:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:left;
	line-height:22px;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url('../images/bg_body.jpg');
	background-repeat:repeat-x;
	background-color:#dddddd;
}

.quotebox {
	float:left;
	clear:both;
	position:relative;
	width:auto;
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#f6f6f6;
	border:solid 1px #ddd;
	margin:10px;
	padding:10px;
	height:220px;
	overflow:hidden;
	vertical-align:middle;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.error {
	display:block;
	width:100%;
	padding:5px;
	text-align:left;
	text-indent:90px;
	margin-top:10px;
	color:#ffffff;
	background-color:#ae3821;
	font-size:14px;
	background-image:url(../images/error.gif);
	background-repeat:no-repeat;
}

td.tableheader {
	color:#fff;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	border-bottom: solid 1px #ccc;
	background-color:#2b71b2;
}

.referentie {
	display:block;
	float:left;
	clear:none;
	width:200px;
	height:160px;
	margin-left:25px;
	margin-top:15px;
}

.referenties {
	display:block;
	float:left;
	clear:both;
	width:150px;
	padding-right:50px;
	margin-top:5px;
	margin-bottom:5px;
}

.referenties_img {
	display:block;
	padding:3px;
	border:solid 1px #ccc;
}

ul.referenties {
	display:block;
	float:left;
	clear:both;
	margin-left:40px;
}

ul.referenties li{
	display:block;
	float:left;
	clear:both;
	padding:5px;
	width:160px;
	height:200px;
	margin-top:10px;
}

.loading {
	background: url('/images/ajax-loader.gif') center no-repeat;
	height: 60px;
}

#latest_tweet {
	float:left;
	position:relative;
	margin-top:120px;
	background-color:#f6f6f6;
	border:solid 1px #ddd;
	height:auto;
	width:170px;
	font-family:'Trebuchet MS', Tahoma, Calibri, Arial;
	font-size:11px;
	color:#666;
	padding:15px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Divisions */

#topcontainer {
	position:relative;
	display:block;
	margin: 0 auto 0 auto;
	width:1000px;
	height:334px;
	overflow:visible;
	text-align:left;
	background:none;
}

#contact {
	position:relative;
	overflow:hidden;
	height:24px;
	width:870px;
	padding-right:130px;
	padding-top:3px;
	text-align:right;
	font-family: Tahoma, Calibri, Arial;
	font-size:11px;
	color:#ccc;
	letter-spacing:1px;
}

#contact a:link, #contact a:active, #contact a:visited {
	color:#ccc;
}
#contact a:hover {
	color:#fff;
}

#top {
	position:relative;
	height:304px;
	overflow:visible;
}
	
	#logo {
		position:absolute;
		display:block;
		top:10px;
		left:30px;
		z-index:99;
	}
	
	#logo_back {
		position:absolute;
		display:block;
		top:10px;
		left:30px;
		z-index:98;
	}
		
	#thema {
		position:absolute;
		display:block;
		left:300px;
		top:13px;
	}

	#menu {
		position:absolute;
		display:block;
		left:40px;
		top:185px;
	}

#maincontainer {
	position:relative;
	float:left;
	clear:both;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:20px;
	background:#fff;
}

#main {
	position:relative;
	margin: 0 auto 0 auto;
	height:auto;
	min-height:400px;
	overflow:visible;
	width:1000px;
	padding-top:20px;
}
	
	#main_left {
		position:relative;
		float:left;
		clear:left;
		width:200px;
		padding-right:35px;
		padding-bottom:40px;
		overflow:visible;
	}
	
	#main_right {
		position:relative;
		float:left;
		clear:none;
		width:730px;
		padding-left:35px;
		padding-bottom:40px;
		overflow:hidden;
		background-image:url('../images/shadow_left.png');
		background-repeat:no-repeat;
	}

#bottomcontainer {
	position:relative;
	float:left;
	clear:both;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	background:#dddddd;
}

#footer {
	position:relative;
	margin: 0 auto 0 auto;
	height:auto;
	overflow:hidden;
	width:900px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#dddddd;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#666;
}

#footer a:link, #footer a:active, #footer a:visited {
	color:#333;
}
#footer a:hover {
	padding-bottom:5px;
	border-bottom:dotted 1px #666;
}

/* Links */

a:link {
	color: #ae2329;
	text-decoration:none;
}

a:visited {
	color: #ae2329;
	text-decoration:none;
}

a:active {
	color: #ae2329;
	text-decoration:none;
}

a:hover {
	color: #252774;
	text-decoration:none;
}

a.wit:link, a.wit:visited, a.wit:active {
	color: #fff;
	text-decoration:none;
}

a.wit:hover {
	color: #000000;
	text-decoration:none;
}

a.licht:link, a.licht:visited, a.licht:active {
	color: #e1e1e1;
	text-decoration:none;
}

a.licht:hover {
	color: #000000;
	text-decoration:none;
}

.menuimage {
	position:absolute;
	top:0px;
	left:5px;
	z-index:100;
}

.menutekst {
	position:absolute;
	z-index:101;
}

.menulink span.hidden {
	visibility:hidden;
}

.menulink:link, .menulink:visited, .menulink:active {
	position:relative;
	display:block;
	clear:none;
	float:left;
	width:auto;
	padding-top:28px;
	padding-left:25px;
	padding-right:15px;
	padding-bottom:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#fff;
	letter-spacing:1px;
	text-shadow:0px 1px 1px #000;
	background-repeat:no-repeat;
	z-index:800;
}

.menulink:hover {
}


/* Standaard elementen */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	color:#a5181d;
	letter-spacing:2px;
	line-height:32px;
	margin-bottom:15px;
	margin-left:-2px;
	text-shadow:1px 1px 1px #ccc;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	letter-spacing:2px;
	color:#5d5d5d;
	margin-top:15px;
	margin-bottom:10px;
	text-shadow:1px 1px 1px #ccc;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:2px;
	color:#252774;
	margin-top:15px;
	margin-bottom:10px;
	text-shadow:1px 1px 1px #ccc;
}

h4 {
	display:block;
	clear:both;
	float:left;
	text-indent:10px;
	margin-bottom:1px;
	width:130px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	color:#0f1030;
	line-height:32px;
	letter-spacing:1px;
	padding-bottom:2px;
	border-bottom:solid 1px #eaeaea;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	cursor: pointer;
	background-color:#f6f6f6;
}

form {
margin:0px;
padding:0px;
}

img {
	border:none;
}
table {
}

tr {
	vertical-align:top;
}

td {
	vertical-align:top;
}

input.hintTextbox       { color: #888; }
input.hintTextboxActive { color: #000; }

textarea {
	font-family: "Trebuchet MS", Tahoma, Calibri, Arial;
	font-size:12px;
	vertical-align:middle;
	background-color:#f6f6f6;
	border: solid 1px #ccc;
	padding:2px;
	border: inset 1px #eaeaea;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

select {
	font-family: "Trebuchet MS", Tahoma, Calibri, Arial;
	font-size:12px;
	vertical-align:middle;
	background-color:#f6f6f6;
	color:#333333;
	border: solid 1px #ccc;
	padding:2px;
	border: inset 1px #eaeaea;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input {
	font-family: "Trebuchet MS", Tahoma, Calibri, Arial;
	font-size:12px;
	vertical-align:middle;
	background-color:#f6f6f6;
	color:#333333;
	border: solid 1px #ccc;
	padding:2px;
	border: inset 1px #eaeaea;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
button {
	vertical-align:middle;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Slider */

#quotes {
    width:220px;
	height:290px;
	overflow:hidden;
}
#quotes ul, #quotes li{
    margin:0;
    padding:0;
    list-style:none;
}
#quotes li { 
    width:220px;
	height:290px;
    overflow:hidden; 
}

#slider {
    width:700px;
	height:253px;
	overflow:hidden;
	z-index:99;
}
#slider img{
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:700px;
    overflow:hidden; 
}

/* numeric controls */	
ol {
	display:none;
	margin-top:5px;
	margin-left:50px;
	margin-bottom:20px;
	padding:0;
	height:12px;
	font-size:6px;
}
ol li{
	display:block;
	margin:0 15px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:12px;
	line-height:3px;
}
ol li a{
	display:block;
	float:left;
	height:8px;
	width: 8px;
	line-height:3px;
	background-image:url('../images/numbering_off.png');
	background-repeat:no-repeat;
	color:#cdcde1;
	text-indent:2px;
	padding:0px;
	text-decoration:none;
}
ol li.current a{
	display:block;
	background-image:url('../images/numbering_on.png');
	background-repeat:no-repeat;
	color:#2e3192;
}
ol a:link, ol a:visited, ol a:active, ol a:hover {
	display:block;
	color:#cdcde1;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}