@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
a {text-decoration:none; color:#09F;}

body {
	margin:0;
	padding:0;
	background-color:#cdcdcd;
}

#hoofdcontainer {
	margin:auto;
	width:100%;
	height:768px;
	border-top:1px solid #CCC;
	background:url("../images/background-page.png") repeat-x;
}

#container {
	margin:auto;
	width:1024px;
	height:768px;	
}

#opbouw {
	margin:auto;
	width:960px;
	height:768px;
}

/* ========== BEGIN HEADER ========== */

#header {
	width:960px;
	height:97px;
}

#logo {
	margin-top:25px;
	width:300px;
	height:45px;
}

/* ========== BEGIN MENUBALK ========== */

#menubalk {
	width:958px;
	height:50px;
	background:url(../images/background-menu.png);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	border:solid 1px #CCC;
}

#menu { width:960px; height:50px; }

ul#awesome-menu {
	width: 960px;
	height:32px;
	list-style:none;
}

ul#awesome-menu li { display:inline; }
	
ul#awesome-menu li a {
	display:block;
	color:#000;
	text-decoration:none;
	font-size:13px;
	float:left; 
	height:35px;
	background-image:url(../images/menu-arrows.png);
}

ul#awesome-menu li.home a { width:60px; background-position:0 0; padding-top:18px; padding-left:25px; margin-left:10px; }
ul#awesome-menu li.home a:hover, ul#awesome-menu li.home a:focus, 
ul#awesome-menu li a#home:visited, ul#awesome-menu li a#home:active,
ul#awesome-menu li.home a.selected { background-position: 0 -50px; color:#09F;}

ul#awesome-menu li.fotos a { width:65px; background-position:-85px 0; padding-top:18px; padding-left:13px; }
ul#awesome-menu li.fotos a:hover, ul#awesome-menu li.fotos a:focus, 
ul#awesome-menu li a#fotos:visited, ul#awesome-menu li a#fotos:active,
ul#awesome-menu li.fotos a.selected { background-position: -85px -50px; color:#09F;}

ul#awesome-menu li.acties a { width:64px; background-position:-173px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.acties a:hover, ul#awesome-menu li.acties a:focus, 
ul#awesome-menu li a#acties:visited, ul#awesome-menu li a#acties:active, 
ul#awesome-menu li.acties a.selected { background-position: -173px -50px; color:#09F;}

ul#awesome-menu li.sponsors a { width:94px; background-position:-260px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.sponsors a:hover, ul#awesome-menu li.sponsors a:focus, 
ul#awesome-menu li a#sponsors:visited, ul#awesome-menu li a#sponsors:active, 
ul#awesome-menu li.sponsors a.selected { background-position: 260px -50px; color:#09F;}

ul#awesome-menu li.archief a { width:74px; background-position:-376px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.archief a:hover, ul#awesome-menu li.archief a:focus, 
ul#awesome-menu li a#archief:visited, ul#awesome-menu li a#archief:active,
ul#awesome-menu li.archief a.selected { background-position: -376px -50px; color:#09F;}

ul#awesome-menu li.gastenboek a { width:107px; background-position:-473px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.gastenboek a:hover, ul#awesome-menu li.gastenboek a:focus, 
ul#awesome-menu li a#gastenboek:visited, ul#awesome-menu li a#gastenboek:active,
ul#awesome-menu li.gastenboek a.selected { background-position: -473px -50px; color:#09F;}

ul#awesome-menu li.contact a { width:82px; background-position:-603px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.contact a:hover, ul#awesome-menu li.contact a:focus, 
ul#awesome-menu li a#contact:visited, ul#awesome-menu li a#contact:active,
ul#awesome-menu li.contact a.selected { background-position: -603px -50px; color:#09F;}

ul#awesome-menu li.ppfoto a { width:79px; background-position:-708px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.ppfoto a:hover, ul#awesome-menu li.ppfoto a:focus, 
ul#awesome-menu li a#ppfoto:visited, ul#awesome-menu li a#ppfoto:active,
ul#awesome-menu li.ppfoto a.selected { background-position: -708px -50px; color:#09F;}

