﻿/* CSS Document */
* {margin:0px;padding:0px;}

/* HTML, BODY, DIVS */

html {width: 100%;height:100%;}

body
{
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color:#022e6f;
}

div.taal_nl {
	width:35px;
	height:26px;
	overflow:hidden;
	margin:0px 0px 0px 111px;
	#margin:0px 10px 0px 111px;
	background-image:url('/sites/468/images/nederlands.jpg');
	background-repeat:no-repeat;
	float:left;
}

div.taal_en {
	width:36px;
	height:26px;
	overflow:hidden;
	margin:0px 0px 0px 10px;
	background-image:url('/sites/468/images/english.jpg');
	background-repeat:no-repeat;
	float:left;
	#float:none;
}

div.snelmenu {
	width:527px;
	height:30px;
	margin:85px 0px 0px 0px;
	overflow:hidden;
}

div.submenu {
	width:90px;
	margin-left:10px;
	float:left;
}

div.submenu1 {
	margin-top:25px;
}
div.submenu2 {
	margin-top:50px;
}
div.submenu3 {
	margin-top:72px;
}
div.submenu4 {
	margin-top:95px;
}
div.submenu5 {
	margin-top:118px;
}
div.submenu6 {
	margin-top:141px;
}
div.submenu7 {
	margin-top:165px;
}
div.submenu8 {
	margin-top:210px;
}

div.hoofdmenu {
	width:247px;
	margin:25px 0px 0px 10px;
	float:left;
}

div.uploader, div.inputhidden, div.inputgroups {
	display:none;
}

/* TABLES */

table.s_container {
	width:884px;
	margin:0px auto;
}

td.banner_links {
	width:357px;
	height:391px;
	border-bottom:1px solid #545b60;
	background-image:url('/sites/468/images/banner.jpg');
	vertical-align:top;
}

