@import "megamenu.css";
@import "typ.css";
@import "news_latest.css";
@import "menu_leftcol.css";
html {
    margin: 0;
    padding: 0;
    min-width: 1016px;
    height: 100%
    }
body {
    margin: 0;
    padding: 0;
    height: 100%
    }
.news-search-emptyMsg {
    display: none
    }
.news-search-form {
    height: 115px;
    border: 1px solid #fff
    }
.news-search-form input, .news-search-form .news-search-form-submit {
    float: left
    }
.news-search-form input {
    color: #333;
    font-family: "Open Sans", Arial, serif;
    font-size: 20px;
    border: 1px solid #CADDEA;
    -moz-border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 1px 1px 2px #999;
    border-radius: 2px 2px 2px 2px;
    width: 674px;
    height: 34px;
    padding: 0 2px 0 5px
    }
.news-search-form-submit input[type="submit"] {
    background: #EFF1F2;
    border: 1px solid #CADDEA;
    color: #666;
    font-family: "Open Sans", Arial, serif;
    font-size: 20px;
    font-weight: 600;
    height: 38px;
    margin: 26px 0 0 0;
    padding: 2px 0 5px;
    text-align: center;
    text-decoration: none;
    width: 116px
    }
#waddenzeeHp {
    background-color: #EFF1F2;
    background-image: url(base_01_FILES/bg_hp_body_tile.jpg);
    background-repeat: repeat-y;
    background-position: center top
    }
/* WEATHER MAP */
#rightColumnHpContent #c12669 {
    margin: 0 0 0 13px
    }
.theme-default .nivoSlider {
    position: relative;
    background: #fff url(loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
    }
.theme-default .nivo-controlNav {
    bottom: -26px;
    left: 86%;
    position: absolute;
    width: 200px
    }
.tx-imagecycle-pi3-images .nivo-caption {
    display: none
    }
.theme-default .nivo-controlNav a {
    background: url(cssimg/bullets.png) no-repeat
    }
.skin-slidedeck {
    background: #FFF
    }
.skin-slidedeck dl.slidedeck .activeCorner {
    background-image: url(base_01_FILES/corner.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    top: 30px !important;
    margin-left: -4px !important;
    display: none
    }
.skin-slidedeck {
    z-index: 20001 !important
    }
.skin-slidedeck dl.slidedeck dt.active {
    background: #D8DD5C
    }
.skin-slidedeck dl.slidedeck dt.active {
    color: #000 !important
    }
.skin-slidedeck dl dt div.index {
    display: none !important
    }
.tabHp {
    float: right;
    margin: 0 325px 0 0;
    width: 300px;
    list-style: none outside none
    }
.tabHp li {
    display: inline;
    padding: 0 6px 1px 6px;
    float: right
    }
.tabHp li div a {
    color: #000;
    font-family: "Arvo", serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
    }
.tabHp li div {
    float: right;
    height: 28px
    }
.tabHp li div {
    background-image: url(base_01_FILES/tab_homepage_mid.gif);
    background-repeat: repeat-x;
    background-position: center bottom
    }
.tabHp li div.rH {
    background-image: url(base_01_FILES/tab_homepage.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 8px
    }
.tabHp li div.lH {
    background-image: url(base_01_FILES/tab_homepage.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 12px
    }
#fancybox-overlay {
    background-color: #fff !important
    }
#mb_overlay {
    z-index: 1997
    }
#mb_center {
    z-index: 2000
    }
#mb_bottom {
    z-index: 2000
    }
#fancybox-content #wrapper {
    background-image: none
    }
#fancybox-content #header, #fancybox-content #mainNav, #fancybox-content #contentThemeImage, #fancybox-content #breadCrumbsPath, #fancybox-content #leftColumn, #fancybox-content #footer {
    display: none
    }
#fancybox-content #rightColumn {
    float: left
    }
#cboxOverlay {
    background: none repeat scroll 0 0 #fff !important
    }
#cboxTitle {
    color: red
    }
#wrapper, #wrapperMid, #wrapperInner {
    min-height: 100%
    }
#wrapper {
    background-image: url(cssimg/body_menubar_tile.gif);
    background-repeat: repeat-x;
    background-position: center top;
    position: relative
    }
#wrapperInner, #footerInner, #footerInnerContent {
    width: 985px;
    margin: 0 auto
    }
