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

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 26-02-2007
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

div#content {
	position:relative;
	z-index:100;
}
body {
	color:#000;
	font: 0.7em/1.3em Arial, Helvetica, sans-serif;
	/*	background: #fff url(../img/bck.gif) no-repeat center top;
	background: #fff;*/
	background: #fff url(../flash/surfer.jpg) no-repeat center top;
}
body.duiker {
	background-image:url(../flash/duiker.jpg);
}
body.surfer {
	background-image:url(../flash/surfer.jpg);
}
body.windmolen {
	background-image:url(../flash/windmolen.jpg);
}
body.vissersboot {
	background-image:url(../flash/vissersboot.jpg);
}
body.containerschip {
	background-image:url(../flash/containerschip.jpg);
}
hr {
	clear:both;
	border-bottom: 1px solid #bdcad9;
	border-top: none;
	border-left:none;
	border-right:none;
	color: #bdcad9;
	padding:0;
	display:block;
	margin: 10px 0 10px 0;
	height:1px;
}
hr.hidden {
	visibility:hidden;
	margin:0;
}
body.agenda hr, body.stichting hr {
	margin: 0 5px 10px 5px;
	color:#CCC;
	border-bottom-color:#CCC;
}
/*a:active, a:focus {outline: 0}*/

span.alert {
	color:red;
}
a {
	color:#093a7f;
	text-decoration: none;
}
a:hover {
	color: #333;
}
p a {text-decoration: underline;}
p a:hover {text-decoration: none;}
p.archiefLink a {text-decoration:none;margin-top:5px;}
p.archiefLink a:hover {text-decoration:underline;}
p.archiefLink
{
	border-top:1px solid red;
	padding-top:5px;
	margin-bottom:5px;	
}

h1 {
	color: #093a7f;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 7px 5px 5px 5px;
	margin:0 0 10px 0;
	border-bottom: 1px solid #bdcad9;
}
body.winkelmandje h1 {
	color: #ef4444;
	border-bottom: 1px solid #ef4444;
}
h1.small {
	font-size: 1.3em;
	padding-bottom:8px;
}
div#sidebar div.column h1 {
	color: #ef4444;
	padding: 7px 0 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #ef4444;
}
div#sidebar div.column.nr1 h1 {
	color: #093a7f;
	border-bottom-color: #093a7f;
}
div#sidebar.voorwaarden div.column.nr2 h1 {
	color: #093a7f;
	border-bottom-color: #093a7f;
}
div#sidebar div.column.popular h1 {
	color: #336633;
	border-bottom: 1px solid #336633;
}
h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin:0;
	padding:5px 0 5px 0;
}
h2.winkelmandje {
	font-size: 1.2em;
	line-height: 1.2em;
	margin:0;
	padding:0;
	margin: 60px 0 0px 0;
}
h2 a {
	color: #093a7f;
	text-decoration:none;
}
h2 a:hover {
	color: #000;
}
body.agenda h2, body.stichting h2 {
	padding-bottom: 0;
}
h2.movie {
	clear:both;
	color: #093a7f;
}
h3 {
	font-size: 1em;
	margin:0;
	padding:0 0 7px 5px;
}
body.stichting h3 {
	padding-bottom: 0;
	color: #333;
}
div#afmelden {
	margin-left: 50px;
	margin-bottom: 10px;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
}
div#content div.column h2, div#content div.column p, div.popup h2, div.popup p {
	margin-left: 5px;
}
div#content div.column h2 {
	padding-top: 0;
}
div#content div.column div.newsitems h2 {
	margin: 0 0 4px 10px;
	width: 360px;
}
body.mailArchief div#content div.column div.newsitems h2 {
	width: 470px;
}
body.webshop div#content div.column div.newsitems h2 {
	width: 280px;
	float: left;
}
div.popup {
	width:490px;
	height:350px;
}
div.popup p span.content {
	display: block;
	padding: 10px 0 0 5px;
	margin-right: 10px;
	width:465px;
}
div.popup p {
	line-height:normal;
	float:left;
	clear:both;
	width:480px;
}
div.popup p img {
	border:2px solid #bdcad9;
	margin-right: 10px;
	width:460px;
/*	float: left;*/s
}
 div#content div.column div.newsitems h2, div#content div.column div. s p {
margin: 0 0 0 48px;
}
body.webshop div#content div.column div.newsitems h2 {
	margin: 0 0 0 0px;
	float:left;
}
body.webshop div#content div.column div.newsitems p {
	margin: 1px 0 0 0px;
	float:left;
	width: 370px;
	font-size:11px;
}
body.blog div#content div.column div.newsitems p {
	margin-right: 10px;
}
body.webshop div#content div.column div.newsitems div {
	padding-bottom: 0px;
	margin-bottom: 15px;
	position:relative;
}
body.webshop div#content div.column div.newsitems div.last {
	border: none;
	margin-bottom: 0;
}
div#content div.column div.newsitems div {
	display: block;
	clear:both;
	width: 100%;
}
div#content div.column div.newsitems div.img h2, div#content div.column div.newsitems div.img p {
	width:250px;
}
div#content div.column div.newsitems div.header div {
	width:auto;
	float:left;
	background-color:red;
	border:1px solid green;
}
div#content div.column div.newsitems div.header p {
	margin-right:0;
	float:left;
}
div#content div.column p em {
/*	color: #666;
	font-style:normal;*/
}
/*body.stichting div#content div.column div {
	display: block;
	clear: both;
	}*/