ul#awesome-menu li.flying_toys a { width:117px; background-position:-810px 0; padding-top:18px; padding-left:23px; }
ul#awesome-menu li.flying_toys a:hover { background-position: -810px -50px; color:#09F;}
		
a { outline: none; }

/* ========== EIND MENUBALK EN HEADER ========== */



/* ========== BEGIN CONTENT INDEX ========== */

#content_index {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-1px;
	background:url(../images/background-nl-numansdorp-centered.png) no-repeat;
}

#content_index_new {
	width:960px;
	height:621px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:20px;
}

.blauw {color:#09F;}

#intro {
	width:960px;
	height:500px;
	background:url(../images/background-drone.jpg) no-repeat;
	background-position-y: center;
}

#intro:after {
    position:absolute;
	top:143px;
	width:960px;
    height:500px;
    background:rgba(0, 0, 0, 0.3);
    content:'';
}

#intro h2 {
	position:absolute;
    z-index:1;
	left:50%;
    margin-top:140px;
	width:800px;
	color:#fff;
    font-size: 50px;
	line-height:50px;
    text-align:center;
	text-transform:uppercase;
    transform:translate(-50%,0);
}

#intro p {
	position:absolute;
    z-index:1;
	left:50%;
    margin-top:257px;
	width:800px;
	color:#fff;
    font-size:32px;
	line-height:42px;
    text-align:center;
    transform:translate(-50%,0);
}

#intro.introV2 {
	background:url(../images/background-flags.jpg) no-repeat;
}

#intro.introV2 h2 {
	left: auto;
	margin-top: 32px;
    margin-left: 32px;
    text-align: left;
	transform: none;
}

#intro.introV2 p {
	left: auto;
    margin-top: 148px;
    margin-left: 32px;
    width: 880px;
    text-align: left;
    transform: none;
}

#intro a {
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: underline;
}

#intro a:hover {
    color: #FBC649;
}

#flash {
	margin-top:20px;
	width:960px;
	height:500px;
}

#webcounter {
    position: absolute;
	z-index: 1;
	margin-top:-525px;
	margin-left:835px;
	width:200px;
	height:30px;
}

#vak1 {
	margin-top:20px;
	padding-top:10px;
	padding-left:20px;
	width:288px;
	height:90px;
	background-image:url(../images/background-blocks.png);
	border:solid 1px #999;
}

#vak2 {
	margin-top:-102px;
	margin-left:325px;
	padding-top:10px;
	padding-left:20px;
	width:288px;
	height:90px;
	background-image:url(../images/background-blocks.png);
	border:solid 1px #999;
}

#vak3 {
	margin-top:-102px;
	margin-left:650px;
	padding-top:10px;
	padding-left:20px;
	width:288px;
	height:90px;
	background-image:url(../images/background-blocks.png);
	border:solid 1px #999;
}

#pijlen {
	margin-top:-85px;
	margin-left:1px;
	width:680px;
	height:20px;
}

#pijl1 {
	width:10px;
	height:20px;
}

#pijl2 {
	margin-top:-20px;
	margin-left:325px;
	width:10px;
	height:20px;
}

#pijl3 {
	margin-top:-20px;
	margin-left:650px;
	width:10px;
	height:20px;
}

/* ========== EIND CONTENT INDEX ========== */



/* ========== BEGIN CONTENT INFO TRUCKSHOW ========== */

#content_info_truckshow {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#info_truckshow_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_truckshow {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#tekst_info_truckshow {
	margin-top:20px;
	margin-left:20px;
	width:920px;
	height:566px;
}

#scrollcell_info_truckshow {
	height: expression( this.scrollHeight > 566 ? "566px" : "auto" ); 
	/* sets max-height for IE */
	max-height: 566px; 
	/* sets max-height value for all standards-compliant browsers */
	overflow:auto;
	valign:middle;
}

