﻿/******************************************************************************
* 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.45em; }
h1, h2, h3, h4, h5, h6
{ clear: both; margin: 0; padding: 0.1em 0; }
h1
{ display: none; }
#content h2
{ font-size: 14px; color: white; font-weight: normal; height: 23px; margin-top: 0px; padding: 5px 5px 0 10px; background: url(img/498_header.png); }
#sidebar h2
{ font-size: 14px; color: white; font-weight: normal; height: 23px; margin-top: 0; padding: 5px 5px 0 10px; background: url(img/336_header.png); }
#sidebar-big h2
{ font-size: 14px; color: white; font-weight: normal; height: 28px; margin-top: 4px; padding: 10px 5px 0 10px; background: url(img/336_header.png); }
h3
{ font-size: 14px; color: #000c48; font-weight: normal; margin-top: 0; padding: 5px 5px 0 10px; text-decoration: none; }
h3 a
{ font-size: 18px; color: #000c48; font-weight: normal; margin-top: 0; padding: 0px 10px 0 0px; text-decoration: none; }
h3 a:hover
{ text-decoration: underline; }
h4
{ font-size: 14px; margin: 15px 20px 20px 12px; padding: 0; }
hr
{ border: none; background: #666666; height: 1px; }
img
{ border: none; }

a
{ color: #0099cc; text-decoration: none; }

a:hover
{ color: #006699; text-decoration: underline }

/*
.item
{ font-size: 18px; color: #000c48; font-weight: normal; margin-top: 0; padding: 14px 0px 4px 0px; text-decoration: none; }
*/