p.intro {
	font-size: 1.1em;
	line-height: 1.3em;
	color:#333;
}
input, textarea, select {
	font: 1em Arial, Helvetica, sans-serif;
}
textarea {
	overflow:auto;
}
/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header ul#nav:after, div#content:after, div#pagina:after, div.column:after, div.page:after, div.newsitems p:after, span.gallery:after, ul#tabs:after, div.steun span p:after, div#sidebar div.column.nr3:after, div#sidebar div.column.nr3 form:after, body.webshop div#content div.column div.newsitems div:after, div#winkelmandje:after, body.winkelmandje div#content div.column table tr:after, div.mapPopup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, * html div#header ul#nav, * html div#content, * html div#pagina, * html div.column, * html ul#nav, * html div.page, * html div.newsitems p, * html span.gallery, * html ul#tabs, *html div.steun span p, div#sidebar div.column.nr3, div#sidebar div.column.nr3 form, body.webshop div#content div.column div.newsitems div, div#winkelmandje, body.winkelmandje div#content div.column table tr, div.mapPopup {
	height: 1%;
}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      MAIN DIVS        */

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 955px;
	padding: 8px 0 0 0;
	z-index:2;
}
div#header {
	position: relative;
	height: 45px;
	padding-right: 247px;
}
body.wide div#header {
	padding-right:45px;
}
div#header h1 {
	padding: 0;
	margin:0;
	border:none;
}
div#header h1 img {
	border:none;
}
/*div#header h1 {
	padding: 0;
	margin:0;
	border:none;
	background: none;
	}
div#header h1 a {
	display:block;
	width: 156px;
	height:43px;
	background: url(../img/logo_denoordzee.gif) no-repeat left top;
	}
div#header h1 a span { display:none;}*/


div#menu {
	float:left;
	width:145px;
	margin: 36px 10px 0 10px;/*background-color:red;*/
	}
div#content {
	float:left;
	width:541px;
	margin-right: 10px;/*	background-color:green;*/
	}
body.wide div#content {
	width: 770px;
}
div#content div.column {
	background:url(../img/content_1_bottom.png) no-repeat -2px bottom;
	/*	background:url(../img/content_bottom.gif) no-repeat -4px bottom;*/
	padding: 0 30px 35px 30px;
	min-height: 275px;
	position:relative;
}
div#content div.column p {
	font-size:1.05em;
}
body.home div#content div.column {
	padding-bottom:65px;
}
div#content div.column.nr2 {
	background-image: url(../img/content_2_bottom.png);
	margin-bottom:15px;
	padding-bottom: 45px;
}
body.wide div#content div.column {
	background:url(../img/content_wide_bottom.png) no-repeat left bottom;
}
div#content div.column a img {
	border-color:#eee;
}
span.logo {
	float:left;
	width:160px;
	margin-bottom:10px;
}
span.logo h3 {
	min-height:35px;
	padding-bottom:0;
}
span.logo img {
	border: 0px;
}
div#sidebar {
	float:left;
	width: 217px;
}
div#sidebar div.column img {
	border:none;
	margin:0 0 5px 0;
}
div#sidebar div.column.nr1 {
	background: url(../img/sidebar_1_bottom.png) no-repeat -2px bottom;
	min-height: 210px;
	border: 1px solid #FF00FF;
}
div#sidebar div.column.nr2 {
	background: url(../img/sidebar_2_bottom.png) no-repeat -2px bottom;
	padding: 0 20px 30px 20px;
	margin: 0 0 10px 0;
	min-height: 210px;
}
div#sidebar div.column.nr3 {
	background: url(../img/sidebar_3_bottom.png) no-repeat -2px bottom;
	padding: 0 20px 20px 20px;
	margin: 0 0 10px 0;
	min-height: 155px;
}
div#sidebar div.column.popular {
	background-image: url(../img/sidebar_2_bottom_green.png);
}
div#sidebar.webshop div.column {
	background-image: url(../img/sidebar_2_bottom_nocolor.png);
	position:relative;
	margin-top: 15px;
}
div#sidebar div.column.nr2 span.prijstotaal {
	float: right;
	font-weight:bold;
	padding:0;
	margin: 0 0 5px 0;
}
div#flashbck {
	position:absolute;
	top:543px;
	left:650px;
	/*	margin-left:-100px;*/
	z-index:-1;
}
body.duiker div#flashbck {
	top:446px;
	left:662px;
}
body.surfer div#flashbck {
	top:545px;
	left:655px;
}
body.windmolen div#flashbck {
	top:397px;
	left:750px;
}
body.vissersboot div#flashbck {
	top:547px;
	left:546px;
}
body.containerschip div#flashbck {
	top:537px;
	left:650px;
}
/*      MAIN DIVS        */
/*+++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*          NAV           */

