@import "shadowbox.css";

@font-face {
    font-family: 'NegotiateFree';
    src: url('../fonts/negotiate/negotiate_free-webfont.eot');
    src: url('../fonts/negotiate/negotiate_free-webfont.eot?iefix') format('eot'),
         url('../fonts/negotiate/negotiate_free-webfont.woff') format('woff'),
         url('../fonts/negotiate/negotiate_free-webfont.ttf') format('truetype'),
         url('../fonts/negotiate/negotiate_free-webfont.svg#webfontyeYWcycs') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset css */
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, 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%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }


/* site css */
html {
	height				: 100%; /* In geval van background op html �n body */
	background			: #000 url(../img/html_bg.jpg) no-repeat center top;
}

body {
	min-height			: 100%; /* In geval van background op html �n body */
	font				: 0.75em Arial, sans-serif;
	background			: url(../img/body_bg.jpg) no-repeat center 354px;
}

.toegankelijkheid {
	position			: absolute;
	left				: -999em;
}

.clear {
	clear				: both;
}


/* jcarousel */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 75px;
    height: 75px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}




/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after {
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix {	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix { 
		height			: 1%;
	}
	
	.clearfix { 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
	position			: relative;
	width				: 990px;
	margin				: 0 auto;
}

/* boxjes met gestreepte border/bg */
#container div.box	{
	padding				: 11px;
	margin-bottom		: 34px;	
	background			: url(../img/box_bg.png);
}

#container div.box > div	{
	padding				: 10px 15px;
}

#container div.box > div h1,
#frontpage div.fotoalbum h1,
#footer div.fotoalbum h1	{
	margin-left			: -12px;
	margin-bottom		: 5px;
	padding-left		: 45px;
	text-transform		: uppercase;
	font-family			: 'NegotiateFree', Arial, sans-serif;
	font-size			: 2em;
	font-weight			: bold;
	line-height			: 1;
	color				: #F07800;
	background			: url(../img/pijl_zwart.gif) no-repeat left 0;
}

#container div.box.wit > div	{
	background			: #f2f2f2 url(../img/box_bg.png);
}

#container div.box.oranje > div	{
	background			: #E16F00 url(../img/box_light2_bg.png);
	color				: #fff;
}

#container div.box.oranje > div h1,
#footer div.fotoalbum h1	{
	color				: #fff;
	background-image	: url(../img/pijl_wit.gif);
}

#container div.box.zwart > div	{
	background			: #000 url(../img/box_light_bg.png);
	color				: #fff;
}

/* lees meer knop */
#container p.leesmeer	{
	padding				: 3px 0;
}

#container p.leesmeer a	{
	padding				: 3px 5px;
	background			: #000;
	color				: #fff;
	font-size			: 0.85em;
	font-weight			: bold;
	text-transform		: uppercase;
	text-decoration		: none;
}

#container p.leesmeer a:hover	{
	background			: #F07701;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header {
	position			: relative;
	z-index				: 10;
	height				: 442px;
	padding-top			: 26px;
}

#header a.logo {
	position			: absolute;
	top					: 15px;
	right				: -3px;
	z-index				: 5;
}

#header .foto {
	height				: 440px;
	width				: 990px;
	position			: absolute;
	z-index				: -1;
	left				: 0;
	bottom				: 0;
}


/* --------------------------------	*/
/* google_translate_element		 	*/
/* --------------------------------	*/
#google_translate_element_container {
	position			: absolute;
	left				: 20px;
	top					: 10px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu {
	position			: relative;
	margin				: 0 0 0 -9px;
	padding				: 25px;
	width				: 884px;
	height				: 55px;
	background			: url(../img/menu_bg.png) no-repeat;
}

#menu > li {
	float				: left;
	position			: relative;
	z-index				: 5;
	height				: 35px;
	margin-right		: 3px;
}

#menu > li > a {
	display				: block;
	height				: 25px;
	padding				: 10px 10px 0 10px;
	font-family			: 'NegotiateFree', Arial, sans-serif;
	font-weight			: bold;
	font-size			: 1.3em;
	color				: #3F3F3F;
	text-decoration		: none;
}

