@charset "utf-8";

* {margin:0;padding:0;} 

/* 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, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { -ms-interpolation-mode: bicubic; }

/* body, main, footer
----------------------------------------------- */

html, body {height: 100%;}

body {
	color: #000;
	font: 100% Verdana, Geneva, sans-serif;
}

img { -ms-interpolation-mode: bicubic; } /* smooth IE6-7 image resize */

.clear { clear:both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

#wrap {min-height: 100%; }


/* language page ------------------------------------------------------------------------------------------- */	

#wrap-lang { 
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px;
	background: url(/img/bg-leather.jpg) repeat-y right top; 
}

#wrap-lang img { width:250px; height:auto; } 

#wrap-lang a:link, #wrap-lang a:visited {
	font: 35px/55px Arial, Helvetica, sans-serif;
	color: #fff !important;
	text-decoration:none !important;
}
#wrap-lang a:hover {
	color: #ff0000 !important;
	text-decoration:none;
}

.bg-black {	background: #000 url(/img/bg-lang.jpg) no-repeat center top; }
#wrap-lang .lang-box { float:right; width:280px; margin:100px 12px 0 0; text-align:center; }
#footer-lang {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ccc;
	position: relative;
	clear:both;
	text-align:center;
}
#footer-lang a.dewitte:link, #footer-lang a.dewitte:visited { font: 10px Arial, Helvetica, sans-serif; color:#ccc !important; text-decoration:none; }
#footer-lang a.dewitte:hover { color:#fff !important; text-decoration:none; }

a.de-witte {
  float: right;
  text-decoration: none !important;
  color: #3e3935 !important;
  font-size: 11px !important;
}
.txt-dewitte { text-align: right; display: inline-block; }
.logo-dw { margin-top: 4px; }
.de-witte { padding-bottom: 10px; }

/* content ------------------------------------------------------------------------------------------- */	

div#logo { float:left; width:370px;}
img.logo { margin:33px 15px 0 0; float:left; max-width:200px; }
img.legs { margin:0; float:left; }

#navigatie { float:right; margin:15px 0 0 0; *margin:25px 0 0 0;   }
#topnav { margin-right:16px; float:right; }
#topnav a.language:link, #topnav a.language:visited {
	font: 13px/27px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	padding:0 14px 0 0;
}
#topnav a.language:hover { color: #000; }

#main {overflow:auto; font: 12px/18px Verdana, Geneva, sans-serif; } 

#main p {
	margin:10px 0 15px 0;
}

#main .bigtxt {font: 16px/26px Verdana, Geneva, sans-serif;}
#main .mediumtxt {font: 14px/20px Verdana, Geneva, sans-serif;}

#main a:link, #main a:visited {
	color:#ff0000;
	text-decoration:underline;
}
#main a:hover {
	color:#ff0000;
	text-decoration:none;
}

#main h1 { 
	font: bold 24px/28px Arial, Helvetica, sans-serif; 
	color:#ff0000;
	padding:0 0 5px 0;
	margin:0;
	letter-spacing:-1px;
}
.lowercase { text-transform:none !important; letter-spacing:normal !important; } 

#main h2 { 
	font: 18px/28px Arial, Helvetica, sans-serif; 
	color:#ff0000;
	padding:0;
}

hr {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ccc;
	height: 1px;
	margin:10px 0 10px 0;
	padding:0px;
}

#news-home { margin:0; padding:0; }
#news-home .item { border-top:#ccc solid 1px; overflow:auto; padding:5px 0 5px 0; margin:0; }
#news-home .item img.th-news { float:left; margin:1px 10px 0 0; border:#ccc solid 5px; }
#news-home a:hover img.th-news { border:#ff0000 solid 5px; }
#news-home a:link, #news-home a:visited { text-decoration:none; color:#000; }
#news-home a:hover { text-decoration:none; color:#ff0000; }

#news-home .title, #news .title { color:#ff0000; font-size:14px; font-weight:bold; }