#menupath {
	font: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:180px;
}
#menupath span.last a {
	color:#006699;
	font-weight:bold;
	font-size:11px;
}
ul#nav, ul#nav test {
	clear:both;
	position:relative;
	list-style:none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ul#nav li {
	font-weight:bold;
	padding: 3px 0;
}
ul#nav li.space {height:5px;}
ul#nav li a {
	display: block;
	padding: 0 8px;
}
ul#nav li a span {
	color:#000;
}
ul#nav li a:hover {
	background: url(../img/menubullet.gif) no-repeat right 0.2em;
}
ul#nav li a.head {
	color:#000;
	background: url(../img/menubullet.gif) no-repeat right 0.2em;
}
ul#nav li em a {
	/*border-bottom: 1px solid #bdcad9;*/
	font-style:normal;
	padding-bottom: 2px;
	margin-bottom: -3px;
	color: #333;/*background: url(../img/menubullet.gif) no-repeat right 0.2em;*/
	}
.submenu {
	padding-left:10px;
	margin:4px 0 0 0;
}
.sub2menu {
	padding:5px 0 6px 10px;
	margin:4px 0 4px 0;
}
.tophr {
	background:url(../img/deep_hr1.png) no-repeat bottom left;
	height:4px;
	width:145px;
}
.lowhr {
	margin-left:-10px;
	background:url(../img/deep1_hr_b.png) no-repeat top left;
	height:4px;
	width:145px;
}
.hr {
	margin:-1px 0 1px 0;
	background:url(../img/hr.jpg) no-repeat bottom left;
	;
	height:1px;
	width:145px;
}
.submenu div.subtophr {
	background:url(../img/subfoldhr.png) no-repeat top left;
	position:absolute;
	height:25px;
	width:133px;
	z-index:-20;
	margin:-5px 0 0 -10px;
}
.submenu div.sublowhr {
	position:absolute;
	background:url(../img/subfoldhrlow.png) no-repeat bottom left;
	height:27px;
	width:133px;
	z-index:-20;
	margin:-24px 0 0 -10px;
}
.submenu a {
	color:#006699;
	margin:4px 0 5px 0;
}
.submenu a span {
	color:#000;
}
.submenu a:hover, a:active {
	color:black;
}
ul#path {
	position: relative;
	list-style:none;
	padding:0;
	margin:2px 0 10px 0;
	height: 19px;/*	font-style:italic;
*/	}
ul#path li {
	padding:0;
	margin:0;
	float: left;
}
ul#path li.first {
	padding-left:5px;
}
ul#path li span {
	display:none;
}
ul#path li a {
	display: block;
	width: 17px;
	height: 19px;
	background: url(../img/path_1.gif) no-repeat left top;
	color: #333;
}
ul#path li a:hover {
	color: #fff;
	background-image: url(../img/path_1_hover.gif);/*	background-image: url(../img/path_1_hover2.gif);*/
	}
ul#path li.last {
	/*
	background: url(../img/path_2.gif) no-repeat left top;
	border-right: 1px solid #aeb0b2;
*/
	width: auto;
	padding: 2px 7px 1px 7px;
	height:16px;
}
ul#path li.last a:hover {
/*background-image: url(../img/path_2_hover.gif);*/
	}
/* path rollover >>> 
zie pag http://server/noordzee/dossiers_artikel.php?mainID=3&subID=11&contentID=18
*/
ul#path li {
	position:relative;
}
ul#path li div {
	display:none;
}
ul#path li:hover div {
	display:block;
	position:absolute;
	top:-16px;
	left:5px;
	white-space:nowrap;
	color:#666;
	border:solid red 1px;
}
/* <<< path rollover */

