/* IMPORT
------------------------------------------------------ */

@import url('reset.css');
@import url('typography.css');

/* OVERRIDING TYPOGRAPHY.CSS
------------------------------------------------------ */
html,body{
	width:100%; height:100%;
}
body, input, textarea {
    font: 12px "Trebuchet MS", Arial, Sans-serif;
    line-height:16px;
}
p, ul, ol, dd, pre {
	margin-bottom:15px;
	color:#555;
}
p,td{
	font-size:100%;
	line-height:23px;
	color:#777;
}

li{
	color:#777;	
}

sub{
	font-weight:bold !important;
	color:#4D4D4D;
	margin:0; padding:0;
}

}

pre, code {
	font:12px Monaco, monospace;
	line-height:18px;
}

td,th{ padding:2px;}

input{
	border:1px solid #ccc;
}

textarea{
	border:1px solid #ccc;
	width:40%;
}

select{
	width:40%;
}
blockquote{
	font-family: Georgia;
	font-style:italic;
	font-size:130%;
	line-height:20px;
}


h1{font-size:180%;}
h2{font-size:200%;}
h3{font-size:180%;}
h4{font-size:120%;}
h5{font-size:100%;}
h6{font-size:80%;}

h2,h3,h4,h5,h6{
		font-family: 'Transit521BTRoman';
		color:#a53924;
		margin: 0 0 23px 0;
}

div.clear{
	clear:both;
	display:block;
	font-size:0; 
	height:0;
}

div.hr{
	height:1px;
	background:#96c319;
	clear:both;
	margin:4px 0px;
	display:block;
}

div.hr hr{
	display:none;
}

textarea:focus, 
input:focus {outline: none;} /* removes input glows */ 

a:active { /* removes borders in links */
  outline: none;
}

.label,
label{
	color:#777 !important;
}

/* ADDING CUSTOM STYLES
------------------------------------------------------ */

body{
	background:url(../img/bg_body.jpg) center -253px #e3e3e3;
}

div.content-container{
	width:1040px;
	height:785px;
	background:url(../img/bg_content_container.png) no-repeat 100px 0;
	margin:auto;
}

div.header{
	height:170px;
	position:relative;
}

div.header h1{
	position:absolute;
	margin: 59px 0 0 243px;
	padding:0;
}

div.nav{
	clear:both;
	width:986px;
	margin:auto;
	height:45px;
	line-height:45px;
	background:#8b2c11;
	position:relative;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;

	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background:url(../img/bg_nav.png) repeat-x top center #a53924;
}

div.nav ul{
	margin:0; padding:0;
	height:45px;
	width:986px;

}

div.nav ul li{
	float:left;
	list-style-type:none;
}

div.nav ul li a{
	height:45px;
	line-height:45px;
	display:table-cell;
	float:left;
	padding:0 42px;
	font-family: 'Transit521BTRoman';
	color:#fff;
	text-decoration:none;
	font-size:150%;
	letter-spacing:1px;	
	color:#ffe2c8;
	
	border-right:1px solid #8b2c11;

}

div.nav ul li a:hover,
div.nav ul li a.selected{
	color:#fff;
	background:url(../img/bg_nav_selected.png) repeat-x bottom;

}

div.slider{
	margin:auto;
	background:url(../img/bg_slider.png) repeat-x bottom #e4e4e4;
	width:1007px;
	height:263px;

	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
}

div.slider ul{
	width:1007px;
	height:263px;
	margin:11px 0 0 11px; padding:0;
	overflow:hidden;
}

div.slider ul li{
	margin:0; padding:0; 
	list-style-type:none;
	float:left;
	margin:0 10px 0 0;
}

div.content{
	width:986px;
	min-height:263px;
	margin:auto;
	border:1px solid #ccc;

	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;

	background:#fff;

}

div.content a{
	color:#a53924;
	text-decoration:none;
}

div.content a:hover{
	text-decoration:none;
}

div.left{
	float:left;
	width:272px;
	text-align:right;
	margin:70px 0 0 0;
	color:#666;
	font-family: 'Transit521BTRoman';
}

div.left a{
	text-decoration:underline;
}

div.left-activities{
	float:left;
	width:272px;
	text-align:right;
	margin:27px 0 0 0;
	color:#666;
	line-height:17px;
	font-family: 'Transit521BTRoman';
}

div.left-activities ul{
	margin:0; padding:0;
}

div.left-activities ul li{
	margin:0; padding:0;
	list-style-type:none;
}

div.left-activities ul li a{
	text-decoration:underline;
}

div.left-activities ul li a.selected{
	text-decoration:none;
	color:#666;
}

div.middle{
	float:left;
	margin:27px 0 0 60px;
	width:322px;
}

div.middle span{
	width:190px;
	float:left;
}

div.middle ul{
	margin:0; padding:0;	border-top:1px dotted #ccc;
}

div.middle ul li{
	margin:0; padding:0; 
	list-style-type:none;	border-bottom:1px dotted #ccc;
}

div.right{
	float:right;
	margin:27px 50px 0 0;
	width:222px;
	background:url(../img/bg_right.gif) no-repeat bottom right;
	text-align:center;
}

div.right p{
	margin:10px 0 0 0;
}

div.right ul{
	width:222px;
	height:153px;
	margin:0; padding:0;
}

div.right ul li{
	text-align:center;
	height:153px;
	overflow:hidden;
	list-style-type:none;
}

div.right-activiteiten{
	float:right;
	margin:27px 50px 0 0;
	width:222px;
}



div.footer{
	margin:auto;
	width:322px;
	height:45px;
	line-height:45px;
	font-size:75%;
	text-transform:uppercase;
	color:#666;
}

div.footer a{
	color:#a53924;
	text-decoration:none;
}



@font-face {
    font-family: 'Transit521BTRoman';
    src: url('fonts/transitional_521_bt-webfont.eot');
    src: url('fonts/transitional_521_bt-webfont.eot?iefix') format('eot'),
         url('fonts/transitional_521_bt-webfont.woff') format('woff'),
         url('fonts/transitional_521_bt-webfont.ttf') format('truetype'),
         url('fonts/transitional_521_bt-webfont.svg#webfontcUsxeQTJ') format('svg');
    font-weight: normal;
    font-style: normal;

}

img.zonnewijzer{
	position:absolute;
	right:0;
	height:506px;
	top:214px;
  	opacity:0.7;
	z-index:-1;

}

.contact{
	border-width:0px !important;
}