#header {
    height: 74px;
    padding: 0
    }
.menu2 {
    margin: 32px 0 0 0
    }
#logo {
    margin: 15px 0 0 11px
    }
#langMenuWrap {
    float: right;
    width: 65px;
    text-align: right;
    margin: 8px 1px 0 0
    }
#langOne {
    width: 56px
    }
#langMenuWrap #langOne img {
    border: 0;
    margin-left: 2px
    }
.extraIcons {
    margin: 6px 0 0 0
    }
.extraIcons a {
    margin: 0 5px 0 0
    }
#zoekForm {
    font-size: 12px;
    width: 332px;
    margin: 1px 5px 0 0
    }
#header fieldset {
    background: #fff;
    border: 1px solid #CADDEA;
    height: 24px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -moz-box-shadow: 2px 2px 3px #999
    }
#zoekForm #searchfield {
    /* -moz-border-radius: 5px 5px 5px 5px;
      -webkit-border-radius-topleft: 6px;
      -webkit-border-radius-topright: 6px;
      -webkit-border-radius-bottomleft: 6px;
      -webkit-border-radius-bottomright: 6px;
      border-radius-topleft: 6px;
      border-radius-topright: 6px;
      border-radius-bottomleft: 6px;
      border-radius-bottomright: 6px*/
    background-color: #FFF;
    border: 0;
    color: #333;
    font-family: "Droid Serif", serif;
    font-size: 14px;
    height: 16px;
    margin: 0 4px 0 0;
    padding: 2px 4px;
    text-decoration: none;
    width: 291px;
    -webkit-box-shadow: 2px 2px 5px #999
    }
.headerZoek {
    border: 0;
    margin: 0;
    padding: 5px 0 6px 6px
    }
fieldset.headerZoek {
    width: 300px
    }
/*#ieCorners {width:206px;float:left}*/
#zoekForm #verstuur {
    background: url(cssimg/search_button_klein.jpg) no-repeat scroll 0 0 transparent;
    background-position: 0 3px;
    border: medium none;
    color: transparent;
    cursor: pointer;
    font-size: 1px;
    line-height: 36px;
    height: 24px;
    outline: medium none;
    width: 22px;
    margin: 0 0 0 0;
    padding: 0 0 0 0
    }
#zoekForm #verstuur {
    vertical-align: top;
    vertical-align: 1px
    }
#mainNav {
    width: 985px;
    height: 64px;
    background-image: url(base_01_FILES/mainnav_line.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: 0 0 20px 0;
    padding: 0
    }
#waddenzeeCont #mainNav {
    margin: 0 0 0 0
    }
#rssLink {
    margin: 30px 0 0 0
    }
#socialMedia {
    margin: 30px 6px 0 10px
    }
#socialMedia .exit {
    display: none
    }
#introTextImage {
    width: 980px;
    height: 390px;
    background-image: url(base_01_FILES/waddenzee_image.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    border: 0
    }
#themeDiv {
    text-align: center;
    height: 176px;
    padding: 15px 0 0 0;
    border: 0
    }
#themeDiv div {
    text-align: left
    }
#wrapperContentHp {
    background-image: url(cssimg/hp_left_right_cols_bg.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    width: 980px;
    padding-bottom: 350px
    }
.topShadow {
    background-image: url(cssimg/hp_left_col_top_bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    width: 578px;
    height: 20px
    }
#leftColumnHp {
    width: 568px;
    padding: 0 10px 0 10px;
    background-image: url(cssimg/hp_left_col_bg.jpg);
    background-repeat: repeat-y;
    background-position: right top
    }
.leftColumnHpTop {
    padding-bottom: 10px
    }
#leftColumnLowHp {
    background-image: url(cssimg/hp_left_div_line.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 30px
    }
/*#leftColumnLowHp div {
  padding-top:30px;
}*/
#rightColumnHp {
    width: 388px;
    /*background: #7A8B97;
        border-right:1px solid #54626B;
        border-left:1px solid #54626B;*/
    }
#latestNieuws {
    margin: 6px 0 20px 4px
    }
#rightColumnHpContent {
    margin: 32px 0 0 0;
    padding: 1px 0 0 0
    }
#footer {
    bottom: -20px;
    width: 100%;
    background-image: url(cssimg/footer_bg_tile.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    padding: 0 0 20px 0;
    position: absolute
    }
#footerInner {
    background-image: url(cssimg/footer_inner_bar.jpg);
    background-repeat: no-repeat;
    background-position: center top
    }
#footerAdres {
    min-height: 32px;
    text-align: center;
    padding: 6px 0 32px 0
    }
#leftFooter, #middleFooter {
    background-image: url(cssimg/footer_div_bar.jpg);
    background-repeat: no-repeat;
    background-position: 0 26px;
    width: 170px;
    min-height: 210px;
    margin: 0 0 50px 0;
    padding: 45px 0 0 16px
    }
#rightFooter {
    background-image: url(cssimg/footer_rightside_glow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 328px;
    min-height: 210px;
    padding: 45px 0 0 66px
    }
#themeLinks {
    width: 170px;
    padding: 45px 0 0 16px
    }
ul.quicklinks {
    margin: 2px 0 0 0;
    padding: 0;
    list-style-type: none
    }
.floatLeft {
    float: left
    }
.floatRight {
    float: right
    }
.clearRight {
    clear: right;
    height: 1px
    }
.clearAll {
    clear: both;
    height: 1px
    }
.csc-frame-rulerBefore {
    margin: 40px 0 36px 0
    }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SERVICE NAV @@@@@@@@@@@@@@@@@@@@@@@ */
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ SERVICE NAV @@@@@@@@@@@@@@@@@@@@@@@ */
#servNav {
    margin: 10px 0 0 0
    }
#servNav a {
    font-family: "Droid Serif", serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    color: #333;
    margin: 0 6px 0 19px;
    text-decoration: none;
    vertical-align: top
    }
#servNav a:hover {
    text-decoration: underline
    }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ MENU LEVEL 1 @@@@@@@@@@@@@@@@@@@@@@@ */
#nav {
    padding-top: 43px
    }
.mainbM ul {
    margin: 0;
    padding: 0;
    text-align: right;
    width: 550px
    }
.mainbM ul li {
    display: inline-block;
    height: 32px;
    list-style-type: none;
    max-width: 150px;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    border-bottom: 2px solid transparent
    }
.mainbM ul li.butStart {
    padding: 10px 12px 0 0
    }
.mainbM ul li.butMid {
    padding: 10px 12px 0 12px
    }
.mainbM ul li.butEnd {
    padding: 10px 12px 0 12px
    }
.mainbM ul li.act div {
    border-bottom: 6px solid #ED7D4F
    }
.mainbM ul li div:hover {
    /*background-image: url("cssimg/menu_over2.png");*/
    border-bottom: 6px solid #ED7D4F
    }
.mainbM ul li div {
    margin: 0 10px
    }
.mainbM ul li a {
    font-family: "Arimo", serif;
    color: #013564;
    font-size: 19px;
    text-decoration: none
    }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WEBSITE SEARCH FORM Start @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#rightColumnContent .tx-indexedsearch label {
    font-family: "Open Sans", Arial, serif;
    font-size: 15px;
    float: left;
    margin: 0 0 10px 0;
    width: 10em;
    text-align: left
    }
#rightColumnContent .tx-indexedsearch-search-for label {
    color: #485245;
    float: left;
    font-size: 0.8em;
    margin-left: 0;
    margin-right: 0.4em;
    width: 5em
    }
.tx-indexedsearch-search-submit, .tx-indexedsearch-search-select-group, .tx-indexedsearch-search-select-results, .tx-indexedsearch-search-for, .tx-indexedsearch-search-in, .tx-indexedsearch-search-select-section, .tx-indexedsearch-search-select-order {
    clear: both;
    margin: 2px 0 4px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px dotted #ccc
    }
.tx-indexedsearch-search-submit label, .tx-indexedsearch-search-select-group label, .tx-indexedsearch-search-select-results label, .tx-indexedsearch-search-for label, .tx-indexedsearch-search-in label, .tx-indexedsearch-search-select-section label, .tx-indexedsearch-search-select-order label {
    width: 9em !important;
    text-align: right !important;
    font-size: 14px !important;
    margin-right: 6px !important
    }
.tx-indexedsearch-search-select-group select, .tx-indexedsearch-search-select-group input {
    float: left
    }
.tx-indexedsearch-search-select-group select {
    margin-right: 16px
    }