ul#extra {
	position: relative;
	list-style:none;
	padding:0;
	margin:30px 0 0 0;
}
ul#extra li {
	padding: 10px 0 0 5px;
	margin: 0;
}
ul#extra li span {
	display: none;
}
ul#extra li a {
	display: block;
	background: url(../img/steun.gif) no-repeat;
	width: 111px;
	height:214px;
}
ul#tabs {
	border-bottom: 1px solid #bdcad9;
	list-style:none;
	padding: 0;
	margin: 5px 0 15px 0px;
	font-size:1.2em;
	line-height:1.4em;
	min-height: 1.4em;
}
ul#tabs li {
	float:left;
	background:url(../img/tab1.gif) no-repeat;
	margin:0 4px -1px 0;
	padding:0 0 0 3px;
	border-bottom: 1px solid #bdcad9;
	position: relative;
}
ul#tabs li.select {
	border-bottom-color:#fff;
	background-image:url(../img/tab1_select.gif);
}
ul#tabs li a {
	display: block;
	float:none;
	background:url(../img/tab3.gif) no-repeat right top;
	padding:0.2em 5px 0.2em 2px;
}
ul#tabs li.select a {
	background-image:url(../img/tab3_select.gif);
	color: #093a7f;
	font-weight:bold;
}
ul#stappen {
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}
ul#stappen li {
	background:url(../img/stappen_Grijs.gif) no-repeat left bottom;
	float: left;
	padding: 0;
	margin: 0 1px 10px 0;
	display: block;
	width: 119px;
	height: 28px;
}
ul#stappen li em {
	background:url(../img/stappen_Rood.gif) no-repeat left bottom;
	display:block;
	font-style: normal;
	width: 119px;
	height: 28px;
}
ul#stappen li.first {
	background:url(../img/stappen_First.gif) no-repeat left bottom;
}
ul#stappen li.last {
	background:url(../img/stappen_Last.gif) no-repeat left bottom;
}
ul#stappen li.last em {
	background:url(../img/stappen_LastEm.gif) no-repeat left bottom;
}
/*         NAV            */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*        CONTENT         */

div#content div.column iframe {
	margin: -11px 0 10px 0px;
	border: 1px solid #093a7f;
}
body.home div#content div.column iframe {
	margin-bottom:0;
}
body.kaart_popup {
	background: none;
}
div#content div.column span.top {
	background: url(../img/content_1_top.png) no-repeat -2px top;
	height: 133px;
	width: auto;
	display:block;
	margin: 0px -30px -109px -30px;
}
div#content div.column.nr2 span.top {
	background-image: url(../img/content_2_top.png);
}
body.wide div#content div.column span.top {
	background: url(../img/content_wide_top.png) no-repeat left top;
}
div#sidebar div.column span.top {
	background: url(../img/sidebar_1_top.png) no-repeat -2px top;
	min-height: 224px;
	width: auto;
	display:block;
	margin: 0px -20px -215px -20px;
}
div#sidebar div.column.nr1 span.top {
	padding-bottom:10px;
}
div#sidebar div.column.nr2 span.top {
	background-image: url(../img/sidebar_2_top.png);
}
div#sidebar div.column.nr2 div#winkelmandje {
	border-bottom: 1px solid #ef4444;
	width: 177px;
	min-height: 150px;
	margin-bottom: 10px;
	padding: 2px 0;
	font-size: 11px;
	font-weight:normal;
}
div#sidebar.voorwaarden div.column.nr2 div#winkelmandje {
	border-bottom: 1px solid #093a7f;
	font-size: 12px;
}
div#sidebar div.column.nr2 div#winkelmandje span {
	color: #aeb0b2;
	font-style:italic;
	font-size: 12px;
	line-height: 20px;
	padding: 50px 40px 0px 40px;
	display: block;
	text-align: center;
}
div#sidebar div.column.nr2 div#winkelmandje ul {
	list-style: none;
	list-style-type: none;
	background: none;
	list-style-image: none;
	margin:0;
	padding:0;
	font-size: 11px;
}
div#sidebar div.column.nr2 div#winkelmandje ul li.desc {
	width: 122px;
	float:left;
	padding:0;
	text-align:left;
}
div#sidebar div.column.nr2 div#winkelmandje ul li {
	width: 45px;
	float:left;
	background:none;
	padding: 0 0 0 10px;
	margin:0 0 10px 0;
	text-align:right;
}
div#sidebar div.column.nr3 span.top {
	background-image: url(../img/sidebar_3_top.png);
}
a.read {
	background: url(../img/bullet_blue.gif) no-repeat right center;
	padding-right: 10px;
}
a.read2 {
	color: #666;
}
a.more {
	display:block;
	position:absolute;
	bottom:-18px;
	right:-23px;
	width: 168px;
	height: 64px;
	color: #fff;
	font-size: 11px;
	background: url(../img/more_yellow.png) no-repeat left top;
	padding: 14px 0 0 15px;
	z-index: 200;
}
a.more:hover {
	text-decoration:underline;
	color:#fff;
	cursor:pointer;
}
div.nr2 a.more {
	background-image: url(../img/more_red.png);
}
div#sidebar.webshop div.nr2 a.more {
	bottom: -30px;
	right: -10px;
	padding-left: 35px;
	width: 133px;
	height: 50px;
}
a.add {
	display:block;
	width: 145px;
	height: 31px;
	background: url(../img/button1.gif) no-repeat center top;
	font-weight: bold;
	text-align:center;
	padding-top: 8px;
	float:right;
	margin: -5px -4px 0 0;
}
div.column.nr2 a.add { margin-top:-2px;}

