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

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
strong {font-weight:bold;}
em {font-style:italic;}
:focus {
	outline: 0;
}
a { text-decoration:none;}
a:hover {color:#3DA3A8;}
a:hover span {color:#3DA3A8;}

a span {font-size:0.75em; color:#87C2CB;font-weight:bold;}

p {margin-bottom:15px;}
p.alert {color:red;}

p img {float:left;
margin:0 15px 15px 0;}
ol, ul {
	list-style: none;
	margin-bottom:15px;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a, h2 {color:#3DA3A8;}

h1, h2, h3
{
	font-size:1.4em;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
}
h3 {font-size:1.6em;}
div.favorite h3 {background:url(../img/favorite_header_green.gif) no-repeat top left;padding-left:24px;}

h4, p.intro
{
	margin-bottom:15px;
	font-size:1.1em;
	line-height:1.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h2.sifr, h3.sifr {margin-top:6px;}
h2.sifr { line-height: 20px;}

body.full_split h3.sifr {width:410px;}

div#content h4, div#content h5, div#content h6
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	letter-spacing:1px;	
	font-weight:normal;
	margin-bottom:0;
}
div#content h5 {font-size:1.4em;margin-bottom:5px;}
div#content h6 {font-size:1.2em;margin-bottom:5px;}

.clearfix:after, div#nav ul:after, div.wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac and IE-win \*/
* html .clearfix, div.wrap{height: 1%;}
/* End hide from IE-mac and IE-win */

html, body {
	position:relative;
	color: black;
	background: white;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.1em;
}

div#wrapper
{
	position:relative;
	margin:0 auto;
	padding:0 21px;
	width:918px;
	background:url(../img/wrapper_bck.gif) left 26px  no-repeat;
	min-height: 101%;
	height: auto !important;
	height: 101%;
}
body.home div#wrapper, body.small div#wrapper {background-image:url(../img/wrapper_bck_home.gif);}
body.full div#wrapper {background-image:url(../img/wrapper_bck_full.gif);}
body.full_split div#wrapper {background-image:url(../img/wrapper_bck_full_split.gif);}
body.links div#wrapper {background-image:url(../img/wrapper_bck_links.gif);}
body.nosub div#wrapper {background-image:url(../img/wrapper_bck_nosub.gif);}

div#height
{
	position:relative;
	z-index:0;
	padding:38px 0 0 0;
/*border:1px solid red;*/
}

div#nav
{
	position:relative;
	z-index:1;
	width:136px;
	margin:0 12px 12px 0;
	left:12px;
}
div#nav img {float:left;}
div#nav h1 {display:none;}
div#nav ul {background-color:white;margin-bottom:0;padding-bottom:10px;clear:both;}
div#nav ul li.marge {margin-top:20px;}
div#nav ul li a
{
	display:block;
	color:#333333;
	padding:0 10px 3px 10px;
	margin:0;
	width:116px;
	background-color:white;
}
div#nav ul li a span, div#nav ul li span{color:#B9B9B9;font-size:0.7em;font-weight:bold;}
div#nav ul li.language {padding:0 10px 0 10px;}
div#nav ul li.language a
{
	float:left;
	width:auto;
	padding:0;
	color:#87C2CB;
	font-size:0.85em;
}
div#nav ul li.language em a {color:#3DA3A8;}
div#nav ul li.language span {float:left;}
div#nav ul li a:hover, div#nav ul li a:hover span {color:#3DA3A8;}

div#nav ul li em a {font-style:normal;}
div#nav ul li em a span {color:#87C2CB;}

div#nav h2
{
	float:left;
	width:126px;
	background-color:white;
	color:#3DA3A8;
	font-size:1.2em;
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0 0 20px 10px;
}
div#nav h2 span {font-size:0.75em;color:#3DA3A8;}
div#nav h2 span.date {font-size:0.9em;color:#3DA3A8;}

div#nav ul#normal
{
	clear:both;
	margin-top:12px;
	padding-top:8px;
	padding-bottom:6px;	
	background-color:#EDEDED;
}
div#nav ul#normal li a {background-color:#EDEDED;color:#666666;}
div#nav ul#normal li a:hover, div#nav ul#normal li a:hover span {color:#3DA3A8;}

div#nieuws
{
	position:absolute;
	top:26px;
	left:594px;
	width:360px;
	padding:0 0 0 15px;
	min-height:530px;
	background:url(../img/nieuws_bck.gif) bottom left no-repeat ;

}
div#nieuws ul {float:left;margin:0;}
div#nieuws ul li
{
	float:left;
	min-height:50px;
}
div#nieuws ul li.img {min-height:200px;}

div#nieuws ul li a
{
	position:relative;
	float:left;
	width:140px;
	margin-right:29px;
	padding-bottom:5px;
}
div#nieuws ul li.newsletter a {color:black;}
div#nieuws ul li.newsletter a em, div#nieuws ul li.newsletter a em span {color:#999999;}
div#nieuws ul li.newsletter a:hover em, div#nieuws ul li.newsletter a:hover em span {color:#3DA3A8;}

div#nieuws ul li a img {margin-bottom:7px;border:none;}
div#nieuws ul li a img.top {position:absolute;top:12px;left:12px;}
div#nieuws li a em
{
	display:block;
	font-style:normal;
	font-size:0.85em;
	color:#87C2CB;
}
div#nieuws li a em span {font-size:0.75em;font-weight:bold;}
div#nieuws li a:hover em {color:#3DA3A8;}

address
{
	position:absolute;
	top:564px;
	left:0;
	z-index:0;
	width:580px;
	font-size:0.8em;
	color:#999999;
	font-style:normal;
}
address span {font-size:0.7em;}
address a {color:#999999;}

img.bck
{
	position:absolute;
	top:26px;
	left:0;
	z-index:0;
}


div#main
{
	position:absolute;
	z-index:10!important;
	width:603px;
	min-height:570px;
	left:160px;
	top:38px;
	background:url(../img/main_right_bck.gif) right repeat-y ;
	padding-right:7px;
/*	display:none;*/
}
body.home div#main {background:red;display:none;}
body.small div#main {
width:410px;
min-height:400px;
background:none;
}

body.full_split div#main, body.full div#main, body.links div#main {width:772px;}

div#main div.extra
{
	background:url(../img/extra_bck.gif) no-repeat;
	min-height:52px;
	text-align:right;
	padding:12px 0 8px 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#main div.extra a {margin-right:15px; color:#999999;font-size:0.85em;}
div#main div.extra a:hover {color:#3DA3A8;}
div.extra a.print {background:url(../img/print.gif) no-repeat right 2px;padding-right:20px;}
div.extra a.home {background:url(../img/close_home.gif) no-repeat right 5px;padding-right:10px;}

div#main div.wrap
{
	background-color:white;
	margin-top:-6px;
	padding:0 12px 0 12px;
	min-height:470px;
}
body.small div#main div.wrap {min-height:400px;}

div#sub {width:154px;float:left;}
div#sub h3 {
font-size:1.2em;
line-height:1.2em;
color:#3DA3A8;
width:140px;
}
div#sub p.intro {margin-top:0;color:#3DA3A8;font-size:1em;}

ul#subnav {width:152px;}
ul#subnav li {float:left;}

ul#subnav li a
{
	padding:0px;
	display:block;
	float:left;
	padding:0 0 15px 0;
	width:142px;
	color:#3DA3A8;
}
ul#subnav li em a {font-style:normal;}
ul#subnav li a span{font-size:0.85em;font-weight:normal;color:#87C2CB;}
ul#subnav li a span.slash {font-size:0.6em; font-weight:bold;}
/*ul#subnav li a span.date{color:#8FBFEF;font-size:0.85em;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#subnav li a span span{font-size:0.7em;}*/
ul#subnav li a:hover span {color:#3DA3A8;}

div#sub p.paging {font-size:0.9em;}
div#sub p.paging a.previous {float:left;}
div#sub p.paging a.next {float:right;padding-right:10px;}

div#content
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	width:408px;
	margin:0;
	padding:0 0 12px 12px;
	min-height:470px;
	float:left;
	border-left:1px solid #BABABA;
	background-color:white;
	position:relative;
	z-index:100;
}

body.small div#content {
min-height:385px;
width:385px;
border:none;
padding-left:0;
}

body.nosub div#content {border:none;width:565px;padding:0 0 12px 0;}

body.full_split div#content {
width:580px;
background:url(../img/bck_content_split.gif) repeat-y 437px;}

body.full_split div#content p, body.full_split div#content h4 {width:400px;}
body.links div#content {
width:580px;
background:url(../img/bck_content_links.gif) repeat-y 267px;}
body.links div#content p, body.links div#content h4 {width:245px;}

body.program div#content h4 {margin-top:0;margin-bottom:30px;}
body.links div#content h4 {margin-bottom:0;}
body.links div#content p.sub {color:#B9B9B9;}
body.links div#content h4 a {color:black;font-size:0.8em;margin-bottom:0;line-height:normal;}
body.links div#content h4 a span {color:#B9B9B9;}
body.links div#content h4 a:hover, body.links div#content h4 a:hover span {color:#0080CC;}

body.full div#content {width:570px;}


div#content p img {padding-top:5px;float:left;}

div#content ol li {list-style-type:decimal;}
div#content ul li {list-style-type:disc;}
div#content ul li, div#content ol li {margin-left:20px;}

div#content ul.news {margin-top:-3px;}
div#content ul.news li, div#content ul.press li {list-style-type:none;margin-left:0;}

div#content ul.news h4,div#content ul.news h5, div#content ul.news h6 {width:415px;}

div#content ul.press li p {color:#999999;}
div#content ul.press li p span {font-family:Arial, Helvetica, sans-serif;letter-spacing:normal;}
div#content ul.press li p span.slash {font-size:0.7em;font-weight:bold;}
div#content ul.press li p a span {font-size:0.9em;}

div#content p.paging {clear:both;font-size:1.2em;}
div#content p.paging a {cursor:pointer;font-size:1.2em;}
div#content p.paging a span {float:left;color:#3DA3A8;font-weight:normal;}
div#content p.paging a:hover span.slash {color:#3DA3A8;}
div#content p.paging a span.slash{font-size:0.6em;padding-top:1px;color:#87C2CB;}
div#content a.previous, div#content span.previous {float:left;}
div#content a.next, div#content span.next {float:right;}
div#content span.dim {color:#87C2CB;}
div#content span.dim span {float:left;}
div#content span.dim span.slash {font-size:0.6em;padding-top:1px;}

ul li h4 {
font-size:1.5em;
margin-bottom:0;
float:left;
width:410px;
}
ul li h4 span {font-size:0.5em; color:#999999;
font-weight:bold;
letter-spacing:normal;
}
ul li h4 span.date {font-size:0.6em;font-weight:normal;}

h4.header {
font-size:1.5em;
margin-top:-1px;
margin-bottom:0;

}

img.news {
float:right;
right:0;
width:140px;
margin:0;}

span.hr {
clear:both;
display:block;
color:#999999;
font-size:0.7em;
margin-bottom:5px;
}

ul.gallery {position:relative;
margin-top:13px;
}
div#content ul.gallery li
{
list-style-type:none;
position:relative;
float:left;
z-index:1;
width:188px;
margin-bottom:5px;
margin-left:0;
min-height:140px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul.gallery li img.open, div#popup img.close {
position:absolute;
z-index:1;
height:auto;}
ul.gallery img {height:80px;}

ul.gallery li span {color:#999999;}
ul.gallery li a {color:#999999;
cursor:pointer;}
ul.gallery li a span {font-size:1em;font-weight:normal;float:left;}
ul.gallery li a span.slash {font-size:0.6em;
padding-top:1px;
font-weight:bold;}

ul.gallery li a:hover {color:#3DA3A8;}
ul.gallery li a:hover span {color:#3DA3A8;}

div#popup
{
	position:absolute;
	z-index:100;
	margin:15px 0 0 25px;
	top:10px;
	background-color:white;
	border:1px solid #999999;
	padding:15px;
	display:none;
}

div#popup span {color:#999999;}
div#popup span.slash {color:#A0CFFF;font-size:0.7em;}
div#popup a:hover span.slash {color:#0080CC;}
div#popup img {margin-bottom:5px;}

body.program div#popup 	{margin:0 0 0 50px;}
body.program div#popup, body.program div#popup h4, body.program div#popup p {width:250px;}

div#popup h4 {
line-height:1.2em;
margin-bottom:10px;
margin-top:0!important;
}
/*a.gall {position:relative;z-index:1;}
li:hover div#popup {display:block;}
div#popup img {height:auto;}*/

div#sub label {color:#3DA3A8;}
div#sub label span {color:#87C2CB;
font-size:0.75em;
font-weight:bold;}
div#sub select {background-color:black;
border:none;
color:white;
width:135px;
margin:3px 0 5px 0;
font-size:0.85em;}

table {width:410px;}
body.archive table {width:100%;}

table tr.header td {
font-family:Arial, Helvetica, sans-serif;
padding-top:2px;
font-size:1.45em;
line-height:1.1em;
font-weight:normal;
letter-spacing:1px;
}

table tr td {
width:33%;
vertical-align:top;
padding-bottom:20px;
}

table tr td a {color:black;}

table tr td span {color:#999999;}
table tr.header td span.slash {font-size:0.6em;color:black;}

body.archive table tr td {width:25%;}

a.favorite {
background:url(../img/favorite.gif) no-repeat left top;
padding:0;
display:block;
cursor:pointer;
height:16px;
width:20px;
}

a.favorite img {visibility:hidden;}
a.favorite:hover img {visibility:visible;}

div.logo {
position:absolute;
top:0;
right:-25px;
width:345px;
}

div.logo a {float:left;
width:155px;
margin-right:15px;
text-align:center;

}

div.logo img {margin-bottom:25px;}
div.logo1 img, div.logo2 img {margin-bottom:25px;}

div.logo1 {
position:absolute;
top:0;
right:155px;
width:160px;}

div.logo2 {
position:absolute;
top:0;
right:-15px;
width:160px;}

div#info {
position:absolute;
right:-5px;
top:35px;
width:150px;}
div#content div#info p, div#content div#info h4 {width:150px;}
div#content div#info h4 {line-height:normal;
margin-bottom:10px;}

