/* GLOBAL STYLES ON ELEMENT LEVEL */

html, body { margin: 0; padding: 0; }
body { padding-top: 15px; text-align: center; font-family: "trebuchet ms", sans-serif; font-size: 82.5%; background: #fbfbfb url(/images/2010/background/bg_gradient.jpg) repeat-x left top; color: #444; line-height: 150%; overflow-y: scroll }
h1, h2, h3, h4 { color: #003e8e; font-weight: normal }
h1 { margin: 0 0 15px; padding: 0; font-size: 2em; line-height: 100%; }
h2 { margin: 15px 0 10px; padding: 0 0 3px; font-size: 1.1em; text-transform: uppercase; border-bottom: 1px solid #e3ebf3 }
p { margin: 0 0 12px }
p.right { text-align: right; margin: 0; }
a { color: #197dbe; text-decoration: none; }
a:hover { text-decoration: underline }
a { -moz-outline-style: none; }
input { outline: none }
img { border: 0 }

/* GLOBAL STYLES ON CLASS LEVEL */

div.box { padding-bottom: 8px; margin-bottom: 20px; background: url(/images/2010/general/box_bottom.gif) no-repeat left bottom; }
div.boxheader { background: #004b90 url(/images/2010/general/boxheader_bar.gif) no-repeat; font-weight: bold; color: #fff; text-transform: uppercase; height: 24px; padding: 7px 15px 0; }
* html div.boxheader { padding-top: 4px; height: 27px; }
div.boxcontent { padding: 12px 10px 4px 12px; background: #fff url(/images/2010/general/box_main.gif) repeat-y left bottom; }
div.nobar { height: 8px; padding: 0; background: #fff url(/images/2010/general/boxheader_nobar.gif) no-repeat; font-size: 0; }
* html div.nobar { height: 8px; padding-top: 0; } /* To counteract the star html div.boxheader style which has precedent over div.nobar */

div.container { width: 1000px; margin: 0 auto; text-align: left; }

h2 span.right { float: right; }
h2 span.right a { font-size: 10pt; color: #003e8e; text-decoration: none; }
h1 a, h2 a, h4 a { color: #003e8e }
h1 a:hover, h2 a:hover, h4 a:hover { text-decoration: none } 
	
a.prev, a.next, a.prev:hover, a.next:hover  { font-size: 0.9em; color: #003e8e; text-decoration: none; }
a.prev img, a.next img { margin: 2px 0 -2px; }
a.next { float: right }
a.prev { float: left }

img.flag { float: left; margin-right: 15px; }

/* TOP BAR WITH LOGO AND RSS FEED */

div.top { }
div.top div.logo { height: 78px; width: 453px; background: transparent url(/images/2010/logo/dlnsr.png) no-repeat 10px top; }
* html div.top div.logo { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/logo/dlnsr.png"); }

div.top div.rss { margin: 30px 5px 0 0; float: right; background: transparent url(/images/2010/general/rss_bar.gif) no-repeat left top; width: 94px; height: 31px }
* html div.top div.rss { margin-right: 3px }
div.top div.rss a { display: block; height: 31px; }
div.top div.logo a { display: block; width: 453px; height: 78px }
div.top a:hover { text-decoration: none }

div.top div.searchbar { float: right; margin: 30px 5px 0 0; padding: 4px 0 0 10px; width: 271px; height: 27px; background: transparent url(/images/2010/general/search_bar.gif) no-repeat left top; }
div.top div.searchbar input { border: 0; background: none; width: 155px }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.top div.searchbar { padding-top: 3px; height: 28px; }
}
* html div.top div.searchbar { padding-top: 1px; height: 30px }
*:first-child+html div.top div.searchbar { padding-top: 1px; height: 30px; }

/* PAGE */

div.page div.head { height: 16px; background: transparent url(/images/2010/background/content_head.png) no-repeat; }
* html div.page div.head { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/background/content_head.png"); }
div.page div.main { background: transparent url(/images/2010/background/content_main.png) no-repeat; }
* html div.page div.main { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/background/content_main.png"); }
div.page div.foot { height: 16px; background: transparent url(/images/2010/background/content_foot.png) no-repeat; }
* html div.page div.foot { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/background/content_foot.png"); }

div.page div.content { margin: 0 5px; padding: 5px 14px; background-color: #fff; }

div.visual { position: relative; background: #004b90 no-repeat; } /* Relative, so borderright can be relatively absolute */
div.visual div.curvedmenu { position: absolute; width: 100%; height: 170px; background: transparent url(/images/2010/menu/curvedmenu.png) right top no-repeat; }
* html div.visual div.curvedmenu { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/menu/curvedmenu_nohover.png"); }
div.fadevisual { position: relative; height: 170px; margin-bottom: -170px; }

div.visual span.border { width: 8px; height: 8px; background: transparent no-repeat; }
div.visual span.borderleft { position: absolute; float: left; background-image: url(/images/2010/menu/visual_borderleft.png); }
* html div.visual span.borderleft { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/menu/visual_borderleft.png"); }
div.visual span.borderright { position: absolute; right: 0; background-image: url(/images/2010/menu/visual_borderright.png); }
* html div.visual span.borderright { right: 19px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/menu/visual_borderright.png"); }

div.visual div.date { margin: 45px 0 0 14px; float: left; width: 217px; height: 93px; background: transparent url(/images/2010/logo/date.png) no-repeat; }
* html div.visual div.date { margin-left: 6px; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/logo/date.png"); }

div.visual div.curvedmenu ul { margin: 0; padding: 0; list-style: none; float: right; }
div.visual div.curvedmenu ul li { width: 360px; height: 57px; background: transparent left top no-repeat; margin-bottom: 1px; }
div.visual div.curvedmenu ul li.news { background-image: url(/images/2010/menu/curvedmenu_news.png); }
div.visual div.curvedmenu ul li.media { background-image: url(/images/2010/menu/curvedmenu_media_3.png); }
div.visual div.curvedmenu ul li.results { background-image: url(/images/2010/menu/curvedmenu_results_final.png); }
div.visual div.curvedmenu ul li.last { height: 54px; margin-bottom: 0; }
div.visual div.curvedmenu ul li a { position: relative; display: block; width: 360px; height: 57px; }
* html div.visual div.curvedmenu ul li.news, * html div.visual div.curvedmenu ul li.media, * html div.visual div.curvedmenu ul li.signup { background: none }

div.kurhaus { background-image: url(/images/2010/visuals/kurhaus.jpg); }
div.zeil { background-image: url(/images/2010/visuals/zeil.jpg) }
div.vuurschepenrace { background-image: url(/images/2010/visuals/vuurschepenrace_shopped.jpg) }

div.menubar { height: 33px; margin-top: 170px; background: #004b90 url(/images/2010/menu/menu_bar.gif) no-repeat; }
div.menubar span.borderright { float: right; width: 9px; height: 33px; background: #004b90 url(/images/2010/menu/menu_bar_right.gif) no-repeat; }

div.menubar ul { margin: 0; padding: 0; list-style-type: none; } 
div.menubar ul li { float: left; font-size: 1em; color: #fff; font-weight: bold; padding: 7px 0 6px; }
div.menubar ul li.last a { border-right: 0; }
div.menubar ul li.active { color: #91abc7 }
div.menubar ul li a { display: block; padding: 0 15px; border-right: 1px solid #165a99; color: #fff }
div.menubar ul li a:hover { color: #91abc7; text-decoration: none; }

div.menubar ul li div.flyoutmenu { display: none; position: absolute; margin-top: 25px; margin-left: -10px; width: 155px; z-index: 999 }
div.menubar ul li div.flyoutmenu div.inner { height: 145px; padding: 8px 25px; background: transparent url(/images/2010/menu/menu_flyout_bg.png) left top no-repeat; }
* html div.menubar ul li div.flyoutmenu div.inner { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/menu/menu_flyout_bg.png"); }
div.menubar ul li div.flyoutmenu div.inner ul { margin: 0; padding: 0; }
div.menubar ul li div.flyoutmenu div.inner ul li { float: none; margin: 0; padding: 0; font-weight: normal; font-size: 0.8em; border-right: 0; border-bottom: 1px solid #165a99; line-height: 180% }
div.menubar ul li div.flyoutmenu div.inner ul li.last { border-bottom: 0 }
div.menubar ul li div.flyoutmenu div.inner ul li a { position: relative; display: block; padding: 0; border-right: 0; }
div.menubar ul li div.flyoutmenu div.inner ul li a:hover { color: #91abc7 }

div.columns { margin-top: 15px; }
div.columns div.sidebar { width: 302px; float: right }
div.columns div.wide { float: left; width: 645px; }

div.newsitem p.intro { font-style: italic }
div.newsitem p.foot { font-weight: bold }

div.wide div.small { background: #e5edf4 none; padding: 0; float: left; margin: 0 15px 20px 0;  }
div.wide div.small { width: 315px; }
div.wide div.small div.boxheader { background: url(/images/2010/general/boxheader_bar_small.gif); }
div.wide div.small div.boxcontent { height: 260px; background: #e5edf4 url(/images/2010/general/box_bottom_small.gif) left bottom no-repeat; }
div.wide div.small div.boxcontent div.center { text-align: center; padding: 10px 0 10px; }
div.wide div.small div.boxcontent div.center p.note { font-size: 0.8em; padding-top: 5px; margin: 0 }

div.wide div.compact div.boxcontent { height: 160px }

div.wide div.tracker { padding: 0; background: url(/images/2010/content/tracker-small.jpg) no-repeat left top; width: 315px; height: 256px; }
div.tracker div.babybox { padding: 50px 25px 0 25px  }
div.tracker div.babybox h2 { border-bottom-color: #c0d7f4 }
div.tracker div.babybox p a { background: url(/images/2010/general/newsitem-bullet.gif) no-repeat 4px top ; padding-left: 20px }
div.tracker div.babybox p { margin: 0 0 4px }
	
div.dvd form { margin: 0; padding: 0 }
div.dvd form.image input { height: 134px; background: none } 
div.dvd form.button { float: right; }
div.dvd form.button input.orderdvd { background: url(/images/2010/general/add-to-cart.gif); width: 107px; height: 23px; cursor: pointer; padding: 0 }
div.dvd span { font-weight: bold; font-size: 0.9em; }
div.dvd p { line-height: 140%; }
* html div.dvd p { margin-bottom: 7px }
*:first-child+html div.wide div.dvd p { margin-bottom: 7px }
div.dvd span.price { color: #103a88; font-size: 1.2em; font-weight: bold; }
div.dvd span.price span.cent { font-size: 0.8em; vertical-align: top; line-height: 140% }
div.dvd div.priceandorder { padding-bottom: 10px }

div.wide div.right { margin-right: 0; }

div.box ul { margin: 0; padding: 0; list-style: none }
div.box ul li.pdf { background: url(/images/2010/general/pdf.gif) left top no-repeat; text-indent: 20px }

/* NEWS */

div.bignews { border-bottom: 1px solid #e3ebf3; padding-bottom: 15px; margin-right: 5px }
div.bignews img { float: right; margin-left: 20px; width: 236px; }
div.bignews p.foot { background: url(/images/2010/general/newsitem-bullet.gif) no-repeat 5px 3px; text-indent: 20px; margin: 0 }

div.morenews { }
div.morenews { clear: both; background: url(/images/2010/general/smallbox_bg.gif) no-repeat left top; margin: 15px 0 15px 3px; padding: 10px 0px 0 15px; }
div.morenews div.morenewsfooter { margin: 0 -20px 0 -15px; background: #fff url(/images/2010/general/smallbox_footer.gif) no-repeat left top; height: 8px; clear: both }
div.morenews p { margin-bottom: 5px }
div.morenews div.subitem { float: left; width: 280px; padding-right: 20px; }
div.morenews div.subitem img { float: left; width: 125px; margin-right: 10px; }
div.morenews div.subitem h4 { margin: 0; font-size: 1em; margin-bottom: 8px }
div.morenews div.subitem p { line-height: 130% }
div.morenews p.foot { background: url(/images/2010/general/newsitem-bullet-blue.gif) no-repeat 2px 1px; text-indent: 17px; }

div.oldnews { border-top: 1px solid #e3ebf3; padding-top: 10px; margin-right: 5px; }
div.oldnews p.bullet { background: url(/images/2010/general/newsitem-bullet.gif) no-repeat 10px 3px; text-indent: 25px; margin-bottom: 2px }

div.orderdvdpage form.image input { height: 134px; background: none }

/* SIDE BAR */

div.sidebar div.box { background: #e5edf4 none; padding: 0;  }
div.sidebar div.box div.boxheader { background: url(/images/2010/sidebar/boxheader_bar.gif); }
div.sidebar div.box div.boxcontent { border: 0; background: #e5edf4 url(/images/2010/sidebar/box_bottom.gif) left bottom no-repeat; }
div.sidebar div.box div.boxcontent p { font-size: 0.8em }

div.sidebar div.box div.northseasounds { padding-bottom: 12px }

div.wide div.gallery img { padding-bottom: 12px; }

div.sidebar div.weather { margin: 0 0 15px; padding: 0; width: 302px; }
div.sidebar div.weather div.boxcontent { padding: 0; background: #fff }

div.sidebar div.box div.newsletter label { display: -moz-inline-box; display: inline-block; width: 98px; padding-left: 5px; margin-bottom: 5px;  }
div.sidebar div.box div.newsletter p.signupbutton { margin-left: 127px; font-size: 1em  }

div.sidebar div.box div.video { margin: 0; padding: 0; } 
div.sidebar div.box div.video a { display: block; width: 302px; height: 173px; background: url(/images/2010/sidebar/homepage_videoitem.jpg) no-repeat left top; }

div.sidebar #tweet ul img { float: left; margin: 0 5px 0 0; }
div.sidebar #tweet ul li { font-size: 0.8em; margin: 0 0 5px 0; padding: 5px 0 0 0; border-top: 1px solid #a4b5d1; line-height: 140% }
div.sidebar #tweet ul li.tweet_first { border: 0; padding: 0 }
div.sidebar #tweet ul li span.tweet_text { display: -moz-inline-box; display: inline-block; margin-left: 21px }
* html div.sidebar #tweet ul li span.tweet_text { margin: 0 }

/* FOOTER */

div.footer { margin: 30px 50px; padding-bottom: 40px; }
div.footer div.sponsors { border-top: 1px solid #e3ebf3; border-bottom: 1px solid #e3ebf3; padding: 15px 0; }

div.footer div.sponsors div.dlnsr { margin-right: 20px; float: left; }
div.footer div.sponsors a { display: block; }
div.footer div.sponsors div.dlnsr a { width: 80px; height: 119px; background: url(/images/2010/logo/dlnsr.gif) no-repeat left -119px; }
div.footer div.sponsors div.mainsponsors a, div.footer div.subsponsors a { float: left }

div.footer div.sponsors div.mainsponsors, div.footer div.subsponsors { float: left; }
div.footer div.sponsors div.mainsponsors a.deltalloyd { margin: 20px 88px 0 0; width: 192px; height: 41px; background: url(/images/2010/logo/deltalloyd.gif) no-repeat left -41px; }
div.footer div.sponsors div.mainsponsors a.thehague { margin: 0 88px 0 0; width: 195px; height: 70px; background: url(/images/2010/logo/thehague.gif) no-repeat left -70px; }
div.footer div.sponsors div.mainsponsors a.gansewinkel { margin: 10px 0 0 0; width: 236px; height: 49px; background: url(/images/2010/logo/gansewinkel.gif) no-repeat left -49px; }

div.footer div.sponsors div.subsponsors a { }
div.footer div.sponsors div.subsponsors a.clique { margin: 15px 8px 0 0; width: 113px; height: 32px; background: url(/images/2010/logo/clique.gif) no-repeat left -32px; }
div.footer div.sponsors div.subsponsors a.brunel { margin: 20px 8px 0 0; width: 84px; height: 26px; background: url(/images/2010/logo/brunel.gif) no-repeat left -26px; }
div.footer div.sponsors div.subsponsors a.voormedia { margin: 20px 8px 0 0; width: 126px; height: 26px; background: url(/images/2010/logo/voormedia.gif) no-repeat left -26px; }
div.footer div.sponsors div.subsponsors a.malherbe { margin: 26px 8px 0 0; width: 132px; height: 21px; background: url(/images/2010/logo/malherbe.gif) no-repeat left -21px; }
div.footer div.sponsors div.subsponsors a.maritiem { margin: 25px 8px 0 0; width: 165px; height: 21px; background: url(/images/2010/logo/maritiem.gif) no-repeat left -21px; }
div.footer div.sponsors div.subsponsors a.ncs { margin: 5px 8px 0 0; width: 61px; height: 62px; background: url(/images/2010/logo/ncs.gif) no-repeat left -62px; }
div.footer div.sponsors div.subsponsors a.carlton { margin: 0; width: 68px; height: 68px; background: url(/images/2010/logo/carlton.gif) no-repeat left -68px; }

div.footer div.sponsors div.dlnsr a:hover, div.footer div.sponsors div.mainsponsors a:hover, div.footer div.sponsors div.subsponsors a:hover { background-position: left top; }

div.moresponsors { float: right; margin-top: 10px; color: #777 }

/* CONTENT-SPECIFIC */

table.foldtable { display: none; } 
h2.foldhead { cursor: pointer; }

div.venuevisual { height: 350px; width: 644px; margin: -12px 0 20px -12px; }

div.galleryfolder { float: left; width: 285px; height: 49px; margin: 0 10px 10px 0; background: url(/images/2010/gallery/folderbutton.gif); padding: 0 8px; }
div.galleryfolder a { display: block; height: 40px; padding: 9px 0 0; line-height: 140%; font-size: 0.9em; }
div.gallerythumb { width: 60px; height: 60px; background-color: #bbb; background-repeat: no-repeat; background-position: center center; border: 2px solid #fff }
div.gallerythumb a { display: block; width: 60px; height: 60px }
div.gallerythumb a:hover { text-decoration: none;  }
div.galleryfolder div.gallerythumb { width: 35px; height: 35px; border: 0; float: left; margin: 7px 10px 0 0; }
div.galleryfolder div.gallerythumb div.innerglow { width: 35px; height: 35px; background: transparent url(/images/2010/gallery/innerglow.png) left top no-repeat;  }
* html div.galleryfolder div.gallerythumb div.innerglow { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/2010/gallery/innerglow.png"); }
div.galleryfolder div.gallerythumb div.innerglow a { display: block; width: 35px; height: 35px }

input.buycanvasprint { width: 237px; height: 50px; background: url(/images/2010/general/buy-canvas-print2.gif) no-repeat left top; cursor: pointer; }

div.blueborder { border-color: #459af0 }

table.results { width: 100%; }
table.results td { padding: 2px 0 2px 0; }
 
/* NORTH SEA SOUNDS */

div.nssbanner a { display: block; width: 315px; height: 256px; padding: 0; background: url(/images/2010/content/nss-photos.jpg) no-repeat left top;  }
div.nssbanner a:hover { text-decoration: none }

div.nss { background: url(/images/2010/nss/background.jpg) no-repeat left top; height: 825px }
* html div.nss div.wide { height: 830px; }
div.nss h4 { font-size: 1.4em; margin: 0 0 10px }
div.nss p { font-size: 8pt; line-height: 130% }
div.nss div.box, div.nss div.boxcontent, div.nss div.sidebar div.boxcontent, div.nss div.sidebar div.box { background: transparent; }
div.nss div.sidebar div.box div.boxheader { background: transparent url(/images/2010/nss/sidebar_boxheader_bar.gif); }
div.nss div.box div.boxheader { background: transparent url(/images/2010/nss/boxheader_bar.gif); }
div.nss div.sidebar div.boxcontent { height: 350px; }
div.nss div.sidebar div.boxcontent table { padding-left: 5px }
div.nss div.sidebar div.boxcontent h3 { margin: 10px 0 30px 5px; }
div.nss div.sidebar div.boxcontent td { padding: 0 10px 5px 0; font-size: 0.9em; color: #003e8e }
* html div.nss div.sidebar div.boxcontent td { padding-bottom: 2px }
div.nss div.sidebar div.sidebarbutton { width: 302px; height: 31px; background: url(/images/2010/nss/sidebar-button.gif) no-repeat left top; margin-bottom: 15px }
div.nss div.sidebar div.sidebarbutton a { text-transform: uppercase; color: #fff; display: block; width: 272px; height: 19px; padding: 6px 15px; font-weight: bold }
div.nss div.sidebar div.sidebarbutton a:hover { text-decoration: none }

/* CLEARFIX STYLE FOR CLEARING DIVS WITH FLOATS */

div.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
div.clearfix { display: block; }
* html div.clearfix { height: 1%; }
/* End hide from IE-mac */

/* 2009 SITE STYLE FIXES */

div.boxcontent {  }
div.nsr_visual { margin-left: 80px; background: #fff; z-index: -1; }

/* FORMS */

input { height: 23px; width: 270px; padding: 0 8px; background: url(/images/2010/general/textfield_270.gif) left top no-repeat; border: 0; }
input.short { padding: 0 8px; width: 144px; background: url(/images/2010/general/textfield_160.gif) left top no-repeat; }
button, .button { width: 110px; height: 23px; background: #000 url(/images/2010/general/button.gif) left top no-repeat; font-family: "trebuchet ms"; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 0.8em; border: 0; }
a.button { display: -moz-inline-box; display: inline-block; padding-top: 2px; height: 21px; text-align: center; }
a.button:hover { text-decoration: none }
a.buttonsmall, button.buttonsmall { width: 76px; background-image: url(/images/2010/general/button_small.gif); }
.checkbox { height: 16px;  width: 16px; background: none;  }
table { margin: 0 0 12px; }
table.form { margin-top: 12px; }
input[type="radio"] { width: 16px }

/* IMAGE GALLERY */
a.list:hover { text-decoration: none } 

img[align="right"], table[align="right"] { float: none; }
img[align="left"] { float: none }
table[align="right"] td {  }