a.add:hover {
	text-decoration: underline;
}
div.column ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 5px;
}
div.column ul li {
	padding-left:10px;
	background: url(../img/bullet.gif) no-repeat 1px 6px;
}
div#sidebar div.column ul {
	list-style: none;
	padding: 0;
	margin:0;
}
div#sidebar div.column ul li {
	padding: 3px 0 3px 13px;
	margin:0;
	font-weight: bold;
	background: url(../img/bullet_red.gif) no-repeat left 0.7em;
}
div#sidebar div.column ul li a {
	color: #cc171e;
}
div#sidebar div.column.nr1 ul li {
	background-image: url(../img/bullet_blue.gif);
}
div#sidebar div.column.nr1 ul li a {
	color: #093a7f;
}
div#sidebar div.column.popular ul li {
	background-image: url(../img/bullet_green.gif);
}
div#sidebar div.column.popular ul li a {
	color: #336633;
}
div#sidebar div.column ul li a:hover, div#sidebar div.column.popular ul li a:hover {
	color: #333;
}
span.gallery {
	float: right;
	clear: both;
	display:block;
	width:150px;
	margin:0 0 10px 10px;
	padding: 2px 2px 0 2px;
	background-color:#eee;
	text-align:left;
}
span.gallery img {
	margin-bottom: 5px;
	clear:none;
	border:none;
}
body.webshop div#content div.column div.newsitems div span.gallery {
	float:left;
	display: block;
	width: auto;
	background-color: #eee;
	margin: 0 10px 15px 0;
	padding: 2px;
}
body.webshop div#content div.column div.newsitems div span.gallery img {
	float: left;
	margin: 0;
}
span.gallery img.nomargin {
	margin-bottom:2px;
}
span.gallery p {
	margin: 0;
	padding:0 0 3px 0;
	line-height:1.2em;
	display:block;
	text-align:left;
}
div.mapPopup img {
	margin: 5px 0 10px 10px;
	border: 2px solid #bdcad9;
	float:right;
	height: auto;
	clear:right;
	width: 150px;
}
div.mapPopup h2 {width: 330px;}
span.date {
	font-size:11px;
	color: white;
	display:block;
	width: 39px;
	height: 19px;
	background: url(../img/date_grey.gif) no-repeat left top;
	font-weight:bold;
	padding-top: 1px;
	margin-top: 0;
	margin-right:4px;
	float:left;
	text-align:center;
}
span.date p {
	color:white!important;
	margin:-5px 0 0 0;
}
div.newsitems span.date {
	margin-top:1px;
}
div.newsitems div.header span.date {
	background-image: url(../img/date_blue.gif);
}
body.article span.date, div.popup span.date {
	float:none;
	width: 100%;
	text-align: left;
	padding-left:5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.popup span.date {
	padding-top:8px;
}
body.article span.date em, div.popup span.date em {
	color: #ccc;
	font-style:normal;
	padding-left: 9px;
}
span.pers, span.nieuws, span.blog, span.gesloten {
	width: 54px;
	height: 19px;
	line-height: 1.8em;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	display:block;
	float: right;
	margin: 0 0 0 10px;
	padding-top: 3px;
	text-align: center;
}
/*body.artikel span.pers, body.artikel span.nieuws, body.artikel  span.blog {margin-top:-2px;}*/
span.pers {
	background: url(../img/pers.gif) no-repeat center center;
}
span.nieuws {
	background: url(../img/nieuws.gif) no-repeat center center;
}
span.blog {
	background: url(../img/blog.gif) no-repeat center center;
}
span.gesloten {
	background: url(../img/gesloten.gif) no-repeat center center;
}
span.prijs {
	background: url(../img/prijsBG.gif) no-repeat center left;
	margin: 0;
	padding: 0;
	border: none;
	width: 60px;
	height: 24px;
	color: #333333;
	position: absolute;
	left: 420px;
	top: 0px;
}
span.prijs p {
	padding: 4px 0px 0 6px;
	display: block;
	font-weight: bold;
}
span.prijs.product {
	padding: 3px 0px 0 0px;
	display: block;
	margin: 22px 0 0 32px;
	font-weight: bold;
}
body.webshop a.back {
	float:left;
}
a.back {
	display: block;
	height: 1.5em;
	margin: 0 0 10px 5px;
	width: 35%;
}
a.leesmeer {
	clear:both;
	text-decoration: none;
	background: url(../img/bullet_blue.gif) no-repeat right center;
	padding: 0 11px 2px 0;
	float:left;
}
div#sidebar.voorwaarden a.leesmeer {
	float:right;
}
a.leesmeer:hover {
	background: url(../img/bullet_grey.gif) no-repeat right center;
}
a.print {
	background: url(../img/print.gif) no-repeat left center;
	padding-left: 16px;
	position:absolute;
	top: 119px;
	left: 443px;
}
a.bestel {
	float:right;
	color: #ee4542;
	background:url(../img/redArrow.gif) no-repeat right center;
	padding: 0 13px 1px 0;
}
a.bestel:hover {
	color: #333;
	background: url(../img/greyArrow.gif) no-repeat right center;
}
a.download {
	float:right;
	color: #093a7f;
	background:url(../img/blueArrow.gif) no-repeat right center;
	padding: 0 13px 1px 0;
}
a.download:hover {
	color: #333;
	background: url(../img/greyArrow_download.gif) no-repeat right center;
}
body.winkelmandje div#content div.column table {
	width: 480px;
	padding:0;
	margin:0 0 10px 0;
	border-collapse:collapse;
}
body.winkelmandje div#content div.column table tr {
	margin: 0;
	padding:0;
}
body.winkelmandje div#content div.column table tr.first {
	font-weight: bold;
	font-size: 11px;
}
body.winkelmandje div#content div.column table tr.first td {
	padding: 10px 0 5px 0;
}
body.winkelmandje div#content div.column table tr.first td.verwijderen {
	padding:10px 0 5px 0;
	background:none;
	width: 72px;
	margin:0;
}
body.winkelmandje div#content div.column table tr.first td.prijs {
	padding:10px 0 5px 0;
	background:none;
	font-size:11px;
	width: 58px;
	margin:0;
	text-align:left;
}
body.winkelmandje div#content div.column table tr td {
	margin: 0;
	border-bottom: 1px solid #dadcdb;
	padding: 10px 0;
}
body.winkelmandje div#content div.column table tr td.desc {
	width: 264px;
	margin: 0 10px 0 0;
	padding-left: 5px
}
body.winkelmandje div#content div.column table tr td.verwijderen {
	width: 20px;
	padding: 10px 0 0 20px;
}
body.winkelmandje div#content div.column table tr td.verwijderen a img {
	border: 0;
}
body.winkelmandje div#content div.column table tr td.aantal {
	width: 72px;
	;
}
body.winkelmandje div#content div.column table tr td.prijs {
	width: 52px;
	text-align:right;
	padding: 10px 10px 10px 0;
}
body.winkelmandje div#content div.column table tr td.prijs span {
	float: left;
}
img.thumb {
	float: left;
	border:1px solid #dadcdb;
	margin: 0px 10px 0 0;
}
div.page {
	/*	border-top: 1px solid #bdcad9;
*/	padding: 0 5px 0 0;
	display: block;
	float: left;/*background-color:red;*/
}
/*span.nextprev {float:right;}*/
span.nr a em {
	font-weight: bold;
	color: #333;
	font-style:normal;
}
body.winkelmandje div#content div.column div.relevant table {
	margin:0;
	padding: 0;
}
body.winkelmandje div#content div.column div.relevant table tr td {
	border: none;
	margin: 0;
	padding:5px 10px 5px 0;
}
body.winkelmandje div#content div.column div.relevant table tr td.desc {
	width: 350px;
	text-align:right;
	margin: 0 10px 0 0;
}
body.winkelmandje div#content div.column div.relevant table tr td.prijs {
	width: 64px;
	text-align:right;
	margin: 0 10px 0 0;
}
body.winkelmandje div#content div.column div.relevant table tr td.prijs span {
	margin: 0 0 0 21px;
}
body.winkelmandje div#content div.column div.relevant table tr td.prijs span.totaal {
	margin: 0 0 0 10px;
}
div.relevant {
	background: #eee url(../img/relevant_bottom.gif) no-repeat left bottom;
	display:block;
	clear:both;
	width: 480px;
	padding-bottom:1px;
	margin-bottom:10px;
}
div#content div.column div.relevant span.top {
	background: url(../img/relevant_top.gif) no-repeat left top;
	display:block;
	height: 5px;
	width: auto;
	margin: 0;
}
div.relevant dl {
	margin: 5px 10px 10px 10px;
}
div.relevant dl dt {
	font-weight: bold;
	margin-bottom: 5px;
}
div.relevant dl dd {
	margin:0 0 3px 0;
}
div.relevant dl dd a {
	padding-left: 15px;
}
div.relevant dl.dossiers dd a {
	background: url(../img/bullet_dossier.gif) no-repeat left center;
}
div.relevant dl.artikels dd a {
	background: url(../img/bullet_blue.gif) no-repeat left center;
}
body.winkelmandje ul#tools {
	border-top: 0px solid #ef4444;
	font-size:12px;
}
body.winkelmandje ul#tools li a {
	color: #ef4444;
	text-decoration:none;
	background:url(../img/nextRed.gif) no-repeat right center;
	padding: 0 8px 1px 0;
}
body.winkelmandje ul#tools li a:hover {
	color: #333333;
	text-decoration:none;
	background:url(../img/nextGrey.gif) no-repeat right center;
	padding: 0 8px 1px 0;
}
body.winkelmandje ul#tools li a.prev {
	color: #ef4444;
	text-decoration:none;
	background:url(../img/prevRed.gif) no-repeat left center;
	padding: 0 0 1px 8px;
}
body.winkelmandje ul#tools li a.prev:hover {
	color: #333333;
	text-decoration:none;
	background:url(../img/prevGrey.gif) no-repeat left center;
	padding: 0 0 1px 8px;
}
body.winkelmandje ul#tools li {
	float: left;
}
body.winkelmandje ul#tools li.next {
	float: right;
}
ul#tools {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	clear:both;
	border-top: 1px solid #bdcad9;
}
ul#tools li {
	padding:5px;
	margin:0;
	float:right;
	background: none;
	list-style:none;
}
ul#tools li.page {
	float:left;
}
ul#tools li.send a {
	background: url(../img/send.gif) no-repeat left center;
	padding-left: 17px;
}
ul#tools li.print a {
	background: url(../img/print.gif) no-repeat left center;
	padding-left: 16px;
	margin-left:8px;
	display:block;
}
div#movie {
	border: 1px solid #093a7f;
	clear:both;
	text-align:center;
	margin-bottom:10px;
	padding:10px;
}
/*        CONTENT         */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*         FORMS          */

