/******************************************************************************
 * 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: 1em; }
h1, h2, h3, h4, h5, h6
{ clear: both; margin: 0; padding: 0.1em 0;line-height: 1.2em; }
h1
{ display: none; }
#content h2, #content .promo-item.sparen h2
{ font-size: 14px; color: white; font-weight: normal; height: 22px; margin-top: 0px; padding: 4px 5px 0 10px; background: url(img/h1-header.png); }
#sidebar h2
{ font-size: 14px; color: white; font-weight: normal; height: 22px; margin-top: 0; padding: 4px 5px 0 10px; background: url(img/h2-header.png); }
#sidebar-big h2
{ font-size: 14px; color: white; font-weight: normal; height: 22px; margin-top: 0; padding: 4px 5px 0 10px; background: url(img/h2-header.png); }
#sidebar-big h2.top {
	margin-top:0;
}
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: #ef7d00; 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: #ef7d00; text-decoration: none; }

a:hover
{ color: #ef7d00; text-decoration: underline }

.item h3
{ 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: black; font-weight: normal; height: 23px; margin-top: 0; padding: 5px 5px 0 10px; background: url(img/h3-header.png); }

.title
{ display: block; font-size: 14px; color: white; font-weight: normal; height: 23px; margin-top: 0; padding: 5px 5px 0 10px; background: url(img/h1-header.png); }

.lightbox img
{ border: 0px solid #0090d6; }

.photo-header
{ margin-top: 4px; }

.more
{ color: #ef7d00}

p {
margin-left: 12px; margin-right: 12px; line-height: 1.4em; font-size: 12px;
}

#content ol, #content ol li { line-height: 1.4em; }


.news .description
{ width: 280px; float: right; margin-top: 20px; }

.news .picture
{ float: left; margin: 10px; }

.banner336x280
{ margin-top: 4px; }

.news .item:hover
{ background: #ececec; }

.more_news_items a
{ text-decoration: none; padding-left: 10px; margin-bottom: 4px; margin-top:4px;  line-height: 3em; border: solid 1px #ef7d00; display: block; color: #ef7d00;  }

.more_news_items a:hover
{ background-color: #ececec; border: solid 1px #ef7d00;  }

a span { display:none; }

#menu a span { display:inline-block; }

.simple-button {
	padding: 4px;
	border: 0;
	color: white;
	background: #F39100;
	cursor: pointer;
}
/******************************************************************************
 * 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 label { padding: 0px; }
#sidebar-big input { width: 250px; }

#sidebar-big input.button, #content .nicebutton{ width: 100px; background-color: #EF7D00; border: 0px; padding: 5px; margin-left: 25px; color: white; cursor: pointer; }
#content .lbl .nicebutton { margin-left: 12px; }

#sidebar-big input.simple-button { margin: 0;!important}

#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
{  }
#register-form-facebook_user, #register-form-hyves_user, #register-form-twitter_user
{ border: 1px solid silver; width: 150px; height: 18px; padding: 2px; margin-top: 0px; margin-bottom: 10px;}
#socialmedia-form-facebook, #socialmedia-form-hyves, #socialmedia-form-twitter
{ border: 1px solid silver; margin-left: 40px; width: 260px; height: 18px; padding: 2px; margin-top: 10px;}
#socialmedia-form-submit
{ margin-left: 40px; margin-bottom: 10px; }
#socialmedia-connect
{ margin-left: 40px; }

/******************************************************************************
 * 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; }
#sidebar-big .lbl label {
	margin:0;
	padding:0;
}
#sidebar-big .lbl input.text, #sidebar .lbl input.password {
	width: 130px;
}

/******************************************************************************
 * 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 a
{ display: block; height: 26px;text-decoration: none; padding: 4px; background: url(img/menu-down.png); color: white; padding-top: 12px; padding-left: 12px;  }
#menu ul li a:hover,
#menu ul li a.active
{ background: url(img/menu-up.png); }
#menu ul li a.active
{  font-weight: bold;  }
#menu ul li a.sub
{ background: url(img/btn_menu_actie.png); padding: 4px; padding-top: 6px; height: 18px; font-size: 12px; padding-left: 12px; color: black;}
#menu ul li a.sub:hover,
#menu ul li a.sub.active
{ background: url(img/btn_menu_actie_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 #ea5b0c; 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
{ 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/header6.jpg); }

#top-faq
{ background-image: url(img/header7.jpg); }

#top-register
{ background-image: url(img/header8.jpg); }

#top-winnen
{ background-image: url(img/header8.jpg); }

#sidebar-facebook
{ background-color: white; border: solid 1px silver; height: 65px; 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; */}