#menu > li > a span {
	height				: 14px;
	display				: block;
	text-indent			: 0;
	overflow			: hidden;
}

#menu > li.actief	{
	background			: url(../img/menu_item_bg.png) no-repeat 0 0;
	color				: #fff;
}

#menu > li.actief > a	{
	background			: url(../img/menu_item_bg.png) no-repeat right bottom;
	color				: #fff;	
}

#menu > li > a:hover {
	color				: #7F7F7F;	
}



/* Submenu */
#menu li ul {
	position			: absolute;
	left				: 0;
	top					: 30px;
	display				: none;
	width				: 185px;
	padding-bottom		: 13px;
	background			: url(../img/submenu_bg.png) no-repeat left bottom;
}

#menu li.hover ul {
	display				: block;
}

#menu li li {
	width				: 185px;
	background			: #000;
}

#menu li li:first-child {
	padding-top			: 13px;
	background			: url(../img/submenu_bg.png) no-repeat right top;
}

#menu li li a {
	display				: block;
	width				: 149px;
	padding				: 3px 15px;
	margin				: 0 3px 1px 3px;
	color				: #fff;
	text-decoration		: none;
}

#menu li li a:hover,
#menu li li.actief a {
	color				: #E95B11;
	background			: #3B3B3B;
}

#menu li li.actief a {
	font-weight			: bold;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	line-height			: 1.5em;
	position			: relative;
	z-index				: 11;
	margin-top			: -11px;
}


/* titel */
#main h1 {
	font-size			: 1.4em;
}

#main a 			{ color: #F07800; }
#main a:hover 		{ color: #333; }


/* iwes opmaak */
#main .iwes blockquote {
	margin				: 0 0 10px 30px;
}

#main .iwes ul {
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#main .iwes ol {
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}


/* formulieren */
#main .formmodule	{
	background			: #E16F00 url(../img/box_light2_bg.png);
	color				: #fff;
	padding				: 10px 15px;
}

#main .formmodule h4 {
	display				: none;
}

#main .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#main .formmodule .label	{
	font-weight			: bold;
}

#main .formmodule li.verplicht	{
	display				: none;
}

#main input, 
#main select, 
#main textarea {
	padding				: 2px;
	border				: 1px solid #F17800;
	font				: 1em Arial;
}

#main textarea {
	overflow			: auto;
}

#main input:hover, 
#main textarea:hover,
#main select:hover,
#main input:focus, 
#main textarea:focus,
#main select:focus	{
	border				: 1px solid #333;
}

#main input[type=radio], 
#main input[type=checkbox] {
	border				: none;
}

#main input[type=button],
#main input[type=submit],
#main button	{
	margin				: 5px 0;
	padding				: 3px 10px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #000;
	text-transform		: uppercase;
	cursor				: pointer;
}

#main label.fout {
	background			: #c00;
	color				: #fff;
}


/* Pagina navigatie */
#main ol.paginanavigatie  {
	float				: right;
	height				: 40px;
}

#main .paginanavigatie li {
	float				: left;
	margin-left			: 5px;
	display				: block;
	height				: 40px;
	width				: 40px;
	line-height			: 40px;
	text-align			: center;
	font-size			: 1.4em;
	background			: url(../img/navigatie_item.gif) no-repeat 0 0;
}

#main .paginanavigatie li a {
	text-decoration		: none;
	display				: block;
	height				: 40px;
	width				: 40px;
	color				: #fff;
}

#main .paginanavigatie li.huidige_pagina, 
#main .paginanavigatie li:hover {
	background			: url(../img/navigatie_item.gif) no-repeat -40px 0;
	color				: #fff;
	font-weight			: bold;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	margin				: 0 10px;
}

#content .video	{
	padding-top			: 15px;
	text-align			: center;
}


/* --------------------------------	*/
/* frontpage					 	*/
/* --------------------------------	*/
#frontpage .kolom:first-child	{
	float				: left;
	width				: 472px;
	padding-left		: 10px;
	margin-bottom		: 15px;
}