/*form#zoeken, form#cse-search-box {display:none;}*/

body.zoeken iframe {
	border:none!important;
	width:480px;
}
div#header form {
	float: right;
	margin-top: 10px;
}
div#header form input.input, div#header form input#submit {
	border:none!important;
	background: url(../img/search_input.gif) no-repeat right top!important;
	width: 166px;
	height: 18px!important;
	padding: 2px 0 0 0!important;
	margin: 2px 2px 0 0!important;
	color: #666!important;
	font-style:italic!important;
	float:left!important;
}
div#header form input.button {
	color: #093a7f;
	background: url(../img/search_button.gif) no-repeat left top;
	width: 27px;
	height: 22px;
	font-weight: bold;
	border: none;
	padding-bottom: 2px;
	margin: 0 0 0 -1px;
	float: left;
}
form input.nextbutton {
	color: #093a7f;
	background: url(../img/search_button.gif) no-repeat left top;
	height: 22px;
	font-weight: bold;
	border: none;
	padding-bottom: 4px !important;
	margin: 0 0 0 -10px;
	margin-right:75px!important;
}
div#content form {
	margin: 0 0 0 5px;
}
div#sidebar form {
	margin: 0;
}
div#content form label, div#sidebar form label {
	display:block;
	float: left;
	clear:both;
	margin-bottom: 8px;
	color: #666;
}
div.popup form#contact table tr td {
	width:150px;
}
div.popup form#contact table tr td label {
	color: #666;
	padding-top:8px;
	display:block;
}
div.popup form#contact table tr td input {
	margin:0;
}
div#content form label, div.popup span {
	width: 110px;
}
div#content form label.betalen {
	width: 110px;
	margin: 0 0 0 20px;
}
div#content form select {
	width: auto;
	margin: 0 0 0 25px;
}
div#sidebar form label {
	width: 50px;
}
body.blog div#content form {
	float: right;
	margin: 8px -5px 0 0;
}
body.blog div#content form label {
	width: 4em;
	margin:4px 10px 0 0;
	padding:0;
}
div#content form label.check {
	clear:none;
	width: auto;
	margin-top: 5px;
}
div#content form input, table td input {
	float: left;
	margin-bottom: 8px;
	margin-right: 50px;
	width: 285px;
	border: 0;
	background: url(../img/input.gif) no-repeat right top;
	height: 18px;
	padding: 2px 0 0 0px;
	/*	font-size: 1.1em;*/
	}
