/*
		IJSBOERKE IJssnoetactie 
		ijssnoetactie.js
*/


/*
		BACKGROUNDS
*/

div#content-wrapper { padding: 70px 0 0 0; }
.contest-img-1 { height: 490px; background: #fff url(../img/backgrounds/ijssnoetactie-1.jpg) center 0 no-repeat; }
.contest-img-2 { height: 490px; background: #fff url(../img/backgrounds/ijssnoetactie-2.jpg) center 0 no-repeat; }
.contest-img-3 { height: 500px; background: #fff url(../img/backgrounds/ijssnoetactie-3.jpg) center 0 no-repeat; }
.contest-img-4 { height: 500px; background: #fff url(../img/backgrounds/ijssnoetactie-4.jpg) center 0 no-repeat; }

/* 
   STICKER 75 jaar
*/

/* Default sticker */
#sticker-75th-anniversary { 
	width: 61px; height: 61px; position: absolute; top: 76px; right: 15px;	
	background: url(../img/ijssnoetactie/sticker-75jaar-small.png) no-repeat; display: block; text-indent: -9999px; }

/* Larger sticker homepage */
.page-contest-home #sticker-75th-anniversary { 
	width: 97px; height: 97px; position: absolute; top: 70px; right: 10px;	
	background: url(../img/ijssnoetactie/sticker-75jaar.png) no-repeat; display: block; text-indent: -9999px; }

/* 
   HEADER with SUB NAV
*/

/* background */
div#header{ height: 165px; width: 986px; background: url(../img/assets/subnav_background.png) no-repeat; z-index: 10; top: 0; }


ul#subnav { position: absolute; left: 261px; top: 70px; background: url(../img/assets/subnav_spacer.png) no-repeat 0 4px; }
ul#subnav li { float: left; background: url(../img/assets/subnav_spacer.png) no-repeat right 1px; height: 60px; }
ul#subnav li a {
	font-size: 12px; line-height: 14px; font-weight: normal; color:#ffffff; 
	text-transform: uppercase; text-decoration: none;
	text-shadow: 1px 1px rgba(115,181,224,1);
	display: block; position: relative;
	text-align: center; padding: 8px 12px 10px 12px;
	background: url(../img/assets/subnav_selected.png) no-repeat 0 -200px; 	
}

/* 
hover background image is a transparent arch shape
therefore each item needs a width so we can set the left background position  
*/
ul#subnav li.subnav-home { width: 79px; }
ul#subnav li.subnav-galery { width: 85px; }
ul#subnav li.subnav-participate { width: 100px; }
  ul#subnav li.subnav-winners { width: 102px; }
ul#subnav li.subnav-prizes { width: 88px; }

ul#subnav li.subnav-home a:hover, ul#subnav li.subnav-home a.selected { background-position: 0 0; }
ul#subnav li.subnav-galery a:hover, ul#subnav li.subnav-galery a.selected { background-position: -80px 0; }
ul#subnav li.subnav-participate a:hover, ul#subnav li.subnav-participate a.selected { background-position: -165px 0; }
  ul#subnav li.subnav-winners a:hover, ul#subnav li.subnav-winners a.selected { background-position: -165px 0; }
ul#subnav li.subnav-prizes a:hover, ul#subnav li.subnav-prizes a.selected { background-position: -266px 0; }

/* sets the height to follow the arch */
ul#subnav li.subnav-home a { padding-bottom: 34px; }
ul#subnav li.subnav-galery a { padding-bottom: 26px; }
ul#subnav li.subnav-participate a { padding-bottom: 17px; }
  ul#subnav li.subnav-winners a { padding-bottom: 17px; }
ul#subnav li.subnav-prizes a { padding-bottom: 10px; }


/* 
   Some general TEXT SETTINGS
*/	 

h2 sup { font-size: 12px; vertical-align: super; } 
h3 { font-size: 13px; margin: 0 0 16px 0; }
p  { line-height: 16px; margin-bottom: 16px; font-size: 13px; position:relative; }
dl { line-height: 16px;  font-size: 13px; position:relative; }
dt { font-weight: bold; }
dd { margin-bottom: 16px; }

/* nowrap */
.nowrap { white-space: nowrap; }


/* 
   IMAGE BUTTONS
*/	

.btn-upload { width: 187px; height: 32px; background: url(../img/ijssnoetactie/nl/btn-upload.png) no-repeat; }
.btn-upload-again { width: 249px; height: 32px; background: url(../img/ijssnoetactie/nl/btn-upload-again.png) no-repeat; }
.btn-galery { width: 272px; height: 32px; background: url(../img/ijssnoetactie/nl/btn-galery.png) no-repeat; }
.btn-winners { width: 272px; height: 32px; background: url(../img/ijssnoetactie/nl/btn-winners.png) no-repeat; }
.btn-home-cta { width: 145px; height: 21px; background: url(../img/ijssnoetactie/nl/btn-home-cta.gif) no-repeat; }
.btn-cta-prizes { width: 145px; height: 21px; background: url(../img/ijssnoetactie/nl/btn-cta-prizes.gif) no-repeat; }

/* Fran�ais */
.fr .btn-upload { width: 224px; background: url(../img/ijssnoetactie/fr/btn-upload.png) no-repeat; }
.fr .btn-upload-again {width: 292px;  background: url(../img/ijssnoetactie/fr/btn-upload-again.png) no-repeat; }
.fr .btn-galery { width: 286px; background: url(../img/ijssnoetactie/fr/btn-galery.png) no-repeat; }
.fr .btn-winners { width: 292px; background: url(../img/ijssnoetactie/fr/btn-winners.png) no-repeat; }
.fr .btn-home-cta { width: 200px; background: url(../img/ijssnoetactie/fr/btn-home-cta.gif) no-repeat; }
.fr .btn-cta-prizes { width: 157px; background: url(../img/ijssnoetactie/fr/btn-cta-prizes.gif) no-repeat; }





/* 
   HOME
	 -----------------------------------------
*/

/* intro */
.home-intro { float: none; position: absolute; width: 400px; left: 570px; top: 100px; z-index: 21; }

/* call to action */
.home-cta { position: absolute; left: 5px; top: 362px; width: 212px; height: 142px; padding: 38px 0 0 215px; background: url(../img/ijssnoetactie/cta-bg.png) no-repeat; }
.home-cta h2 { color: #1c4e6f; font-size: 21px; margin: 0 0 8px 0; }
.home-cta p { color: #1c4e6f; font-size: 12px; line-height: 15px; margin: 0 0 12px 0; }

/* illustration */
.home-illustration { width: 250px; height: 240px; position: absolute; top: 320px; right: 15px; z-index: 20; }
.home-illustration-2 { width: 250px; height: 240px; position: absolute; top: 310px; right: 85px; }
 
 
 
 
/* 
   GALLERIJ
	 -----------------------------------------
*/

.page-contest-galery div#content-wrapper { overflow: visible !important; }

/* columns */
.contest-img-4-left  { width: 527px; height: 490px; margin: 0 0 0 0; float: left; position: relative; overflow: hidden; }
.contest-img-4-right { width: 454px; padding: 0 5px 0 0; float: right; }
 
/* intro */ 
.galery-intro { padding: 0 15px 0 48px; }
.galery-intro h3 { font-size: 13px; margin: 0 0 20px 0; }
.galery-intro-1 .photo { width: 127px; float: left; margin: -10px 0 0 -35px; /*left: -35px; top: -10px;*/}
.galery-intro-1 .photo img { /*position: relative; */ }
.galery-intro-1 .text { width: 220px; padding: 5px 0 0 0; float: right; }

/* photo */
#galery-item { position: absolute; }
.galery-item-inner { margin: 20px; position: relative; overflow: hidden; }
.galery-photo { text-align: center; margin: 0; padding: 11px; }

.galery-item-horizontal { width: 420px; height: 300px; left: 58px; top: 57px; background:url(../img/ijssnoetactie/galery-item-horizontal-bg.png) no-repeat 0 0; }
.galery-item-horizontal .galery-item-inner { width: 380px; height: 260px; }
.galery-item-horizontal .galery-photo img { width: 358px; }
/*#galery-item { top: 500px; }*/
.galery-item-vertical { width: 300px; height: 420px; left: 120px; top: -7px; background:url(../img/ijssnoetactie/galery-item-vertical-bg.png) no-repeat 0 0; }
.galery-item-vertical .galery-item-inner { width: 260px; height: 380px; }
.galery-item-vertical .galery-photo img { height: 358px; }

/* photo text overlay */
.galery-photo-overlay { position: absolute; left: 0; bottom: 0; background:url(../img/ijssnoetactie/photo-overlay.png) no-repeat center 0; }
.galery-photo-overlay-toggle { height: 10px; overflow: hidden; text-indent: -9999px; cursor: pointer; background: #73b5e0 url(../img/ijssnoetactie/galery-photo-overlay-toggle.gif) no-repeat center 0; }
.toggle-closed .galery-photo-overlay-toggle { background-position: center -10px !important; }

.galery-item-horizontal .galery-photo-overlay { width: 380px; }
.galery-item-vertical .galery-photo-overlay { width: 260px; }

.galery-photo-overlay-text { color: #fff; font-size: 10px; line-height: 14px; padding: 7px 25px; }
.galery-photo-overlay-buttons { border-top: 1px solid #a0b4c1; margin: 0 25px; padding: 7px 0; }
.addthis_button { float: left; margin: 2px 0 0 0; }
.btn-like { background: url(../img/ijssnoetactie/like-btn-large.png) no-repeat; width: 70px; height: 21px; float: right; }
.btn-like:hover { background-position: 0 -30px; }
.btn-like-selected, btn-like-selected:hover { background-position: 0 -60px !important; cursor: default; }
        
/* dropdown */	

.galery-filter-select { position: absolute; left: -9999px; }

        .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited { color:#111; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#5d4617;}
        .dropdown dt a, .dropdown dt a:visited {
					background: url(../img/ijssnoetactie/galery-filter.gif) no-repeat scroll right center; display:block; padding-right:20px;
          width:258px; height: 21px; line-height: 21px; color: #000; font-size: 13px; padding: 0 5px; font-weight: normal;}
        .dropdown dt a:hover { color:#111; }
        .dropdown dt a span { cursor:pointer; display:block; }
        .dropdown dd ul { background:#fff none repeat scroll 0 0; border:1px solid #e2e2e2; color:#fff; display:none;
                          left:0px; padding:0 ; position:absolute; top:0; width:244px; list-style:none; z-index: 3000; }
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding: 0 5px; display:block; color:#73b5e0; font-size: 13px; }
        .dropdown dd ul li a:hover { background-color:#73b5e0; color: #fff; }			 
				 
				 
/* 
	 scroller
*/

/* container */
#galery-scroll { background:url(../img/ijssnoetactie/galery-scroll-bg.png) no-repeat; width: 522px; height: 100px; position: absolute; left: 5px; bottom: 0;  }

/* prev/next buttons */
#galery-scroll a.btn, #galery-scroll-left, #galery-scroll-right { display: block; width: 30px; height: 61px; }
#galery-scroll-left { position: absolute; left: 0; top: -4px; }
#galery-scroll-left a.btn { background: url(../img/ijssnoetactie/galery-scroll-left.jpg) no-repeat; }
#galery-scroll-right { position: absolute;  left: 493px;  top: -4px; }
#galery-scroll-right a.btn { background: url(../img/ijssnoetactie/galery-scroll-right.jpg) no-repeat; }

#galery-scroll .jcarousel-prev-disabled a.btn { background: url(../img/ijssnoetactie/galery-scroll-left-disabled.jpg) no-repeat; }
#galery-scroll .jcarousel-next-disabled a.btn { background: url(../img/ijssnoetactie/galery-scroll-right-disabled.jpg) no-repeat; }

/* thumbnails */
div#galery-scroll-thumbs .jcarousel-clip{ margin: 33px 0 0 46px; width: 430px; height: 61px; padding: 0; overflow:hidden; }
div#galery-scroll-thumbs li {  float: left; margin: 0; width: 86px; height: 61px; cursor:pointer;  }
div#galery-scroll-thumbs li.v a img { height: 50px; }
div#galery-scroll-thumbs li.h a img { width:  76px; }
div#galery-scroll-thumbs li a { background: url(../img/ijssnoetactie/galery-scroll-thumb-bg.gif) no-repeat center 0; display: block; width: 78px; height: 59px; margin: 0 3px; overflow: hidden; text-align: center; position: relative; padding: 1px; }
div#galery-scroll-thumbs li a:hover, div#galery-scroll-thumbs li a.selected, div#galery-scroll-thumbs li a.selected:hover { background-position: center -100px; }
div#galery-scroll-thumbs li a img { /*height: 50px;*/ }
div#galery-scroll-thumbs li span.like-icon { display: block; position: absolute; right: 0; bottom: 0; width: 26px; height: 26px; background: url(../img/ijssnoetactie/like-btn.png) no-repeat 0 0; }
div#galery-scroll-thumbs li span.like-icon-hover { background-position: 0 -30px; }
div#galery-scroll-thumbs li span.like-selected { background-position: 0 -60px; }
div#galery-scroll-thumbs li span.descr { display: none; }
 



/* 
   DOE MEE
	 -----------------------------------------
*/

/* intro */
.participate-intro { padding: 0 30px 0 48px; }

/* form */
.participate-form { padding: 36px 30px 0 78px; }
.participate-form h2, .participate-form h3, .participate-form p, .participate-form label,  .participate-form a { color: #00214d; }

.form-field { width: 380px; margin: 0 6px 6px 0; }
.form-field label { font-size: 11px; }
.txt { width: 378px; border: 1px solid #e2e2e2; height: 19px; padding: 0 2px; font-size: 11px; color: #505152; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.txa { width: 378px; border: 1px solid #e2e2e2; height: 34px; padding: 0 2px; font-size: 11px; color: #505152; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.rbt { float: left; }
 
#uploadedPhoto { margin: 0 7px 0 0; }
#uploadedPhoto img { float: left; width: 51px; height:35px; margin: 0 10px 0 0; }
#uploadedPhoto em { float: left; font-style: italic; color: #00214d; margin: 0 10px 0 0; padding: 12px 0 0 0; }
#uploadedPhoto a { float: left; padding: 12px 0 0 0; }

/* validation */
.error { color: #b80707; font-size: 11px; font-weight: bold; display: none; padding: 3px; }
.invalid .error { display: block; }
.invalid .txt { border: 1px solid #b80707; }
.invalid .txa { border: 1px solid #b80707; }

/* 
   PRIJZEN
	 -----------------------------------------
*/

/* intro */
.prizes-intro { float: none; position: absolute; width: 380px; left: 570px; top: 65px; z-index: 21; }
.prizes-intro ul { padding: 10px 0 0 0; }
.prizes-intro li h2 { font-size: 21px; }

/* illustration */
.prizes-illustration { width: 200px; height: 180px; position: absolute; right: 33px; top: 220px; z-index: 20;}

/* call to action */
.prizes-cta { position: absolute; left: 5px; top: 362px; width: 243px; height: 142px; padding: 38px 0 0 184px; background: url(../img/ijssnoetactie/cta-bg-prizes.png) no-repeat; }
.prizes-cta h2 { color: #1c4e6f; font-size: 21px; margin: 0 0 8px 0; }
.prizes-cta p { color: #1c4e6f; font-size: 12px; line-height: 15px; margin: 0 0 12px 0; }




/* 
   WINNAARS
	 -----------------------------------------
*/

/* intro */
.winners-intro { padding: 0 50px 0 355px; }
.winners-intro ul.menu li { float: left; padding: 17px 10px 10px 0; }
.winners-intro ul.menu li.selected { float: left; padding: 0 10px 10px 0; }
.winners-intro ul.menu h2 { margin: 0; }
.winners-intro ul.menu a { float: left; font-size: 16px; text-decoration: none;  }
.winners-intro em { font-weight: bold; font-style: italic; }

/* 1st prize : foto posities */
.winners-intro .galery-item-horizontal { left:335px; top:195px; }
.winners-intro .galery-item-vertical { left:335px; top:145px; }

/* galery */
.winners-galery ul { width: 384px; padding: 16px 0; }
.winners-galery li { width: 128px; height: 90px; float: left; }
.winners-galery a { width: 118px; height: 80px; padding: 1px; display: block; background: url(../img/ijssnoetactie/winners-galery-bg.png); text-align: center; }
.winners-galery a:hover { background: #fff; }

/* paging */
.paging {}
.paging p { padding-left: 65px; text-align: center; }
.paging a { color: #85451c; float: left; width: 21px; height: 21px; margin: 1px; font-size: 9px; line-height: 21px; text-decoration: none; background: url(../img/ijssnoetactie/paging.png) no-repeat 0 0; }
.paging a.paging-next, .paging a.paging-prev { color: #fff; background: url(../img/ijssnoetactie/paging-next-prev.png) no-repeat 0 0; }
.paging a:hover { font-size: 12px; background-position: 0 -30px; }
.paging a:active { font-size: 12px; background-position: 0 -60px; }
.paging a.selected, 
.paging a.selected:hover { font-size: 9px; background-position: 0 -60px; }




/* 
		WEDSTRIJDREGLEMENT
	 -----------------------------------------
*/

.contest-rules { padding: 20px 80px; }

/* vertical jcarousel */
#rules-scroll { width: 826px; }
#rules-scroll .jcarousel-clip { width: 826px; height: 315px; overflow: hidden; margin: 30px 0 20px 0; }
#rules-scroll ul { width: 826px; }
#rules-scroll ul li.jcarousel-item-vertical { width: 826px; height: 315px; display: block; }
#rules-scroll-left { width: 21px; height: 20px; position:absolute; left: 370px; top: 350px; }
#rules-scroll-right { width: 21px; height: 20px; position:absolute; left: 410px; top: 350px; }
#rules-scroll-left a, #rules-scroll-right a { display: block; width: 21px; height: 20px; text-indent: -9999px;  background-image: url(../img/ijssnoetactie/rules-scroll-btn.png); background-repeat: no-repeat;  }

/* next/prev */
#rules-scroll .jcarousel-prev a { background-position: left 0; }
#rules-scroll .jcarousel-prev a:hover { background-position: left -30px; }
#rules-scroll .jcarousel-prev-disabled a, 
#rules-scroll .jcarousel-prev-disabled a:hover { background-position: left -60px; cursor: default; }
#rules-scroll .jcarousel-next a { background-position: right 0; }
#rules-scroll .jcarousel-next a:hover { background-position: right -30px; }
#rules-scroll .jcarousel-next-disabled a,
#rules-scroll .jcarousel-next-disabled a:hover { background-position: right -60px; cursor: default; }

.paging {}
.paging p { padding-left: 65px; text-align: center; }
.paging a { color: #85451c; float: left; width: 21px; height: 21px; margin: 1px; font-size: 9px; line-height: 21px; text-decoration: none; background: url(../img/ijssnoetactie/paging.png) no-repeat 0 0; }
.paging a.paging-next, .paging a.paging-prev { color: #fff; background: url(../img/ijssnoetactie/paging-next-prev.png) no-repeat 0 0; }
.paging a:hover { font-size: 12px; background-position: 0 -30px; }
.paging a:active { font-size: 12px; background-position: 0 -60px; }
.paging a.selected, 
.paging a.selected:hover { font-size: 9px; background-position: 0 -60px; }











/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */