/******************************************************************************
 * standaard css
 */
#site
{ margin: 0; padding: 0; position: relative; }
#site, #site textarea, #site input, .suggestions
{ font-family: Arial, FreeSans, sans-serif; font-size: 12px; line-height: 1.4em; }
h1, h2, h3, h4, h5, h6
{ clear: both; margin: 0; padding: 0.1em 0; }
h1
{ display: none; }
h2
{ font-size: 16px; height: 20px; margin-top: 0; padding: 3px 5px 0 0; }
h3
{ font-size: 18px; margin: 15px 0 5px 0; padding: 0; }
h4
{ font-size: 14px; margin: 15px 20px 20px 12px; padding: 0; }
hr
{ border: none; background: #666666; height: 1px; }
img
{ border: none; }

.lightbox img
{ border: 0px solid #0090d6; }

.more
{ color: #0090d6}

p {
margin-left: 12px; margin-right: 12px; line-height: 1.4em;
}

.banner336x280
{ margin-top: 4px; }

a span { display:none; }

#menu a span { display:inline-block; }

/******************************************************************************
 * formulier css
 */
#content .error, #content .lbl.error
{ color: #ff3333; font-weight: bold; }
#content .error input.text, #content .error input.password, #content .error select, #content .error textarea
{ background: #ffeeee; }
#content p.error
{ background-color: #ffeeee; border: 1px solid #ff3333; margin-right: 32px; margin-top: 16px; padding: 6px; }
#content .success, #content .lbl.success
{ color: #009900; font-weight: bold; }
#content p.success
{ background-color: #ccffcc; border: 1px solid #009900; margin-right: 32px; margin-top: 16px; padding: 6px; }
.lbl
{ color: #666666; clear: both; }
.lbl input.text, .lbl input.password, .lbl input.smalltext, .lbl select, .lbl textarea
{ border: 1px solid #666666; margin: 4px 0; }
.lbl textarea
{ height: 75px; }
.lbl input.text, .lbl input.password, .lbl textarea, .lbl select
{ border: 1px solid #666666; clear: right; display: block; float: left; margin: 0 0 4px 0; width: 305px; }
.lbl select.start_type
{ clear: right; float: left; margin-left: 4px; width: 280px; }
.lbl input.city
{ margin-left: 4px; width: 280px; float: left; clear: right; }
.lbl input.counter
{ clear: right; display: block; float: left; width: 50px; }
.lbl select.date
{ clear: none; display: inline; float: none; width: auto; }
.lbl label
{ clear: left; color: #666666; display: block; float: left; margin: 4px 0; padding: 0 0 0 25px; width: 125px; }
label.inline-label
{ display: inline; float: none; padding: 0; margin: 0; }
.lbl input.submit
{ margin: 4px 0 0 25px; padding: 0 0 0 0; }

#sidebar-big form
{ background: url(img/bg_inlog.png) top left no-repeat; display: block; height: 100px; text-decoration: none; width: 336px; margin-bottom: 4px;}

#sidebar-big form div
{ margin-left: 20px; padding: 5px; }

/******************************************************************************
 * standaard layout css
 */
#content
{ float: left; left: 128px; padding-top: 4px; position: relative; width: 498px; }
#sidebar-small
{ float: left; left: -498px; padding-top: 4px; position: relative; width: 124px; padding-left: 4px; }
#sidebar-big
{ float: left; left: 0; padding-top: 4px; position: relative; width: 336px; padding-left: 4px; }

/******************************************************************************
 * banner css
 */
.snet-auto-banner, .banner
{ background: #f7f7f7; }

/******************************************************************************
 * site specifieke css
 */
#content h2,
#content h3
{ padding-left: 12px; }
#menu ul, #menu ul li
{ list-style: none; margin: 0; padding: 0; }
#menu ul li
{ margin-right: 4px; }
#menu ul li a
{ color: white; display: block; height: 22px; font-style: bold; text-decoration: none; padding: 4px; }
#menu ul li a span
{ visibility: hidden; }

#menu ul li .page-home
{ background: url(img/menu_home.png) top left no-repeat; }
#menu ul li .page-locatie
{ background: url(img/menu_locatie.png) top left no-repeat; }
#menu ul li .page-aanmelden
{ background: url(img/menu_registeren.png) top left no-repeat; }
#menu ul li .page-activiteiten
{ background: url(img/menu_activiteiten.png) top left no-repeat; }
#menu ul li .page-avond
{ background: url(img/menu_sub_avond.png) top left no-repeat; }
#menu ul li .page-overdag
{ background: url(img/menu_sub_overdag.png) top left no-repeat; }
#menu ul li .page-fotos
{ background: url(img/menu_foto.png) top left no-repeat; }
#menu ul li .page-partners
{ background: url(img/menu_partners.png) top left no-repeat; }
#menu ul li .page-faq
{ background: url(img/menu_faq.png) top left no-repeat; }
#menu ul li .page-acties
{ background: url(img/menu_actie.png) top left no-repeat; }

#menu ul li a:hover,
#menu ul li .active
{ background-position: right; }

#top-home
{ background: url(img/header.jpg);  width: 498px; height: 450px; display: block; }
#top-register
{ background: url(img/header_deelnemen.png); height: 120px; }
#top-location
{ background: url(img/header_locatie.png); height: 120px; }
#top-activities
{ background: url(img/header_activiteiten.png); height: 120px; }
#top-daytime
{ background: url(img/header_activiteiten_overdag.png); height: 120px; }
#top-evening
{ background: url(img/header_activiteiten_avond.png); height: 120px; }
#top-gallery
{ background: url(img/header_fotos.png); height: 120px; }
#top-partners
{ background: url(img/header_partners.png); height: 120px; }
#top-faq
{ background: url(img/header_faq.png); height: 120px; }
#top-actions
{ background: url(img/header_acties.png); height: 120px; }
#top-action_abn_amro
{ background: url(img/abnamro.jpg); height: 220px; }
#top-action_studentennet
{ background: url(img/studentennet.jpg); height: 220px; }
#top-action_apple
{ background: url(img/apple.jpg); height: 220px; }
#top-action_veronica
{ background: url(img/veronica.jpg); height: 220px; }
#top-action_make_some_noise
{ background: url(img/noise.jpg); height: 220px; }
#top-action_wff
{ background: url(img/wwf.jpg); height: 220px; }
#top-terms
{ background: url(img/header_voorwaarden.png); height: 120px; }
#top-action_ticket
{ background: url(img/gouden_ticket.jpg); height: 675px; }
#top-home *,
#top-register *,
#top-location *,
#top-activities *,
#top-daytime *,
#top-evening *,
#top-gallery *,
#top-partners *,
#top-make_some_noise,
#top-faq *
{ visibility: hidden; }

.logo
{ float: left; padding: 10px; }

.news .item
{ background: #eef; margin: 0 0 4px 0; padding: 4px; }
.news .item h3
{ margin-top: 0; padding: 10px; }
.news .item h3 a
{ text-decoration: none; color: #002a78; margin-left: 10px;}
.news .item img
{ border: 1px solid #0090d6; margin-left: 20px; margin-bottom: 20px; }
.news .item .description
{ float: right; margin: 0; width: 310px; margin-right: 20px; }
.news .item .description .more
{ display: block; text-align: right; }

#sidebar_win_picture
{ background: url(img/btn_winnen.png); display: block; height: 100px; text-decoration: none; width: 336px; margin-bottom: 4px; }
#sidebar_win_picture span
{ visibility: hidden; }

#sidebar_teaser_gouden_ticket
{ background: url(img/teaser_gouden_ticket.jpg); display: block; height: 100px; text-decoration: none; width: 336px; margin-bottom: 4px; }
#sidebar_teaser_gouden_ticket span
{ visibility: hidden; }

#sidebar_make_some_noise_picture
{ background: url(img/btn_noise.png); display: block; height: 98px; text-decoration: none; width: 336px; margin-bottom: 4px; }
#sidebar_make_some_noise_picture span
{ visibility: hidden; }

#top-upload
{ background: url(img/header_foto_upload.png); display: block; height: 120px; text-decoration: none; width: 498px; margin-bottom: 4px; }

.twitter-header
{ background: url(img/header_twitter.png); display: block; height: 37px; text-decoration: none; no-repeat; padding: 0px; margin-top: 0px; margin-bottom: 4px; }
.twitter-header span
{ visibility: hidden; }

.photo-header 
{ background: url(img/header_photoslide_show.png); display: block; height: 37px; text-decoration: none; no-repeat; padding: 0px; margin-top: 0px; }
.photo-header span
{ visibility: hidden; }

.dvd-header
{ background: url(img/header_dvd); display: block; height: 37px; text-decoration: none; width: 486px; no-repeat; padding: 0px; margin-bottom: 4px; }
.dvd-header span
{ visibility: hidden; }

.photo-video
{ background: url(img/header_video.png); display: block; height: 37px; text-decoration: none; width: 336px; no-repeat; padding: 0px; margin-top: 4px; }
.photo-video span
{ visibility: hidden; }

.title
{ background: url(img/header_nieuws.png) no-repeat; display: block; height: 37px; text-decoration: none; margin-top: 4px; no-repeat; padding: 0px; }
.title span
{ visibility: hidden; }

.more_news
{ background: url(img/header_more_nieuws.png) no-repeat; display: block; height: 37px; text-decoration: none; margin-top: 4px; no-repeat; padding: 0px; }
.more_news span
{ visibility: hidden; }

.partners_of_snowevent
{ background: url(img/partners_of_snowevent.png) no-repeat; display: block; height: 37px; text-decoration: none; margin-top: 4px; no-repeat; padding: 0px; }
.partners_of_snowevent span
{ visibility: hidden; }

.partner-icon
{ background: #eee; float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-1
{ background: url(img/partner_abn_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-2
{ background: url(img/partner_mauri_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-3
{ background: url(img/partner_apple_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-4
{ background: url(img/partner_redbull_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-5
{ background: url(img/partner_veronica_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-6
{ background: url(img/partner_wwf_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-7
{ background: url(img/partner_hitradio_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-8
{ background: url(img/partner_armada_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-9
{ background: url(img/partner_airbag_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-10
{ background: url(img/partner_smirnoff_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-11
{ background: url(img/partner_breburg_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.partner-icon-12
{ background: url(img/partner_sinner_groot.png); float: left; height: 200px; margin: 4px; width: 240px; }

.more_news_items 
{ margin: 10px; line-height: 1.4em; margin-left: 10px; border: 1px solid #e9e9e9; padding: 10px; font-size: 12px;}

.actions_tab
{ width: 83px; height: 60px; margin-top: 4px; display: block; float:left; }
.daytime_tab
{ background: url(img/tab_deactive.png); width: 83px; height: 45px; margin-top: 4px; display: block; float:left; text-decoration: none; font-size: 12px; color: #0071bb; font-weight: bold; text-align:center; padding-top: 15px;  }

.evening_tab
{ background: url(img/tab_deactive.png); width: 83px; height: 50px; margin-top: 4px; display: block; float:left; text-decoration: none; font-size: 12px; color: #0071bb; font-weight: bold; text-align:center; padding-top: 10px;  }

.daytime_tab span,
.evening_tab span
{ display: inline; }
.daytime .active,
.evening .active
{ background: url(img/tab_active.png); }


.tab_wnf
{ background: url(img/tab_wnf_deactive.png); }
.active_tab_wnf
{ background: url(img/tab_wnf_active.png); }
.tab_abn_amro
{ background: url(img/tab_abn_deactive.png); }
.active_tab_abn_amro
{ background: url(img/tab_abn_active.png); }
.tab_make_some_noise
{ background: url(img/tab_noise_deactive.png); }
.active_tab_make_some_noise
{ background: url(img/tab_noise_active.png); }
.tab_studentennet
{ background: url(img/tab_studentennet_deactive.png); }
.active_tab_studentennet
{ background: url(img/tab_studentennet_active.png); }
.tab_apple
{ background: url(img/tab_apple_deactive.png); }
.active_tab_apple
{ background: url(img/tab_apple_active.png); }
.tab_veronica
{ background: url(img/tab_veronica_deactive.png); }
.active_tab_veronica
{ background: url(img/tab_veronica_active.png); }
.tab_empty
{ background: url('img/border-bottom.png'); }

/* VIDEO */
div.error label { color:red; }
.video_item { background-repeat: no-repeat; float: left; margin-left: 10px; margin-bottom: 10px; }
.video_items { clear:both; }

/**********************************************************************/
/* REGISTER FORMS                                                      */
/**********************************************************************/
.register-form div {    clear: both; padding: 1px 0; width: 420px; margin-top: 0px; line-height: 2em;}
.register-label {       float: left; font-size: 12px; margin: 0; padding: 2px 8px; width: 150px; line-height: 2em; }
.register-input-text, .register-input-text_small, .register-input-text_medium,.register-textarea, .register-select {     border: 1px solid #989898; float: right; margin: 0; padding: 2px; }
.register-input-text {  width: 220px; }
.register-input-text_small { width:30px; margin-left: 14px; float: left; }
.register-input-text_medium {       width: 92px; float: left; margin-left: 14px; }
.register-input-radio {   margin-left: 4px; }
.register-input-submit {        float: left; margin: 0; padding: 0; margin-left: 7px; }
.register-select {       width: 220px; }
.register-input-checkbox {  }
.register-textarea {    width: 218px; height: 50px; padding:0; }
.register-form div.checkbox-list {float: left; width: 100px; clear: none;}
.register-form div.checkbox-box {	clear: both; margin-left: 148px; width: 350px;}
div.suggestions {   /*	-moz-box-sizing: border-box; box-sizing: border-box;*/ background-color: white;	border: 1px solid black; position: absolute; text-align: left; }
div.suggestions div {	cursor: default; padding: 0px 3px; }
div.suggestions div.current {	background-color: #3366cc; color: white; }
.page-register p {       padding:14px 6px; }
.blokje { margin-left: 16px; margin-right: 16px; margin-top:16px; border: 1px solid #c9c9c9; }
.blokje h3 { font-size: 16px; margin-left: 16px; }
.blokje p { font-size: 12px; margin-left: 16px; }
.register-label { margin-left: 10px;}
#register-form-submit { margin: 20px; }
.register-form { margin-top: 20px; }
.register-input-checkbox { line-height: 2em; margin-left: 18px; padding:0; }
.register-input-file {  float: right; width: 220px;}

/**********************************************************************/
/* VIDEO	                                                      */
/**********************************************************************/

.h2_video
{
background-color: #0071bb;
color: white;
height: 28px;
line-height: 1.6em;
}

.video_link
{
font-size: 16px;
font-weight: bold;
margin: 16px;
float: right;
margin-right: 32px;
}

.video_next
{
margin: 16px;
float: right;
margin-right: 40px;
}

.video_previous
{
margin: 16px;
}

.video
{
margin-left: 90px;
}

.comment
{
margin-left: 12px;
}

.message
{
margin: 16px;	
padding: 10px;
font-weight: bold;
}

#sidebar_upload_video_picture
{ background: url(img/upload.png); display: block; height: 80px; text-decoration: none; width: 336px; margin-bottom: 4px; }
#sidebar_make_some_noise_picture span
{ visibility: hidden; }

#sidebar_hyves
{ background: url(img/hyves.png); display: block; height: 60px; text-decoration: none; width: 336px; margin-bottom: 4px; margin-top: 4px; }

.confirm div
{ clear: both; }
.confirm div div
{ clear: none; }
.confirm div b
{ display: block; float: left; padding: 2px 10px; width: 160px; }
.confirm div .special
{ display: block; float: left; padding: 2px 0; width: 260px; }

.photo-upload
{ padding-left: 100px; padding-top: 40px; padding-bottom: 40px; background-color: #6dcff6; line-height: 2.5em; }