table {
	clear:both;
}
table td {
	vertical-align:top;
}
table td.label {
	width:100px;
}
table td p {
	color:#666!important;
}
div#content form input#lat {
	width: 140px;
	margin: 0;
	background-image: url(../img/input2.gif);
}
div#content form input#lng {
	width: 140px;
	margin-left: 6px;
	background-image: url(../img/input2.gif);
}
div#sidebar form input {
	float: left;
	margin: 0 -8px 8px 0;
	width: 125px;
	border: 0;
	background: url(../img/input3.gif) no-repeat right top;
	height: 18px;
	padding: 2px 0 0 0;/*	font-size: 1.1em;*/
	}
div#content form input.browse {
	height:18px;
}
div#content form input.button, a button {
	width:126px;
	height:18px;
	background: url(../img/button2.gif) no-repeat left top;
	padding-bottom: 4px;
	margin: 0 200px 10px 110px;
	color:#093a7f;
}
div#content form input.button2, a button {
	color:#fff;
	font-weight:bold;
	background: url(../img/button3.gif) no-repeat left top;
	width: 161px;
	height: 37px;
	padding:0;
	margin: 0 0 0 108px;
	border:none;
}
div.popup form#contact a button {
	margin-left:0;
	padding:5px;
	font-weight:normal;
}
div#sidebar form input.button4 {
	width:86px;
	height:1.6em;
	background: url(../img/button4.gif) no-repeat left top;
	padding: 0;
	margin: 5px 0 10px 50px;
	color:#fff;
}
div#content form input.check {
	border: none;
	width:auto;
	height:auto;
	margin-right: 5px;
	background: none;
	padding:0;
	clear:left;
}
div#content form textarea, div.popup textarea {
	width: 283px;
	border:none;
	margin-bottom: 8px;
	height: 103px;
	padding: 2px 0 0 0;
	overflow:auto;
	border: 1px solid #eaeaea;
}
div#content form select {
	border: 1px solid #bdcad9;
	padding: 0px;
	margin-bottom: 8px;
}
body.blog div#content form select {
	margin: 0px 5px 0 0;
	padding:0;
	width: 150px;
}