.tx-indexedsearch-search-select-group {
    margin-bottom: 16px;
    padding-bottom: 24px
    }
.tx-indexedsearch-whatis {
    font-family: "Open Sans", Arial, serif;
    font-size: 13px
    }
.tx-indexedsearch-sw {
    color: red
    }
#search, .tx-indexedsearch {
    float: left
    }
#search fieldset, .tx-indexedsearch fieldset {
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    margin-left: 2.4em;
    /*border:1px solid yellow;*/
    }
#search #searchfield, .tx-indexedsearch #searchfield {
    width: 29.2em;
    margin: 0 0 0 0.5em;
    padding: 0;
    border: 1px solid #E36801
    }
#search label, #search #searchfield, #search input, #search fieldset {
    text-align: left
    }
.tx-indexedsearch label, .tx-indexedsearch #searchfield, .tx-indexedsearch input, .tx-indexedsearch fieldset {
    text-align: left
    }
.tx-indexedsearch label {
    text-align: right
    }
.tx-indexedsearch fieldset {
    margin: 0;
    padding: 0.35em 0 0 0
    }
#search label, #search #searchfield {
    float: left
    }
.tx-indexedsearch label, .tx-indexedsearch #searchfield {
    float: left
    }
#search label, .tx-indexedsearch label {
    margin: 0;
    padding: 0;
    width: 8em
    }
.tx-indexedsearch #verstuur {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 0.9em;
    font-weight: bold;
    color: #fff;
    background: none;
    width: 3em;
    border: 0;
    margin-left: 0.5em;
    cursor: pointer
    }
.res-tmpl-css {
    border-top: 1px solid #DEDEDE
    }
#rightColumnContent .tx-indexedsearch-browsebox ul.browsebox li a {
    font-family: "Open Sans", Arial, serif;
    font-size: 12px;
    margin: 20px 0 10px;
    text-align: center;
    color: #2450FD;
    text-decoration: none
    }
#rightColumnContent .tx-indexedsearch-browsebox ul.browsebox li strong a {
    color: #000
    }
.browsebox a {
    color: #2450FD;
    text-decoration: none
    }
.browsebox a:hover {
    color: #000;
    text-decoration: underline
    }
.browsebox strong a {
    color: #000
    }
.tx-indexedsearch-sec ol {
    padding: 0
    }
.tx-indexedsearch-sec {
    font-family: "Open Sans", Arial, serif;
    font-size: 12px;
    margin: 20px 0 10px;
    text-align: center;
    color: #2450FD;
    text-decoration: none
    }
.tx-indexedsearch-sec a {
    color: #2450FD;
    text-decoration: none
    }
.tx-indexedsearch-sec a:hover {
    color: #000;
    text-decoration: underline
    }
h2.tx-indexedsearch-title {
    color: #004671;
    background: #D8DD5B;
    margin: 20px 0 10px 0;
    padding: 2px 4px 2px 4px
    }
h2.tx-indexedsearch-title a, h3 span.tx-indexedsearch-title a {
    color: #004671
    }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
    float: right;
    font-weight: normal;
    letter-spacing: 0;
    margin-top: 0 !important
    }
.tx-indexedsearch-newinfo {
    font-family: "Open Sans", Arial, serif;
    font-size: 12px
    }
.tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-mtime, .tx-indexedsearch-text-item-path, .tx-indexedsearch-text-item-path a {
    font-family: "Open Sans", Arial, serif;
    font-size: 12px;
    text-decoration: none
    }
dd {
    margin-left: 6px;
    margin-right: 10px
    }
#themeDiv .csc-default {
    float: left;
    width: 162px;
    padding: 0 27px 0 10px
    }
#themeDiv .csc-frame-rulerAfter {
    float: left;
    width: 162px;
    padding: 0 0 0 12px
    }
#themeDiv .csc-textpic-imagewrap dl {
    padding: 0 22px 0 10px
    }
#themeDiv img, #themeDiv .csc-textpic-imagewrap dl img {
    border: 3px solid #fff;
    -moz-box-shadow: 3px 3px 4px #666;
    /* Firefox/Mozilla */
    -webkit-box-shadow: 3px 3px 4px #666;
    /*Safari/Chrome */
    box-shadow: 3px 3px 4px #666;
    /* Opera & hoe het zou moeten */
    /* Voor IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=, Direction=135, Color='#666666')";
    /* Voor IE 5.5 - 7 */
    }