#faq h3
{ font-size: 14px; color: #FFF; font-weight: normal; height: 23px; margin-top: 0; padding: 5px 5px 0 10px; background: url(img/498_header.png); }

#faq .faq_vraag
{ color: #000; cursor: pointer; line-height: 2em; padding-left: 10px;	 }
#faq .faq_vraag:hover
{ background-color: #5fc8f8; background-repeat: repeat; color: #fff; }
#faq .faq_antwoord
{ background-color: #ECECEC; line-height: 2em; padding-left: 10px; }

.title
{ display: block; font-size: 14px; color: white; font-weight: normal; height: 34px; margin-top: 0; margin-bottom: 4px; padding: 4px 4px 0 4px; background: url(img/498_header.png); }

.titletext
{ display: block; float: left; font-size: 14px; color: white; font-weight: normal; height: 24px; width: 60%; margin-top: 0; padding: 8px 8px 0 8px; }

.titletextfull
{ display: block; float: left; font-size: 14px; color: white; font-weight: normal; height: 24px; width: 100%; margin-top: 0; padding: 8px 8px 0 8px; }


.titleSidebar
{ display: block; font-size: 14px; color: white; font-weight: normal; height: 34px; margin-top: 0; padding: 4px 4px 0 4px; background: url(img/336_header.png); }

.lightbox img
{ border: 0px solid #0090d6; }

.photo-header
{ margin-top: 4px; }

.more
{ color: #0090d6}

p 
{ margin-left: 12px; margin-right: 12px; line-height: 1.4em; font-size: 12px;}

.news .description
{ width: 280px; float: right; margin-top: 20px; }

.news .picture
{ float: left; margin: 10px; }

.banner336x280
{ margin-top: 4px; margin-bottom: 4px; }

.more_news_items a
{ text-decoration: none; padding-left: 10px; margin-bottom: 4px; margin-top:0px; line-height: 1em; display: block; color: #000C48; }

a span{ display:none; }

div#slider dl {
   display: none;
}

#menu a span{ display:inline-block; }

/******************************************************************************
* formulier css
*/
#content .error, #content .lbl.error
{ color: #ff3333; font-weight: normal; }
#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: normal; }
#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; text-decoration: none; width: 336px; margin-bottom: 4px;}
#sidebar-big form div
{ margin-left: 20px; padding: 5px; }

.blokje
{ font-size: 12px; }

#registration h3
{ background: url("img/h3-header.png") repeat scroll 0 0 transparent; height: 23px; margin-top: 4px; }
.register-label 
{ margin-left: 10px; }
#register-form-submit
{ float: right; margin-right: 38px; margin-bottom: 10px; }
#login-form-email
{ border: 1px solid silver; margin-left: 140px; width: 260px; height: 18px; padding: 2px; margin-top: 10px:}
#login-form-password
{ border: 1px solid silver; margin-left: 108px; width: 260px; height: 18px; padding: 2px; margin-top: 10px; margin-bottom: 10px;}
#register-form-email
{ border: 1px solid silver; margin-left: 140px; width: 260px; height: 18px; padding: 2px; margin-top: 10px; margin-bottom: 10px;}
#register-form-password
{ border: 1px solid silver; margin-left: 19px; width: 260px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-password_confirm
{ border: 1px solid silver; margin-left: 60px; width: 260px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-privacy
{ border: 1px solid silver; margin-left: 10px; padding: 2px; margin-top: 0px; margin-bottom: 10px; margin-right: 0px;}
#register-form-forename
{ border: 1px solid silver; margin-left: 100px; width: 280px; height: 18px; padding: 2px; margin-top: 10px; margin-bottom: 10px;}
#register-form-surname_prefix
{ border: 1px solid silver; margin-left: 70px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-surname
{ border: 1px solid silver; margin-left: 91px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-nondutchaddress
{ border: 1px solid silver; margin-left: 40px; padding-top: 0px; margin-top: 0px; margin-bottom: 10px;}
#register-form-street
{ border: 1px solid silver; margin-left: 125px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-house_number
{ border: 1px solid silver; margin-left: 84px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-zipcode
{ border: 1px solid silver; margin-left: 105px; width: 120px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-city
{ border: 1px solid silver; margin-left: 91px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-phone
{ border: 1px solid silver; margin-left: 75px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-phone_mobile
{ border: 1px solid silver; margin-left: 107px; width: 280px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-gender-male
{ border: 1px solid silver; margin-left: 107px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-register-birthdate_day
{ border: 1px solid silver; margin-left: 70px; width: 40px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-register-birthdate_month
{ border: 1px solid silver; margin-left: 10px; width: 40px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-form-register-birthdate_year
{ border: 1px solid silver; margin-left: 10px; width: 120px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#register-institution
{ margin-left: 39px; width: 200px; margin-top: 10px; margin-bottom: 10px;}
#register-faculty
{ margin-left: 46px; width: 200px; margin-top: 0px; margin-bottom: 10px;}
#register-study
{ margin-left: 100px; width: 200px; margin-top: 0px; margin-bottom: 10px;}
#register-study_current_end
{ margin-left: 34px; width: 200px; margin-top: 0px; margin-bottom: 10px;}
#register-study_end_year
{ margin-left: 52px; width: 200px; margin-top: 0px; margin-bottom: 10px;}
#register-form-checkbox
{ }
/******************************************************************************
* confirmation formulier css
*/
.confirm_lbl
{ width:200px; float:left; padding-left:12px; padding-top: 10px; }
.confirm_lblerror
{ width:200px; float:left; padding-left:12px; padding-top: 10px; color: #ff3333; font-weight: normal; }
.confirm_answers
{ padding-top: 9px; }
.confirm_input 
{ width:200px; padding:0px 0px; }
.confirm_input_file 
{ width:200px; padding:0px 0px; }
.confirm_input_housenumber 
{ width:98px; padding:0px 0px; }
.confirm_input_housenumberextension
{ width:95px; padding:0px 0px; }
.confirm_input_birthday_small
{ width:20px; padding:0px 0px; }
.confirm_input_birthday_medium
{ width:40px; padding:0px 0px; }
/******************************************************************************
* standaard layout css
*/
#content
{ float: left; left: 128px; padding-top: 0px; position: relative; width: 498px; font-size: 12px;}
#sidebar-small
{ float: left; left: -498px; padding-top: 0px; position: relative; width: 124px; padding-left: 4px; }
#sidebar-big
{ float: left; padding-top: 0px; position: relative; width: 336px; left: 4px; }

#home-container
{ float: left; left: 128px; position: relative; width: 838px; }
#content.home
{ left: 0; }
#sidebar-small.home
{ left: -838px; }

/******************************************************************************
* banner css
*/
.snet-auto-banner, .banner
{ background: #f7f7f7; }

/******************************************************************************
* site specifieke css
*/
#content h2,
#content h3
{ padding-left: 10px; }
#menu ul, #menu ul li
{ list-style: none; margin: 0; padding: 0; color: white; font-size: 14px;}
#menu ul li
{ margin-right: 4px; margin-bottom: 4px; }
#menu ul li.sub a
{ background: url(img/nav_sub.png); height: 15px; padding-left: 10px; padding-top: 2px; color: #000; font-size: 11px; }
#menu ul li a
{ display: block; height: 26px; font-style: bold; text-decoration: none; padding: 4px; background: url(img/nav.png); color: white; padding-top: 12px; padding-left: 12px; }
#menu ul li.sub a:hover,
#menu ul li.sub a.active
{ background: url(img/nav_sub_hover.png); }
#menu ul li a:hover,
#menu ul li a.active
{ background: url(img/nav_hover.png); }

#partners-bottom
{ clear: both; left: 128px; position: relative; width: 838px; }

#night-selector,
#night-selector li,
#day-selector,
#day-selector li
{ list-style: none; margin: 0; padding: 0; font-size: 14px; }

#night-selector li,
#day-selector li
{ float: left; }

#night-selector li a,
#day-selector li a
{ color: black; border-bottom: 1px solid #408db3; display: block; height: 17px; padding: 12px 0; text-align: center; width: 96px; text-decoration: none; }

#night-selector li a:hover,
#day-selector li a:hover
{ background: #ccc url(img/day-hover.png);}

#night-selector li a.active,
#day-selector li a.active
{ background: #408db3 url(img/day-active.png); border-bottom: none; font-weight: normal; height: 18px; color: white; }

#day1,
#day2,
#day3,
#day4,
#day5,
#night1,
#night2,
#night3,
#night4,
#night5,
#top-partners,
#top-faq,
#top-winnen,
#top-ranking,
#top-register,
#top-rules,
#top-contact,
#top-user,
#top-partner
{ height: 134px; margin-bottom: 4px; }

#night1,
#day1
{ background-image: url(img/header1.jpg); }
#night2,
#day2
{ background-image: url(img/header2.jpg); }
#night3,
#day3
{ background-image: url(img/header3.jpg); }
#night4,
#day4
{ background-image: url(img/header4.jpg); }
#night5,
#day5
{ background-image: url(img/header5.jpg); }
#top-partners
{ background-image: url(img/header2.jpg); }
#top-ranking
{ background-image: url(img/header7.jpg); }
#top-register
{ background-image: url(img/header8.jpg); }
#top-winnen
{ background-image: url(img/header9.jpg); }
#top-user
{ background-image: url(img/header9.jpg); }
#top-faq
{ background-image: url(img/header1.jpg); }
#top-rules
{ background-image: url(img/header6.jpg); }
#top-contact
{ background-image: url(img/header3.jpg); }



#sidebar-facebook
{ background-color: white; border: solid 1px silver; height: 75px; margin-bottom: 4px; padding: 4px; }

.promo-item
{ clear: both; margin-top: 4px; }

.promo-item .image
{ margin-top: 4px; float: left }

.promo-item .text
{ font-size: 12px; margin-left: 10px; float: left; width: 300px; }

.promo-item p
{ font-size: 12px; margin-left: 10px; float: left; width: 300px; }

.home
{ font-size: 12px;}

#sidebar-post
{ height: 38px; margin-bottom: 4px; border: solid 1px silver;}

#sidebar-post a
{ display: block; float: left; height: 30px; width: 30px; visibility: none; float: right; margin-top: 4px; margin-right: 4px; }
#sidebar-post-left a
{ display: block; float: left; width: 30px; visibility: none; margin-top: 4px; margin-right: 4px; }
#sidebar-post a span
{ display: none; }

#post-twitter
{ background: url(img/twitter-off.png); }
#post-nujij
{ background: url(img/nujij_off.png); }
#post-hyves
{ background: url(img/hyves_off.png); }
#post-stutv
{ background: url(img/youtube_off.png); }
#post-facebook
{ background: url(img/facebook_off.png); }

#post-twitter:hover
{ background: url(img/twitter-on.png); }
#post-nujij:hover
{ background: url(img/nujij_on.png); }
#post-hyves:hover
{ background: url(img/hyves_on.png); }
#post-stutv:hover
{ background: url(img/youtube_on.png); }
#post-facebook:hover
{ background: url(img/facebook_on.png); }

/* Globaal */
.pagecontent
{ padding: 4px 4px 4px 4px; width: 490px; }

/* Foto slider [home.tpl] */
#slideshow 
{ clear:both; font-family: Arial; font-size:14px; height:340px; position:relative; width:450px; }
#slideshow-small 
{ clear:both; font-family: Arial; font-size:14px; height:340px; position:relative; width:100%; }
#slideshow a 
{ color:#222; }
#slideshow .slideshow-images img 
{ cursor:pointer; visibility:hidden; } 

/* Carousel bediening [video-carousel & foto-carousel (home.tpl)] */
.carousel-controls
{ background: url(img/nieuws_small.png); bottom: 7px; height: 35px; position: absolute; width: 498px; }
.carousel-controls-small
{ background: url(img/nieuws_small.png); bottom: 5px; height: 30px; position: absolute; width: 100%; }
.carousel-controls .carousel-prev 
{ display: block; float: left; left:30px; position: relative; }
.carousel-controls .carousel-next 
{ display: block; float: right; position: relative; right:30px; }

/* Video carousel */
#video-carousel-container 
{ position:relative; width:500px; }
#video-carousel 
{ height:280px; font-family: Arial; font-size:12px; margin-bottom:0.5em; position:relative; width:500px; }
#video-carousel .carousel-image 
{ border:0; display:block; }
#video-carousel .carousel-feature 
{ border:2px solid #5d5d5d; cursor:pointer; left:-1000px; position:absolute; top:-1000px; }
#video-carousel .tracker-individual-container 
{ color:white; margin:0; padding:0; position:absolute; right:48px; top:210px; }
#video-carousel .tracker-individual-container li 
{ list-style:none; }
#video-carousel .tracker-individual-container .tracker-individual-blip 
{ background-color:#7fd6f1; border: 1px solid #00679b; color:#000; margin:0 3px; padding:0 3px; text-align:center; }
#video-carousel .tracker-individual-container .tracker-individual-blip-selected 
{ background-color:#008ec0; border: 1px solid #00679b; color:white; font-weight:bold; }


/* Winacties [win.tpl] */
.win_div
{ cursor: pointer; height: 38px; }
.deelnames_div
{ height: 20px; padding: 4px; }
.points_div
{ float: left; height: 38px; width: 55px; }
.points_container
{ background: url('img/points_button.png'); background-position:center; background-repeat: no-repeat; font-size: 10px; margin-left: 10%; margin-top: 2px; text-align: center; width: 40px; }
.win_title
{ float: left; height: 28px; width: 325px; margin-top: 4px; }
.win_button_div
{ float: left; height: 38px; width: 55px; }

.win_button_container a
{ color: #000; text-decoration: none; }
.win_button_container a:hover
{ color: #FFF; text-decoration: none; }

.win_button_container
{ background: url('img/btn_meedoen.png'); background-position:center; background-repeat: no-repeat;  color: #000; cursor: pointer; float: left; height: 23px; margin-top: 4px; margin-bottom: 4px; padding-top: 7px; text-align: center; width: 100px; }
.win_button_container:hover
{ background: url('img/btn_meedoen_hover.png'); color: #FFF; }

/* aanmelden-knop [home-frame.tpl] */
.button_aanmelden_container a
{ text-decoration: none; }
.button_aanmelden_container
{ background: url('img/btn_meedoen.png'); background-size: 100% 100%; width: 80px; height: 23px; background-repeat: no-repeat; display: block; color: #000; cursor: pointer; float: right; font-size: 12px; padding: 0px; margin-right: 0px; padding-top: 7px; text-align: center; }
.button_aanmelden_container:hover
{ background: url('img/btn_meedoen_hover.png'); }

/* div-style knoppen */
.button_container a
{ text-decoration: none; vertical-align: middle; color: #000; }
.button_container
{ background: url('img/btn_meedoen.png'); background-repeat: no-repeat; display: block; color: #000; cursor: pointer; float: right; font-size: 12px; height: 30px; padding: 0px; margin-right: 14px; text-align: center; width: 100px; }
.button_container:hover
{ background: url('img/btn_meedoen_hover.png'); color: #FFF; }
.button_text
{ padding: 5px; }

.button_container_variabel a
{ text-decoration: none; vertical-align: middle; color: #000; }
.button_container_variabel
{ background: url('img/btn_normal.png'); background-repeat: repeat-x; background-position: 0px 50%; display: block; color: #000; cursor: pointer; font-size: 12px; height: 30px; padding: 0px; margin-right: 14px; margin-bottom: 4px; text-align: center; min-width: 100px; }
.button_container_variabel:hover
{ background: url('img/btn_hover.png'); color: #FFF; background-position: 0px 50%; background-repeat: repeat-x;  }

/* Tussenstand [ranking.tpl & home.tpl] */
.rank_container
{ float: left; height: 20px; width: 15%; margin-top: 4px; }
.rank_img
{ background: url('img/btn_number.png'); background-position:center; background-repeat: no-repeat; color: #fff; font-size: 10px; height: 18px; margin-left: 4px; margin-top: 1px; text-align: center; width: 38px; }
.rank_txt
{ float: left; color: #000; height: 20px; width: 55%; margin-top: 4px; }
.rank_aantal_punten
{ float: left; height: 20px; width: 95px; margin: 4px 4px 0px 0px; }

.rank_container_first
{ float: left; height: 35px; width: 15%; margin-top: 2px; }
.rank_img_first
{ background: url('img/btn_number.png'); background-position:center; background-repeat: no-repeat; color: #fff; font-size: 10px; height: 42px; margin-left: 4px; margin-top: 2px; text-align: center; width: 42px; }
.rank_txt_first
{ float: left; height: 35px; width: 55%; margin-top: 15px; }
.rank_aantal_punten_first
{ float: left; height: 35px; width: 95px; margin-top: 15px; }

.rank_container_overview
{ float: left; height: 30px; width: 15%; margin-top: 6px; }
.rank_img_overview
{ background-position:center; background-repeat: no-repeat; color: #fff; font-size: 10px; height: 28px; margin-left: 4px; margin-top: 0px; text-align: center; width: 28px; }
.rank_txt_overview
{ float: left; height: 30px; width: 55%; margin-top: 10px; }
.rank_aantal_punten_overview
{ float: left; height: 30px; width: 95px; margin-top: 10px; }

.ranks_container_first
{ display: block; height: 50px; } 
.ranks_container
{ display: block; height: 25px; }
.ranks_container_overview
{ display: block; height: 40px; }

.rank_page_num
{ width: 20px; height: 20px; float: left; border: 1px solid #bebebe;  text-align: center; padding-bottom: 0px; padding-top: 3px; margin-right: 2px; background-color: #f0f0f0; cursor: pointer; }
.rank_page_num:hover
{ background-color: #bebebe; }
.rank_page_num_sel
{ width: 20px; height: 20px; float: left; border: 1px solid #bebebe;  text-align: center; padding-bottom: 0px; padding-top: 3px; margin-right: 2px; background-color: #f0f0f0; }




/* Knoppenstyling */
button
{ background: url('img/btn_register.png'); background-size: 100% 100%; border: none; color: #fff; height: 28px; }
button:hover
{ background: url('img/btn_login_hover.png'); background-size: 100% 100%; border: none; color: #fff; height: 28px; cursor: pointer; }

/* Login-box */
#login-email_address
{ border: 1px #CCC solid; margin-top: 2px; margin-left: 5%; padding: 5px; width: 150px; }
#login-password
{ border: 1px #CCC solid; margin-top: 5px; margin-left: 5%; padding: 5px; width: 150px; }
#login-button
{ background: url('img/btn_register.png'); background-size: 100% 100%; border: none; color: #fff; height: 28px; margin-top: 5px; position: absolute; right: 16px; width: 80px; }
#login-button:hover
{ background: url('img/btn_login_hover.png'); }
#login
{ bottom: 5px; height: 121px; margin-right: 1px; padding-top: 63px; width: 285px; line-height: 1em; padding-left: 1px; }
#login-container
{ background: url("img/login_box.png"); background-repeat: no-repeat; }

/* ronde randen */
.roundborders
{ border: 1px solid #000; -moz-border-radius: 2px; border-radius: 2px; }
.roundborders-bottom
{ -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.roundborders-top
{ -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }

/* Partnerscroller */
#partner-slider
{ background-color: #FFF; background: url('img/partners_slider.png'); background-repeat: no-repeat; float: left; height: 92px; margin-top: 2px; width: 100%; }
#partner-slider-big
{ background-color: #FFF; background: url('img/partners_slider_big.png'); background-repeat: no-repeat; float: left; height: 92px; margin-top: 2px; width: 962px; }
.simply-scroll-container 
{ padding-left: 24px; padding-top: 5px; position: relative; }
.simply-scroll-clip 
{ overflow: hidden; position: relative; z-index: 2; }
.simply-scroll-list 
{ left: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; z-index: 1; }
.simply-scroll-list li 
{ list-style: none; margin: 0; padding: 0; }
.simply-scroll-list li img 
{ border: none; display: block; }
.simply-scroll 
{ height: 70px; margin-bottom: 1em; width: 813px; }
.simply-scroll-big
{ height: 70px; margin-bottom: 1em; width: 937px; }
.simply-scroll .simply-scroll-clip 
{ height: 70px; width: 813px; }
.simply-scroll-big .simply-scroll-clip 
{ height: 70px; width: 937px; }
.simply-scroll-list li 
{ float: left; height: 70px; width: 230px; }

/* Home Nieuws-items */
.item
{ background: url('img/nieuws_small.png'); background-position: 0px 4px; background-repeat: no-repeat; height: 42px; padding-top: 0px; padding-left: 12px; cursor: pointer; }
.itemtext
{ float: left; height: 28px; padding-top: 10px; }
.item-big
{ background: url('img/nieuws_big.png'); background-repeat: no-repeat; height: 227px; background-position: 0px 4px;}


/* PrettyPhoto */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(img/prettyphoto/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(img/prettyphoto/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(img/prettyphoto/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(img/prettyphoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(img/prettyphoto/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(img/prettyphoto/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(img/prettyphoto/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(img/prettyphoto/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(img/prettyphoto/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(img/prettyphoto/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(img/prettyphoto/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(img/prettyphoto/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(img/prettyphoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(img/prettyphoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(img/prettyphoto/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(img/prettyphoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(img/prettyphoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(img/prettyphoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(img/prettyphoto/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
a.pp_next{background:url(img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

