/*
###################################################################################################
#
#	GENERAL STYLING AND RESETS
#
###################################################################################################
*/

* {outline:none;}
html {overflow-Y: scroll;overflow-x:hidden}

body,html {margin-bottom:1px;height:100%;cursor:default;margin:0;padding:0;}
body {font:12px "Trebuchet MS",arial,verdana;line-height:1.5em;color:#555;background:url(/img/background.jpg) fixed top no-repeat;width:auto;height:auto;}

/*
###################################################################################################
#
#	POSITIONING OF CONTAINERS AND FOOTERS ETC...
#
###################################################################################################
*/

#wrapper {width:auto;margin:0 auto;background:#E9D6A7 url(/img/bg-wrapper-top-overlay.png) no-repeat center top;}
#wrapper-top {margin:0 auto;width:960px;height:120px;text-align:right;padding-top:20px;}
#wrapper-menu {background:url(/img/bg-menu.png) repeat-x;border-top:1px solid white;border-bottom:1px solid white;height:65px;<?= shade(1,3,'#000'); ?>;}

#container {width:960px;margin:0 auto;}
	#container-banner {margin-top:-25px;min-height:240px;position:relative;zoom:1;padding:10px 0 10px 0;}
	#container-banner-overlay {padding:40px;background:url(/img/bg-banner-video-2.jpg) center center no-repeat;}
	#container-banner-overlay #container-banner-video {width:383px;float:left;}
	#container-banner-overlay #container-banner-text {width:450px;float:right;font-weight:bold;font-size:14px;padding:10px 10px 0 10px;background:url(/img/bg-banner-transparent.png);margin-left:10px;}

#container-content {}
	#container-content .p {padding-top:20px;}

#container-footer {color:white;position:relative;}
	#container-footer .p {padding:20px;}
	#container-footer-content {position:absolute;top:0;left:0;}

/*
###################################################################################################
#
#	PANELS
#
###################################################################################################
*/

.panel {margin:5px;background:white;<?= shade(1,3,'#000'); ?>;}
.panel.brown {background-image:url(/img/bg-footer.png);background-repeat:repeat-x;background-position:top;border:1px solid #003652;height:150px;background:#0C3752;opacity:0.9;}

/*
###################################################################################################
#
#	LINKS AND BUTTONS
#
###################################################################################################
*/

a {display:inline-block;zoom:1;*display:inline;margin:0;padding:0;color:#333;list-style-type:none;}

a.menu {color:white;}
a.btn {color:#003652;}
a.link {color:#0555;text-decoration:none;}
a.send-btn {background:url(/img/bg-btn.png) left top;color:white;height:25px;width:100px;text-align:center;text-decoration:none;padding-top:5px;}

/*
###################################################################################################
#
#	GENERAL PADDING AND MAGINS
#
###################################################################################################
*/

.p {padding:0 20px 20px;}

/*
###################################################################################################
#
#	VARIOUS
#
###################################################################################################
*/

.framed {margin:3px;vertical-align:center;overflow:hidden;border:1px solid #E2E2E2;padding:5px;background:white;}
.error {color:red;}
.marg {margin-top:-30px;}

#maps-canvas {width:575px;height:380px;border:1px solid grey;}
#maps-directions {width:600px;margin:0 0 0 -5px;}
#plan-route {position:absolute;}

#flashcontent {border:3px solid white;<?= shade(0,4,'#000'); ?>;}

blockquote {padding-left:50px;background-image: url(/img/openquote.png);background-position:left top;background-repeat: no-repeat;display: block;min-height:35px;}

#ww_movie_container {width:375px;height:214px;}
#ww_movie {width:375px;height:214px;border:3px solid white;<?= shade(0,4,'#000'); ?>;}
	#ww_movie div {padding:20px;text-align:left;color:#404040;}
	#ww_movie div a {color:#404040;}

/*
###################################################################################################
#
#	STYLING OF MENU'S
#
###################################################################################################
*/

ul#navigation {list-style-type:none;text-decoration:none;background:url(/img/bg-menu.png) repeat-x;position:relative;text-align:center;}
	ul#navigation li {margin:0 auto;padding:0;display:inline-block;zoom:1;*display:inline;color:white;border-right:1px solid #0C3752;font-size:13px;}
	ul#navigation li.first {border-left:1px solid #0C3752;}
	ul#navigation li a {color:white;text-decoration:none;display:inline-block;zoom:1;*display:inline;padding:10px 8px 10px;margin:0 auto;}
	ul#navigation li a:hover {background:#00374F;}

ul#sub-menu {text-decoration:none;list-style-type:none;font-weight:bold;}
	ul#sub-menu a {font-size:1.2em;background:url(/img/bg-submenu-icon.png) left no-repeat;padding-left:20px;}
	ul#sub-menu a:hover {color:#003652;}

ul#navigation-evenementen {list-style-type:none;background:url(/img/calendar.png) left top no-repeat;padding:0;margin:0;min-height:40px;}
	ul#navigation-evenementen li {padding-left:80px;position:relative;}
	ul#navigation-evenementen li i {color:#8E8E8E;font-size:10px;position:absolute;left:40px;}
	ul#navigation-evenementen li a {text-decoration:none;border-bottom:1px dotted grey;}
	ul#navigation-evenementen li a:hover b {text-decoration:underline;}

ul#navigation-nieuws {list-style-type:none;background:url(/img/news.png) left top no-repeat;padding:0;margin:0;}
	ul#navigation-nieuws li {padding-left:80px;position:relative;}
	ul#navigation-nieuws li i {color:#8E8E8E;font-size:10px;position:absolute;left:40px;}
	ul#navigation-nieuws li a {text-decoration:none;border-bottom:1px dotted grey;}
	ul#navigation-nieuws li a:hover b {text-decoration:underline;}

/*
###################################################################################################
#
#	STYLING OF HEADERS
#
###################################################################################################
*/

h1, h2, h3, h4, h5, h6 {margin:0;margin-bottom:1em;padding:0;color:#4D4D4D;font-size:1.2em;}
h1 {font-size:1.6em;font-weight:bold;color:#003652;line-height:1em;}
h2 {color:#A07E4E;font-size:1.5em;font-weight:bold;}
h3 {font-size:1.2em;color:#333;font-weight:bold;}
h4 {font-size:11px;color:#0C3752;text-align:right;}
h4 a {font-size:11px;color:#0C3752;text-align:right;}
h4,h5,h6 {font-size:1em;color:#444}

/*
###################################################################################################
#
#	FORM STYLING AND INPUT STYLING
#
###################################################################################################
*/

form, fieldset {margin:0; padding:0;}

fieldset {border:0;}
fieldset label {display:inline-block;}
fieldset input, fieldset textarea, fieldset select {font:12px "Trebuchet MS",arial,verdana;<?= shade(0,3,'#ccc')?>border:1px solid #aaa;background: white url(/img/bg-input.png) top repeat-x;margin-bottom:2px;padding:2px;}
textarea {vertical-align:top;resize:vertical;}

.hiddenSubmit {width:0px;height:0px;position:absolute;left:-500px;top:-500px}
.disabledInput {border:1px solid red;}
.null {background:none;border:none;list-style-type:none;}

.xs {width:30px;display:inline-block}
.s {width:60px;display:inline-block}
.m {width:200px;display:block}
.l {width:170px;display:inline-block}
.xl {width:270px;display:inline-block}
.sizeMax {width:100%;}

.error {color:#900;}

/*
###################################################################################################
#
#	END CSS FILE
#
###################################################################################################
*/