td.banner_rechts {
	width:527px;
	height:391px;
	border-bottom:1px solid #545b60;
	background-color:#002f6b;
	background-image:url('/sites/468/images/banner_rechts.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	vertical-align:top;
}

.safari td.banner_rechts {
	width:527px;
	height:391px;
	border-bottom:1px solid #545b60;
	background-color:#112e6b;/*042158;*/
	background-image:url('/sites/468/images/banner_rechts.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	vertical-align:top;
}

td.menu_links {
	width:357px;
	background-color:#b1cff9;
	background-image:url('/sites/468/images/bg_links.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	vertical-align:top;
}

.safari td.menu_links {
	width:357px;
	background-color:#b2cffa;/*a3c3f7;*/
	background-image:url('/sites/468/images/bg_links.jpg');
	background-position:right top;
	background-repeat:repeat-y;
	vertical-align:top;
}

td.inhoud_rechts {
	width:487px;
	background-color:#ffffdb;
	background-image:url('/sites/468/images/bg_rechts.jpg');
	background-position:left top;
	background-repeat:repeat-y;
	vertical-align:top;
	padding:20px;
}

table.c_table {
	width:487px;
	margin:0px 0px 20px 0px;
}

td.c_omschrijving {
	width:70px;
	vertical-align:top;
}

td.c_marge {
	width:40px;
	padding-left:10px;
	vertical-align:top;
}

td.c_inhoud {
	width:367px;
	vertical-align:top;
}

table.nieuwsbrief {
	width:487px;
	margin:0px 0px 20px 0px;
}

td.nieuwsbriefa {
	width:150px;
	vertical-align:top;
}

td.nieuwsbriefb {
	width:337px;
	vertical-align:top;
}

/* H + P */
h1 {
	width:140px;
	height:57px;
	overflow:hidden;
	margin:226px 106px 70px 111px;
}

h2.slogan, p.slogan {
    font-family: 'Cronos Pro Regular',Candara, Helvetica, sans-serif;
    font-size: 28px;
    font-weight:bold;
    line-height:45px;
    color:#ffffff;
    width:427px;/*365px;*/
    height:135px;
    overflow:hidden;
    margin:45px 10px 33px 90px;
}

h3.paginatitel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    color:#022e6f;
    margin:5px 0px 10px 0px;
}

p, p.paginatekst {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*"Univers Condensed", "Univers Light Condensed", "Microsoft Sans Serif", Arial, sans-serif;*/
    font-size: 11px;
    font-weight:normal;
    line-height:18px;
    color:#022e6f;
    margin:0px 0px 20px 0px;
}

p.nwlPositiveConfirmMailSent, p.nwlPositiveChanged, p.nwlPositiveChangeMailSent, p.nwlpositive, p.nwlPositive, p.nwlnegative
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    line-height:20px;
    color:#022e6f;
    margin:0px 0px 20px 0px;
}

p.c_omschrijving, p.c_inhoud {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    line-height:20px;
    color:#022e6f;
    margin:0px 0px 5px 0px;
}

p.s_footer {
    font-family: "Univers Condensed", "Univers Light Condensed", "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 14px;
    color:#022e6f;
	text-align:center;
    margin:0px 0px 0px 0px;
}

.underline {
	text-decoration:underline;
}

.strikethrough {
	text-decoration:line-through;
}

/* LINKS */

a:link		{color:#a7cf1e;text-decoration:none;}
a:visited 	{color:#a7cf1e;text-decoration:none;}
a:active	{color:#a7cf1e;text-decoration:none;}
a:hover		{color:#022e6f;text-decoration:underline;}

a.taal_nl {
	width:35px;
	height:26px;
	display:block;
}

a.taal_en {
	width:36px;
	height:26px;
	display:block;
}

a.taal_nl:link, a.taal_en:link		{color:#ffffff;text-decoration:none;}
a.taal_nl:visited, a.taal_en:visited{color:#ffffff;text-decoration:none;}
a.taal_nl:active, a.taal_en:active	{color:#ffffff;text-decoration:none;}
a.taal_nl:hover, a.taal_en:hover	{color:#ffffff;text-decoration:none;}

li a.snelmenu:link		{color:#ffffff;text-decoration:none;}
li a.snelmenu:visited	{color:#ffffff;text-decoration:none;}
li a.snelmenu:active	{color:#ffffff;text-decoration:none;}
li a.snelmenu:hover		{color:#a7cf1e;text-decoration:none;}

li.snel_actief a.snelmenu:link		{color:#a7cf1e;text-decoration:none;}
li.snel_actief a.snelmenu:visited	{color:#a7cf1e;text-decoration:none;}
li.snel_actief a.snelmenu:active	{color:#a7cf1e;text-decoration:none;}
li.snel_actief a.snelmenu:hover		{color:#ffffff;text-decoration:none;} 

li a.hoofdmenu:link		{color:#022e6f;text-decoration:none;}
li a.hoofdmenu:visited	{color:#022e6f;text-decoration:none;}
li a.hoofdmenu:active	{color:#022e6f;text-decoration:none;}
li a.hoofdmenu:hover	{color:#ffffff;text-decoration:none;}

li.hm_actief a.hoofdmenu:link	{color:#ffffff;text-decoration:none;}
li.hm_actief a.hoofdmenu:visited{color:#ffffff;text-decoration:none;}
li.hm_actief a.hoofdmenu:active	{color:#ffffff;text-decoration:none;}
li.hm_actief a.hoofdmenu:hover	{color:#022e6f;text-decoration:none;}

li a.submenu:link	{color:#022e6f;text-decoration:none;}
li a.submenu:visited{color:#022e6f;text-decoration:none;}
li a.submenu:active	{color:#022e6f;text-decoration:none;}
li a.submenu:hover	{color:#ffffff;text-decoration:none;}

li.sub_actief a.submenu:link	{color:#ffffff;text-decoration:none;}
li.sub_actief a.submenu:visited	{color:#ffffff;text-decoration:none;}
li.sub_actief a.submenu:active	{color:#ffffff;text-decoration:none;}
li.sub_actief a.submenu:hover	{color:#022e6f;text-decoration:none;}

p.s_footer a:link	{color:#a7cf1e;text-decoration:none;}
p.s_footer a:visited{color:#a7cf1e;text-decoration:none;}
p.s_footer a:active	{color:#a7cf1e;text-decoration:none;}
p.s_footer a:hover	{color:#022e6f;text-decoration:none;} 

/* UL, OL, LI */

ul	{margin:0px;padding:0px;font-family: 'Cronos Pro Regular',Candara, Helvetica, sans-serif;}
li	{margin:0px;padding:0px;}

ul.snelmenu {
	list-style:none;
	margin:0px 0px 0px 10px;
	color:#fff;
}

li.snelmenu, li.snel_actief {
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0px;
	float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:bold;
}

ul.hoofdmenu {
	list-style:none;
}

li.hoofdmenu, li.hm_actief {
	list-style:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:bold;
	height:16px;
	padding-bottom:7px;
}

li.hoofdmenu ul li.hoofdmenu {
	display:none;
}

ul.submenu {
	list-style:none;
}

li.submenu, li.sub_actief {
	list-style:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight:normal;
	padding-bottom:7px;
}

/* IMAGES */
	
img {border:0px;padding:0px;margin:0px;}

/* input, form etc. */
input.textarea {
	width:300px;
	padding:1px;
	margin:1px;
	border:solid 1px #A7A6AA;
    font-family: "Univers Condensed", "Univers Light Condensed", "Microsoft Sans Serif", Arial, sans-serif;
    font-size: 14px;
    color:#022e6f;
}

input.regpostcode {
	width:70px;
	padding:1px;
	margin:1px;
	border:solid 1px #A7A6AA;
}

input.regcity {
	width:222px;
	padding:1px;
	margin:1px 1px 1px 0px;
	border:solid 1px #A7A6AA;
}

/* Bij iedere png de class "png" toevoegen, zo is pngfix.js niet meer nodig is.*/

.png{
	_behavior:url('/sites/468/iepngfix.htc');
}

div.fotoviewer {
	margin-bottom:20px;
}

div.ux-carousel-nav {
	margin-top:70px;
}

/* noodzakelijke classes die in je css opgenomen moeten worden*/

.ux-carousel-nav .ux-carousel-nav-prev {
    background-image: url('/sites/468/images/prev.png');
    width: 20px;
    float:left;    
}

.ux-carousel-nav .ux-carousel-nav-next {
    background-image: url('/sites/468/images/next.png');
    margin-right: 2px;
    width: 20px;
    float:right;
}

.ux-carousel-nav-right .ux-carousel-nav-next{
    background-image: url('/sites/468/images/next.png');
    margin-right: 2px;
    width: 20px;
    float:none;
}

.ux-carousel-nav-left .ux-carousel-nav-prev{
    background-image: url('/sites/468/images/prev.png');
    width: 20px;
    float:none;
}

.ux-carousel-nav-play {
    background-image: url('/sites/_pub/js/test/images/play_pause.png');
    width: 24px;
}

.ux-carousel-nav-play:hover {
    background-position: 0 0; 
}
.ux-carousel-nav-play.ux-carousel-playing {
    background-position: 24px 24px;
}
.ux-carousel-nav-play.ux-carousel-playing:hover {
    background-position: 24px 0;
}

.ux-carousel-nav-prev:hover,
.ux-carousel-nav-next:hover {
    background-position: 0 80px;
}

.ux-carousel-nav-prev.ux-carousel-nav-disabled,
.ux-carousel-nav-next.ux-carousel-nav-disabled {
    background-position: 0 0;
}

.ux-carousel-nav-prev,
.ux-carousel-nav-next,
.ux-carousel-nav-play {
	height: 40px;
	display: block;
	float: right;
	margin: 2px 0px;
	background-position: 0px 40px;
}

div.fotoviewer_tiny div.ux-carousel-nav-left, div.fotoviewer_tiny div.ux-carousel-nav-right, div.fotoviewer_tiny div.ux-carousel-container{
	float:left;
}

.ux-carousel-caption {
    font-size: 20px;
    float: left;
    padding: 2px 5px;
    margin: 0;
    text-transform: none;
    color: black;
    overflow: hidden;
    height: 29px;
    width: 100px;
}