#content .promo-item h2, #content .organisatie
{ background-image: url(img/498_magenta_header.png); color: white; font-weight: bold;}

#content .organisatie
{ height: 26px; background-repeat: no-repeat;}

#content .promo-item h2.promomain
{ display: none; }

.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 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); }

.sunevent-points th, .sunevent-points td {
	text-align: left;
	padding: 6px 12px;
	line-height: 1.4em;
}
.sunevent-points th.description {
	width: 260px;
}
.sunevent-points th.small {
	width: 40px;
}
.sunevent-points tr.even {
	background: #F3F3F3;
}
.sunevent-points td.center {
	text-align:center;
}
.sunevent-points td.right {
	text-align:right;
}

.message { padding: 10px; color: #EF7D00; border: 1px #EF7D00 solid; }

#content .lbl label { padding: 0px; margin-left: 12px;}

#content .doemeeknop { display: block; background-image: url(img/btn_button.png); width: 185px; height: 23px; color: white; padding: 10px; padding-top: 16px; font-size: 15px; text-decoration: underline; margin-top: 20px; float: right; margin-right: 30px;}

#content .studenten-net a.doemeeknop 
{ background-image: url(img/btn_actie_studentennet.png);  width: 190px; height: 24px; }
.studenten-net .promo-item.sparen h2 { background-image: url(img/h3_actie_studentennet.png)!important;; }
.studenten-net .promo-item a { color: #E5007E; }

#content .take-care-now a.doemeeknop 
{ background-image: url(img/btn_actie_takecarenow.png);  width: 190px; height: 24px; }
.take-care-now .promo-item.sparen h2 { background-image: url(img/h3_actie_takecarenow.png)!important; }
.take-care-now .promo-item a { color: #009FE3; }

/*#content .asa-student a.doemeeknop 
{ background-image: url(img/btn_actie_asastudent.png);  width: 190px; height: 24px; }*/
.asa-student .promo-item.sparen h2 { background-image: url(img/h3_actie_asastudent.png)!important; }
.asa-student .promo-item a { color: #FF0000; }

#content .studystore a.doemeeknop 
{ background-image: url(img/btn_actie_studystore.png);  width: 190px; height: 24px; }
.studystore .promo-item.sparen h2 { background-image: url(img/h3_actie_studystore.png)!important; }
.studystore .promo-item a { color: #9ABFDC; }

#content .apple a.doemeeknop 
{ background-image: url(img/btn_actie_apple.png);  width: 190px; height: 24px; }
.apple .promo-item.sparen h2 { background-image: url(img/h3_actie_apple.png)!important; }
.apple .promo-item a { color: #AFCA0B; }

#content .mambo a.doemeeknop
{ background-image: url(img/btn_actie_mambo.png);  width: 190px; height: 24px; }
#content .mambo .promo-item.sparen h2 { background-image: none; background-color: #fed501; }
#content .mambo .promo-item a { color: #AFCA0B; }

#content .phonehouse a.doemeeknop
{ background-image: url(img/btn_actie_phonehouse.png);  width: 190px; height: 24px; }
#content .phonehouse .promo-item.sparen h2 { background-image: none; background-color: #000033; }
#content .phonehouse .promo-item a { color: #00A5E5; }

#content .ing a.doemeeknop
{ background-image: url(img/btn_actie_ingbank.png);  width: 190px; height: 24px; }
#content .ing .promo-item.sparen h2 { background-image: none; background-color: #FF6701; }
#content .ing .promo-item a { color: #FF6701; }

table.ranking
{ border: 1px solid #F39100; border-collapse: collapse; margin-bottom: 4px; width: 100%; }

table.ranking tr th,
table.ranking tr td
{ padding: 5px 0 5px 9px; }

table.ranking tr th
{ background-color: #F39100; color: white; font-weight: normal; text-align: left; }

table.ranking tr.even td
{ background: #FDE8C9; }