div.favorite h3 {padding-bottom:3px;}
div.favorite p {color:#3DA3A8;
display:block;
clear:both;
padding-top:10px;}
div.favorite a {color:#A0CFFF;cursor:pointer;}

div.favorite a span {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;}
div.favorite a span.slash {font-size:0.7em;padding-top:1px;}

div#info h3 {
margin-top:5px;
font-size:1.45em;
line-height:1.2em;
color:#3DA3A8;
}

div#info input {width:120px;
margin-top:5px;
margin-bottom:10px;}

div#poptes {display:none;
position:absolute;
width:200px;
height:100px;
background-color:red;}
/*a.pts:hover div#poptes {display:block;}*/

/*    FORMS    */

form.vip2 label {
	margin:0;
	padding:0;
	display: block;
	margin: 10px 0 3px 0;
	}
	
form.vip2 label.qty {
	float: left;
	margin:0 10px 0 5px;
	}
	
form.vip2 input, form.vip2 textarea {
	width:200px;
	}

form.vip2 textarea { height: 110px;}
	
form.vip2 input.check {
	float: left;
	margin:2px 0 0 0;
	width: auto;
	}
	
form.vip2 select {
	background-color:black;
	border:none;
	color:white;
	margin:3px 0 5px 0;
}

form.vip2 input.small { width: 54px;}