/* ========== EIND CONTENT INFO TRUCKSHOW ========== */



/* ========== BEGIN CONTENT INSCHRIJFFORMULIER ========== */

#content_inschrijfformulier {
	width:960px;
	height:665px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#inschrijfformulier_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_inschrijfformulier {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#tekst_inschrijfformulier {
	float:left;
	margin-top:20px;
	margin-left:20px;
	width:550px;
	height:500px;
}

#extra_info_inschrijven {
	float: left;
	margin-top:20px;
}

.input {
	background-color:#FFF;				
	font-family:Arial, Helvetica, sans-serif;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:5px;
	font-size:12px;
	color:#000;
	border: solid 1px #CCC;
}

#download {
	float:left;
	margin-top:175px;
	width:300px;
	height:100px;
	font-size:16px;
}

/* ========== EIND CONTENT INSCHRIJFFORMULIER ========== */



/* ========== BEGIN CONTENT FOTOS ========== */

#content_fotos {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#fotos_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_fotos {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-align:center;
	line-height:15px;
}

#tekst_fotos {
	margin-top:20px;
	margin-left:20px;
	width:940px;
	height:546px;
}

#scrollcell_fotos {
	height: expression( this.scrollHeight > 566 ? "566px" : "auto" ); 
	/* sets max-height for IE */
	max-height: 566px; 
	/* sets max-height value for all standards-compliant browsers */
	overflow:auto;
	valign:middle;
}

#content_video {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#video_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_video {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-align:center;
	line-height:15px;
}

#video {
    margin: 30px auto;
    width: 940px;
    height: 546px;
}

/* ========== EIND CONTENT FOTOS ========== */



/* ========== BEGIN CONTENT ACTIES ========== */

#content_acties {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#acties_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_acties {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-align:center;
	line-height:15px;
}

#tekst_acties {
	width:960px;
	height:566px;	
}

#table_acties {
	width:943px;
	height:566px;
}

#border_bottom {
	padding:20px 13px;
	border-bottom:2px solid #CCC;
}

#scrollcell_acties {
	height: expression( this.scrollHeight > 566 ? "566px" : "auto" ); 
	/* sets max-height for IE */
	max-height: 566px; 
	/* sets max-height value for all standards-compliant browsers */
	overflow:auto;
	valign:middle;
}

/* ========== EIND CONTENT ACTIES ========== */




/* ========== BEGIN CONTENT SPONSORS ========== */

#content_sponsors {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#sponsors_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_sponsors {
	margin-top:10px;
	width:960px;
	height:566px;
	background-color:#FFF;
	border:1px solid #CCC;
	text-align:center;
	line-height:15px;
}

#tekst_sponsors {
	margin-top:20px;
	margin-left:20px;
	width:920px;
	height:566px;
}

#scrollcell_sponsors {
	height: expression( this.scrollHeight > 566 ? "566px" : "auto" ); 
	/* sets max-height for IE */
	max-height: 566px; 
	/* sets max-height value for all standards-compliant browsers */
	overflow:auto;
	valign:middle;
}

/* ========== EIND CONTENT SPONSORS ========== */



/* ========== BEGIN CONTENT ARCHIEF ========== */

#content_archief {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-1px;
	background:url("../images/background-nl-numansdorp-centered.png") no-repeat;
}

#content_archief_new {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-1px;
	background:url(../images/background-nl-numansdorp.png) no-repeat;
}

#vrachtwagens_2011 {
	margin-top:170px;
	width:960px;
	height:160px;
}

#vrachtwagens_2013 {
	margin-top:220px;
	width:960px;
	height:160px;
}

#vrachtwagens_2015 {
	margin-top:26px;
	width:960px;
	height:636px;
}

/* ========== EIND CONTENT ARCHIEF ========== */



/* ========== BEGIN CONTENT GASTENBOEK ========== */

#content_gastenboek {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#gastenboek_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_gastenboek {
	float:left;
	margin-top:10px;
	width:438px;
	height:526px;
	background-color:#FFF;
	border:1px solid #CCC;
	line-height:15px;
}

