/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a:visited {text-decoration: underline; color: #959595; }

/* general
------------------------------------------------------------------*/
body { background: #fff url(/images/bg_body.gif) repeat-x; font: 13px/18px Arial, Verdana, sans-serif; color: #3a3e49; }
.imgTop { position:absolute; width:50%; height:214px; z-index:1; }
#wrapper_imgTop_left { background: url(/images/imgTop_left.jpg) top right repeat-x; left: 0; z-index: 2; }
#wrapper_imgTop_right { background: url(/images/imgTop_right.jpg) top left repeat-x; left: 50%; z-index: 2; }
h1 { padding: 10px 5px 10px 5px; font-size: 23px; font-weight: bold; color: #c93431;  text-align: center;  line-height: 28px; }
h2 { margin-bottom: 10px; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0 10px 0; background: #ebf2f2; color: #444d66; line-height: 20px;  }
h1 span { font-weight: normal; font-size: 14px; display: block;}
h3 { font-size: 13px; font-weight: bold; background: #ebf2f2; color: #444d66; padding: 5px 3px 5px 2px; text-transform: uppercase; }
h5 { margin: 0 0 3px 0; font-size: 12px; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #c93431; }
a:hover { color: #3a3e49; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

img { display: block; }
.img_left { margin: 0 18px 10px 0;}
.img_right { float: right; margin: 0 0 10px 18px; }
.file img { float: left; margin-right: 5px; }
.image { margin-bottom: 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* page structure
------------------------------------------------------------------*/
#wrapper { position: relative; width: 985px; margin: 0 auto; z-index: 3; }
#header { position: relative; height: 197px; background: url(/images/bg_header.jpg) no-repeat;  z-index: 10;}
#content_wrapper { /*border: green 1px solid;*/float: left; width: 892px; background: #fff; }
#navigation { display: inline; float: left; width: 170px; margin: 0 7px 0 7px; }
#sidebar { position: relative; float: left; width: 170px; }
#content { /*border: red 1px solid;*/ float: left; width: 524px; margin: 0 7px 0 0; }
#footer { clear: both; width: 100%; margin: 12px 0 0 0; }

/* header
------------------------------------------------------------------*/
#languages { float: right; }
#logo_F18 { display: block; float: left; width: 87px; margin: 35px 0 0 34px; }
#logo_rbsc { float: right; width: 101px; margin: 35px 142px 0 0; }

#main_nav { position: absolute; top: 142px; left: 0px; width: 892px; height: 56px; margin: 0; background: url(/images/bg_topMenuBalk.gif) bottom right no-repeat; overflow: hidden; }

#main_nav ul { display: inline; float: left; width: 442px; margin: 0 0 0 7px; }
#main_nav ul li { float: left; width: 214px; margin-right: 7px; }
#main_nav ul li#regatta a,
#main_nav ul li#surrounding a { display: block; width: 187px; height: 24px; padding: 10px 0 0 27px; background: url(/images/bg_main_nav_li_a.gif) no-repeat; font-size: 16px; color: #c93431; text-decoration: none; overflow: hidden; }
#main_nav ul li#regatta.active a,
#main_nav ul li#surrounding.active a,
#main_nav ul li#regatta a:hover,
#main_nav ul li#surrounding a:hover { background: url(/images/bg_main_nav_li_a_ho.gif) no-repeat; color: #fff; }

#main_nav #contact_newsletter { float: left; width: 150px; margin: 10px 0 0 45px; }
#main_nav #contact_newsletter li { float: left; width: auto; margin-right: 4px; }
#main_nav #contact_newsletter li a { font-size: 14px; color: #444d66; text-decoration: underline; }
#main_nav #contact_newsletter li.active a,
#main_nav #contact_newsletter li a:hover { color: #fff; }

#searchForm { display: inline; float: right; width: 170px; height: 30px; margin: 0; padding: 4px 0 0 0; background: url(/images/bg_searchForm.jpg) no-repeat; }
#searchForm #searchfield { float: left; width: 118px; height: 20px; padding: 2px; background: none; border: none; vertical-align: middle; font-size: 14px; text-align: center; color: #3a3e49; }
#searchForm #btn_search { float: right; width: 47px; height: 22px; padding: 0; background: none; border: none; color: #fff; cursor: pointer; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { width: 170px; margin: 0; }
#navigation ul li { width: 170px; margin: 0; padding: 0; }
#navigation ul li a { display: block; width: 141px; height: 19px; padding: 8px 2px 8px 27px; background: url(/images/bg_li_a.gif) no-repeat; font-size: 14px; color: #444d66; text-decoration: none; }

/*#navigation ul li.first a { background:url(/images/bg_liFirst_a_top.gif) 0 1px no-repeat; }
#navigation ul li.last a { background: #c93431 url(/images/bg_liLast_a_bottom.gif) bottom left no-repeat; }
#navigation ul li.active.first a,
#navigation ul li.first a:hover { background: #fff url(/images/bg_liFirst_a_top_ho.gif) top left no-repeat; }
#navigation ul li.active.last a,
#navigation ul li.last a:hover { background: #fff url(/images/bg_liLast_a_bottom_ho.gif) bottom left no-repeat; }*/

#navigation ul li a.first { background:url(/images/bg_liFirst_a_top.gif) 0 1px no-repeat; }
#navigation ul li a.last { background: #c93431 url(/images/bg_liLast_a_bottom.gif) bottom left no-repeat; }
#navigation ul li.active a.first,
#navigation ul li a.first:hover { background: #fff url(/images/bg_liFirst_a_top_ho.gif) top left no-repeat; }
#navigation ul li.active a.last,
#navigation ul li a.last:hover { background: #fff url(/images/bg_liLast_a_bottom_ho.gif) bottom left no-repeat; }*

#navigation ul li.active a,
#navigation ul li a:hover { background: url(/images/bg_li_a_ho.gif) no-repeat; color: #fff; }

#navigation ul ul { margin: 0; padding: 0; background: #fff;  }
#navigation ul ul li { }
#navigation ul li.active/*.first*/ ul li a,
#navigation ul li.active ul li a { width: 141px; /*padding: 4px 2px 4px 40px;*/ background: url(/images/bg_li_a.gif) no-repeat; font-size: 12px; color: #a1a6b2; }
#navigation ul li.active ul li.active a,
#navigation ul li.active ul li a:hover { background: url(/images/bg_li_a_2.gif) no-repeat; color: #fff; }


/* sidebar
------------------------------------------------------------------*/
#sidebar a { display: block; width: 145px; margin: 0; padding: 10px 0 0 25px; font-size: 14px; color: #fff; text-decoration: none; cursor: pointer; }
#btn_registration { height: 77px; background: url(/images/btn_registration.jpg) no-repeat; }
#btn_rbsc { height: 78px; background: url(/images/btn_rbsc.jpg) no-repeat; }
#btn_teams { height: 76px; background: url(/images/btn_teams.gif) no-repeat; }
#btn_faq { height: 78px; background: url(/images/btn_faq.gif) no-repeat; }

/* partners
------------------------------------------------------------------*/
#partners { float: right; width: 93px; margin: 0; }
#partners li { width: 86px; margin: 0 0 7px 0; padding: 0 0 0 7px; }
#partners li a { display: block; }

/* content
------------------------------------------------------------------*/
#content ul { list-style-type: square; }
#content ul li { margin: 0 0 3px 0; }

#content #media_menu { height: 41px; padding-top: 1px; }
#content #media_menu ul { margin: 0 0 0 0; width: 524px; height: 40px; border-top: #c1bfbc 1px solid; list-style-type: none; }
#content #media_menu ul li { float: left; margin: 0 6px 0 0; }
#content #media_menu ul li.last { margin-right: 0; }
#content #media_menu ul li a { display: block; width: 100px; height: 30px; padding: 10px 0 0 0; background: url(/images/media_a.gif) no-repeat; font-size: 12px; color: #a1a6b2; text-align: center; text-decoration: none; }
#content #media_menu ul li.active a,
#content #media_menu ul li.active a:hover { background: url(/images/media_a_act.gif) bottom left no-repeat; color: #fff; text-decoration: none; }
#content #media_menu ul li a:hover { /*width: 95px; height: 25px; padding: 10px 0 0 55px;*/ background: url(/images/media_a_ho.gif) top left no-repeat; color: #fff; text-decoration: none; }

/*#media_menu #GPS a { background: url(/images/btn_gps.gif) no-repeat; }
#media_menu #GPS a:hover,
#media_menu #GPS.active a:hover { background: url(/images/btn_gps_ho.gif) no-repeat; }
#media_menu #GPS.active a { background: url(/images/btn_gps_act.gif) no-repeat; }
#media_menu #Results a { background: url(/images/btn_results.gif) no-repeat; }
#media_menu #Results a:hover,
#media_menu #Results.active a:hover { background: url(/images/btn_results_ho.gif) no-repeat; }
#media_menu #Results.active a { background: url(/images/btn_results_act.gif) no-repeat; }
#media_menu #Weather a { background: url(/images/btn_weather.gif) no-repeat; }
#media_menu #Weather a:hover,
#media_menu #Weather.active a:hover { background: url(/images/btn_weather_ho.gif) no-repeat; }
#media_menu #Weather.active a { background: url(/images/btn_weather_act.gif) no-repeat; }
#media_menu #Pictures a { background: url(/images/btn_pictures.gif) no-repeat; }
#media_menu #Pictures a:hover,
#media_menu #Pictures.active a:hover { background: url(/images/btn_pictures_ho.gif) no-repeat; }
#media_menu #Pictures.active a { background: url(/images/btn_pictures_act.gif) no-repeat; }
#media_menu #Movies a { background: url(/images/btn_movies.gif) no-repeat; }
#media_menu #Movies a:hover,
#media_menu #Movies.active a:hover { background: url(/images/btn_movies_ho.gif) no-repeat; }
#media_menu #Movies.active a { background: url(/images/btn_movies_act.gif) no-repeat; }
#media_menu #Webcam a { background: url(/images/btn_webcam.gif) no-repeat; }
#media_menu #Webcam a:hover,
#media_menu #Webcam.active a:hover { background: url(/images/btn_webcam_ho.gif) no-repeat; }
#media_menu #Webcam.active a { background: url(/images/btn_webcam_act.gif) no-repeat; }
#media_menu #Interviews a { background: url(/images/btn_interviews.gif) no-repeat; }
#media_menu #Interviews a:hover,
#media_menu #Interviews.active a:hover { background: url(/images/btn_interviews_ho.gif) no-repeat; }
#media_menu #Interviews.active a { background: url(/images/btn_interviews_act.gif) no-repeat; }*/

#inhoud { position: relative; width: 504px; padding: 0 10px; background: url(/images/inhoud.gif) repeat-y; }
#inhoud_top { /*position: absolute; top: 0; left: 0;*/ width: 524px; height: 10px; background: url(/images/inhoud_top.gif) no-repeat; overflow: hidden; }
#inhoud_top.mediaFirst { background: url(/images/inhoud_top_mediaFirst.gif) no-repeat; }
#inhoud_top.mediaLast { background: url(/images/inhoud_top_mediaLast.gif) no-repeat; }
#inhoud_bottom { /*position: absolute; bottom: 0; left: 0;*/ width: 524px; height: 10px; background: url(/images/inhoud_bottom.gif) no-repeat; overflow: hidden; }

#inhoud.view_pict { width: 523px; padding: 0; }
#pictSlider { position: relative; width: 503px; height: 20px; padding: 10px 10px 8px 10px; background: #3c3f4b; }
#previous_scroller { float: left; width: 11px; height: 12px; margin: 2px 5px 0 0; background: url(/images/prev.gif) no-repeat; }
#next_scroller { float: left; width: 11px; height: 12px; margin: 2px 0 0 5px; background: url(/images/next.gif) no-repeat; }
#slider_container { position: relative; float: left; height: 20px; width: 471px; overflow: hidden; }
#pict_nav { margin: 0;  }
#pict_nav li { float: left; }
#pict_nav li a { display: block; padding: 0 4px; color: #fff; font-size: 13px; text-decoration: none; }
#pict_nav li.active a,
#pict_nav li a:hover { text-decoration: underline; }

/* teams
----------*/
h5 a { cursor: pointer; }
ul.country { margin: 5px 0 14px 0; padding: 5px 0 0 16px; border-top: #000 1px solid; }


/* faq
----------*/
ul.faq { list-style-type: square; }
.question { font-weight: bold; }

/* search
----------*/

#search_results li { width: 488px; margin: 0 0 4px 0; }

/* contact - newsletter
----------------------*/
table.formContact td { padding: 4px; }
table.formContact td.newsletterlabel { padding-left: 0; }
table.formContact input { width: 277px; }
table.formContact input#contact_address,
table.formContact input#contact_city { width: 207px; }
table.formContact input#contact_housenumber,
table.formContact input#contact_postalcode { width: 60px; }
table.formContact input#contact_newsletter { width: auto; margin: 0; }
table.formContact input#btn_submit,
table.formContact input#newsletterSubmit { width: 100px; }



/* pictures
-----------*/
#content #picturesCategorie { width: auto; }
#content #picturesCategorie li { width: auto; }


#content ul#fotos li { margin: 0 0 5px 5px; }

/* registration form
--------------------*/
table.formWedstrijd td { padding: 3px 5px 3px 0; /*border: #000 1px solid;*/ }
table.formWedstrijd td.firstColumn { width: 149px; }
table.formWedstrijd td.secondColumn { width: 345px; }
#registrationform input { width: 300px; }
#registrationform input#skipper_address,
#registrationform input#crew1_address,
#registrationform input#crew1_city,
#registrationform input#skipper_city { width: 245px; }
#registrationform input#skipper_housenumber,
#registrationform input#crew1_housenumber,
#registrationform input#crew1_postalcode,
#registrationform input#skipper_postalcode{ width: 50px; }

#registrationform input#id_read { display: inline; width: auto; }
#registrationform input#btn_submit { width: auto; }

#paymentCards { width: 205px; margin: 0 auto; }
#mastercard,
#visa { float: left; width: 35px; margin-right: 40px; }
#verisign { float: left; width: 55px; }

/* homepage
------------------------------------------------------------------*/
#homepage #inhoud { overflow: hidden; width: 504px; padding: 10px; }

/* slideshow
------------*/
#link_media { display: block; float: left; width: 523px; margin: 0 6px 0 0; text-decoration: none; cursor: pointer; }
#slideshow { display: block; width: 523px; height: 248px; }

/* footerNav
------------*/
#footerNav { clear: both; }
#footerNav a { display: block; float: left; margin: 0 6px 15px 0; color: #7f7f7f; cursor: pointer; }

#btn_location { width: 172px; background: url(/images/btn_location.gif) no-repeat; }
#footerNav #btn_teams { width: 171px; margin-right: 0; background: url(/images/btn_teams_footer.jpg) no-repeat; }
#footerNav #btn_faq { width: 168px; margin-right: 0; background: url(/images/btn_faq_footer.gif) no-repeat; }
#footerNav #btn_rbsc { width: 168px; background: url(/images/btn_rbsc_footer.jpg) no-repeat; }

.tussenstuk { float: left; width: 8px; height: 99px; background: url(/images/tussenstuk.gif) no-repeat; }

#footerNav a.button { height: 44px; padding: 55px 0 0 0; font-size: 18px; color: #fff; text-align: center; text-decoration: none; }

/* footer
------------------------------------------------------------------*/
#footer { font-size: 11px; margin-bottom: 15px; border-top: #7f7f7f 1px solid; }
#footer_wrapper { width: 985px; margin: 0 auto; }
#footer div.disclaimer { float: left; width: 270px; padding: 10px 0 0 27px; }
#footer #disclaimer { padding-top: 10px; }

#footer div.verkoopsvoorwaarden { float: left; width: 400px; }

#footer a { color: #3a3e49; text-decoration: none; }

#footer #verkoopsvoorwaarden { float: left;width: 130px; padding-top: 10px; }
#footer #mastercard {float: left; margin-right: 20px; }
#footer #visa { float: left;margin-right: 20px; }
#footer #duo { float: right; width: 100px; margin: 0 105px 0 0; padding-top: 10px; text-align: right; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }



#fotos { margin-left: 0; padding-left:0; }
#fotos li { float: left; margin: 0 13px 13px 0; height: 116px; overflow: hidden; }