#frontpage .kolom	{
	float				: right;
	width				: 482px;
	padding-right		: 10px;
	margin-bottom		: 15px;
}


/* actueel */
#frontpage .actueel	{
}

#frontpage .actueel .bericht	{
	display				: none;
	line-height			: 1.5em;
}

#frontpage .actueel .bericht h2 a	{
	text-decoration		: none;
}

#frontpage .actueel .bericht.actief	{
	display				: block;
}

#frontpage .actueel .bericht img	{
	float				: right;
	border				: solid 6px #fff;
	margin-left			: 15px;
}

#frontpage .actueel ol {
	clear				: both;
	padding-top			: 10px;
	height				: 57px;
}

#frontpage .actueel ol li	{
	float				: left;
	margin-left			: 6px;
}

#frontpage .actueel ol li:first-child	{
	margin-left			: 0;
}

#frontpage .actueel ol li a img	{
	border				: solid 6px #fff;
}

#frontpage .actueel ol li.actief a img,
#frontpage .actueel ol li a:hover img	{
	border-color		: #F07800;
}


/* fotoalbum */
#frontpage .fotoalbum,
#footer .fotoalbum	{
	background			: url(../img/fotoalbum_bg.png) repeat-y;
	padding				: 21px 26px;

	position			: relative;
}

#frontpage .fotoalbum {
	width:438px;	
	height				: 319px;	
}

#footer .fotoalbum	{
	background			: url(../img/fotoalbum_oranje_bg.png) no-repeat;
}

#frontpage .fotoalbum h2,
#footer .fotoalbum h2	{
	margin-bottom		: 5px;
	padding-left		: 33px;
}

#frontpage .fotoalbum h2 a 	{ color: #000; }
#footer .fotoalbum h2 a 	{ color: #fff; }

#frontpage .fotoalbum p.leesmeer,
#footer .fotoalbum p.leesmeer	{
	float				: right;
}

#frontpage .fotoalbum p.leesmeer,
#footer .fotoalbum p.leesmeer	{
	float				: right;
}

#frontpage .fotoalbum .slider,
#footer .fotoalbum .slider	{
	clear				: both;
	height				: 89px;
	width				: 378px;
	margin				: 0 auto;
}

#frontpage .fotoalbum ul li,
#footer .fotoalbum ul li	{
	float				: left;
	height				: 88px;
	width				: 88px;
	padding				: 0 3px;
}

#frontpage .fotoalbum ul li img,
#footer .fotoalbum ul li img	{
	border				: solid 6px #fff;
}

#frontpage .fotoalbum ul li img:hover	{ border-color: #F07800;	}

#frontpage .fotoalbum a.prev,
#frontpage .fotoalbum a.next,
#footer .fotoalbum a.prev,
#footer .fotoalbum a.next	{
	position			: absolute;
	display				: block;
	width				: 45px;
	height				: 70px;
	left				: 0;
	top					: 57px;
	text-indent			: -900em;
}

#frontpage .fotoalbum a.next,
#footer .fotoalbum a.next	{
	right				: 2px;
	left				: auto;
}

#frontpage .fotoalbum a.prev {
	left:	-25px !important;
	top:7px;
}

#frontpage .fotoalbum a.next {
	right:	-25px !important;
	top:7px;	
}

#frontpage .fotoalbum-2 a.next,
#frontpage .fotoalbum-2 a.prev {
	top:29px;
}

#frontpage .fotoalbum-1,
#frontpage .fotoalbum-2 {
	position: relative;
}

#frontpage .fotoalbum-2 { 
	margin-top:47px;
}

#frontpage .kolom .agenda {
	width: 468px;
	margin-top: 14px;
}


/* over stef */
#frontpage .over_stef	{
	position			: relative;
}

#frontpage .over_stef > div	{
	padding-right		: 230px !important;
}

#frontpage .over_stef div.stef	{
	position			: absolute;
	right				: 11px;
	bottom				: 11px;
	width				: 297px;
	height				: 279px;
}

#frontpage .over_stef div.stef img	{
	position			: relative;
	margin				: 0 auto;
}

#frontpage .over_stef p.leesmeer	{
	padding-top			: 10px;
}

#frontpage .over_stef p.leesmeer a:hover	{
	background			: #fff;
	color				: #000;
}

#frontpage .actueel.box .bericht {
	min-height: 205px;
}

/*social media*/
#frontpage .over_stef .social-media {
	position:absolute;
	right:15px;
	top:20px;
	width: 70px;
	height: 35px;
}

#frontpage .over_stef .social-media li {
	width:32px;
	height:32px;
	float:left;	
	background:url(../img/social-media.png) no-repeat left top;
}

#frontpage .over_stef .social-media li.facebook {background-position:right top;}

#frontpage .over_stef .social-media li a {
	display:block;
	height:100%;
	text-indent:-9000em;
}



/* agenda */
#frontpage .agenda,
#footer .actueel	{
}

#frontpage .agenda ol li,
#footer .actueel ol li	{
	height				: 24px;
	line-height			: 24px;
}

#frontpage .agenda ol li:hover	{
	background			: url(../img/agenda_item_bg.gif) no-repeat -40px;
	color				: #fff;
	margin-left			: -5px;
	padding-left		: 5px;
}

#footer .actueel ol li:hover	{
	background			: url(../img/actueel_item_bg.gif) no-repeat -40px;
	color				: #000;
	margin-left			: -5px;
	padding-left		: 5px;
}

#frontpage .agenda ol li:hover p.leesmeer a	{
	background			: #F07800;
}

#footer .actueel ol li:hover p.leesmeer a	{
	background			: #fff;
	color				: #000;
}

#frontpage .agenda ol li h2,
#footer .actueel ol li h2	{
	float				: left;
	width				: 80px;
}

#frontpage .agenda ol li h2 + p,
#footer .actueel ol li h2 + p	{
	float				: left;
	width				: 270px;
	overflow			: hidden;
	white-space			: nowrap;
}

#frontpage .agenda ol li p.leesmeer,
#footer .actueel ol li p.leesmeer	{
	float				: right;
	line-height			: 1;
	padding				: 7px 0 0 0;
}


/* --------------------------------	*/
/* actueel						 	*/
/* --------------------------------	*/
#actueel ol.items li	{
	margin-bottom		: 15px;	
	padding				: 10px 5px;
	overflow			: hidden;
	zoom				: 1;
}

#actueel ol.items li div.datum	{
	display				: block;
	width				: 53px;
	height				: 40px;
	padding-top			: 13px;
	background			: url(../img/datum_item.gif) no-repeat 0 0;
	text-align			: center;
	text-transform		: uppercase;
	line-height			: 1;
	font-size			: 1.1em;
	color				: #fff;
	float				: left;
}

#actueel ol.items li.hover div.datum	{ background-position: right top; }

#actueel ol.items li.hover	{
	background			: #F07800;
	color				: #fff;
}

#actueel ol.items li .foto	{
	min-height			: 50px;
	float				: left;
	margin				: 0 15px 0 10px;
}

#actueel ol.items li .foto img	{
	border				: solid 10px #fff;
}

#actueel ol.items li h2	{
	margin-bottom		: 7px;
}

#actueel ol.items li h2 a	{
	font-size			: 1.3em;
	text-decoration		: none;
}

#actueel ol.items li.hover h2 a	{
	color				: #fff;
}


/* --------------------------------	*/
/* fotoalbum					 	*/
/* --------------------------------	*/
#fotoalbum ol.categorieen > li	{
	margin-bottom		: 15px;	
	padding				: 10px 5px;
	overflow			: hidden;
	zoom				: 1;
}

#fotoalbum ol.categorieen > li div.datum	{
	display				: block;
	width				: 53px;
	height				: 40px;
	padding-top			: 13px;
	background			: url(../img/datum_item.gif) no-repeat 0 0;
	text-align			: center;
	text-transform		: uppercase;
	line-height			: 1;
	font-size			: 1.1em;
	color				: #fff;
	float				: left;
}

