@charset "UTF-8";

html, body { margin: 0; padding: 0; width: 100%; color: #EFEFEF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%; background-image: url('/images/layout/wall.jpg'); background-position: top center; background-attachment: fixed; }
h1 { margin: 5px 0 25px 0; font-size: 22px; line-height: 28px; font-weight: normal; color: #FF0066; } 
h1 a { color: #FF0066; text-decoration: none; } 
h1.news { margin-bottom: 5px; }
h2 { margin: 5px 0 0 0; font-size: 14px; font-weight: normal; color: #FFFFFF; }
h2 a { color: #FF0066; text-decoration: none; } h2 a:hover { text-decoration: underline; }
p { margin: 5px 0px 20px 0px; }
p.newsdate { margin-bottom: 15px; color: #CCCCCC; }
a { outline: none; color: #FFFFFF; text-decoration: none; outline: none; }
a:hover { color: #FF0066; text-decoration: none; }


/* CONTAINERS */
#container { margin: 0 auto 0 auto; padding: 0; width: 900px; position: relative; }
#header { float: left; margin: -5px 0 0 0; padding: 0; width: 900px; height: 100px; background-color: #000000; display: inline; }
#header .serum { float: left; margin: 0; display: inline; }
#header .tunes { float: right; margin: 0; display: inline; } 
#main { float: left; margin: 0; padding: 0; width: 900px; height: auto; display: inline; }
#main .col-left { float: left; margin: 15px 15px 0 0; padding: 0; width: 265px; display: inline; }
#main .col-left2 { float: left; margin: 15px 15px 0 0; padding: 0; width: 155px; display: inline; }
#main .col-main { float: left; margin: 15px 15px 0 0; padding: 0; width: 450px; display: inline; }
#main .col-right { float: left; margin: 15px 0 0 0; padding: 0; width: 155px; display: inline; }
#main .col-wide { float: left; margin: 15px 0 0 0; padding: 10px; width: 600px; min-height: 475px; background-color: #000000; display: inline; }
#main .col-wider { float: left; margin: 15px 0 0 0; padding: 10px; width: 710px; min-height: 475px; background-color: #000000; display: inline; }

#content { float: left; padding: 10px; width: 430px; min-height: 475px; background-color: #000000; display: inline; }
#content img { max-width: 430px; }

#info { float: left; width: 100%; display: inline; }
#info .label { float: left; padding: 5px; margin: 0 15px 10px 0; background-color: #333333; font-weight: bold; color: #FFFFFF; display: inline;}
#info .kaarten { float: left; padding: 5px; margin: 0 15px 10px 0; background-color: #FF0066; font-weight: bold; color: #FFFFFF; display: inline; }
#info .kaarten a { color: #FFFFFF; }
#info .kaarten a:hover { color: #000000; }

.archives a { font-size: 14px; }
.archives p { margin: 5px 0 10px 0; }
.archives small { color: #999999; }

.photos img { float: left; margin: 1px 1px 0 0; border: 1px solid #000000; color: #000000; display: inline; }
.photos img:hover { border: 1px solid #FF0066; } 

.links p { margin: 5px 0 5px 0; }
.links ul { margin: 5px 0 25px 0; }

.banner { float: left; margin: 15px 0 0 0; width: 450px; padding: 0; background-color: #000000; display: inline; } 
.marquee { float: left; margin: 0 0 15px 0; width: 430px; padding: 5px 10px 5px 10px; height: 20px; background-color: #FF0066; display: inline; }
.marquee marquee { width: 430px; height: 20px; }
.marquee ul { margin: 0; padding: 0; height: 20px; display: inline; }
.marquee li { margin: 0 75px 0 0; padding: 0; height: 20px; font-size: 14px; line-height: 20px; white-space: nowrap; display: inline; }
.marquee  a { color: #FFFFFF; text-decoration: none; }
.marquee  a:hover { color: #000000; } 
.photopreview, .mailing { float: left; margin: 15px 0 0 0; padding: 5px 0 5px 5px; width: 445px; background-color: #000000; display: inline; } 
.photopreview h2, .mailing h2 { margin: 5px 0 10px 0; font-size: 20px; font-weight: normal; color: #FF0066; }
.photopreview p { margin-bottom: 0; }
 
.widget { float: left; margin: 0 0 15px 0; padding: 0; display: inline; }
.widget strong { font-weight: normal; font-size: 20px; text-transform: uppercase; color: #FF0066; }
.widget strong a { color: #FF0066; }
.widget ul { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
.wid-newslist, .wid-callist { padding: 0px 5px 5px 5px; width: 145px; background-color: #000000; } 
.wid-newslist small, .wid-columns { color: #999999; }
.wid-newslist li, .wid-callist li, .wid-columns li { margin: 0 0 15px 0; } 
.wid-pages { padding: 5px; width: 255px; background-color: #000000; } 
.wid-countdown { background-color: #454545; width: 265px; }
.wid-countdown p { margin: 10px 0 15px 0; font-size: 20px; }
.wid-poster { background-color: #000000; width: 265px; height: 394px; }
.wid-game { background-color: #000000; width: 265px; height: 134px; }
.wid-game2 { background-color: #000000; width: 155px; height: 134px; }
.wid-poll, .wid-columns { padding: 5px; width: 255px; background-color: #000000; }
.wid-poll form p { margin-bottom: 5px; } 
.wid-poll p.strong { font-size: 20px; color: #FFFFFF; }

.wid-poll #voter { margin: 5px 0 0 75px; height: 25px; width: 90px; border: 0; background: none; background-image: url('http://www.serumevents.nl/images/layout/stemmen.png');  background-position: 0 0; cursor: pointer;   }
.wid-poll #voter:hover { background-position: 0 -25px;   }


ul#navigation { float: left; margin: 0; padding: 0; width: 900px; height: 40px; list-style-type: none; display: inline; }
ul#navigation li { display: inline; }
ul#navigation li a { float: left; margin: 0; padding-top: 40px; height: 0; font-size: 1px; overflow: hidden; background-image: url('/images/layout/nav.png'); }

#footer .balk { float: left; margin: 10px 0 25px 0; padding: 10px 0 10px 0; width: 900px; background-color: #000000; display: inline; }
#footer ul#otherlinks { float: left; margin: 0; padding: 0; width: 650px; list-style-type: none; display: inline;  }
#footer ul#otherlinks li { display: inline; }
#footer ul#otherlinks li a { padding: 0; margin: 0 10px 0 5px; font-size: 14px; color: #FFFFFF; text-decoration: underline; }
#footer ul#otherlinks li a:hover { color: #FF0066; text-decoration: underline; }
#footer ul#feeds { float: right; margin: 0; padding: 0; width: 220px; display: inline;  }
#footer ul#feeds li { display: inline; }
#footer ul#feeds li a { padding: 0; margin: 0 10px 0 0; font-size: 11px; line-height: 12px; color: #FFFFFF; text-decoration: none; }
#footer ul#feeds li a:hover { color: #FF0066; text-decoration: none; }
#footer ul#feeds li a img { vertical-align: bottom; margin-right: 5px;  }
/* BACKSTAGE */
p.info { margin-top: 15px; color: #999999; font-size: 11px; font-style: italic; font-weight: normal; }
p.info a { color: #999999; text-decoration: none; }
p.info a:hover { color: #666666; text-decoration: none; }
p.intro { margin-top: 10px; color: #44293b; font-style: normal; font-weight: bold;  } 
p.left { text-align: left; } 
p.center { text-align: center; } 
p.right { text-align: right; } 
p.justify { text-align: justify; } 
span.quote { padding: 10px; background-color: #EDE9EC; width: 33%; font-size: larger; font-weight: bold; font-style: italic; }
table { margin: 2px 0px 18px 0px;  } 
table td { padding: 0px 15px 2px 0px; }
span.strike { text-decoration: line-through; }
img.left, span.left { float: left; margin: 0px 10px 10px 0px; display: inline; } 
img.right, span.right { float: right; margin: 0px 0px 10px 10px; display: inline; } 


/* NAVIGATION BUTTONS */
ul#navigation li#nav-events a { width: 113px; background-position: 0 0; }
ul#navigation li#nav-news a { width: 112px; background-position: -113px 0; }
ul#navigation li#nav-pics a { width: 113px; background-position: -225px 0; }
ul#navigation li#nav-tickets a { width: 112px; background-position: -338px 0; }
ul#navigation li#nav-downloads a { width: 113px; background-position: -450px 0; }
ul#navigation li#nav-merch a { width: 112px; background-position: -563px 0; }
ul#navigation li#nav-serum a { width: 113px; background-position: -675px 0; }
ul#navigation li#nav-contact a { width: 112px; background-position: -788px 0; }

/* NAVIGATION BUTTONS:HOVER */
ul#navigation li#nav-events a:hover { background-position: 0 -40px; }
ul#navigation li#nav-news a:hover { background-position: -113px -40px; }
ul#navigation li#nav-pics a:hover { background-position: -225px -40px; }
ul#navigation li#nav-tickets a:hover { background-position: -338px -40px; }
ul#navigation li#nav-downloads a:hover { background-position: -450px -40px; }
ul#navigation li#nav-merch a:hover { background-position: -563px -40px; }
ul#navigation li#nav-serum a:hover { background-position: -675px -40px; }
ul#navigation li#nav-contact a:hover { background-position: -788px -40px; }


/* SOCIAL NETWORKS */
ul#social { float: left; margin: 0 250px 15px 250px; padding: 0; width: 400px; height: 24px; list-style-type: none; display: inline; }
ul#social  li { display: inline; }
ul#social  li a { float: left; margin: 0; padding-top: 24px; height: 0; overflow: hidden; background-image: url('/images/layout/social.gif'); }

/* SOCIAL BUTTONS */
ul#social li#social-hyves a { width: 73px; background-position: 0 0; }
ul#social li#social-myspace a { width: 90px; background-position: -73px 0; }
ul#social li#social-facebook a { width: 82px; background-position: -163px 0; }
ul#social li#social-youtube a { width: 54px; background-position: -245px 0; }
ul#social li#social-partyflock a { width: 52px; background-position: -299px 0; }
ul#social li#social-xtt a { width: 40px; background-position: -351px 0; }

/* SOCIAL BUTTONS:HOVER */
ul#social li#social-hyves a:hover { width: 73px; background-position: 0 -24px; }
ul#social li#social-myspace a:hover { width: 90px; background-position: -73px -24px }
ul#social li#social-facebook a:hover { width: 82px; background-position: -163px -24px }
ul#social li#social-youtube a:hover { width: 54px; background-position: -245px -24px }
ul#social li#social-partyflock a:hover { width: 52px; background-position: -299px -24px; }
ul#social li#social-xtt a:hover { width: 40px; background-position: -351px -24px; }

#tweets span { display: block; width: 155px; font-size: 10px; }
#tweets span a.stamp { color: #FF0066; }
#tweets span a.stamp:hover { text-decoration: underline; }

p.infinite { font-size: 10px; text-align: center; }


/* sIFR 3 BETA */
@media screen {
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto;letter-spacing: 0px;  float: none;}
}

@media print { 
.sIFR-flash {display: none !important; height: 0; width: 0; position: absolute; overflow: hidden;}
.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; }
}

@media screen {
  /* NOG INSTELLEN VOOR ALLE OBJECTEN?
.sIFR-active h1 { font-family: Verdana; visibility: hidden; }  */
}


/* FANCYBOX V1.3 */
#fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; background: transparent; z-index: 1104; display: none; }
* html #fancybox-loading { /* IE6 */ position: absolute;margin-top: 0; }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/images/fancybox130/fancy_loading.png') no-repeat; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; }
* html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #000; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: -15px; left: -15px; width: 32px; height: 32px; background: url('/images/fancybox130/fancy_close.png') top left no-repeat; cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.fancybox-title-over { color: #FFF; text-align: left; }
#fancybox-title-over { padding: 10px; background: url('/images/fancybox130/fancy_title_over.png'); display: block; }
#fancybox-title-wrap { display: inline-block; }
#fancybox-title-wrap span { height: 32px; float: left; }
#fancybox-title-left { padding-left: 15px; background: transparent url('/images/fancybox130/fancy_title_left.png') repeat-x; }
#fancybox-title-main { font-weight: bold; line-height: 29px; background: transparent url('/images/fancybox130/fancy_title_main.png') repeat-x; color: #FFF; }
#fancybox-title-right { padding-left: 15px; background: transparent url('/images/fancybox130/fancy_title_right.png') repeat-x; }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/images/fancybox130/blank.gif'); z-index: 1102; display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }
#fancybox-left-ico { background: transparent url('/images/fancybox130/fancy_nav_left.png') no-repeat; }
#fancybox-right-ico { background: transparent url('/images/fancybox130/fancy_nav_right.png') no-repeat; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto; right: 20px; }
div.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; z-index: 1001; }
div#fancy-bg-n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_n.png') repeat-x; }
div#fancy-bg-ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_ne.png') no-repeat; }
div#fancy-bg-e { top: 0; right: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox130/fancy_shadow_e.png') repeat-y; }
div#fancy-bg-se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_se.png') no-repeat; }
div#fancy-bg-s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_s.png') repeat-x; }
div#fancy-bg-sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_sw.png') no-repeat; }
div#fancy-bg-w { top: 0; left: -20px; height: 100%; width: 20px; background: transparent url('/images/fancybox130/fancy_shadow_w.png') repeat-y; }
div#fancy-bg-nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/images/fancybox130/fancy_shadow_nw.png') no-repeat; }

/* jQuery Countdown styles 1.5.6. */ 
.hasCountdown {	background-color: #454545; } 
.countdown_rtl { direction: rtl; } 
.countdown_holding span { background-color: #000000; } 
.countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } 
.countdown_show1 .countdown_section { 	width: 98%; } 
.countdown_show2 .countdown_section { 	width: 48%; } 
.countdown_show3 .countdown_section { 	width: 32.5%; } 
.countdown_show4 .countdown_section { 	width: 24.5%; } 
.countdown_show5 .countdown_section { 	width: 19.5%; } 
.countdown_show6 .countdown_section { 	width: 16.25%; } 
.countdown_show7 .countdown_section { 	width: 14%; } 
.countdown_section { display: block; float: left; font-size: 75%; text-align: center; }
.countdown_amount { font-size: 135%; } 
.countdown_descr { 	display: block; width: 100%; }