/*******************************************************
*-----------------------  general -----------------------
********************************************************/

* {
	padding: 0; margin: 0; border: 0;
}
html, body {
	height: 100%;
}

@font-face{ 
	font-family: 'cardo';
	src: url('https://www.ontwerpbureaudries.be/fonts/cardo104s-webfont.eot');
	src: url('https://www.ontwerpbureaudries.be/fonts/cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
	     url('https://www.ontwerpbureaudries.be/fonts/cardo104s-webfont.woff') format('woff'),
	     url('https://www.ontwerpbureaudries.be/fonts/cardo104s-webfont.ttf') format('truetype'),
	     url('https://www.ontwerpbureaudries.be/fonts/cardo104s-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'forum';
	src: url('https://www.ontwerpbureaudries.be/fonts/forum-regular-webfont.eot');
	src: url('https://www.ontwerpbureaudries.be/fonts/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('https://www.ontwerpbureaudries.be/fonts/forum-regular-webfont.woff') format('woff'),
	     url('https://www.ontwerpbureaudries.be/fonts/forum-regular-webfont.ttf') format('truetype'),
	     url('https://www.ontwerpbureaudries.be/fonts/forum-regular-webfont.svg#webfont') format('svg');
}
.cardo{
	font-family: 'cardo';
	font-size: 15px;
}
body
{
	font-family: 'forum', arial, helvetica, georgia, verdana, lucida grande, sans-serif;

	font-size: 13px;
	color: black;
	/*background-image: url(https://www.ontwerpbureaudries.be/images/interface/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;*/
}
a, a:hover, a:active{ 
	color: black;
	text-decoration: none;
	
}

a:hover{
	text-decoration: underline;
}
div.clear{
	clear: both;
	display: block;
	height:1px;
	width: 100%;
}
a:focus {outline:none}
div.print{display: none;}
#last, .last{margin-right: 0}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

strong{font-weight: bold}


/*******************************************************
*-----------------------  header -----------------------
********************************************************/
header{
	position: relative;
	display: block;
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding:  30px 0px 30px 0px;
	border-bottom:  solid 1px #9f9f9f;
}

header .logo{
	display: block;
	/*width: 170px;
	height: 212px;*/
	width: 128px;
	height: 159px;
	margin: 0 auto;
}
header .mobilenav{display: none;}
/*******************************************************
*-----------------------  section -----------------------
********************************************************/
/*******************************************************
*-----------------------  footer -----------------------
********************************************************/
footer{
	display: block;
	width: 920px;
	height: auto;
	margin: 0 auto;
	padding:  100px 0px 0px 0px;
	font-size: 11px;
	color: #ccc;
}

footer a{color: #ccc; text-decoration: none;}
footer a:hover{color: black; text-decoration: underline}
/***************
cookiebar
***************/
#cookie-bar {background:#f1f1f1;  line-height:12px; color:#000; text-align:center; padding: 3px 0; position:fixed; bottom:0; left:0; width:100%;z-index: 999999; 
  opacity:0.9;
  color: #777;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  font-size: 10px;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#ccc;}
#cookie-bar .cb-enable:hover {background:#0f0708;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}