#news { margin:15px 0 20px 0; padding:0; }
#news a:link, #news a:visited { color:#000 !important;}
#news a:hover { color:#ff0000 !important;}
#news .item { border:#ccc solid 1px; overflow:auto; padding:10px; margin:0; float:left; width:450px; margin:0 6px 6px 0; color:#000 !important; }
#news .item img.th-news { float:left; margin:1px 10px 0 0; border:#ccc solid 5px; }
#news a:hover img.th-news { border:#ff0000 solid 5px; }
#main #news a:link, #main #news-home a:visited { text-decoration:none; color:#000 !important; }
#news a:hover { text-decoration:none; color:#ff0000; }


#main ol { margin: 0px 0px 20px 35px; }
#main ol li { 
	list-style: url(/img/ic-list.jpg) none;
	line-height:20px;
	margin-bottom:6px;
}
*+html #main ol li { padding:0 0 0 10px; }

#main .foto-team { float:left; width:90px; margin:8px 0 10px 0; }

#main .bu-info {
	display:block;
	padding:11px 0 0 0;
	width:141px;
	height:42px;
	text-align:center;
	background: url(/img/bg-button.jpg) no-repeat left top;
}
#main .bu-info a:link, #main .bu-info a:visited {
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff !important;
	text-decoration:none;
}

#main .bu-info a:hover {
	color:#000 !important;
}



/* footer ------------------------------------------------------------------------------------------- */	

#footer { 
	width:100%; 
	margin:30px 0 15px 0; 
	position:relative; 
	overflow: hidden; 
	background: #000;
	padding:5px 0 5px 0;
	text-align:left;
	text-transform:uppercase; 
	font: 11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:40px;
	vertical-align:middle;
	text-align:left;	
}
#footer span { padding:0px 5px 0 5px; margin:0; }

#footer #logo-footer { float:left; padding:0; margin:0; width:250px; background:#000; }
#footer #adres { float:left; padding:10px 0 0 0; margin:0; line-height:20px;  }

#footer img.logo-footer { float:left; margin:0; }
#footer img.linkedin { float:left; padding:0; margin:2px 10px 0 20px; }

#footer a:link, #footer a:visited, #footer a:active { color:#fff; text-decoration:none; }
#footer a:hover { color:#ff0000; text-decoration:none;}



/* formulier ------------------------------------------------------------------------------------------- */	

#map { width:455px; height:340px; margin:30px 0 10px 0; }

#formulier { margin:15px 0 0 0;}
#formulier .item1 { width:100px; padding:12px 10px 0 0; text-align:right; float:left; }
#formulier .item2 { width:250px; padding-top:6px; float:left; }
#formulier .item3 { width:235px; padding-top:6px; float:left; }

input:focus, select:focus { background-color: #666; color:#fff; }
input.check { margin:2px 10px 2px 0;}
input.login-button:focus, select.login-button:focus { background-color: #f3f3ef !important; }

.inputveld {
	color:#333;
	height: 34px;
	width: 200px;
	border: none;
	background: #e0dfdd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 5px 6px 0;
	float:left;
}
.inputveldje {
	color:#333;
	height: 34px;
	width: 60px;
	border: none;
	background: #e0dfdd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0 0 0 10px;
	line-height:34px;
	margin:0 5px 6px 0;
	float:left;
}
.textarea { 
	width:285px; 
	height:90px; 
	padding:10px; 
	color:#000; 
	border: #e0dfdd solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #e0dfdd;
	overflow-x:hidden; 
	margin:6px 0 0 0; 
}


.red { color:#ff0000; }
label.error {padding:6px 0 0 5px; color: #ff0000; font-size:22px; font-weight:bold;}

.submit {
	margin: 15px 0 20px 0;
	border: none;
	cursor: pointer;
	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	padding:0;
	text-align:center;
	width:141px;
	height:42px;
	background: url(/img/bg-button.jpg) no-repeat left top;
}
input.submit:hover { color:#000;}


/* spacing
--------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}




/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:none;
}





/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}




/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}