/*------------------------------------------------------------------
[Master Stylesheet]
Project : Staatsbosbeheer
Version : 1.3
Last change : 14/11/08 [mb]
Assigned to : Marc Bruisten (mb)
Made by : Evident Interactive
--------------------------------------------------
Version : 2.1a
Last change : 09 apr 10 [le]
Assigned to : leonard eshuis (le)
Made by : Evident Interactive
--------------------------------------------------
[Color codes]
- Body class pijlers & color codes -
.T00: Home CC9966 (brown-light/gold) websafe = CC9966
.T01: Natuurgebieden 003366 (blue) websafe = 000066
.T02: Activiteiten 006666 (green) websafe = 006684
.T03: Overnachten 996633 (brown-dark) websafe = 993300
.T04: Winkel 660066 (purple) websafe = 7D0A5A
.T05: Nieuws en achtergronden CC9966 (brownish) websafe = CC9966
light blue 6298B3 websafe = 6298B3
green 30891F websafe = 3D8E33
.T10 Over Staatsbosbeheer
.T11 Actueel
.T12 Standaard detail pagina
.T13 Contact
.T14 Sitemap
.T15 Zoeken
.T16 Colofon
.T17 English
--------------------------------------------------
[Table of contents]
01. global_settings
02. generic_layout
03. master_layout
04. overall_column_layout
05. user_generated_content
06. search_related_layout
07. template_specific_layout
08. javascript_generated_content
-------------------------------------------------------------------*/
/**------ global_settings ------**/
* {padding:0;margin:0}
img {border:0}
.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.error {color:red;font-size:10px;font-weight:bold;display:block}
/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/**------ generic_layout ------**/
body {
background:white;
font-size:62.5%;
font-family:verdana;
}
#wrapper {
position:relative;
width:950px;
margin:0pt auto;
padding-top:215px;
padding-bottom:20px;
overflow:hidden;
}
input, textarea {font-family:verdana}
/****************************/
/* master_layout */
/****************************/
#leftcol, #midcol, #leftmidcol, #rightcol {float:left}
#leftcol, #rightcol {width:190px;overflow:hidden;padding-bottom:1px} /* padding prevents empty column collapse in FF */
#midcol {width:550px;margin:0 10px;overflow:hidden}
#midfullcol{width:950px}
table.datatable, table.datatable caption {text-align:left;border:0}
table.datatable th {padding:.1em .5em .1em 0}
table.datatable td {padding:.1em 4em .1em 0}
body.T04 table.datatable th {vertical-align:top;width:70px;}
/* masthead */
#masthead {position:absolute;top:20px;left:0;width:100%;background:transparent}
#toolbar-above {text-align:right;line-height:2.2em;color:#bf9667;font-size:1.1em}
#toolbar-above a {color:#808080}
#toolbar-above a:link, #toolbar-above a:visited {text-decoration:none}
#toolbar-above a:hover, #toolbar-above a:active {text-decoration:underline}
#toolbar-under {position:relative;top:-29px;right:0px;float:right;width:196px;}
#toolbar-under a {color:#808080;margin-left:1em}
#toolbar-under a:link, #toolbar-under a:visited {text-decoration:none}
#toolbar-under a:hover, #toolbar-under a:active {text-decoration:underline}
#toolbar-under input.innerlabel {float:left;font-size:10px;margin:5px 0 0;padding:4px 1px 3px;width:145px;color:#666;border:0px;}
#toolbar-under .button{float:right;margin:5px 4px 0px 0px}
#banner {position:relative;background-color:#CC9966;padding-top:22px}
body.T00 #banner {background-color:#003366}
body.T01 #banner {background-color:#000066}
body.T02 #banner {background-color:#006684}
body.T03 #banner {background-color:#993300}
body.T04 #banner {background-color:#7D0A5A}
body.T05 #banner {background-color:#CC9966}
body.T10 #banner {background-color:#B8B308}
body.T12 #banner {background-color:#B8B308}
#ctrLogo, #logo {display:block;font-size:0;width:86px;position:relative;z-index:10}
#mainnav {padding-left:76px;margin-top:22px;height:auto;line-height:29px;background-color:#6298B3;font-size:1.1em}
#mainnav a {display:block;float:left;color:white;padding:0 1.3em}
#mainnav a.current {background:white;color:#4c4c4c;}
#mainnav a:link, #mainnav a:visited {text-decoration:none;}
#mainnav a:hover, #mainnav a:active {background:none;color:white;text-decoration:underline}
#mainnav a.current:hover, #mainnav a.current:active {background:white;color:#333333;text-decoration:underline}
#b-title {position:absolute;right:10px;top:40px}
#b-image {position:absolute;left:0;top:0;z-index:9}
#navpath {float:left;color:#4c4c4c;line-height:2.8em;font-size:1em}
#navpath span {padding:0 .5em}
#navpath a {color:#808080}
#navpath a:link, #navpath a:visited {text-decoration:none}
#navpath a:hover, #navpath a:active {text-decoration:underline}
#rightcol ul li a.newscontainerlink {color:#CC9966;font-weight:bold;}
/* footer */
#midcol #footer,#midfullcol #footer {float:left;width:100%;text-align:right;line-height:2.2em;color:#BF9667}
#midcol #footer a,#midfullcol #footer a {color:#808080}
#midcol #footer a:link, #midcol #footer a:visited,#midcol #footer a:link,#midcol #footer a:visited {text-decoration:none;}
#midcol #footer a:hover, #midcol #footer a:active,#midfullcol #footer a:hover, #midfullcol #footer a:active {text-decoration:underline}
/* primary heading */
#heading {width:550px;height:30px;margin:0 200px 5px 200px;position:relative}
#heading h1 {position:absolute;left:0;bottom:0;font-size:2.4em;color:#4c4c4c;font-weight:normal;width:550px;}
#midfullcol h1 {font-size:2.2em;color:#4c4c4c;font-weight:normal}
#heading p {display:none;}
#heading img.cat-01{padding-left:4px;}
/****************************/
/* overall_column_layout */
/****************************/
#colwrap a:link, #colwrap a:visited {text-decoration:none}
#colwrap a:hover, #colwrap a:active {text-decoration:underline}
#colwrap a.morelink {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:0 .4em;padding-left:12px;}
#colwrap div.actionButton
{
height:25px;
background-repeat:no-repeat;
background-position:center left;
background-image:url('../img/bg-action-button.gif');
padding-left:4px;
}
#colwrap #midcol div.actionButton a, #colwrap #midcol div.actionButton input,
#colwrap #rightcol div.actionButton a, #colwrap #rightcol div.actionButton input
{
display:block;
text-align:center;
width:100%;
height:25px;
padding-right:20px;
line-height:25px;
font-family:Arial;
font-size:14px;
font-weight:normal;
color:white;
background-repeat:no-repeat;
background-position:center right;
background-color:transparent;
cursor:hand;cursor:pointer;
border:0;
}
#colwrap #midcol .ctrText div.actionButton a, #colwrap #midcol .ctrText div.actionButton input {
padding-right:25px;
}
#colwrap div.actionButtonLink a, #colwrap div.actionButtonLink input
{
background-image:url('../img/bg-action-button-link.gif');
}
#colwrap div.actionButtonSearch a, #colwrap div.actionButtonSearch input
{
background-image:url('../img/bg-action-button-search.gif');
}
/* #colwrap .colHeadingFill {clear:both; color:white;padding:.3em 10px .2em 10px}*/
#colwrap .colHeadingFill {clear:both; color:white;padding:3px 10px 3px 10px}
#colwrap #leftcol .colHeadingFill {height:21px;overflow:hidden;clear:both; color:white;padding:3px 10px 1px 10px}
#colwrap #rightcol .colHeadingFill {height:21px;overflow:hidden;clear:both; color:white;padding:3px 10px 1px 10px}
#colwrap #leftcol div#dossiers .colHeadingFill {min-height: 21px;
height:auto !important;
height:21px;
}
body .colHeadingFill {background-color:#6298B3}
#colwrap .colHeadingBorder{
border-width:1px 0 0 0;
border-style:solid;
padding:5px 0px 1px 0px;
border-color:#CC9966;
}
#colwrap ul.colHeadingBorder li a {font-size:.9em;font-weight:normal}
#colwrap #midcol #contentBottom .colHeadingFill {background-color:#6298B3}
#colwrap #midcol #contentBottom .colHeadingFill .sortOptions {float:right}
#colwrap #midcol #contentBottom .colHeadingFill .sortOptions p {line-height:2.0em;float:left;margin-right:3px;}
.colHeadingFill.empty{
height:21px;
}
/** leftcol & rightcol common **/
#leftcol, #rightcol {color:#4c4c4c}
#leftcol .colHeadingFill h2,
#rightcol .colHeadingFill h2 {
font-size:1.2em;line-height:1.1em;font-weight:normal
}
#leftcol .colHeadingBorder h2,
#rightcol .colHeadingBorder h2 {
font-size:1.2em;
color:#6298B3;
}
#leftcol h3,
#rightcol h3 {
color:#333333;
}
#leftcol .colHeadingFill h3,
#rightcol .colHeadingFill h3 {
color:#fff;
}
#leftcol .ctrImage, #rightcol .ctrImage {width:188px;height:93px;overflow:hidden;border:1px solid #F3F3F3}
#leftcol .ctrImage img, #rightcol .ctrImage img {}
#leftcol, #rightcol {font-size:1.1em;line-height:1.5em}
#leftcol ul, #rightcol ul {font-size:1em;line-height:1.5em;margin: 0}
#leftcol ul li a,
#rightcol ul li a
{
display:block;color:#808080;background:white;
}
#leftcol ul li a,
#rightcol ul li a
{
font-size:11px;
}
body.T01 #leftcol ul li a.activelink
{
display:block;color:#000066;font-weight:bold;background:white;font-size:1em
}
body.T02 #leftcol ul li a.activelink
{
display:block;color:#006684;font-weight:bold;background:white;font-size:1em
}
#leftcol ul li a:link,
#leftcol ul li a:visited,
#rightcol ul li a:link,
#rightcol ul li a:visited
{
text-decoration:none
}
#leftcol ul li a:hover,
#leftcol ul li a:active,
#rightcol ul li a:hover,
#rightcol ul li a:active
{
text-decoration:underline
}
#leftcol ul li a.activelink
{
font-weight:bold;
color:#4C4C4C;
}
#leftcol .colReflink, #rightcol .colReflink {width:100%;text-align:right;margin:.6em 0}
#leftcol .colReflink a, #rightcol .colReflink a {
font-weight:bold;
background-image:url('../img/bullet-arrow2.gif');
background-repeat:no-repeat;
background-position:0 .4em;
padding-left:12px;
color:#6298B3;
text-decoration:underline;
}
/** leftcol specific **/
#leftcol ul {list-style-type:none}
#leftcol ul li
{
padding-left:12px;
line-height:1.3em;
font-size:1.2em;
font-weight:bold;
zoom:1;
background-image:url(../img/bullet-arrow1.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
}
#leftcol ul li ul {margin:0}
#leftcol ul li ul li {font-size: 1.0em;font-weight:normal;font-style:normal;}
#leftcol ul li#related_news,
#leftcol ul li#related_dossiers,
#leftcol ul li#related_areas
{
background-image:none;
}
#leftcol .colHeadingBorder {border-color:#CC9966}
/** rightcol specific **/
#rightcol {border-width:0 0 1px 0;border-color:#CC9966}
#rightcol .colHeadingBorder {border-color:#CC9966}
#rightcol .colHeadingBorder h2 {color:#6298B3; }
#rightcol div h3 {color:#CE9A63; font-size: 1.0em; }
#rightcol ul.lastVisited h3{font-size: 1.0em; font-weight:bold;}
#rightcol ul {list-style-type:none;padding-left:5px}
#rightcol ul li ul {list-style-type:none;padding-left:0px}
#rightcol ul li {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:0 .4em;padding-left:12px;margin-bottom:2px;}
#rightcol ul.lastVisited li {background:none}
#rightcol ul.lastVisited li ul li {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:0 .4em;padding-left:12px;margin-bottom:2px;}
#rightcol ul.lastVisited li {padding-left:0px}
#rightcol ul.lastVisited li ul li {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;padding-left:12px;margin-bottom:2px;}
#rightcol ul.lastVisited li ul li a:link,
#rightcol ul.lastVisited li ul li a:visited
{
color:#333333;
font-weight:normal;
}
/** midcol specific **/
#midcol,#midfullcol {color:#333333}
#contentBottom h2 {color:#6298b3}
#contentBottom .colHeadingFill h2 {color:#FFFFFF}
#midfullcol a:link,#midfullcol a:visited {color:#6298B3}
#midcullcol a:hover {color:#6298B3}
#midcol .colHeadingFill h2 {font-size:1.6em;float:left;width:100%;}
#midcol .colHeadingFill p {float:right;line-height:1.6em}
#midcol .ctrImage {font-size:0}
body #midcol #contentTop .ctrImage {float:left;margin:0 10px 5px 0;}
body.T01 #midcol #contentTop .ctrImage {float:left;margin:0 10px 5px 0;}
body.T01 #midcol #contentBottom .ctrImage {float:right}
body.T02 #midcol #contentTop .ctrImage {float:left;margin:0 10px 5px 0;}
body.T02 #midcol #contentBottom .ctrImage {float:right}
body.T03 #midcol #contentTop .ctrImage {float:left;margin:0 10px 5px 0;}
body.T03 #midcol #contentBottom .ctrImage {float:right}
body.T04 #midcol #contentTop .ctrImage {float:left;margin:0 10px 5px 0;}
body.T04 #midcol #contentBottom .ctrImage {float:right}
#midcol #contentTop .allWhite,
#midcol #contentTop .allWhite #contentTop
{
background-color:#fff;
}
/* midcol top */
.T10 #midcol #contentTop {background-color:#fff;position:relative;}
nieuwsdetail
#midcol #contentTop {background-color:#f3f3f3;position:relative}
#midcol #contentTop .colContent {padding:15px 20px}
#midcol #contentTop .colContentNoPadding .twitter li {font-size:1.1em;}
#midcol #contentTop .colContentNoPadding .allTweets{ text-align:right;}
#midcol #contentTop .colContentNoPadding {padding:0}
#midcol #contentTop .ctrText {padding:5px 10px;font-size:12px;line-height:1.6em;}
#midcol #contentTop .LinkedItems,
#midcol #contentTop .activityDates,
#midcol #contentTop #divAreaLink
{padding:0 10px 10px 0px;font-size:1.1em;line-height:1.6em; clear:both; }
#midcol #contentTop .LinkedItems h3,
#midcol #contentTop .LinkedItems h4,
#midcol #contentTop .activityDates h3,
#midcol #contentTop #divAreaLink h3
{float:left;margin:0em .5em 0.2em 0em;color:#666666;font-size:1.1em;clear:both; }
#midcol #contentTop .LinkedItems ul,
#midcol #contentTop #divAreaLink ul,
#midcol #contentTop .activityDates ul {list-style-type:none}
#midcol #contentTop .LinkedItems ul li a,
#midcol #contentTop .activityDates ul li a,
#midcol #contentTop #divAreaLink ul li a
{
font-weight:bold;
background-image:url('../img/bullet-arrow2.gif');
background-repeat:no-repeat;
background-position:0 .4em;
padding-left:12px;
color:#6298B3;
}
#midcol #contentTop .activityDates {padding-top:1em;}
#midcol #contentTop .activityDates p {color:#333333;font-size:11px;}
#midcol #contentTop ul.ctrShowroomWide {list-style-type:none}
#midcol #contentTop ul.ctrNewslisting {list-style-type:none;padding:0 10px;margin-bottom:0;background:white;xborder-bottom:1px solid #6298B3}
#midcol #contentTop ul.ctrNewslisting li {padding:.5em 0;border-bottom:1px solid #f3f3f3;}
#midcol #contentTop ul.ctrNewslisting li div h2 {font-size:1.5em}
#midcol #contentTop ul.ctrNewslisting li div h2 a {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:12px;color:#6298B3}
#midcol #contentTop ul.ctrNewslisting li div h3 {font-size:1.2em}
#midcol #contentTop ul.ctrNewslisting li div p {font-size:1.1em;padding:.2em 0;line-height:130%}
/* midcol bottom */
#midcol #contentBottom {}
#midcol #contentBottom .ctrText {padding:15px 10px}
#midcol #contentBottom .ctrText .ctrText {padding:0px 0px}
#midcol #contentBottom ul.ctrShowroom {float:left;list-style-type:none;padding:0/* 10px*/;margin-bottom:-1px;}
#midcol #contentBottom ul.ctrShowroomWide {list-style-type:none}
#midcol #contentBottom ul.ctrShowroomWide li {padding:.4em 0 .3em 5px;margin:0 5px;border-top:1px solid #f3f3f3; }
#midcol #contentBottom ul.ctrShowroom li h2,
#midcol #contentBottom ul.ctrShowroomWide li h2 {font-size:1.3em;}
#midcol #contentBottom ul.ctrShowroom li h2 a {width:auto;display:inline-block;background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px; }
#midcol #contentBottom ul.ctrShowroom li h3,
#midcol #contentBottom ul.ctrShowroomWide li h3,
#midcol #contentBottom ul.ctrShowroom li h3 a,
#midcol #contentBottom ul.ctrShowroomWide li h3 a {font-size:10px;color:#6298B3}
#midcol #contentBottom ul.ctrShowroom li p,
#midcol #contentBottom ul.ctrShowroomWide li p {font-size:1.1em;padding:5px 0px;line-height:130%}
/* midcol footer */
.colFooter {background-color:#6298B3}
#midcol .colFooter {color:white;height:2.5em;line-height:25px;padding:0 10px;}
#midcol .colFooter .buttonBack {float:left}
#midcol .colFooter .buttonBack a {
display:block;
padding-left:20px;
background-position:center left;
background-image:url('../img/bg-back-button.png');
background-repeat:no-repeat;
color:white;
font-size:1.2em;
}
#midcol .colFooter .buttonPrint {float:right}
#midcol .colFooter .buttonPrint a {
display:block;
padding-right:20px;
padding-bottom:2px;
background-position:center right;
background-image:url('../img/printicon.gif');
background-repeat:no-repeat;
color:white;
font-size:1.2em;
line-height:auto;
}
/*****************************/
/* user_generated_content */
/*****************************/
#midcol #contentTop .wysiwyg,
#midcol #contentTop ctrText .wysiwyg {padding-top:1.5em;line-height:1.4em;}
#midcol #contentTop .colContentNoPadding .wysiwyg,
#midcol #contentTop .colContentNoPadding ctrText .wysiwyg,
#midcol #contentTop ctrText .colContentNoPadding .wysiwyg {padding-top:10px;}
#midcol #contentTop .wysiwyg h3 {font-size:14px;font-weight:bold;}
body.T00 #midcol #contentTop .wysiwyg h3 {color:#000066}
body.T01 #midcol #contentTop .wysiwyg h3 {color:#000066}
body.T02 #midcol #contentTop .wysiwyg h3 {color:#006684}
body.T03 #midcol #contentTop .wysiwyg h3 {color:#993300}
body.T04 #midcol #contentTop .wysiwyg h3 {color:#7D0A5A}
body.T05 #midcol #contentTop .wysiwyg h3 {color:#CC9966}
body.T10 #midcol #contentTop .wysiwyg h3 {color:#B8B308}
body.T12 #midcol #contentTop .wysiwyg h3 {color:#B8B308}
/*
body.T00 #midcol #contentTop .wysiwyg h4 {color:#000066}
body.T01 #midcol #contentTop .wysiwyg h4 {color:#000066}
body.T02 #midcol #contentTop .wysiwyg h4 {color:#006684}
body.T03 #midcol #contentTop .wysiwyg h4 {color:#993300}
body.T04 #midcol #contentTop .wysiwyg h4 {color:#7D0A5A}
body.T05 #midcol #contentTop .wysiwyg h4 {color:#CC9966}
body.T10 #midcol #contentTop .wysiwyg h4 {color:#B8B308}
body.T12 #midcol #contentTop .wysiwyg h4 {color:#B8B308}
*/
body.T00 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#000066}
body.T01 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#000066}
body.T02 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#006684}
body.T03 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#993300}
body.T04 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#7D0A5A}
body.T05 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#CC9966}
body.T10 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#B8B308}
body.T12 #midcol #contentTop .tabbedInfo .ctrText h2 {color:#B8B308}
#midcol #contentTop .newparagraph {clear:both;padding-top:1.5em;}
#midcol #contentTop .wysiwyg a,
#midcol #contentTop .ctrText .wysiwyg a,
#midcol #contentTop .ctrText a {color:#6298B3}
#midcol #contentTop .wysiwyg ul,
#midcol #contentTop .ctrText .wysiwyg ul,
#midcol #contentTop .wysiwyg ol,
#midcol #contentTop ctrText.wysiwyg ol {list-style-position:outside;margin:.5em 0 .5em 1.5em;overflow:hidden}
#midcol #contentTop .wysiwyg ul {list-style-type:none;margin-bottom:1.5em}
#midcol #contentTop .wysiwyg ul li { background-image:url('../img/bullet-wysiwyg.gif'); background-repeat:no-repeat;background-position: left .3em;padding-left:1.2em}
#midcol #contentTop #locatie a {color:#6298B3}
#midcol #contentTop .twitter a {color:#808080}
/****************************/
/* search_related_layout */
/****************************/
#midcol #contentTop .ctrFormResult0 {border-bottom:1px solid #cecece;padding-bottom:5px}
#midcol #contentTop .ctrFormResult0 div.formResultChoice {float:left;width:310px;font-size:1.2em}
#midcol #contentTop .ctrFormResult0 div.formResultReselect {float:left;width:200px;padding-bottom:5px;}
#midcol #contentTop .ctrFormResult0 div.formResultReselect div.actionButton {width:145px;float:right}
#midcol #contentBottom .colSearchResults {padding:10px 5px}
/** SiteWide Searchresults Accordion **/
#midcol #contentBottom ul#searchResultAccordion {list-style-type:none}
#midcol #contentBottom ul#searchResultAccordion li {padding:6px 5px;border-bottom:1px solid #F3F3F3}
#midcol #contentBottom ul#searchResultAccordion li h2 {font-size:1.1em;}
#midcol #contentBottom ul#searchResultAccordion li h2 a {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;font-size:1.2em;}
#midcol #contentBottom ul#searchResultAccordion li h3 {float:left;color:#6298b3;font-weight:normal;padding-bottom:0px;font-size:11px;width:495px;}
#midcol #contentBottom ul#searchResultAccordion li h3 a {color:#003366;font-weight:bold;background-image:url('../img/bullet-arrow2-extraheight.gif');background-repeat:no-repeat;background-position:right bottom;zoom:1;padding-right:12px;font-size:13px;}
.T00 #midcol #contentBottom ul#searchResultAccordion li h3 a
{
background-image:none;
}
#midcol #contentBottom ul#searchResultAccordion li h3 a span{
background-image:url("../img/bullet-arrow2-extraheight.gif");
background-position:right 3px;
background-repeat:no-repeat;
padding:0px;
margin:0px;
display:inline-block;
text-indent:-5000px;
width:14px;
}
#midcol #contentBottom ul#searchResultAccordion li h3 span {padding-right:0em;}
#midcol #contentBottom ul#searchResultAccordion li h4 {display:block;float:left;cursor:pointer;font-size:10px;color:#6298B3;}
#midcol #contentBottom ul#searchResultAccordion li h4 a {background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;background-image:url('../img/bullet-arrow02.gif');}
#midcol #contentBottom ul#searchResultAccordion li h4 a:link,
#midcol #contentBottom ul#searchResultAccordion li h4 a:visited {color:#6298B3}
#midcol #contentBottom ul#searchResultAccordion li h4 a:hover,
#midcol #contentBottom ul#searchResultAccordion li h4 a:active {color:#6298B3}
#midcol #contentBottom ul#searchResultAccordion li div {clear:both;font-size:1.1em}
#midcol #contentTop ul#searchResultAccordion {list-style-type:none}
#midcol #contentTop ul#searchResultAccordion li {padding:6px 5px;border-bottom:1px solid #F3F3F3}
#midcol #contentTop ul#searchResultAccordion li h2 {font-size:1.1em;}
#midcol #contentTop ul#searchResultAccordion li h2 a {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;font-size:1.1em;}
#midcol #contentTop ul#searchResultAccordion li h3 {float:left;color:#6497B2;font-weight:normal;padding-bottom:3px;font-size:1em;}
#midcol #contentTop ul#searchResultAccordion li h3 a {color:#6298B3;font-weight:bold}
#midcol #contentTop ul#searchResultAccordion li h3 span {padding-right:.3em}
#midcol #contentTop ul#searchResultAccordion li h4 {display:block;float:right;cursor:hand;cursor:pointer;font-size:1em;}
#midcol #contentTop ul#searchResultAccordion li h4 a {background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;background-image:url('../img/bullet-arrow02.gif')}
#midcol #contentTop ul#searchResultAccordion li h4 a:link,
#midcol #contentTop ul#searchResultAccordion li h4 a:visited {color:#6298B3}
#midcol #contentTop ul#searchResultAccordion li h4 a:hover,
#midcol #contentTop ul#searchResultAccordion li h4 a:active {color:#6298B3}
#midcol #contentTop ul#searchResultAccordion li div {clear:both;font-size:1em}
/** SiteWide Searchresults Listing **/
#midcol #contentBottom ul#searchResultListing {list-style-type:none}
#midcol #contentBottom ul#searchResultListing li {padding:6px 5px;border-bottom:1px solid #F3F3F3}
#midcol #contentBottom ul#searchResultListing li div {float:left;xwidth:380px;display:inline;margin-right:10px;padding-left:0px;}
#midcol #contentBottom ul#searchResultListing li div p span{background-color:Yellow;}
#midcol #contentBottom ul#searchResultListing li h2 {font-size:1.1em;}
#midcol #contentBottom ul#searchResultListing li h2 a {background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;font-size:1.1em;color:#000066;}
#midcol #contentBottom ul#searchResultListing li h3 {color:#6497B2;font-weight:normal;padding-bottom:3px;font-size:1em;}
#midcol #contentBottom ul#searchResultListing li h3 a {color:#6298B3;font-weight:bold}
#midcol #contentBottom ul#searchResultListing li h3 span {padding-right:.3em}
#midcol #contentBottom ul#searchResultListing li h4 {display:block;float:right;cursor:hand;cursor:pointer;font-size:1em;margin-top:41px;}
#midcol #contentBottom ul#searchResultListing li h4 a {background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;background-image:url('../img/bullet-arrow02.gif')}
#midcol #contentBottom ul#searchResultListing li h4 a:link,
#midcol #contentBottom ul#searchResultListing li h4 a:visited {color:#6298B3}
#midcol #contentBottom ul#searchResultListing li h4 a:hover,
#midcol #contentBottom ul#searchResultListing li h4 a:active {color:#6298B3}
/** Search Filters **/
/* #midcol #contentTop .colContent .filterSubmitSmall,*/
#midcol #contentTop .colContent .filterSubmitWide {clear:both;/*width:510px*/padding-top:5px;border-top:1px solid #cecece}
#midcol #contentTop .colContent .filterSubmitSmall div.actionButton {width:85px;float:right;}
#midcol #contentTop .colContent .filterSubmitWide div.actionButton {width:145px;float:right;}
/** Site item paging **/
.paginglinks{text-align:center;}
ul .paging {list-style:none;}
/****************************/
/* Related items listing */
/****************************/
#midcol #contentBottom ul#searchResultAccordion {list-style-type:none; margin-top:0px}
/******************************/
/* template_specific_layout */
/******************************/
/*** T00 - Homepage ***/
body.T00 #wrapper {padding-top:215px;}
body.T00 #mainnav {margin-top:22px}
/** T00 leftcol **/
body.T00 #leftcol {border-bottom:1px solid #CC9966;}
body.T00 #leftcol .colHeadingBorder {border-color:#CC9966;}
body.T00 #leftcol .colHeadingBorder h2 {color:#6298B3;}
/** T00 midcol **/
body.T00 #midcol .colHeadingFill {background-color:#003366}
/* T00 midcol top */
/*body.T00 #midcol #contentTop .colContent {padding:10px 35px}*/
body.T00 #midcol #contentTop .ctrText {width:auto;float:left;padding:5px 0 5px 80px;display:inline}
body.T00 #midcol #contentTop ul#provincelisting {margin-left:40px}
body.T00 #midcol #contentTop #provincelisting li a {color:gray}
/* body.T00 #midcol #contentTop #ctrForm1 {float:right;width:286px;padding-top:130px}*/
body.T00 #midcol #contentTop .ctrText h3 {font-size:1.3em;padding-bottom:.3em}
body.T00 #midcol #contentTop #ctrForm1 label {display:block;margin-bottom:5px;font-size:1.3em;font-weight:bold}
body.T00 #midcol #contentTop input.txtSearchStringArea
{
float:left;
width:200px;
padding:4px 2px;
border:1px solid #b3b3b3;
font-size:1.2em
}
body.T00 #midcol #contentTop #ctrForm1 div.actionButton {float:left;width:85px;margin-bottom:10px;}
/* T00 midcol bottom */
body.T00 #midcol #contentBottom {background-color:#f3f3f3;}
body.T00 #midcol #contentBottom .colHeadingFill {background-color:#000066}
body.T00 #midcol #contentBottom #ctrForm2 {padding:20px 35px;border-bottom:1px solid #6298B3}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Left {width:220px;float:left;padding-bottom:10px}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Right {width:220px;float:left;padding-bottom:10px}
body.T00 #midcol #contentBottom #ctrForm2 .actionButton {width:185px; margin-bottom:10px}
body.T00 #midcol #contentBottom #ctrForm2 a.morelink {color:#666666}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Bottom {float:left;width:100%;padding-top:10px;border-top:1px solid #b3b3b3}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Bottom label {display:block;margin-bottom:5px;font-size:1.3em;font-weight:bold}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Bottom input.txtSearchStringActivity {float:left;width:374px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T00 #midcol #contentBottom #ctrForm2 .ctrForm2Bottom div.actionButton {float:left;width:85px}
body.T00 #rightcol {border-bottom:1px solid #CC9966;}
/*** T01 - Natuurgebieden ***/
body.T01 .colHeadingFill, body.T01 .colFooter {background-color:#000066}
/** T01 midcol **/
body.T01 #midcol #contentTop label
{
display:block;
font-weight:bold;
padding:5px;
clear:both;
}
body.T01 #midcol #contentTop #ctrForm1 label.error {font-size:1em;}
body.T01 #midcol #contentTop #ctrForm1 input.txtSearchStringArea {float:left;width:401px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T01 #midcol #contentTop #ctrForm1 div.actionButton {float:left;width:85px}
/* body.T01 #midcol #contentTop #ctrForm2 {padding-top:8px}*/
body.T01 #midcol #contentTop #ctrForm2 h3 {font-size:1.3em;font-weight:bold;padding-bottom:5px}
body.T01 #midcol #contentTop .areaFilter1 {float:left;padding-bottom:5px;margin-right:20px}
body.T01 #midcol #contentTop .areaFilter2 {float:left;padding-bottom:10px}
body.T01 #midcol #contentTop #ctrForm2 select {width:260px;border:1px solid #b3b3b3;padding:3px 2px;font-family:verdana;font-size:1.2em}
body.T01 #midcol #contentTop #ctrForm2 option {padding:1px 2px;font-family:verdana;font-size:.9em}
/* ------------------------------------------- */
body.T01 #midcol #contentTop .colContent .ctrFormResult0 div.formResultChoice span.sLocation {color:#000066;font-weight:bold}
/*body.T01 #midcol #contentTop .colContent .ctrFormResult1 .activityFilterSubmit div.actionButton {width:145px;float:right}*/
body.T01 #midcol #contentTop .colContent .ctrFormResult1 select {width:150px;border:1px solid #b3b3b3;font-family:verdana;font-size:1.2em}
body.T01 #midcol #contentTop .colContent .ctrFormResult1 h3 {color:#666666;font-size:1.2em;margin:.4em 0}
body.T01 #midcol #contentTop ul#searchResultAccordion li h2 a,
body.T01 #midcol #contentBottom ul#searchResultAccordion li h2 a,
body.T01 #midcol #contentBottom ul#searchResultListing li h2 a {color:#000066}
/* ------------------------------------------- */
body.T01 #midcol #contentBottom .ctrImage {width:230px;xheight:230px;overflow:hidden}
body.T01 #midcol .ctrText h3 {color:#6298B3}
body.T01 #midcol #contentBottom ul.ctrShowroom {width:310px}
body.T01 #midcol #contentBottom ul.ctrShowroom li h2,
body.T01 #midcol #contentBottom ul.ctrShowroom li h2 a {color:#000066}
/*** T02- Activiteiten ***/
body.T02 .colHeadingFill, body.T02 .colFooter {background-color:#006684}
body.T02 .colHeadingFillRelatie, body.T02 .colFooter {background-color:#6298B3}
/** T02 midcol **/
/* ------------------------------------------- */
body.T02 #midcol #contentTop #ctrForm1 label {display:block;font-size:1.3em;font-weight:bold;padding-bottom:5px}
body.T02 #midcol #contentTop #ctrForm1 label.error {font-size:1em;}
body.T02 #midcol #contentTop #ctrForm1 input.txtSearchStringActivity {float:left;width:231px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T02 #midcol #contentTop #ctrForm1 div.actionButton {float:left;width:85px}
body.T02 #midcol #contentTop #ctrForm2 h3 {font-size:1.3em;font-weight:bold;padding-bottom:5px}
/* body.T02 #midcol #contentTop #ctrForm2 .activityFilter1 ul {list-style-type:none}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter1 ul li {position:relative;display:block;float:left;width:80px;height:80px;padding-bottom:20px;margin-right:22px;}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter1 ul li input { float:left;display:block;width:20px;height:60px;}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter1 ul li label { position:absolute;display:block;left:20px;top:0;padding-top:65px;width:60px;height:auto;text-align:center;background:url('../img/blank.gif') repeat top left;}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter1 ul li img {display:block;float:left;}
*/
body.T02 #midcol #contentTop #ctrForm2 .activityFilter2 {float:left;width:234px;margin:8px 0;padding-bottom:8px;border-right:1px solid #cecece}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter2 label {display:block;padding:3px 0;font-size:1em}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter2 input {width:170px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter3 {float:left;width:255px;padding-left:20px;margin-top:8px;}
body.T02 #midcol #contentTop #ctrForm2 .activityFilter3 select {border:1px solid #b3b3b3;}
/* ------------------------------------------- */
body.T02 #midcol #contentTop .colContent .ctrFormResult0 div.formResultChoice span.sLocation {color:#006684;font-weight:bold}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 h3 {color:#666666;font-size:1.2em;margin:.4em 0}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 h4 {color:#666666;font-size:1.3em;margin:.5em 0}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 input {margin-left:10px}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 input.datepicker {width:170px;padding:3px 2px;border:1px solid #B3B3B3}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 select {margin-left:10px;padding:0;border:1px solid #B3B3B3;font-family:verdana;font-size:1.2em}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 label {margin:.2em 10px}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter1 label,
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter2 label,
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 div label {display:block}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter1 {float:left;width:234px;margin-bottom:8px;border-right:1px solid #cecece;padding-bottom:45px}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter2 {float:left;width:255px;padding-left:20px;padding-bottom:10px}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 {clear:both;border-top:1px solid #cecece;padding-bottom:5px}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter1 label {display:block}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 select {float:left;}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 ul {float:left;list-style-type:none;}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 div.activityOptionalFilter {float:left;width:234px;border-right:1px solid #CECECE;padding-bottom:35px;margin-right:20px;display:inline}
body.T02 #midcol #contentTop .colContent .ctrFormResult1 .activityFilter3 ul li {margin:.3em 0}
body.T02 #midcol #contentTop ul#searchResultAccordion li h2 a,
body.T02 #midcol #contentBottom ul#searchResultAccordion li h2 a,
body.T02 #midcol #contentBottom ul#searchResultListing li h2 a {color:#006684}
/* ------------------------------------------- */
body.T02 #midcol #contentBottom .ctrImage {width:230px;overflow:hidden}
body.T02 #midcol .ctrText h3 {color:#6298B3}
body.T02 #midcol #contentBottom ul.ctrShowroom {width:300px}
body.T02 #midcol #contentBottom ul.ctrShowroom li h2,
body.T02 #midcol #contentBottom ul.ctrShowroom li h2 a {color:#006684}
body.T02 #midcol #contentBottom ul.ctrShowroomWide {width:530px}
body.T02 #midcol #contentBottom ul.ctrShowroomWide li h2,
body.T02 #midcol #contentBottom ul.ctrShowroomWide li h2 a {color:#006684}
body.T02 #LinkedLocationsDiv p span {font-weight:bold;}
body.T02 #LinkedLocationsDiv p {margin-left:12px}
body.T01 #LinkedLocationsDiv p span {font-weight:bold;}
body.T01 #LinkedLocationsDiv p {margin-left:12px}
/*** T03 - Overnachten ***/
body.T03 .colHeadingFill, body.T03 .colFooter {background-color:#993300}
/** T03 midcol **/
/* ------------------------------------------- */
body.T03 #midcol #contentTop #ctrForm1 label {display:block;font-size:1.3em;font-weight:bold;padding-bottom:5px}
body.T04 #midcol #contentTop #ctrForm1 input.txtSearchStringAccommodation {float:left;width:401px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T03 #midcol #contentTop #ctrForm1 div.actionButton {float:left;width:85px}
body.T03 #midcol #contentTop #ctrForm2 {padding-top:8px}
body.T03 #midcol #contentTop #ctrForm2 h3 {font-size:1.3em;font-weight:bold;padding-bottom:5px}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 h4 {color:#666666;font-size:1.3em;margin:.5em 0}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 {padding-bottom:5px}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter2 {padding-bottom:5px;float:left}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul {list-style-type:none;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul li {position:relative;display:block;float:left;width:100px;height:80px;margin-right:22px;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul li input { float:left;display:block;width:20px;height:60px;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul li label { position:absolute;display:block;left:20px;top:0;padding-top:65px;width:60px;height:auto;text-align:center;background:url('../img/blank.gif') repeat top left;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul li img {display:block;float:left;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter1 ul li sapn {color:#993300;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter2 {width:234px;margin:8px 0;padding-bottom:8px;}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter2 label {display:block;padding:3px 0;font-size:1.2em}
body.T03 #midcol #contentTop #ctrForm2 .accommodationFilter2 select {border:1px solid #b3b3b3}
/* ------------------------------------------- */
body.T03 #midcol #contentTop .colContent .ctrFormResult0 div.formResultChoice span.sLocation {color:#993300;font-weight:bold}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 .accommodationFilter1 {float:left;width:234px;margin:8px 0;border-right:1px solid #cecece;}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 .accommodationFilter2 {float:left;width:255px;margin:8px 0;padding-left:20px;}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 h3 {color:#666666;font-size:1.2em;margin:.4em 0}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 select {padding:0;border:1px solid #B3B3B3;font-family:verdana;font-size:1.2em}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 label {display:block}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 div.ctrErrorMessage {padding-bottom:1.5em;position:relative}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 div input {display:block}
body.T03 #midcol #contentTop .colContent .ctrFormResult1 div label.error {position:absolute}
body.T03 #midcol #contentTop ul#searchResultAccordion li h2 a ,
body.T03 #midcol #contentBottom ul#searchResultAccordion li h2 a,
body.T03 #midcol #contentBottom ul#searchResultListing li h2 a {color:#993300;}
/* ------------------------------------------- */
body.T03 #midcol #contentBottom .ctrImage {width:230px;height:230px;overflow:hidden}
xbody.T03 #midcol #contentBottom .colContent, body.T03 #midcol #contentBottom .colSearchResults {border-bottom:1px solid #993300}
body.T03 #midcol #contentBottom ul.ctrShowroom {width:300px}
body.T03 #midcol #contentBottom ul.ctrShowroom li h2,
body.T03 #midcol #contentBottom ul.ctrShowroom li h2 a {color:#993300}
body.T04 #midcol #actionButtonBook {width:180px;margin:10px 0pt 20px 30%}
/*** body.T03 #midcol .wysiwyg {clear:both}***/
body.T03 #midcol .ctrText h3 {color:#993300}
/*** T04 - Producten ***/
body.T04 .colHeadingFill, body.T04 .colFooter {background-color:#7D0A5A}
body.T04 #midcol .colContent iframe {border:0;border-collapse:collapse;text-align:right;}
/** T04 midcol **/
/* pijler ------------------------------------------- */
body.T04 #midcol #contentTop #ctrForm1 label {display:block;font-size:1.3em;font-weight:bold;padding-bottom:5px}
body.T03 #midcol #contentTop #ctrForm1 input.txtSearchStringProduct {float:left;width:401px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T03 #midcol #contentTop #ctrForm1 div.actionButton {float:left;width:85px}
body.T04 #midcol #contentTop #ctrForm2 h3 {font-size:1.3em;font-weight:bold;padding-bottom:5px}
/**/
body.T03 #midcol #contentTop #ctrForm2 .productFilter1 {padding:15px 0px 10px 10px; width:275px;}
body.T03 #midcol #contentTop #ctrForm2 .productFilter1 ul {list-style-type:none}
/* body.T04 #midcol #contentTop #ctrForm2 .productFilter1 ul li {position:relative;display:inline;float:left;width:80px;height:80px;padding-bottom:20px;margin-right:22px;}
body.T04 #midcol #contentTop #ctrForm2 .productFilter1 ul li input { float:left;display:block;width:60px;height:60px;margin-left:2px;}
body.T04 #midcol #contentTop #ctrForm2 .productFilter1 ul li label { position:absolute;display:block;left:20px;top:0;padding-top:65px;width:60px;height:auto;text-align:center;background:url('../img/blank.gif') repeat top left;}
body.T04 #midcol #contentTop #ctrForm2 .productFilter1 ul li img {display:block;float:left;}
*/
body.T04 #midcol #contentBottom .ctrImage {width:230px;height:230px;overflow:hidden}
body.T04 #midcol .ctrText h3 {color:#6298B3}
xbody.T04 #midcol #contentBottom .colContent {border-bottom:1px solid #7D0A5A}
body.T04 #midcol #contentBottom ul.ctrShowroom {width:300px}
body.T04 #midcol #contentBottom ul.ctrShowroom li h2,
body.T04 #midcol #contentBottom ul.ctrShowroom li h2 a {color:#7D0A5A}
body.T03 #midcol .productSubmit {clear:both;padding-left:180px;margin-bottom:15px}
body.T03 #midcol .productSubmit #actionButtonOrder {width:220px;}
body.T03 #midcol #contentTop .colContent .ctrFormResult0 div.formResultChoice span.sLocation {color:#7D0A5A;font-weight:bold}
body.T04 #midcol #contentTop ul#searchResultAccordion li h2 a ,
body.T04 #midcol #contentBottom ul#searchResultAccordion li h2 a,
body.T04 #midcol #contentBottom ul#searchResultListing li h2 a {color:#7D0A5A}
/* shopping basket in rightcol */
body.T03 #rightcol #sbasket {width:185px;margin:.8em 0 .8em 5px;text-align:left;border-collapse:collapse;}
body.T03 #rightcol #sbasket td {padding-bottom:.5em;vertical-align:top;}
body.T03 #rightcol #sbasket td.sbk-amount {width:5%}
body.T03 #rightcol #sbasket td.sbk-product {width:55%}
body.T03 #rightcol #sbasket td.sbk-price {width:35%}
body.T03 #rightcol #sbasket td.sbk-delete {width:5%;text-align:right}
body.T03 #rightcol #sbasket tr.sbk-total td, body.T04 #rightcol #sbasket tr.sbk-total th {padding-top:10px;font-weight:bold;background-image:url('../img/basket-line.gif');background-repeat:no-repeat;}
body.T04 #rightcol #sbasket tr.sbk-total th {background-position:top left}
body.T04 #rightcol #sbasket tr.sbk-total td {background-position:top right}
body.T03 #rightcol .sbk-buttons div.actionButton {width:95px;margin:0 0 10px 71px}
/* shopping basket in middlecol */
body.T03 #midcol #sbasket {width:510px;text-align:left;margin-bottom:25px;border-collapse:collapse;font-size:1.1em}
body.T03 #midcol #sbasket tr td, body.T04 #midcol #sbasket tr th {padding:.2em 0}
body.T03 #midcol #sbasket th#sbk1 {width:10%}
body.T03 #midcol #sbasket th#sbk2 {width:60%}
body.T03 #midcol #sbasket th#sbk3 {width:15%}
body.T03 #midcol #sbasket th#sbk4 {width:15%}
body.T03 #midcol #sbasket th#sbk4,
body.T03 #midcol #sbasket td.sbk-delete {text-align:right}
body.T04 #midcol #sbasket td.sbk-delete a {color:#666666}
body.T03 #midcol #sbasket td.sbk-product,
body.T03 #midcol #sbasket th#sbk5 {padding-right:10px}
body.T03 #midcol #sbasket tr.sbk-total th,
body.T03 #midcol #sbasket tr.sbk-total td {border-top:1px solid #C3C3C3}
body.T03 #midcol .sbk-buttons .actionButton {float:left;display:inline;}
body.T03 #midcol .sbk-buttons .actionButton a {font-size:1.1em}
body.T03 #midcol .sbk-buttons #actionButton1 {margin-right:5px}
body.T03 #midcol .sbk-buttons #actionButton2 {margin-right:5px}
body.T03 #midcol .sbk-buttons #actionButton3 {margin-right:5px}
body.T03 #midcol .sbk-buttons iframe {float:right}
body.T03 #midcol .sbk-buttons #actionButton1 a {width:90px}
body.T03 #midcol .sbk-buttons #actionButton2 a {width:105px}
body.T03 #midcol .sbk-buttons #actionButton3 a {width:85px}
body.T03 #midcol .sbk-buttons #actionButton4 a {width:75px}
/*body.T04 #midcol .paging {margin-left:-250px;left:50%;margin-top:-14px;position:absolute;text-align:center;width:500px;}*/
/*body.T04 #midcol .colFooterPaging {margin-top:30px;}*/
/*body.T04 #midcol .colFooterPaging a {font-size:1.2em;color:white}*/
/*** T05 - Nieuws en Achtergronden ***/
body.T05 .colHeadingFill, body.T05 .colFooter {background-color:#CC9966}
/*** T06 - Pers ***/
body.T06 .colHeadingFill, body.T06 .colFooter {background-color:#b8b308}
body.T06 #banner{background-color:#b8b308}
/*** T10 - Over SBB ***/
body.T10 .colHeadingFill, body.T10 .colFooter {background-color:#b8b308;color:#FFF;}
body.T10 #colwrap #midcol #contentBottom .colHeadingFill {background-color:#b8b308}
body.T10 #colwrap #midcol #contentBottom .colHeadingFill h2 {color:White}
/** Vacaturelisting **/
body.T10 #midcol #contentBottom ul.ctrJobs {list-style-type:none}
body.T10 #midcol #contentBottom ul.ctrJobs li {padding:6px 5px}
body.T10 #midcol #contentBottom ul.ctrJobs li h2 {font-size:1.5em;float:left}
body.T10 #midcol #contentBottom ul.ctrJobs li h2 a {color:#6298B3;background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px; }
body.T10 #midcol #contentBottom ul.ctrJobs li h3 {font-size:1.1em;float:right}
body.T10 #midcol #contentBottom ul.ctrJobs li h3 a {color:#6298B3}
body.T10 #midcol #contentBottom ul.ctrJobs li div {clear:both}
/** Vacaturedetail **/
body.T10 #midcol #contentTop .ctrText div.appendix {margin-top:10px}
body.T10 #midcol #contentTop .ctrText div.appendix h4 {display:inline;padding-right:5px}
body.T10 #midcol #contentTop .ctrText div.appendix a {color:#3D8E33}
/*** T12 - Standaard detail ***/
body.T12 #midcol table#locatie th {text-align:left;padding:.2em .5em .2em 0;}
body.T12 .colHeadingFill, body.T10 .colFooter {background-color:#B8B308}
body.T12 #colwrap #midcol #contentBottom .colHeadingFill {background-color:#B8B308}
/*** T15 - SiteWideZoeken ***/
body.T15 .colHeadingFill, body.T15 .colFooter {background-color:#6298B3}
body.T15 #midcol #contentTop #ctrForm1 {}
body.T15 #midcol #contentTop #ctrForm1 label.mainlabel {display:block;font-size:1.5em;font-weight:bold;padding-bottom:5px}
body.T15 #midcol #contentTop #ctrForm1 input.txtSearchString {float:left;width:506px;margin-right:5px;padding:4px 2px;border:1px solid #b3b3b3;font-size:1.2em}
body.T15 #midcol #contentTop #ctrForm1 .searchFilter1 {padding-bottom:10px}
body.T15 #midcol #contentTop #ctrForm1 .searchFilter1 h3 {font-size:1.5em;line-height:2em;font-weight:bold}
body.T15 #midcol #contentTop #ctrForm1 .searchFilter1 ul li { display:block;float:left;padding-right:15px;line-height:20px;width:154px;}
body.T15 #midcol #contentTop #ctrForm1 .searchFilter1 ul li label {font-size:1.1em;line-height:20px;padding-left:5px;padding-bottom:4px}
body.T15 #midcol #contentTop #ctrForm1 .searchFilter1 input.filterSearch {}
body.T15 #midcol #contentTop #ctrForm1 div.searchSubmit {float:left;width:510px;padding-top:5px;border-top:1px solid #cecece;}
body.T15 #midcol #contentTop #ctrForm1 div.searchSubmit div.actionButton {width:85px;float:right}
/*body.T15 #midcol #contentBottom {border-bottom:1px solid #6298B3}*/
body.T15 #midcol #contentBottom .colSearchResults table {}
body.T15 #midcol #contentBottom .colSearchResults table th {text-align:left}
body.T15 #midcol #contentBottom .colSearchResults table td {font-size:1.2em;padding:.2em 0;border-top:1px solid #F3F3F3}
body.T15 #midcol #contentBottom .colSearchResults table td a {color:#6298B3;background-image:url('../img/bullet-arrow2.gif');background-repeat:no-repeat;background-position:100% .4em;padding-right:13px}
/*** Sitemap ***/
#midcol #contentTop .colContentSitemapLeft {width:245px;float:left;padding:0 10px 0 20px}
#midcol #contentTop .colContentSitemapRight {width:245px;float:left;padding:0 20px 0 10px}
#midcol #contentTop #sitemapitem00 {border-bottom:1px solid #cc9966}
#midcol #contentTop #sitemapitem01 {border-bottom:1px solid #000066}
#midcol #contentTop #sitemapitem02 {border-bottom:1px solid #006684}
#midcol #contentTop #sitemapitem03 {border-bottom:1px solid #993300}
#midcol #contentTop #sitemapitem04 {border-bottom:1px solid #7D0A5A}
#midcol #contentTop #sitemapitem10 {border-bottom:1px solid #3D8E33}
#midcol #contentTop #sitemapitem12 {border-bottom:1px solid #cc9966}
#midcol #contentTop .colContentSitemapLeft .sitemapitem h3, #midcol #contentTop .colContentSitemapRight .sitemapitem h3 {color:white;font-weight:normal;font-size:1.2em;padding:7px 5px}
#midcol #contentTop #sitemapitem00 h3 {background-color:#cc9966}
#midcol #contentTop #sitemapitem01 h3 {background-color:#000066}
#midcol #contentTop #sitemapitem02 h3 {background-color:#006684}
#midcol #contentTop #sitemapitem03 h3 {background-color:#993300}
#midcol #contentTop #sitemapitem04 h3 {background-color:#7D0A5A}
#midcol #contentTop #sitemapitem10 h3 {background-color:#B8B308}
#midcol #contentTop #sitemapitem11 h3 {background-color:#B8B308}
#midcol #contentTop #sitemapitem12 h3 {background-color:#cc9966}
#midcol #contentTop .sitemapitem a {background-repeat:no-repeat;background-position:0 .4em;padding-left:13px;}
#midcol #contentTop #sitemapitem01 a {background-image:url('../img/bullet-arrow01.gif');}
#midcol #contentTop #sitemapitem02 a {background-image:url('../img/bullet-arrow02.gif');}
#midcol #contentTop #sitemapitem03 a {background-image:url('../img/bullet-arrow03.gif');}
#midcol #contentTop #sitemapitem04 a {background-image:url('../img/bullet-arrow04.gif');}
#midcol #contentTop #sitemapitem10 a {background-image:url('../img/bullet-arrow10.gif');}
#midcol #contentTop #sitemapitem11 a {background-image:url('../img/bullet-arrow12.gif');}
#midcol #contentTop #sitemapitem12 a {background-image:url('../img/bullet-arrow12.gif');}
#midcol #contentTop .sitemapitem a:link, #midcol #contentTop .sitemapitem a:visited {color:#333333;text-decoration:none}
#midcol #contentTop .sitemapitem a:hover, #midcol #contentTop .sitemapitem a:active {color:#333333;text-decoration:underline}
#midcol #contentTop .colContentSitemapLeft .sitemapitem, #midcol #contentTop .colContentSitemapRight .sitemapitem {margin:20px 0;padding-bottom:5px;background:white}
#midcol #contentTop .colContentSitemapLeft .sitemapitem ul, #midcol #contentTop .colContentSitemapRight .sitemapitem ul {list-style-type:none;margin:10px}
#midcol #contentTop .colContentSitemapLeft .sitemapitem ul li, #midcol #contentTop .colContentSitemapRight .sitemapitem ul li {margin:.3em 0}
#midcol #contentTop .colContentSitemapLeft .sitemapitem ul ul, #midcol #contentTop .colContentSitemapRight .sitemapitem ul ul {margin:0 0 0 10px}
#midcol #contentTop .colContentSitemapLeft .sitemapitem ul li a, #midcol #contentTop .colContentSitemapRight .sitemapitem ul li a {font-size:1.2em}
#midcol #contentTop .colContentSitemapLeft .sitemapitem ul ul li a, #midcol #contentTop .colContentSitemapRight .sitemapitem ul ul li a {font-size:1.1em}
/*** Contactform ***/
#contactform {}
#contactform .cForm-inputRadioButton{padding-top:2px;padding-bottom:8px;}
#contactform .cForm-label {float:left;width:180px;line-height:1.5em;height:auto}
#contactform .cForm-label.radio {float:none;width:495px;line-height:1.5em;height:auto;font-weight:bold;}
#contactform .cForm-label span.asterix, #contactform .validation span.asterix {color:#6298B3}
#contactform .cForm-input {float:left;width:330px;line-height:3em;height:3em}
#contactform .cForm-textarea {float:left;width:330px;padding-bottom:8px}
#contactform .cForm-textarea2 {float:left;height:50px; width:330px;padding-bottom:8px;}
#contactform .cForm-input input, #contactform .cForm-textarea textarea {margin-left:5px;font-size:1.1em;padding:.3em .1em}
#contactform .cForm-input input.cFormInput-01 {width:120px;border:1px solid #B3B3B3} /* Naam */
#contactform .cForm-input input.cFormInput-02 {width:auto;border:none} /* Dhr */
#contactform .cForm-input input.cFormInput-03 {width:auto;border:none} /* Mw */
#contactform .cForm-input input.cFormInput-04 {width:321px;border:1px solid #B3B3B3} /* Adres */
#contactform .cForm-input input.cFormInput-05 {width:100px;border:1px solid #B3B3B3} /* Postcode */
#contactform .cForm-input input.cFormInput-06 {width:211px;border:1px solid #B3B3B3} /* Woonplaats */
#contactform .cForm-input input.cFormInput-07 {width:321px;border:1px solid #B3B3B3} /* E-mail */
#contactform .cForm-input input.cFormInput-08 {width:321px;border:1px solid #B3B3B3} /* Telefoon */
#contactform .cForm-input input.cFormInput-09 {width:321px;border:1px solid #B3B3B3} /* Fax */
#contactform .cFormInput-10 {margin-left:5px; width:211px; margin-top:14px; border:1px solid #B3B3B3} /* vrijwilligerswerk omgeving */
#contactform .cFormInput-11 {margin-left:5px; width:211px; border:1px solid #B3B3B3} /* custom */
#contactform .cForm-textarea textarea.cFormInput-10 {width:321px;height:100px;border:1px solid #B3B3B3} /* vraag of opmerking */
#contactform .divider {float:left;width:510px;height:1px;margin:4px 0 8px 0;border-bottom:1px solid #CECECE;font-size:0}
#contactform .validation {float:left;width:300px;margin-top:6px;}
#contactform div.actionButton {float:right;width:85px;margin-top:6px;}
/**********************************/
/* javascript_generated_content */
/**********************************/
/*** Tooltips ***/
.tool-tip {
font-family:verdana;
font-size:11px;
color: white;
width: auto;
z-index: 13000;
background:#CC9966;
filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85;
}
.tool-title {
font-weight: bold;
font-size: 1.1em;
margin: 0;
color: #fff;
padding: 8px 8px 4px;
}
.tool-text {
font-weight: bold;
font-size: 1.1em;
padding: 4px 8px;
color:white
}
/* jQuery Tooltips in ResultListing*/
#tooltip {
position: absolute;
z-index: 3000;
background-color: #CD9967;
color:#fff;
padding: 5px;
-moz-border-radius:5px;
font-size:10px;
}
body.T03 #tooltip
{
background-color:#993300;
}
body.T04 #tooltip
{
background-color:#7D0A5A;
}
#tooltip h3 {
font-size:11px !important;
}
/*** Accordion ***/
#midcol #contentTop ul#searchResultAccordion li h4 span.toggler,
#midcol #contentBottom ul#searchResultAccordion li h4 span.toggler {background-repeat:no-repeat;background-position:100% .4em;padding-right:13px;background-image:url('../img/bullet-expand.gif')}
#midcol #contentTop ul#searchResultAccordion li h4.active span,
#midcol #contentBottom ul#searchResultAccordion li h4.active span {display:none}
#midcol #contentTop ul#searchResultAccordion li h4.active a,
#midcol #contentBottom ul#searchResultAccordion li h4.active a {display:block}
#midcol #contentTop ul#searchResultAccordion li h4 a,
#midcol #contentBottom ul#searchResultAccordion li h4 a {display:none}
/*** sIFR ***/
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/*
-----------------------------------------------------------------------------------------*/
/* sidepanel filter */
/* by : le */
#leftcol .colContent,
#leftcol .colContent li,
#leftcol .colContent li a,
#rightcol .colContent,
#rightcol .colContent li,
#rightcol .colContent li a
{
background-color:#f3f3f3;
}
#leftcol .colContent,
#rightcol .colContent
{
padding-bottom:5px;
border-bottom:1px solid #d9d9d9;
}
#leftcol .colContent ul.filter { padding:5px 0px 5px 10px; }
#leftcol .colContent ul.filter li { background-image:none; padding-left:0px; }
#leftcol .colContent ul.filter li .active
{
font-weight:bold;
color:#4c4c4c;
background-image:url("/includes/img/bullet-selected.gif");
background-position:0px 3px;
background-repeat:no-repeat;
}
#leftcol .colContent ul.filter li.active
{
font-weight:normal;
padding-left:14px;
font-size: 1.0em;
}
#leftcol .colContent ul.filter li.accotype {
font-size:1em;
font-weight:normal;
padding-left:14px;
}
#leftcol .colContent ul.filter li a { padding-left:14px;xfont-size:.8em;font-weight:bold; }
#leftcol .colContent ul.filter li label { padding-left:14px;font-size:.9em; }
#leftcol .colContent ul.filter li input { margin-left:14px;font-size:.9em; }
#leftcol .colContent ul.filter li .filter_amount { padding-left:5px; }
#leftcol .colContent ul.filter li img { margin-left:4px;vertical-align:middle;}
/* ---------------------- */
.searchcrumbs
{
color:#4d4d4d;
font-weight:bold;
position:relative;
margin:0px;
padding:5px 0px 0px 4px;
background-color:#fff;
}
.searchcrumbs.bottomcrumb
{
padding:5px 0px 5px 4px;
}
.searchcrumbs span
{
float:left;
}
.searchcrumbs .active
{
font-weight:bold;
background-image:url("/includes/img/bullet-selected.gif");
background-position:0px 1px;
background-repeat:no-repeat;
padding:2px;
padding-left:13px;
}
.searchcrumbs a:link.active ,
.searchcrumbs a:visited.active
{
color:#4d4d4d;
}
.searchcrumbs ul
{
float:left;
width:423px;
}
.searchcrumbs li
{
float:left;
list-style-type:none;
}
#colwrap .searchcrumbs li a
{
display:block;
float:left;
margin:0px 5px 0px 5px;
padding:0px 0px 5px 15px;
}
.seperator
{
margin-left:5px;
margin-right:5px;
}
/* ---------------------- */
.filterseperator
{
border-top:1px solid #ececec;
background-color:#d9d9d9;
height:1px;
overflow:hidden;
margin:5px 0px 8px;
}
.datefilter
{
}
.datefilter,
.datefilter .date_day,
.datefilter .date_month,
.datefilter .date_year
{
font-size:9px;
font-family:Arial,Helvetica,Garuda,sans-serif;
}
.datefilter label
{
width:25px;
float:left;
display:block;
}
.datefilter .datepicker
{
width:125px;
}
.datefilter .date_day
{
width:33px;
}
.datefilter .date_month
{
width:60px;
}
.datefilter .date_year
{
width:45px;
}
.filter li .active { font-weight:bold; }
/* .filter li .active .filter_amount { display:none; }*/
.filter li .active li .filter_amount { display:inline; }
/* .filter li a.active .filter_amount { display:none; } */
.filter li .filter_amount strong { color:#6497B2; }
.halfwidth
{
width:265px;
}
/**/
.productFilter1 ,
.accommodationFilter1,
.activityFilter1
{
padding:15px 5px 10px 10px;
}
#home-zoekopactiviteit .activityFilter1
{
padding:5px 0px 10px 0px;
}
.productFilter1 li,
.accommodationFilter1 li,
.activityFilter1 li
{
width:66px;
display:block;
float:left;
font-size:10px;
text-align:center;
overflow:hidden;
position:relative;
background-image:url("/includes/img/shadow-activiteiten.gif");
background-position:3px 0px;
background-repeat:no-repeat;
float:left;
width:66px;
margin-right:5px;
font-weight:bold;
min-height:78px;
}
.activityFilter1 li
{
background-position:2px 0px;
}
.activityFilter1 li span span span
{
color: #993300;
}
.productFilter1 li input,
.accommodationFilter1 li input,
.activityFilter1 li input
{
margin-bottom:2px;
}
/**/
.T04 .accommodationFilter1 li
{
width:132px;
background-position:35px 0px;
}
.T04 .accommodationFilter1 .counter
{
right:40px;
}
/**/
.productFilter1 .counter,
.accommodationFilter1 .counter,
.activityFilter1 .counter
{
position:absolute;
top:41px;
right:7px;
background-image:url("/includes/img/counter-part1.gif");
background-position:left top;
background-repeat:no-repeat;
padding-left:2px;
height:16px;
}
.productFilter1 .counter span,
.accommodationFilter1 .counter span,
.activityFilter1 .counter span
{
background-image:url("/includes/img/counter-part2.gif");
background-position:right top;
background-repeat:no-repeat;
font-weight:bold;
line-height:16px;
padding:0px 4px 0px 2px;
display:block;
}
.activityFilter1 .counter span
{
color: #026585;
}
.accommodationFilter1 .counter span
{
color: #993300;
}
.productFilter1 .counter span
{
color: #7D0A5A;
}
.T00 .activityFilter1 .counter span
{
color: #003366;
}
#midcol #contentBottom ul.ctrShowroom li,
#midcol #contentBottom ul.ctrShowroomWide li
{
border-bottom:1px solid #d9d9d9;
padding:5px 0px;
}
body.T01 #midcol #contentTop #ctrForm1 div.actionButton,
body.T02 #midcol #contentTop #ctrForm1 div.actionButton {
float:right;
margin-top:5px;
}
body.T02 #midcol #contentBottom ul.ctrShowroom li h2,
body.T02 #midcol #contentBottom ul.ctrShowroom li h2 a {
color:#00676a;
}
#midcol #contentBottom ul.ctrShowroom li h3,
#midcol #contentBottom ul.ctrShowroomWide li h3,
#midcol #contentBottom ul.ctrShowroom li h3 a,
#midcol #contentBottom ul.ctrShowroomWide li h3 a
{
color:#6298b3;
font-weight:normal;
}
#contentTop
{
position:relative;
}
.T00 .pijler #midcol #contentTop,
.T01 .pijler #midcol #contentTop,
.T02 .pijler #midcol #contentTop,
.T03 .pijler #midcol #contentTop,
.T04 .pijler #midcol #contentTop
{
margin-bottom:5px;
background-image:url("/includes/img/background-activiteiten.gif");
background-repeat:no-repeat;
background-position:left bottom;
position:relative;
}
#natuurgebied-zoekoptrefwoord,
#overnachting-zoekoptrefwoord,
#activiteiten-zoekoptrefwoord,
#winkel-zoekoptrefwoord
{
width:245px;
float:left;
overflow:hidden;
}
#natuurgebied-zoekopprovincie,
#activiteiten-zoekopactiviteit,
#overnachting-zoekopaccomodatie,
#winkel-zoekopaccomodatie
{
width:299px;
float:right;
xoverflow:hidden;
}
#natuurgebied-zoekopprovincie{
min-height:195px;
}
#home-zoekopprovincie
{
float:left;
overflow:hidden;
border-top:1px solid #D9D9D9;
padding:5px;
width:235px;
}
#home-zoekopactiviteit
{
float:right;
width:290px;
padding:5px 5px;
border-top:1px solid #D9D9D9;
}
#home-zoekopprovincie .colHeadingFill,
#winkel-zoekopaccomodatie .colHeadingFill,
#winkel-zoekopaccomodatie .colHeadingFill,
#overnachting-zoekopaccomodatie .colHeadingFill,
#natuurgebied-zoekopprovincie .colHeadingFill,
#activiteiten-zoekopactiviteit .colHeadingFill
{
text-indent:5px;
position:relative;
left:-6px;
width:285px;
margin-right:-5px;
}
body.T03 #midcol #contentTop #ctrForm1 input.txtSearchStringProduct,
body.T04 #midcol #contentTop #ctrForm1 input.txtSearchStringAccommodation,
body.T01 #midcol #contentTop #ctrForm1 input.txtSearchStringArea,
body.T02 #midcol #contentTop #ctrForm1 input.txtSearchStringActivity {
width:200px;
font-size:10px;
color:#808080;
background-image:url("/includes/img/input_background.gif");
background-position:top left;
background-repeat:repeat-x;
}
body.T00 #midcol #home-zoekopprovincie .colContent {
padding:10px 15px;
}
body.T00 #midcol #home-zoekopprovincie #linkversion {
display:none;
}
body.T00 #midcol #home-zoekopprovincie #provinciefilter
{
margin-left:35px;
}
body.T00 #midcol #home-searchtop .colContent
{
padding:10px 10px 10px 5px;
}
body.T00 #midcol #home-searchtop p
{
display:inline;
width:140px;
float:left;
padding-top:3px;
margin-right:5px;
font-size:14px;
}
#home-zoekopprovincie #linkversion
{
margin-left:10px;
}
#home-searchtop
{
margin-bottom:5px;
background-color:#f3f3f3;
border:1px solid #d9d9d9;
border-width:0px 1px 1px 1px;
height:70px;
}
#nena-searchtop
{
background-color:#f3f3f3;
border:1px solid #d9d9d9;
border-width:0px 1px 1px 1px;
height:70px;
margin-bottom:-5px;
}
#home-searchtop .txtSearchStringAccommodation,
#home-searchtop .txtSearchStringActivity
{
border:1px solid #B3B3B3;
font-size:1.2em;
margin-right:5px;
padding:4px 2px;
width:271px;
float:left;
}
body.T05 #midcol #contentTop div.actionButton,
body.T04 #midcol #contentTop #ctrForm1 div.actionButton,
body.T03 #midcol #contentTop #ctrForm1 div.actionButton,
.T00 #midcol div.actionButton {
float:right;
width:85px;
margin-top:5px;
}
/**/
#dossier_overview
{
border-top:1px solid #d9d9d9;
border-bottom:1px solid #D9D9D9;
}
#dossier_overview li
{
list-style-type:none;
padding:6px 0px;
border-bottom:1px solid #d9d9d9;
}
#midcol #dossier_overview h3,
#midcol #dossier_overview h3 a
{
font-size:12px;
color:#4d4d4d;
}
#midcol #dossier_overview h3 a
{
background-image:url("../img/bullet-arrow2.gif");
background-position:100% 0.4em;
background-repeat:no-repeat;
color:#003366;
font-size:13px;
font-weight:bold;
padding-right:12px;
}
#midcol #dossier_overview p
{
font-size:11px;
line-height:16.5px;
color:#4c4c4c;
font-weight:normal;
}
#searchResultAccordion
{
margin-top:-5px;
}
#newsaccordion h2 a
{
color:#333;
}
#midcol #contentBottom #newsaccordion ul#searchResultAccordion li h3
{
color:#6298B3;
font-weight:bold;
}
#midcol .colReflink
{
width:100%;text-align:right;margin:.6em 0
}
#midcol .colReflink a {
font-weight:bold;
background-image:url('../img/bullet-arrow2.gif');
background-repeat:no-repeat;
background-position:0 .4em;
padding-left:12px;
color:#CC9966;
font-size:12px;
}
body.T00 #midcol #contentBottom {
background-color:#FFF;
}
#midcol #footer, #midfullcol #footer
{
font-size:10px;
}
/**/
body.T04 #midcol #contentBottom .colContent,
body.T04 #midcol #contentBottom .colSearchResults,
body.T03 #midcol #contentBottom .colContent,
body.T03 #midcol #contentBottom .colSearchResults {
padding-bottom:1px;
}
/*
***********************************************************************/
#tabbedcontent
{
display:block;
height:25px;
overflow:hidden;
margin:10px 0px 0px;
background-image:url("/includes/img/background_tab.gif");
background-position:left 23px;
background-repeat:repeat-x;
background-color:#fff;
}
#tabbedcontent li
{
list-style-type:none;
background-color:#fff;
color:#707070;
font-weight:bold;
float:left;
background-image:url("/includes/img/button_left_notcurrent.gif");
background-position:left top;
background-repeat:no-repeat;
margin-right:5px;
padding-left:1px;
}
#tabbedcontent a ,
#tabbedcontent span
{
float:left;
padding:6px 4px 8px;
background-image:url("/includes/img/button_right_notcurrent.gif");
background-position:right top;
background-repeat:no-repeat;
display:block;
color:#838383;
font-weight:bold;
font-size:11px;
}
#tabbedcontent a.active
{
float:left;
padding:6px 4px 8px;
background-image:url("/includes/img/button_right_current.gif");
background-position:right top;
background-repeat:no-repeat;
display:block;
color:#013565;
font-weight:bold;
font-size:11px;
}
#tabbedcontent span.active , #tabbedcontent a.active
{
background-image:url("/includes/img/button_right_current.gif");
padding-left:5px;
padding-right:6px;
color:#013565;
text-decoration:none;
cursor: pointer;
}
#tabbedcontent a.active:hover
{
text-decoration:underline;
}
.tabbedInfo
{
padding:10px;
border:1px solid #d9d9d9;
border-width:0px 1px 1px 1px;
width:528px;
background-color:#fff;
margin: 0px 0px 15px 0px;
}
.tabbedInfo #searchResultAccordion
{
xpadding-bottom:30px;
}
.tabbedInfo h4
{
font-size:12px !important;
}
/**/
.T05 #midcol
{
width:550px;
}
.T05 .pijler #midcol
{
/* margin-left:0px;*/
}
.T05 .SearchRegion
{
border:1px solid #B3B3B3;
font-family:verdana;
font-size:1em;
padding:2px;
width:215px;
float:left;
margin-right:5px;
}
.T05 .SearchRegion option
{
padding:2px;
}
.T05 #midcol #contentTop
{
margin-bottom:10px;
}
.T05 #midcol #contentTop .colContent
{
padding:10px;
}
#nena-searchtop .txtSearchStringAccommodation,
#home-searchtop .txtSearchStringAccommodation,
#home-searchtop .txtSearchStringActivity
{
border:1px solid #B3B3B3;
font-size:1.2em;
margin-right:5px;
padding:4px 2px;
color:#808080;
width:271px;
float:left;
background-image:url("/includes/img/input_background.gif");
background-position:top left;
background-repeat:repeat-x;
}
#nena-searchtop .txtSearchStringArea
{
border:1px solid #B3B3B3;
font-size:1.2em;
margin-right:5px;
padding:4px 2px;
width:425px;
float:left;
background-image:url("/includes/img/input_background.gif");
background-position:top left;
background-repeat:repeat-x;
color:#808080;
}
#home-searchtop .txtSearchStringAccommodation
{
margin-left:10px;
}
body.T05 #midcol #contentTop div.actionButton {
float:left;
width:85px;
margin-top:0px;
}
#nena_column2 #dossier_overview
{
border-width:0px 0px 0px 0px;
}
#nena_column2 #dossier_overview
{
border-top:1px solid #ccc;
}
#nena_column2 #dossier_overview li
{
display:block;
padding:5px 0px;
}
#nena_column2 .media
{
float:left;
height:65px;
margin:0 5px 5px 0;
overflow:hidden;
padding:0;
width:65px;
border:1px solid #A6A6A6;
}
/*****************************/
.T12 #midcol .colFooter {display:none;}
.T12 #footer
{
border-top:25px solid #B8B308;
}
.T12 .pijler #footer
{
border-top:1px solid #B8B308;
}
/*****************************/
.T10 #midcol .colFooter {display:none;}
.T10 #footer
{
border-top:25px solid #B8B308;
}
.T10 .pijler #footer
{
border-top:1px solid #B8B308;
}
/*****************************/
.T06 #midcol .colFooter {display:none;}
.T06 #footer
{
border-top:25px solid #B8B308;
}
.T06 .pijler #footer
{
border-top:1px solid #B8B308;
}
/*****************************/
.T05 #midcol .colFooter {display:none;}
.T05 #footer
{
border-top:25px solid #CC9966;
}
.T05 .pijler #footer
{
border-top:1px solid #CC9966;
margin-top:0px;
}
/*****************************/
.T04 #midcol .colFooter {display:none;}
.T04 #footer
{
border-top:25px solid #7D0A5A;
}
.T04 .pijler #footer
{
border-top:1px solid #7D0A5A;
margin-top:0px;
}
/*****************************/
.T03 #midcol .colFooter {display:none;}
.T03 #footer
{
border-top:25px solid #993300;
}
.T03 .pijler #footer
{
border-top:1px solid #993300;
margin-top:0px;
}
/*****************************/
.T02 #midcol .colFooter {display:none;}
.T02 #footer
{
border-top:25px solid #006684;
}
.T02 .pijler #footer
{
border-top:1px solid #006684;
margin-top:0px;
}
/*****************************/
.T01 #midcol .colFooter {display:none;}
.T01 #footer
{
border-top:25px solid #000066;
}
.T01 .pijler #footer
{
border-top:1px solid #000066;
margin-top:0px;
}
/*****************************/
#midcol .colFooter {display:none;}
#footer
{
border-top:25px solid #6298B3;
}
.pijler #footer
{
border-top:1px solid #6298B3;
margin-top:0px;
}
/*****************************/
#dossier_overview h2 a {
background-image:url(../img/bullet-arrow2.gif);
background-position:100% 0.4em;
background-repeat:no-repeat;
padding-right:13px;
color:#4E4E4E;
font-size:12.1px;
}
.T05 .pijler #dossier_overview h2 a {
color:#CC9966;
}
#midcol #nena_column1 ul#searchResultAccordion li
{
position:relative;
}
#midcol #contentBottom ul#searchResultAccordion li h3.datefield,
#midcol #contentBottom #nena_column1 ul#searchResultAccordion li h3
{
color:#6298B3;
font-size:11px;
font-weight:bold;
}
#midcol #nena_column1 ul#searchResultAccordion li h3
{
width:350px;
}
#midcol #nena_column1 ul#searchResultAccordion li a
{
display:block;
text-align:right;
}
#midcol #nena_column1 ul#searchResultAccordion li h2 a
{
width:auto;
display:inline;
text-align:left;
}
#midcol #nena_column1 ul#searchResultAccordion li .media
{
border:1px solid #A6A6A6;
float:left;
height:65px;
margin:0 5px 5px 0;
overflow:hidden;
padding:0;
width:65px;
}
/**/
.formResultReselect
{
position:absolute;
top:-2px;
right:5px;
display:inline;
}
#colwrap .formResultReselect div.actionButton {
background-image:none;
background-position:left top;
height:auto;
margin:0px;
}
#colwrap #midcol .formResultReselect div.actionButton.actionButtonSearch.searchAgain input,
#colwrap #midcol .formResultReselect div.actionButton.actionButtonSearch.searchAgain a
{
background-image:url("/includes/img/button_smallback.gif");
width:60px;
display:inline;
}
#colwrap #midcol .formResultReselect div.actionButton.actionButtonSearch.searchAgainWide input,
#colwrap #midcol .formResultReselect div.actionButton.actionButtonSearch.searchAgainWide a,
#colwrap #midcol .formResultReselect div.searchAgainsearchAgainWide input,
#colwrap #midcol .formResultReselect div.searchAgainsearchAgainWide a
{
width:120px;
background-image:url("/includes/img/button_mediumback.gif") !important;
margin-right:0px;
}
#colwrap #midcol .formResultReselect div.actionButton input,
#colwrap #midcol .formResultReselect div.actionButton a,
#colwrap .formResultReselect div.actionButtonSearch a,
#colwrap .formResultReselect div.actionButtonSearch input
{
background-image:url("/includes/img/button_smallback.gif");
background-position:right 7px;
font-size:10px;
line-height:25px;
padding:1px 5px 0px 5px;
width:160px;
margin:0px;
text-align:right;
font-family:verdana;
}
#colwrap #midcol #contentTop #contentTop .formResultReselect div.actionButtonBack a,
#colwrap #midcol #contentTop #contentTop .formResultReselect div.actionButtonBack input
{
background-image:url("/includes/img/backbutton_right.gif");
background-position:right 7px;
font-size:10px;
height:25px;
padding:0px 10px 0px 5px;
width:90px;
margin:0px;
text-align:right;
font-family:verdana;
}
#colwrap #midcol #contentTop #contentTop .formResultReselect div.actionButtonSearch,
#colwrap #midcol #contentTop .formResultReselect div.actionButtonSearch
{
xwidth:220px;
height:25px;
}
#colwrap #midcol #contentTop #contentTop .formResultReselect div.searchAgainWide,
#colwrap #midcol #contentTop .formResultReselect div.searchAgainWide {
width:120px;
}
#colwrap #midcol #contentTop .formResultReselect div.actionButtonSearch.searchAgainPlusMargin
{
margin-right: 58px;
}
#colwrap #midcol #contentTop #contentTop .formResultReselect div.actionButtonSearch.searchAgain,
#colwrap #midcol #contentTop .formResultReselect div.actionButtonSearch.searchAgain
{
width:59px;
}
/**/
.T06 #midcol #contentTop ul#searchResultListing li h2 a
{
font-size:12px;
margin-bottom:5px;
color:#6298B3;
}
.T06 #midcol #contentTop ul#searchResultListing li h3
{
color:#808080;
font-size:1em;
font-weight:normal;
}
#midcol #contentBottom ul#searchResultListing li h2,
#midcol #contentBottom ul#searchResultAccordion li h2 {
margin-right:50px;
}
#midcol #nena_column1 ul#searchResultAccordion li h2
{
margin-right:0px;
}
#midcol #contentTop .tabbedInfo ul#searchResultAccordion li.marginList
{
padding-left:45px;
}
#midcol #contentTop .tabbedInfo ul#searchResultAccordion li
{
padding-left:5px;
padding-right:50px;
}
#midcol #contentTop .NoMarginList ul#searchResultAccordion li
{
padding-left:5px;
}
#midcol #contentTop .tabbedInfo ul#searchResultAccordion li .toggler
{
position:absolute;
right:5px;
}
#midcol #contentTop .tabbedInfo ul#searchResultAccordion li {
border-bottom:1px solid #D9D9D9;
position:relative;
min-height:20px;
}
#midcol #contentBottom ul#searchResultAccordion.buitenlevenListing li
{
background:none;
position:relative;
height: 100px;
overflow:hidden;
}
#midcol .tabbedInfo ul#searchResultAccordion li,
#midcol #contentBottom ul#searchResultListing li,
#midcol #contentBottom ul#searchResultAccordion li
{
background-image:url("/includes/img/background-searchresults.gif");
background-repeat:repeat-y;
background-position:right top;
margin:0px 0px 10px;
border:1px solid #d9d9d9;
}
.T05 .pijler #midcol #contentBottom ul#searchResultAccordion li
{
margin:0px;
padding-left:0px;
padding-right:0px;
border-width:1px 0px 0px 0px;
}
.T05 .pijler #midcol #contentBottom ul#searchResultAccordion
{
border-bottom:1px solid #d9d9d9;
margin-bottom:10px;
}
#midcol #nena_column1 ul#searchResultAccordion li
{
background-image:none;
}
.T06 #midcol #contentTop ul#searchResultListing li
{
background-image:url("/includes/img/background-searchresults.gif");
background-repeat:repeat-y;
background-position:right top;
margin:5px -10px;
padding:5px 5px;
border:1px solid #d9d9d9;
overflow:hidden;
}
.T06 #midcol #contentTop ul#searchResultListing li div
{
margin-top:5px;
overflow:hidden;
}
#midcol #contentBottom ul#searchResultAccordion li div,
#midcol #contentBottom ul#searchResultListing li div
{
width:250px;
overflow:hidden;
}
#midcol #nena_column1 ul#searchResultAccordion li div
{
width:375px;
overflow:hidden;
}
#midcol #contentBottom ul#searchResultListing li div.largemedia
{
width:230px;
height:230px;
overflow:hidden;
overflow:hidden;
padding:0px;
float:left;
padding-right:0px;
margin:0px 5px 5px 0px;
margin-left:-232px;
}
/* jim: removed padding left because of the winkel resultaten. */
#midcol #contentBottom ul#searchResultListing li div
{
padding-right:36px;
overflow:hidden;
}
#midcol ul#searchResultAccordion li div
{
overflow:hidden;
}
#midcol #contentBottom ul#searchResultAccordion li div
{
width:495px;
}
#midcol #contentBottom ul#searchResultAccordion.buitenlevenListing li div
{
width:545px;
}
#midcol #contentBottom ul#searchResultAccordion li div div,
#midcol #contentBottom ul#searchResultListing li div div
{
padding-right:0px;
}
.T00 #midcol #contentBottom ul#searchResultAccordion li div
{
width:270px;
}
.T03 #midcol #contentBottom ul#searchResultListing li div,
.T04 #midcol #contentBottom ul#searchResultListing li div,
.T05 #midcol #contentBottom ul#searchResultListing li div,
{
width:495px;
}
.T05 #midcol #contentBottom ul#searchResultAccordion li div.narrowdiv
{
width:350px;
}
.T05 #midcol #nena_column1 ul#searchResultAccordion li div.narrowdiv
{
width:550px;
}
#searchResultAccordion div div.largemedia a {
padding-top:3px;
}
#searchResultListing div a,
#searchResultAccordion div a
{
float:right;
font-weight:bold;
margin-right:10px;
color:#000066;
background-image:url("/includes/img/bullet-arrow2.gif");
background-position:left 18px;
padding-top:15px;
padding-left:12px;
background-repeat:no-repeat;
}
#searchResultListing div a.readmore,
#searchResultAccordion div a.readmore
{
margin-top: 5px;
}
.toggler
{
padding:12px 5px;
width:30px;
height:15px;
margin:-5px -5px -5px 0px;
float:right;
background-image:url("/includes/img/background-searchresults-ico.gif");
background-repeat:no-repeat;
background-position:12px 10px;
cursor:hand;
cursor:pointer;
}
.open .toggler
{
background-position:-28px 10px;
}
#searchResultListing .toggler
{
background-position:12px 6px;
height:15px;
padding:6px 5px;
}
#searchResultListing .open .toggler
{
background-position:-28px 6px;
}
#midcol ul#searchResultAccordion li div.largemedia ,
#midcol #contentBottom ul#searchResultListing li div.largemedia,
#midcol #contentBottom ul#searchResultAccordion li div.largemedia
{
width:65px;
height:65px;
overflow:hidden;
padding:0px;
float:left;
padding-right:0px;
margin:0px 5px 5px 0px;
/* commented by jim. Dont know why this was added. The result was that no largemedia div was shown on natuurgebieden zoekresultaten */
/* margin-left:-68px; */
}
#midcol ul#searchResultAccordion li .largemedia
{
float:left;
margin-left:-40px;
margin-top:-23px;
}
#searchResultAccordion div.largemedia a
{
margin-right:0px;
padding-left:0px;
}
#midcol #contentBottom ul#searchResultListing li div.largemedia a,
#midcol #contentBottom ul#searchResultAccordion li div.largemedia a
{
background-image:none;
padding-left:0px;
}
#midcol #contentBottom ul#searchResultListing li div.largemedia img,
#midcol #contentBottom ul#searchResultAccordion li div.largemedia img
{
border:1px solid #d9d9d9;
background-color:#f3f3f3;
}
#midcol #contentBottom ul#searchResultAccordion li h2 a
{
color:#4e4e4e;
}
.T05 #midcol #contentBottom ul#searchResultAccordion li h2 a
{
color:#CC9966;
}
/**/
.pijler #ToolbarUnder1_topSearch
{
display:none;
}
.colHeadingFill h3
{
font-size:12px;
margin-top:-3px;
margin-bottom:3px;
}
.T02 activityFilter1 li
{
color:#006684;
}
.T03 .accommodationFilter1 li
{
color:#993300;
}
.T04 .productFilter1 li
{
color:#7D0A5A;
}
/**/
.nfromx
{
padding:5px;
}
/**/
.paginglinks a
{
border:1px solid #bebebe;
padding:2px 4px;
color:#666666;
}
.paginglinks span
{
border:1px solid #bebebe;
padding:3px 4px 2px 4px;
color:#6199b0;
font-weight:bold;
}
.paginglinks
{
line-height:26px;
margin-bottom:6px;
}
.paginglinks .nextbutton
{
margin-left:30px;
padding:2px 10px;
height:26px;
}
.paginglinks .prevbutton
{
margin-right:30px;
padding:2px 10px;
height:26px;
}
.paginglinks span.prevbutton,
.paginglinks span.nextbutton
{
border:1px solid #ccc;
color:#ccc;
}
/**/
#colwrap .readmore a
{
color:#6298b3;
float:right;
font-weight:bold;
font-size:13px;
background-image:url(../img/bullet-arrow2.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding-left:12px;
text-decoration:underline;
}
#colwrap .buitenlevenListing .readmore
{
margin-bottom:0px;
position:absolute;
top:75px;
right:0px;
}
.T00 #colwrap .halfwidth .readmore
{
margin:5px 0px;
}
#colwrap .readmore
{
margin-bottom:10px;
}
#dossiers h3 a {
color:#4C4C4C;
}
.T00 #midcol #contentBottom ul#searchResultAccordion li h3 {width:100%;float:none}
.T00 #midcol #contentBottom ul#searchResultAccordion li h4 {width:100%;float:none}
.T00 #midcol #home-searchtop div.actionButton {margin-top:0px;}
/**/
#related_news span
{
display:block;
color:#6298b3;
font-size:10px;
font-weight:normal;
line-height:10px;
margin-bottom:1px;
}
#related_news a:hover span
{
font-weight:bold;
}
#dossiers,
#dossiers ul li,
#dossiers ul li a,
#dossiers ul li ul li,
#dossiers ul li ul li a,
#related_content ul li,
#related_content ul li a,
#related_content ul li ul li,
#related_content ul li ul li a
{
font-size:11px;
background-color:#F3F3F3;
color:#808080;
font-weight:bold;
text-decoration:none;
}
#dossiers ul li a:hover
{
text-decoration:none;
color:#000;
}
#dossiers ul li,
#related_content ul ul li
{
margin:3px 0px 0px;
}
#dossiers ul li li a:hover,
#related_content ul li li a:hover
{
text-decoration:none;
color:#4c4c4c;
}
#related_content
{
border-top:1px solid #d9d9d9;
}
#related_content ul li
{
border-bottom:1px solid #d9d9d9;
padding:10px;
}
#dossiers ul li,
#related_content ul li li
{
background-image:url("/includes/img/blue-arrow.gif");
background-position:3px 5px;
background-repeat:no-repeat;
border-bottom:0px solid #d9d9d9;
padding:0px;
padding-left:9px;
}
#related_content h3,
#dossiers h3
{
background-image:url(/includes/img/blue-dot.gif);
padding-left:5px;
background-position:0px 9px;
background-repeat:no-repeat;
color:#4c4c4c;
font-size:14px;
font-weight:normal;
padding-bottom:1px;
}
#dossiers h3
{
margin-bottom:3px;
margin-top:-3px;
background-image:none;
font-size:12px;
}
#dossiers #submenuPanel
{
padding:10px;
}
#dossiers h2 a
{
margin:8px 9px 0px 3px ;
background-color:#F3F3F3;
color:#808080;
font-size:11px;
font-weight:bold;
background-image:url("/includes/img/bullet-arrow2.gif");
background-position:-4px 4px;
background-repeat:no-repeat;
padding-left:7px;
}
#dossiers ul
{
padding:0px 10px 10px 11px;
}
#dossiers ul ul
{
padding:0px;
}
/**/
.buttonPrint
{
background-image:url("/includes/img/button-print.gif");
background-position:left top;
background-repeat:no-repeat;
width:55px;
height:16px;
overflow:hidden;
float:right;
position:absolute;
right:0px;
top:7px;
}
.buttonPrint a
{
display:block;
height:16px;
font-size:10px;
text-indent:20px;
color:#fff;
}
#colwrap .buttonPrint a:hover
{
text-decoration:none;
}
/**/
.T05 .cat-01
{
display:none;
}
/* jim aan het stylen: gebied detail moreinfo links*/
.moreinfolinks
{
margin:0px;
padding:0px;
background-image:url("/includes/img/background-morelinks-submenu.gif");
background-position:left bottom;
background-repeat:repeat-x;
height:30px;
position:relative;
left:-10px;
top:-10px;
*top:-17px;
width:548px;
z-index:2;
}
.moreinfolinks table
{
display:block;
position:absolute;
left:0px;
top:9px;
}
.moreinfolinks a,
.moreinfolink a
{
font-weight:bold;
float:left;
padding:0px 8px 0px 6px;
border-right:1px solid #D9D9D9 !important;
}
.moreinfolinks a
{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
}
.moreinfolink a
{
float:right;
color:#666666;
}
#contentTop .moreinfolinks a.active,
#contentTop .moreinfolink a.active
{
text-decoration:none;
cursor:hand;
cursor:pointer;
color: #003366;
font-size:11px;
font-weight:bold;
}
#midcol #contentTop .tabbedInfo .wysiwyg{
padding-top:0px;
}
#midcol #contentTop .tabbedInfo .ctrText {
line-height:1.6em;
padding:0px;
}
#midcol #contentTop .tabbedInfo .ctrText h2 {
font-size:13px;
color:#003366;
}
#locatie th
{
text-align:left;
}
/*
**********************************************/
#nieuwsdetail
{
margin-top:-10px;
background-color:#fff;
}
/*
**********************************************/
#midcol #contentTop #nieuwsdetail .ctrText {
font-size:12px;
}
.divDate
{
padding-top:10px;
margin-bottom:-10px;
color:#6298b3;
font-size:11px;
margin-left:10px;
}
/*
**********************************************/
.wysiwyg .divDate
{
margin-left:0px;
}
.wysiwyg H1
{
color:#4C4C4C;
font-size:22px;
font-weight:normal;
line-height:normal;
}
.wysiwyg H2
{
color:#4C4C4C;
font-size:20px;
font-weight:normal;
line-height:normal;
}
body.T06 .wysiwyg H3
{
color:#B8B308;
}
.wysiwyg H3
{
color:#4C4C4C;
font-size:18px;
font-weight:normal;
line-height:normal;
}
h4
{
color:#666666;
}
.wysiwyg H4
{
margin:4px 0 2px;
font-weight:bold;
font-size:12px;
color:#666666;
xcolor:#4C4C4C;
xfont-weight:normal;
line-height:normal;
}
.wysiwyg H5
{
color:#4C4C4C;
font-size:11px;
font-weight:bold;
line-height:normal;
}
.wysiwyg H6
{
color:#4C4C4C;
font-size:11px;
font-weight:normal;
line-height:normal;
}
#midcol #contentBottom .wysiwyg ol,
#midcol #contentTop .wysiwyg ol
{
padding-left:30px;
margin-left:0px;
}
#midcol #contentBottom .wysiwyg ul,
#midcol #contentTop .wysiwyg ul
{
margin-left:0px;
}
.T05 #midcol #contentBottom .wysiwyg ul,
.T05 #midcol #contentTop .wysiwyg ul
{
margin-left:0px;
clear:left;
display:block;
}
.wysiwyg p
{
padding-bottom:1em;
}
.wysiwyg h3 p,
.wysiwyg h4 p
{
padding-bottom:0em;
}
.wysiwyg pre
{
width:100%;
overflow:hidden;
}
.wysiwyg strong
{
font-weight:bold;
}
.wysiwyg em
{
font-style:italic;
}
.wysiwyg blockquote
{
border:1px solid #ccc;
padding:10px;
margin:10px 0px;
color:#666;
background-color:#eee;
}
.wysiwyg q
{
}
.wysiwyg HR
{
color: #ccc;
background-color: #ccc;
height: 1px;
border:0px;
margin:10px 0px;
}
.wysiwyg abbr,
.wysiwyg acronym
{
font-weight:bold;
margin:0px 5px;
}
.wysiwyg form
{
display:none;
}
.wysiwyg fieldset
{
padding:10px;
border-color:#ccc;
}
.wysiwyg legend
{
font-weight:bold;
margin:0px 5px;
}
/*
*****************************/
.T00 #contentBottom h2.swfirreplace
{
margin:6px 0px 10px;
font-size:16px;
}
.T05 h2.swfirreplace2
{
margin:6px 0px;
font-size:16px;
}
h2.swfirreplace,
h2.swfirreplace2
{
font-size:14px;
}
h2
{
font-size:15px;
}
.listHeading h2
{
font-size: 15px;
}
/*
*****************************/
.T00 #maplib div,
.T00 #maplib,
.T00 #triggermap
{
top:50px;
left:50px;
}
#maplib div,
#maplib,
#triggermap
{
position:absolute;
width:130px;
height:150px;
z-index:100;
left:10px;
top:40px;
}
#maplib
{
z-index:10;
background-image:url("/includes/img/nederland.gif");
background-position:0px 0px;
}
.T00 #maplib div,
#maplib div
{
display:none;
z-index:20;
left:0px;
top:0px;
}
.activeJs #provincielisting
{
display:none;
}
.T01 #provincielisting
{
display:block;
}
.T00 #provincielisting
{
margin-left:0px;
}
#provincielisting
{
position:relative;
width:130px;
margin-left:140px;
list-style-type:none;
}
#provincielisting li
{
border:1px solid #F3F3F3;
}
#provincielisting a
{
font-size:10px;
color:#666666;
display:block;
padding:1px 0px;
font-weight:bold;
}
#provincielisting a:hover,
#provincielisting .activeOnMap a
{
font-weight:bold;
font-size:10px;
color:#000;
}
#natuurgebied-zoekopprovincie
{
position:relative;
}
/**/
.imageAndDescription
{
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px solid #D9D9D9;
}
#colwrap div.tabbedInfo .colHeadingFill
{
background-color:Transparent;
padding:0px;
color:#000
}
body.T01 .tabbedInfo .listHeading h2 {
font-size:15px;
}
body.T02 .tabbedInfo .listHeading h2{
font-size:15px;
}
body.T03 .tabbedInfo .listHeading h2{
font-size:15px;
}
body.T04 .tabbedInfo .listHeading h2{
font-size:15px;
}
body.T01 .tabbedInfo h2 {
color:#333333;
}
body.T02 .tabbedInfo h2 {
color:#333333;
font-size:13px;
}
body.T03 .tabbedInfo h2 {
color:#333333;
}
body.T04 .tabbedInfo h2 {
color:#333333;
}
.tabbedInfo h2
{
padding-bottom:8px;
color:#333333;
}
.tabbedInfo #searchResultAccordion h2
{
padding-bottom:0px;
}
.T10 #midcol #contentTop .wysiwyg,
.T10 #midcol #contentTop ctrtext .wysiwyg {
line-height:1.6em;
}
.ctrText ul li
{
background-image:url(../img/bullet-wysiwyg.gif);
background-position:left 0.3em;
background-repeat:no-repeat;
padding-left:1.2em;
list-style-type:none;
}
/****************************/
/* Geo styles */
/****************************/
#contentTop .colContentGeo,
div.colContentGeo-province
{
height:500px;
}
div.colContentGeo-province
{
border: 1px solid #D9D9D9;
}
#contentBottom .colContentGeo-province h2{
color:#333333;
}
#wrapper #midcol #contentTop .tabbedInfo .colContentGeo p,
div.colContentGeo-province p
{
padding: 5px 5px 5px 5px;
}
div.colContentGeo-province
{
margin-bottom: 10px;
}
#contentTop .colContentGeoPilar{
height:500px;
}
#wrapper #midcol #contentTop .tabbedInfo .colContentGeo h2,.colContentGeo-province h2{
font-size:1.2em;
padding-bottom:1px;
}
#wrapper #midcol #contentTop .tabbedInfo .colContentGeo h3,.tabbedInfo .colContentGeo a,.colContentGeo-province h3,.colContentGeo-province a{
color:#6298B3;
}
#colwrap .tabbedInfo .colContentGeo a,#colwrap .colContentGeo-province a
{
color:#6298B3;
text-decoration:underline;
font-weight:bold;
}
#wrapper #midcol #contentTop .tabbedInfo .colContentGeo h3,.colContentGeo-province h3{
font-size:1.0em;
font-weight:normal;
}
#wrapper #midcol #contentTop .tabbedInfo .colContentGeo,.colContentGeo-province{
font-size:1.1em;
line-height:1.5em;
}
.T00 #searchResultAccordion .toggler
{
display:none;
}
.T00 #midcol #contentBottom ul#searchResultAccordion li
{
background-image:none;
height:44px;
border-width:1px 0px 0px 0px;
margin-bottom:0px;
}
.T00 #midcol #contentBottom ul#searchResultAccordion
{
border-bottom:1px solid #D9D9D9;
}
#midcol #contentTop .wysiwyg h4 {
margin:4px 0 2px;
font-weight:bold;
font-size:12px;
color:#666666;
}
/****************/
.beeldbankItemList .largemedia,
.ctrBeeldbankCategorielisting .media
{
float:left;
background-color:#f3f3f3;
border:1px solid #d9d9d9;
}
.beeldbankItemList,
.ctrBeeldbankCategorielisting
{
border-top:1px solid #d9d9d9;
margin:10px 0px 10px 0px;
}
.ctrBeeldbankCategorielisting li
{
border-bottom:1px solid #d9d9d9;
padding:5px 0px;
color:#4c4c4c;
font-size:13px;
width:49.5%;
float:left;
}
.beeldbankItemList li
{
border-bottom:1px solid #d9d9d9;
padding:5px 0px;
color:#4c4c4c;
font-size:13px;
}
.beeldbankItemList li a.arrow,
.ctrBeeldbankCategorielisting li a
{
color:#4c4c4c;
font-size:13px;
font-weight:bold;
margin-left:10px;
background-image:url("/includes/img/bullet-arrow10.gif");
background-position:right 5px;
background-repeat:no-repeat;
padding-right:15px;
}
.beeldbankItemList li div.element
{
font-size:0.85em;
padding:.2em 0;
line-height:130%;
margin-left:78px;
}
body #midcol #contentTop #beeldbankImage .ctrImage
{
background-color:#e6e6e6;
margin-top:5px;
}
#beeldbankImage #download
{
background-color:#f3f3f3;
text-align:center;
padding:5px 0px;
}
#beeldbankImage .imageDate b
{
font-size:11px;
color:#6298b3;
}
#beeldbankImage .imageTitle h2
{
font-size:13px;
color:#4c4c4c;
font-weight:bold;
}
body #midcol #contentTop #beeldbankImage .ctrImage .divImage
{
width:230px;
height:230px;
}
.submenu-subheader-noclick
{
font-size:11px;
font-weight:bold;
color:#808080;
}
#categoryhead {
color : #B8B308;
font-size:15px;
}
/******************************************/
#error
{
background-color:#f3f3f3;
}
#oneColCenter
{
width:340px;
height:121px;
background-color:#f3f3f3;
background-image:url("/includes/img/404_background.gif");
background-position:left top;
background-repeat:no-repeat;
position:absolute;
left:50%;
top:50%;
margin-left:-237px;
margin-top:-61px;
padding-left:110px;
padding-top:25px;
padding-right:40px;
font-size:12px;
color:#333;
}
#oneColCenter h2
{
border-bottom:1px solid #bfbfbf;
padding-bottom:5px;
margin-bottom:10px;
font-size:15px;
font-weight:bold;
}
#oneColCenter a{
color:#6298B3;
font-weight:bold;
text-decoration:underline;
}
/***********************************/
/* Tabs */
/***********************************/
ul.xtabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.xtabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li a {
text-decoration: none;
color: #838383;
display: block;
font-size: 11px;
padding: 7px 12px 0px 12px;
text-align:left;
margin:0px;
background-image:url(/includes/img/button_right_notcurrent.gif);
}
#tabbedcontent li.active
{
text-decoration: none;
color: #013565;
cursor:text;
}
ul.tabs li.active a, ul.tabs li.active a:hover {
PADDING-LEFT: 11px;
cursor:text;
text-decoration: none;
}
.tab_container {
padding: 10px;
overflow: hidden;
clear: both;
width: 100%;
border-bottom: #d9d9d9 1px solid;
border-left:#d9d9d9 1px solid;
background-color:#fff;
margin: 0px 0px 15px;
border-top: #d9d9d9 0px solid;
border-right:#d9d9d9 1px solid;
width: 96%;
}
.tab_content
{
}