form#filter {
	position: absolute;
	top: 65px;
	right: 40px;
	background:url(../img/filter_bck.png) no-repeat left top;
	width: 221px;
	height:43px;
}
form#filter.open {
	background-image:url(../img/filter_open_bck.png);
	height:225px;
	}

div#content div.column form#filter h2 {
	font-size:12px;
	margin: 0;
	padding:13px 12px 3px 20px;
	cursor: pointer;
	}	
form#filter h2 {
	background: url(../img/down.gif) no-repeat 191px 16px;
	color:#093a7f;
	cursor:pointer;
	}
form#filter.open h2 {background-image: url(../img/up.gif);}

div#content form#filter label {
	height:18px;
	padding:0;
	margin: 0;
	clear: both;
	width: 180px;
	padding:12px 12px 0 18px;
	background-position:187px 12px;
	background-repeat:no-repeat;
	}
	
form#filter label {display: none!important;}
form#filter.open label {display:block!important;}
	
label.cat1 {background-image:url(../img/markers/cat_whale.gif);}
label.cat2 {background-image:url(../img/markers/cat_shark.gif);}
label.cat3 {background-image:url(../img/markers/cat_safety.gif);}
label.cat4 {background-image:url(../img/markers/cat_pollution.gif);}
label.cat5 {background-image:url(../img/markers/cat_other.gif);}
label.cat6 {background-image:url(../img/markers/cat_event.gif);}


div#content form#filter input {
	font-size:12px;
	float: none;
	padding:0;
	margin:0 5px 0 0;
	vertical-align:middle;
	width: 15px;
}
	
/*         FORMS          */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*       GOOGLE MAP       */
	
div#mapMelding {
	width:395px;
	height:330px;
	z-index:1;
	clear:both;
	margin-bottom: 10px;
}
div#mapMeldingOverlay {
	position: relative;
	margin: -190px 0 160px 183px;
	width:29px;
	height:29px;
	z-index:2;
	background: url(../img/map_loupe.gif) no-repeat center center;
}
div.mapPopup {
	margin:-10px 10px 0 0;
	padding:0;
	width:350px;
}
/*       GOOGLE MAP       */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*         FOOTER         */

div#footer {
	font-size: 10px;
	clear:both;
	padding: 10px;
	margin: 0 240px 0 170px;/*	background-color:#fff;*/
	}
div#footer ul {
	position:relative;
	list-style:none;
	padding: 0 0 0 10px;
	margin:0;
	display:block;
	height: 1.8em;
	border-bottom: 1px solid #bdcad9;
}
div#footer ul li {
	float: left;
	padding: 0 15px 0 0;
	margin:0;
}
div#footer ul li a {
	display: block;
	padding-left: 15px;
	background: url(../img/fishbullet.gif) no-repeat left center;
}
div#footer address {
	padding: 5px 10px 0 10px;
	margin:0;
	font-style:normal;
	color: #093a7f;
}
/*         FOOTER         */
/*++++++++++++++++++++++++*/

#voorwaardentekst {
	clear:none!important;
}
div.steun {
	clear:both;
	border-top:1px solid #bdcad9;
	border-bottom:1px solid #bdcad9;
	margin:10px 0 20px 0;
	padding:10px 0;
}
div.steun img {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
input.radio {
	width:auto!important;
	margin:0 5px 5px 0!important;
	background:none!important;
}
label.radio {
	clear:none!important;
	width:auto!important;
	padding-top:0;
	margin-right: 15px;
}
label.verplicht {
	font-style:italic;
}
form p {
	margin-left:0!important;
}
div.steun p {
	clear:both;
}
div.steun p span {
	margin-left:20px;
	display:block;
}
strong.alert, p.alert {
	color:red;
}
div#popup_tabs {
	position: absolute;
	right: 50px;
	top: 15px;
}
div#popup_tabs span {
	margin-right: 20px;
}
div#pupup_image img {
	width: auto;
}