.csc-textpic-imagewrap dd {
    color: #000;
    font-family: "Open Sans", serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    margin: 14px 0 26px;
    text-decoration: none
    }
#themeDiv h2 {
    margin: 0 0 4px 0
    }
#themeDiv h2 a, #themeDiv .csc-textpic-imagewrap dd, #themeDiv .csc-textpic-imagewrap dd a {
    color: #000;
    font-family: "Droid Serif", serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1.1;
    padding: 4px 0 1px 0;
    text-decoration: none
    }
#themeDiv h2 a:hover {
    text-decoration: underline
    }
.tx-indexedsearch-text-item-path a {
    color: #2450FD
    }
.tx-indexedsearch-text-item-path a:hover {
    text-decoration: underline
    }
#tx-indexedsearch-searchbox-sword {
    -moz-border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 1px 1px 2px #999;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #CADDEA;
    color: #333;
    font-family: "Open Sans", Arial, serif;
    font-size: 18px;
    font-weight: 400;
    height: 30px;
    margin: 0 4px 2px 0;
    padding: 2px 4px;
    text-decoration: none;
    width: 674px
    }
#tx-indexedsearch-searchbox-button-submit {
    background: #EFF1F2;
    -moz-border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 1px 1px 2px #999;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #CADDEA;
    color: #666;
    font-family: "Open Sans", Arial, serif;
    font-size: 18px;
    font-weight: 600;
    height: 30px;
    line-height: 18px;
    margin: 0 4px 2px 0;
    padding: 0 0 3px 0;
    text-decoration: none;
    width: 150px;
    text-align: center
    }
.tx-indexedsearch .tx-indexedsearch-browsebox .tx-indexedsearch-sec ol li {
    display: block;
    text-align: left
    }
#rightColumnContent #tx_indexedsearch legend {
    display: none
    }
/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ WEBSITE SEARCH FORM end @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
#mailform label, label {
    font-family: "Open Sans", Arial, serif;
    font-size: 13px;
    font-weight: 400;
    float: left;
    width: 30%;
    margin-right: 0.5em;
    padding-top: 0.2em;
    text-align: right;
    font-size: 0.8em
    }
#zoekForm label {
    font-size: 0.01em
    }
.csc-mailform-field {
    clear: both;
    margin-top: 4px;
    padding: 0 0 2px 0;
    vertical-align: top
    }
.csc-mailform-field input, .csc-mailform-field textarea {
    -moz-border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 2px 2px 3px #999;
    /* Voor IE 9 */
    border-radius: 2px 2px 2px 2px;
    box-shadow: 5px 5px 5px #ccc;
    margin: 4px 0 1px;
    padding: 2px 0 2px 4px;
    font-family: Arial, serif;
    font-size: 15px;
    /* Voor IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
    /* Voor IE 5.5 - 7 */
    }
input[type="submit"] {
    margin-left: 31.1%;
    border: 1px solid #9AB9CD;
    color: #666;
    font-family: "Open Sans", Arial, serif;
    font-size: 20px;
    font-weight: 600;
    height: 38px;
    padding: 2px 0 5px;
    text-align: center;
    text-decoration: none;
    width: 316px
    }
input, textarea {
    border: 1px solid #9AB9CD
    }
textarea {
    width: 316px
    }
.leftColumnHpTop div.csc-textpic div.csc-textpic-single-image img {
    /*width:98px;
      height:74px;*/
    margin: 5px 0 0 5px
    }
/*.leftColumnHpTop .csc-textpic-intext-left-nowrap div {
margin-left:110px!important;
}
.leftColumnHpTop .csc-textpic-intext-left-nowrap div div {
  width:452px;
margin-left:0!important;
}
.leftColumnHpTop div.csc-textpic-single-image {
  margin-left:0!important;
}
.leftColumnHpTop div.csc-textpic-intext-left div.csc-textpic-imagewrap  {
  margin-right: 6px !important;

}*/
.csc-linkToTop {
    float: right;
    background-image: url(cssimg/boven_link_footer.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 40px
    }
.csc-linkToTop:hover {
    background-image: url(cssimg/boven_link_footerover.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 40px;
    height: 40px
    }
#rightFooter p.csc-linkToTop a {
    color: transparent;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600
    }