/* GENERAL TAGS FORMATTING */ h1, h2, .h3, h3, h4{ margin-top:0px; margin-bottom:0px; } * {margin:0;padding:0;} object { outline:none; } body, p{ font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; padding:0;margin:0; } p {font-size:0.6875em; color:#000; margin-bottom:10px;} body, html{margin:0px; padding:0px; height:100%; background:#F1F1F1 url(/images/bg2.jpg) no-repeat center top; } #home { background:#F1F1F1 url(/images/bg.jpg) no-repeat center top;} body > #wrapper {height:auto; } body > #wrapper2 {height:auto; } a {text-decoration:none; color:#F44700;} a:hover {text-decoration:underline;} img {border:0;} .sponsoricon a {display:block; height:80px; width:120px;} .PropSlideShow {display:block;} .sponsor_slide {display:block; height:84px; width:128px; background-position:center center; background-repeat:no-repeat;} #topmenu {width:100%; height:30px; width:970px; margin:0 auto;} #topmenu #top_content ul {list-style:none; float:right;} #topmenu #top_content ul li {float:left; margin-left:15px;} #topmenu #top_content ul li a {color:#0B1A55; font-size:0.625em; text-transform:uppercase;} #home #mainmenu_wrapper {width:100%; height:36px; background-color:#FFF; position:relative; z-index:100; margin-bottom:124px;} #mainmenu_wrapper {width:100%; height:36px; background-color:#FFF; position:relative; z-index:100;} #home #wrapper {width:970px; margin:0 auto 0 auto; position:relative; z-index:90; overflow:hidden;} #wrapper {width:970px; margin:124px auto 0 auto; position:relative; z-index:90; overflow:hidden;} #wrapper2 {width:970px; margin:0 auto; position:relative; z-index:90; overflow:hidden;} #queen_top {width:513px; height:253px; position:absolute; background:url(/images/queen_top.png) no-repeat center center; z-index:91; left:50%; margin-left:-228px; top:15px;} #queen_bottom {width:278px; height:342px; position:absolute; background:url(/images/queen_bottom.png) no-repeat center center; z-index:20; left:50%; margin-left:-126px; top:78px;} /* HEADER */ /* COLUMS HOME */ #leftcolumn {width:500px; float:left; z-index:1; } #leftcolumn #left_header {width:500px; height:92px; background: url(/images/header_nieuws.png) no-repeat left top; margin-bottom:-30px; position:relative; z-index:2; } #leftcolumn #accordion {background:url(/images/bg_nieuws.jpg) repeat-y right bottom; padding-bottom:35px;} #news_wrapper {position:relative;} #leftcolumn .news {width:93px; height:16px; display:block; background:url(/images/news.jpg) no-repeat left -19px; font-size:0.625em; color:#FFF; text-transform:uppercase; padding:3px 0 0 5px; position:absolute; bottom:7px; left:10px;} #leftcolumn .news:hover {background:url(/images/news.jpg) no-repeat left top;} #left_content {background-color:#F9C300; border-right:1px solid white; position:relative; z-index:1; padding-top:30px; padding-bottom:2000px; margin-bottom:-2000px;} #media_wrapper {height:218px; background:url(/images/bg_media.jpg) repeat-x left top; padding:10px;} #media_wrapper h2 {text-indent:-9999px; background:url(/images/media.png) no-repeat left center; } #media_wrapper a {left:0 !important;} #media_wrapper #photos {float:left; height:184px; margin-right:10px; position:relative;} #media_wrapper #videos {float:left; height:184px; position:relative;} #cocktails {background:#F9C300 url(/images/bg_recipe.png) no-repeat left top; padding:10px; height:150px;} #cocktails h2 {text-indent:-9999px; background:url(/images/cocktails.png) no-repeat left center; } #cocktails #recipe {width:115px; height:16px; display:block; background:url(/images/recipe.jpg) no-repeat left -19px; font-size:0.625em; color:#FFF; text-transform:uppercase; padding:3px 0 0 5px; margin-top:10px;} #cocktails #recipe:hover {background:url(/images/recipe.jpg) no-repeat left top;} #cocktails p {width:350px;} #presented {padding:10px; background:url(/images/bg_media.jpg) repeat-x left top;} #presented h2 {text-indent:-9999px; background:url(/images/presented.png) no-repeat left center; } #presented #szn {float:left;} #presented #ducos {margin:18px 0 0 38px; float:left;} #presented #rf {float:left; margin:30px 0 0 35px;} #presented a:hover {text-decoration:none;} #banners {background-color:#C892FF; padding:10px 0px 10px 20px;} #banners #sponsor_image {float:left; margin-right:15px} #newsletter {background:url(/images/bg_newsletter.jpg) no-repeat right top; height:97px; padding:10px;} #newsletter h2 {text-indent:-9999px; background:url(/images/newsletter.png) no-repeat left center; } #rightcolumn {width:469px; float:left; z-index:1; } #rightcolumn #right_header {width:469px; height:92px; background: url(/images/header_programma.png) no-repeat left top; margin-bottom:-30px; position:relative; z-index:2; } #right_content {background-color:#9933CC; position:relative; z-index:1; padding-top:30px; padding-bottom:2000px; margin-bottom:-2000px;} #right_content #program {background:#5C0AA3;} #right_content #program #election {width:100%; height:47px; display:block; border-bottom:2px solid #9933CC; background:url(/images/election_hover.jpg) no-repeat right top;} #right_content #program #battle {width:100%; height:45px; display:block; border-bottom:2px solid #9933CC; background:url(/images/battle_hover.jpg) no-repeat right top;} #right_content #program #parade {width:100%; height:47px; display:block; border-bottom:2px solid #9933CC; background:url(/images/straatparade.jpg) no-repeat right top;} #right_content #program #stage {width:100%; height:47px; display:block; border-bottom:2px solid #9933CC; background:url(/images/liveonstage.jpg) no-repeat right top;} #right_content #program #complete {width:157px; height:15px; display:block; background:url(/images/complete.jpg) no-repeat left top; font-size:0.625em; color:#FFF; text-transform:uppercase; float:right; padding:4px 0 0 6px; margin:10px; } #right_content #program #complete:hover {background:url(/images/complete.jpg) no-repeat left -19px;} #right_content #program #election:hover {background-position:right -47px; background-color:#3E058A;} #right_content #program #battle:hover {background-position:right -45px; background-color:#3E058A;} #right_content #program #parade:hover {background-position:right -46px; background-color:#3E058A;} #right_content #program #stage:hover {background-position:right -46px; background-color:#3E058A;} #right_content #list_wrapper {height:275px; padding-left:15px; float:left; width:295px; overflow:hidden;} #right_content #volunteers {background:#5C0AA3; z-index:1; position:relative; } #right_content #volunteers p {padding:10px 10px 0 166px; color:#FFF;} #right_content #volunteers a.volunteer {float:left; background:url(/images/volunteer.jpg) no-repeat left top; width:101px; height:16px; font-size:0.625em; color:#FFF; padding:3px 0 0 5px; display:block; text-transform:uppercase;} #right_content #volunteers a.volunteer:hover {background:url(/images/volunteer.jpg) no-repeat left -19px;} #right_content #volunteers #volunteer_header {height:35px; background:#9933CC;} #right_content #volunteers h2 {text-indent:-9999px; background:url(/images/volunteers.gif) no-repeat left center; width:249px; height:19px; float:left; margin:9px 0 0 166px;} #right_content #twitter {background:#C892FF; z-index:1; position:relative;} #right_content #twitter h2 {text-indent:-9999px; background:url(/images/twitter.gif) no-repeat left center; width:76px; height:16px; float:left; margin:9px 0 0 166px;} #right_content #twitter a.whitelink {color:#FFF; font-size:0.6875em; margin:12px 0 0 5px; display:block; float:left;} #right_content #twitter #twitter_header {height:35px; background:#9933CC;} #right_content #twitter #twitterlink {float:left; padding:81px 0 0 0; position:relative;} #right_content #twitter #twitterlink a {width:78px; height:38px; position:absolute; display:block; text-indent:-9999px; bottom:25px; left:15px;} #right_content #twitter_update_list { color:#FFF; font-size:0.6875em; float:left; width:270px;} #right_content #twitter_update_list a {color:#DC0066; } #right_content #twitter_update_list li {padding:5px 0 5px 0; border-bottom:1px solid white;} #right_content #twitter_update_list li span {color:#5C0AA3; } #right_content #community {margin-top:-40px; z-index:2; position:relative;} #right_content #community #community_header {width:469px; height:85px; background:url(/images/bg_community.png) no-repeat left top; position:relative;} #right_content #community #community_header h2 {text-indent:-9999px; background:url(/images/community.gif) no-repeat left center; width:125px; height:20px; float:left; margin:3px 0 0 15px;} #right_content #community #community_header #buttons {padding-top:50px;} #right_content #newsletter p {padding:5px 166px 5px 0px; color:#FFF;} #right_content #newsletter input {float:left;} #right_content #newsletter .input {height:17px; border:1px solid #5C0AA3;} #right_content #newsletter #submit {border:0; background:url(/images/post.jpg) no-repeat left top; width:80px; height:19px; font-size:0.625em; color:#FFF; margin-left:10px; text-transform:uppercase;} /* COLUMNS */ #column_left {width:179px; float:left; background-color:#CCCC00; border-right:1px solid white; padding-bottom:2000px; margin-bottom:-2000px;} #column_right {width:790px; float:left; background:#5C0AA3; padding-bottom:2000px; margin-bottom:-2000px; position:relative; z-index:100;} #header {height:215px; width:970px; margin-top:-215px; position:relative; z-index:10; } #replaceWithFlash {height:215px; width:970px; position:relative; z-index:1;} #column_right #newswrapper #content_header {height:20px; background:#9747C8; padding:10px;} #column_right #newswrapper #content_header h2 {color:#FFF; font-size:1em;} #column_right #newswrapper {background:url(/images/bg_content.gif) no-repeat right bottom; padding:0 100px 20px 24px; margin-top:-20px;} #column_right #newswrapper #content {background:#9747C8; margin-top:5px; padding:10px;} #column_right #newswrapper #content p {color:#FFF;} #column_right #newswrapper .newsitem {background:#9747C8; margin-top:5px; padding:10px; color:#FFF;} #column_right #newswrapper .newsitem p {color:#FFF; margin:4px 0;} #column_right #newswrapper .newsitem p a {color:#FFF;} #column_right #newswrapper .hilite {background:#F1F1F1; color:#9933CC; cursor:pointer;} #column_right #newswrapper .hilite p {color:#9933CC;} #column_right #newswrapper .hilite p a {color:#9933CC; text-decoration:underline;} #column_right #newswrapper .readmore {background:url(/images/readmore_hover.jpg) no-repeat left top; width:80px; height:16px; font-size:0.625em; color:#FFF; padding:3px 0 0 5px; display:block; text-transform:uppercase; float:right; margin:10px 0 0;} #column_right #newswrapper .hilite .readmore {background:url(/images/readmore_hover.jpg) no-repeat left bottom; width:80px; height:16px; font-size:0.625em; color:#FFF; padding:3px 0 0 5px; display:block; text-transform:uppercase;} #column_right #content_header {height:20px; background:#E2DAE9; padding:10px;} #column_right #content_header h2 {color:#9933CC; font-size:1em;} #column_right #content_wrapper h1 {color:#9933CC;} #column_right #content_wrapper h2 {color:#9933CC; } #column_right #content_wrapper h3, #column_right #content_wrapper h4 {color:#9933CC; font-size:0.75em;} #column_right #content_wrapper {background:url(/images/bg_content.gif) no-repeat right bottom; padding:0 100px 20px 24px; margin-top:-20px;} #column_right #content {background:#E2DAE9; margin-top:5px; padding:10px;} #column_right #content p {color:#9933CC;} #column_left #partner_image { padding-left:4px; padding-top:10px; } #column_left #partner_image img { } #breadcrumb { height:30px; color:#F44700;} #breadcrumb ul {font-size:0.6875em; list-style:none;} #breadcrumb ul li {float:left;} #breadcrumb ul li a {color:#F44700; text-decoration:underline; margin-right:3px;} #breadcrumb ul li a:hover {text-decoration:none; color:#FFF;} #footer {padding-top:82px; width:970px; background:url(/images/footer_bg.png) no-repeat left top; margin:-18px auto 20px auto; z-index:100; position:relative;} #footer_content {width:890px; background:url(/images/bg_sponsors.png) repeat left top; padding:40px;} #footer_content img {margin:0 10px 10px 0;} /* Menu */ #main_menu {width:970px; margin:0 auto; font-family:Arial; font-size:0.9375em; padding-top:4px; text-transform:uppercase;} #main_menu ul { list-style:none; z-index: 999;} #main_menu ul li { position: relative; display: block; float: left;} #main_menu ul li.star { background:url(/images/star.gif) no-repeat left 8px; width:14px; height:32px; } #main_menu ul li.selected { } #main_menu ul li:hover a { color:#000; } #main_menu ul li a { padding:0 7px 4px 7px; border:1px solid #FFF; border-bottom:0; color:#001655; line-height: 1.8em; text-decoration: none !important; display:block;} #main_menu ul li a.active {border-bottom:4px solid #E20A16; padding-bottom:0; color:#E20A16;} #main_menu .selected a { text-decoration: underline;} #main_menu ul li a:hover {border:1px solid #CCC; z-index:10; margin-bottom:0px; position:relative; padding-bottom:0; color:#E20A16;} #main_menu ul li a.haschildren:hover {border:1px solid #CCC; padding-bottom:3px; border-bottom:1px solid white; z-index:10; position:relative; color:#E20A16;} #main_menu ul li:hover a.haschildren {border:1px solid #CCC; padding-bottom:3px; border-bottom:1px solid white; z-index:10; position:relative; color:#E20A16;} #main_menu .selected a:hover { color:#E20A16; } /* submenu's */ #main_menu .selected ul a{ color:#51227F; } #main_menu .selected ul a:hover { color:#000;background: #FFF; } #main_menu ul ul .selected a { color: #000 !important;background-color: #FFF; } #main_menu ul ul{ position: absolute;list-style: none;z-index: 999; background-color:#FFF; border:1px solid #CCC;} #main_menu li ul{ font-size: 100%; margin: 0; position:absolute; display: none; } #main_menu ul li li { width:100%; background: transparent; padding: 0px; } #main_menu ul li li a { background:none; padding: 2px 10px; color: #000; display:block; white-space:nowrap; font-weight:normal; font-size:0.75em; border:0; } #main_menu ul li li a span {background:none; padding: 0; } #main_menu ul li:hover ul li a {background:none; color: #000; padding: 2px 10px; border:0;} #main_menu ul li:hover ul li a span {background:none;} #main_menu ul li ul li a:hover { color:#FFF; background:#E2001A; border:0; padding: 2px 10px; margin-bottom:0;} #main_menu ul li ul li a:hover span {background:none;} #main_menu li:hover ul { top:31px; left: 0px; display: block; z-index:8; } /* SUBMENU */ #submenu_wrapper {background:url(/images/bg_submenu.jpg) no-repeat left bottom;} #submenu {background:#D6D600; padding-bottom:40px;} #submenu #pagetitle {background:#DCDC00; color:#0B1A55; font-size:1em; font-weight:bold; padding:10px;} #submenu ul {list-style:none} #submenu li { border-bottom:1px solid #CCCC00; } #submenu li a {font-size:0.75em; color:#3D4F87; display:block; padding:5px 3px 5px 20px; background:url(/images/li.gif) no-repeat 10px center; } #submenu li a.active {color:#F44700;} .bannerBox a {float:left; margin-right:15px;} .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 80%; background: url(/images/scrollbarbg.gif) repeat-y center top; } .jScrollPaneDrag { position: absolute; background: url(/images/scrollbar_button.gif) no-repeat center center; cursor: pointer; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; background:url(/images/scrollbar_up.gif) no-repeat left top; height: 16px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(/images/scrollbar_down.gif) no-repeat left top; height: 16px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* clearfix */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hide from IE Mac \*/ .clearfix{ display:block; } /*videos*/ .videothumbs .row { height:120px; } .videothumbs .video { float:left; width:135px; margin-right:50px; height:130px; overflow:hidden; } .videothumbs .video.nomargin{ margin-right:0; } .videothumbs .video a.thumb { background-position:center; background-repeat:no-repeat; height:73px; display:block; width:131px; } .videothumbs .video a.thumb span { width:100%; height:100%; background:url(/images/play_icon.gif) no-repeat center; display:block; } .videothumbs .video a.thumb:hover span { background:url(/images/play_icon_hover.gif) no-repeat center; } .videothumbs .video a.title { font-size:0.6875em; color:#E10019; text-decoration:none; } .videothumbs .video a.title:hover { text-decoration:underline; } .videothumbs .video p { } .videoplayer { padding-top:10px; padding-left:50px; width:440px; } #videocontentwrapper { overflow:hidden; padding:10px 0; } #tilewrapper{ overflow:hidden; height:280px; position:relative; } #tileslider { width:10000px; height:280px; position:absolute; } #tileslider .tile { float:left; padding-left:50px; height:280px; width:550px; } .videothumbs .pagination { position:relative; height:30px; margin-left:50px; width:440px; } .videothumbs .pagination #paginationleft { position:absolute; width:23px; height:30px; display:block; right:24px; top:0; background:url(/images/trans_arrow_left.gif) no-repeat center; border-left:1px solid white; } .videothumbs .pagination #paginationright { position:absolute; width:23px; height:30px; display:block; right:0px; top:0; background:url(/images/trans_arrow_right.gif) no-repeat center; border-left:1px solid white; } .videothumbs .pagination a#paginationright:hover { background:#aa3333 url(/images/trans_arrow_right_hover.gif) no-repeat center } .videothumbs .pagination a#paginationleft:hover { background:#aa3333 url(/images/trans_arrow_left_hover.gif) no-repeat center } .custom_images{float:left;} .respect_button{float:left; margin-left:10px; width:100px; } .addthis_toolbox { float:left; } .soacialmedia { margin-bottom: 5px; display: block; }