#fotoalbum ol.categorieen > li.hover div.datum	{ background-position: right top; }

#fotoalbum ol.categorieen > li.hover	{
	background			: #F07800;
	color				: #fff;
}

#fotoalbum ol.categorieen > li .info	{
	margin-left			: 65px;
}

#fotoalbum ol.categorieen > li img	{
	float				: left;
	border				: solid 10px #fff;
	margin				: 0 10px 0 0;
}

#fotoalbum ol.categorieen > li h2	{
	margin-bottom		: 7px;
}

#fotoalbum ol.categorieen > li h2 a	{
	font-size			: 1.3em;
	text-decoration		: none;
}

#fotoalbum ol.categorieen > li.hover h2 a	{
	color				: #fff;
}

/* fotos */
#fotoalbum .intro	{
	margin-bottom		: 20px;	
}

#fotoalbum ul.fotos li	{
	float				: left;
	margin-right		: 10px;
}

#fotoalbum ul.fotos li img	{
	border				: solid 6px #fff;
}

#fotoalbum ul.fotos li a:hover img	{
	border				: solid 6px #F07800;
}

/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps {
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps {
	width				: 795px;
	height				: 500px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a {
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer {
	clear				: both;
	padding				: 0 10px;
}

#footer a 			{ color: #F07800; }


#footer .fotoalbum	{
	float				: left;
	width				: 440px;
	margin-left			: 0;
	margin-bottom		: 15px;
}

#footer .actueel	{
	float				: right;
	width				: 443px;
}

/* twitter */
#footer .twitter	{
	clear				: both;
}

#footer div.box.twitter > div	{
	padding				: 0;
	position			: relative;
}

#footer .twitter h1	{
	background			: url(../img/twitter_logo.gif) no-repeat !important;
	text-indent			: -900em;
	height				: 27px;
	width				: 116px;
	position			: absolute;
	left				: 20px;
	top					: -3px;
}

#footer .twitter .band	{
	background			: url(../img/footer_band.png) no-repeat;
	width				: 229px;
	height				: 151px;
	position			: absolute;
	top					: -25px;
	right				: -40px;
}

#footer .twitter ol	{
	height				: 24px;
	overflow			: hidden;
	padding-left		: 140px;
}

#footer .twitter ol li	{
	height				: 24px;
	line-height			: 24px;
	font-size			: 0.95em;
	overflow			: hidden;
}

#footer .twitter ol li a	{
	text-decoration		: none;
	color				: #fff;
}

#footer .twitter ol li a .datum	{
	color				: #32CBFF;
}


/* sponsors */
#footer .sponsors	{
	position			: relative;
	padding-top			: 70px;
}

#footer .sponsors li	{
	float				: left;
	height				: 48px;
	margin-left			: 42px;
}

#footer .sponsors li:first-child {
	margin-left			: 10px;
}

#footer .sponsors li.echtachterhoek			{ width: 158px;	}
#footer .sponsors li.kanjers-voor-kanjers				{ width: 109px;	}
#footer .sponsors li.dago			{ width: 176px;	}
#footer .sponsors li.dusseldorp		{ width: 154px;	}
#footer .sponsors li.cosmo_trucks	{ width: 195px;	}

#footer .sponsors li a	{
	display				: block;
	height				: 48px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/footer_sponsors.gif) no-repeat 0 0;
}

#footer .sponsors li.echtachterhoek a		{ background-position: -39px 0;			}
#footer .sponsors li.kanjers-voor-kanjers	a 			{ background-position: -219px 0;	}
#footer .sponsors li.dago a			{ background-position: -337px 0;	}
#footer .sponsors li.dusseldorp a	{ background-position: -577px 0;	}
#footer .sponsors li.cosmo_trucks a	{ background-position: -793px 0;	}

/* colofon */
#footer .colofon	{
	clear				: both;
	text-align			: center;
	padding				: 20px 0;
	color				: #eee;
	font-size			: 0.9em;
}

#footer .colofon span	{
	padding				: 0 10px;
}

#footer .colofon a	{
	color				: #eee;
	text-decoration		: none;
}