#scrollcell_gastenboek {
	height: expression( this.scrollHeight > 526 ? "526px" : "auto" ); 
	/* sets max-height for IE */
	max-height: 526px; 
	/* sets max-height value for all standards-compliant browsers */
	overflow:auto;
	valign:middle;
}

#tabel_gastenboek {margin-left:-2px;}

.gastenboek_padding {padding:20px;}

#gastenboek_uitlezen {width:383px;}

#gastenboek_formulier {
	float:left;
	padding:10px;
	margin-top:10px;
	margin-left:20px;
	width:438px;
	height:200px;
	background-color:#FFF;
	border:1px solid #CCC;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#Captcha_img {display:none;}

#vrachtwagen {
	float:left;
	margin-top:12px;
	margin-left:250px;
	width:250px;
	height:175px;
}

.grijs {
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#CCC;
}

/* ========== EIND CONTENT GASTENBOEK ========== */



/* ========== BEGIN CONTENT CONTACT ========== */

#content_contact {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#contact_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_contact {
	padding:20px;
	margin-top:10px;
	width:920px;
	height:526px;
	background-color:#FFF;
	border:1px solid #CCC;
	line-height:15px;
}

#googlemaps_info {
	width:920px;
	height:452px;
}

#kolom1{float:left;}

#contact_adres {
	width:230px;
	height:452px;
}

#kolom2{float:left;}

#googlemaps {
	float:right;
	width:600px;
	height:450px;
	border:1px solid #CCC;
}

#kolom3{float:left;}

#onzichtbaar_vak {
	margin-left:10px;
	width:330px;
	height:436px;
}

#route_berekening {
	display:none;
	padding:10px;
	width:310px;
	height:416px;
	background-color:#FFF;
	border:1px solid #CCC;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
}

#route_tabel {
	display:none;
	margin-top:-10px; 
	width:320px; 
	height:436px; 
	overflow:auto;
}

#bord_numansdorp {
	float:right;
	margin-top:30px;
	width:85px;
	height:40px;
}

/* ========== EIND CONTENT CONTACT ========== */





/* ========== BEGIN CONTENT PPFOTO ========== */

#content_ppfoto {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#ppfoto_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_ppfoto {
	padding:20px;
	margin-top:10px;
	width:920px;
	height:526px;
	background-color:#FFF;
	border:1px solid #CCC;
	line-height:15px;
}

#tekst_ppfoto {
	width:450px;
	height:566px;
}

#afb_ppfoto {
	margin-top:-20px;
	margin-left:100px;
	width:350px;
	height:566px;
}

/* ========== EIND CONTENT PPFOTO ========== */



/* ========== BEGIN CONTENT LOTEN ========== */

#content_loten {
	width:960px;
	height:641px;
	border-top:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1px;
}

#loten_kop {
	margin-top:50px;
	margin-left:20px;
	width:120px;
	height:15px;
}

#info_loten {
	padding:20px;
	margin-top:10px;
	width:920px;
	height:526px;
	background-color:#FFF;
	border:1px solid #CCC;
	line-height:15px;
}

#tekst_loten {
	width:450px;
	height:566px;
}

#afb_loten {
/*	margin-top:-20px;*/
	margin-left:40px;
	width:426px;
	height:566px;
}

/* ========== EIND CONTENT LOTEN ========== */



/* ========== BEGIN FOOTER ========== */

#footer {
	margin-top:20px;
	margin-bottom:20px;
	width:960px;
	height:30px;
	border-top:1px solid #999;
}

#media {
	float:left;
	margin-top:15px;
	width:80px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
}

#media_afb {
	float:left;
	margin-top:10px;
	width:25px;
	height:22px;
}

#facebook {
	float:left;
	margin-top:11px;
	width:215px;
	height:20px;
}

#youtube {
	float:left;
	margin-top:6px;
}

#adres {
	margin-top:15px;
	width:960px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-align:right;
}

/* ========== EIND FOOTER ========== */