@import url("shared.css");

/*
font-size:
10pt = 10px = 0.625em
12pt = 12px = 0.75emc
13pt = 13px = 0.8125em
14pt = 14px = 0.875em
15pt = 15px = 0.9375em
18pt = 18px = 1.125em
25pt = 25px = 1.5625em.
35pt = 35px = 2.1875em
40pt = 40px = 2.5em
50pt = 50px = 3.125em
*/

/* fixes for bootstrap http://getbootstrap.com/getting-started/#support */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

root {
    display: block;
}

html, body{
    padding: 0px;
    font-family: 'Open Sans', 'myriad-pro', Calibri, sans-serif;
    font-size: 97%;
    zoom: 1;

	-webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #333;
    padding:0;
    margin:0;
    color: #000;
    /*padding-top: 94px;*/
    min-height: 100%;
}

html.empty, body.empty {
	background-image: none !important;
    background-color: #fff !important;
    padding:0 !important;
    margin:0;
}

body #content_wrapper {
	right: 0;
	position:relative;
}

body.menu_meer_active{
	position:fixed;
	width: 100%;
}

body.menu_meer_active #content_wrapper {
	right: 0;
	position:relative;
	right: 260px;
}

body.menu_meer_active #header {
	right: 260px;
	left: -260px;
}

.xs .container,
.sm .container,
.md .container {
	padding-left:20px;
	padding-right:20px;
}

.sm #footer {
    margin-left: -10px;
    margin-right: -10px;
}

pre {
	clear:both;
}

input, textarea, select {
	font-family: 'Open Sans', 'myriad-pro', Calibri, sans-serif;
	/*	font-family: 'myriad-pro', 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;*/
}

html.empty {
	overflow-y: auto;
}

a {
    color: #46BEDC;
}

a, * {
    border:0;
    text-decoration: none;
}

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

h4 {
	font-weight: bold;
	color: #000;
	line-height: 19px;
	margin-top: 19px;	
}

h2 {
	font-weight: bold;
	font-size: 23px;
	line-height: 32px;
}

p {
	margin: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}

ul, ol {
    margin: 0px;
    padding: 0px;
}
ul {
    list-style: none;
}

h1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size:30px;
}


body.xs h1, body.xs h1.artikel{
    font-size: 1.4em;
}


h1.blauw, h1.blauw a, h1.blauw.a:hover, h1.blauw.a:active, h1.blauw.a:visited, h1.blauw.a:link{
    color: #46BEDC;
    text-decoration: none;
}

h1.oranje,
h1.oranje a, 
h1.oranje a:hover, h1.oranje a:active, h1.oranje .a:visited, h1.oranje a:link,

h2.oranje,
h2.oranje a, 
h2.oranje a:hover, h2.oranje a:active, h2.oranje a:visited, h2.oranje a:link,

a.oranje, a.oranje:hover, a.oranje:active, a.oranje:visited{
    color: #FF6E00;
    text-decoration: none;
}

a.oranje, a.oranje:hover, a.oranje:active, a.oranje:visited{
	font-weight: bold;
}

h1.groen, h1.groen a, h1.groen:hover, h1.groen.a:active,h1.groen.a:visited, h1.groen.a:link{
    color: #50BE1E;
    text-decoration: none;
}

h1.advertentie {
    font-size: 2.1em;
    color: #50BE1E;
    margin-bottom: 5px;
	text-align:center;
}

body.xs .container.advertentie, body.sm{
	left: auto;
}

input[type="checkbox"], input[type="radio"]{
    display: none;
}

img{

}

span.sprite {
    background: url(/public/img/v2/csg-5097c495e5abc.png) no-repeat top left;
	display:inline-block;
}

/* Sprites */

span.aanwijzer_bl_rechts{ background-position: 0 0; width: 20px; height: 30px; }
span.aanwijzer_lichtbl_rechts{ background-position: 0 -40px; width: 20px; height: 30px; }
span.approved_radio_zw{ background-position: 0 -80px; width: 16px; height: 17px; }
span.approved_wt{ background-position: 0 -107px; width: 16px; height: 17px; }
span.approved_zw{ background-position: 0 -134px; width: 16px; height: 17px; }
span.ballon_or{ background-position: 0 -161px; width: 10px; height: 11px; }
span.bekeken_zwart{ background-position: 0 -182px; width: 16px; height: 11px; }
span.blob_alt_button{ background-position: 0 -203px; width: 30px; height: 30px; }
span.button_fb{ background-position: 0 -243px; width: 25px; height: 25px; }
span.button_hv{ background-position: 0 -278px; width: 25px; height: 25px; }
span.button_tw{ background-position: 0 -313px; width: 25px; height: 25px; }
span.disapproved_zw{ background-position: 0 -348px; width: 16px; height: 17px; }
span.download_wt{ background-position: 0 -375px; width: 19px; height: 21px; }
span.drag_gr{ background-position: 0 -406px; width: 33px; height: 21px; }
span.drag_grey{ background-position: 0 -437px; width: 33px; height: 21px; }
span.driehoek_or{ background-position: 0 -468px; width: 11px; height: 8px; }
span.driehoek_or_links{ background-position: 0 -486px; width: 13px; height: 26px; }
span.driehoek_or_rechts{ background-position: 0 -522px; width: 13px; height: 26px; }
span.extra_or{ background-position: 0 -558px; width: 9px; height: 13px; }
span.flag_belgium16{ background-position: 0 -581px; width: 16px; height: 16px; }
span.flag_france16{ background-position: 0 -607px; width: 16px; height: 16px; }
span.flag_great_britain16{ background-position: 0 -633px; width: 16px; height: 16px; }
span.flag_netherlands16{ background-position: 0 -659px; width: 16px; height: 16px; }
span.hartje_wit{ background-position: 0 -685px; width: 13px; height: 12px; }
span.info_zwart{ background-position: 0 -707px; width: 10px; height: 17px; }
span.inloggen_or{ background-position: 0 -734px; width: 11px; height: 13px; }
span.kalender{ background-position: 0 -757px; width: 17px; height: 17px; }
span.letop{ background-position: 0 -784px; width: 29px; height: 32px; }
span.loep_or{ background-position: 0 -826px; width: 18px; height: 18px; }
span.loep_wt{ background-position: 0 -854px; width: 18px; height: 18px; }
span.logo_middel{ background-position: 0 -882px; width: 149px; height: 77px; }
span.persoon_zwart{ background-position: 0 -969px; width: 14px; height: 17px; }
span.play_blauw{ background-position: 0 -996px; width: 17px; height: 17px; }
span.play_or{ background-position: 0 -1023px; width: 57px; height: 40px; }
span.print_wt{ background-position: 0 -1073px; width: 21px; height: 21px; }
span.puist{ background-position: 0 -1104px; width: 25px; height: 25px; }
span.staart_bl_omhoog{ background-position: 0 -1139px; width: 25px; height: 11px; }
span.staart_bl_onder{ background-position: 0 -1160px; width: 25px; height: 11px; }
span.staart_edeeee_boven{ background-position: 0 -1181px; width: 25px; height: 11px; }
span.staart_edeeee_links{ background-position: 0 -1202px; width: 11px; height: 25px; }
span.staart_edeeee_links.auteur_reactie{ background-position: center; width: 11px; height: 25px; background: url(/public/img/v2/staart_b9e6f1_links.png) no-repeat top left;}
span.staart_ffa866_onder{ background-position: 0 -1237px; width: 25px; height: 11px; }
span.staart_gr_onder{ background-position: 0 -1258px; width: 25px; height: 11px; }
span.staart_gr_rechts{ background-position: 0 -1279px; width: 11px; height: 25px; }
span.staart_gr_omhoog{ background-image: url(../../img/v2/staart_gr_omhoog.png); width: 25px; height: 11px; background-position: 1px 0; }
span.staart_grijs_onder{ background-position: 0 -1314px; width: 25px; height: 11px; }
span.staart_groot_wit_boven{ background-position: 0 -1335px; width: 50px; height: 21px; }
span.staart_groot_wit_onder{ background-position: 0 -1366px; width: 50px; height: 21px; }
span.staart_lichtbl_onder{ background-position: 0 -1397px; width: 25px; height: 11px; }
span.staart_or_onder{ background-position: 0 -1418px; width: 25px; height: 11px; }
span.staart_wit_omhoog{ background-position: 0 -1439px; width: 25px; height: 11px; }
span.ster_blauw_gevuld{ background-position: 0 -1460px; width: 15px; height: 16px; }
span.ster_wit_gevuld{ background-position: 0 -1486px; width: 15px; height: 16px; }
span.ster_wit_leeg{ background-position: 0 -1512px; width: 15px; height: 16px; }
span.vinger_or{ background-position: 0 -1538px; width: 16px; height: 16px; }
span.vlag_or{ background-position: 0 -1564px; width: 12px; height: 13px; }
span.vlag_zwart{ background-position: 0 -1587px; width: 16px; height: 17px; }
span.staart_lgr_onder{ width: 25px; height: 11px; background-image: url(../../img/v2/staart_lgr_onder.png); /*background-position: 0 -1258px; width: 25px; height: 11px;*/ }


.checkbox:before{
    color: lightgrey;
    content: "\f096";
    font: normal normal normal 14px/1 FontAwesome;
}

.checkbox,
.form-horizontal .checkbox {
    display: block;
/*    
    background: url(/public/img/v2/disapproved_zw.png) left center no-repeat;
    
    padding: 0 5px;
    margin: 0;
    cursor:pointer;
    color:#ffffff;
	position: relative;
	top: 2px;
*/
}

.antwoord .checkbox {
    display: inline-block;   
    padding: 0 5px;
    margin: 0;
    cursor:pointer;
    color:#ffffff;
	position: relative;
	top: 2px;
}

.checkbox.checked:before{
    color: #4497ff;
    content: "\f14a";
    font: normal normal normal 14px/1 FontAwesome;
}

/*.checkbox.checked{
    background: url(/public/img/v2/approved_zw.png) left center no-repeat;
}*/

.checkbox.unchecked{
    background: url(/public/img/v2/disapproved_zw.png) left center no-repeat;
}

.radio{
    width: 20px;
    height: 17px;
    background: url(/public/img/v2/disapproved_radio_zw.png) left center no-repeat;
    padding: 0 5px;
    margin: 0;
    cursor:pointer;
    color:#ffffff;
    float: left;
}

.radio.checked{
    background: url(/public/img/v2/approved_radio_zw.png) left center no-repeat;
}
.radio.unchecked{
    background: url(/public/img/v2/disapproved_radio_zw.png) left center no-repeat;
}

a.plus{
	color: #128ebe !important;
}

/*span.plus {
    font-size: 25px;
    margin-left: 1px;
    margin-right: 7px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    line-height: 1em;
    color: black;
}*/

.spacer{
    display: block;
    clear: both;
    width: 100%;
    height: 50px;
}

/* Quiz */
span.aantal, span.goed, span.fout{
    background-color: #46BEDC !important;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 0 5px 0 4px;
    line-height: 16px;
    min-width: 14px;
    font-size: 0.9375em;
    text-align: center;
	margin-left: 10px;
}
span.aantal.oranje {
    background-color: #FF6E00 !important;
}
span.aantal.grijs {
    background-color: #BDCCD4 !important;
}
span.goed{
    background-color: #50Be1e !important;
    padding: 2px 5px 2px 4px;
}
span.fout{
    background-color: #994801 !important;
    padding: 2px 5px 2px 4px;
}


/* Banner */
#scomad_holder{
    background-color: #FFF;
}

/* HEADER - algemeen */
#header {
        position: fixed;
	z-index:7000;
	left:0;
	right:0;
	top:0;	
}

#header .container {
	padding-left:0;
	padding-right:0;
}

#header .container div {
	margin: 0;
	padding: 0;
}

/* HEADER - logo en zoeken en buttons */
#logo_en_zoeken {
	height:48px;
	background-color:#FF6E00;
	background-image:url(/public/img/v2/grain_or.png);	
}

body.md.is-desktop #logo_en_zoeken,
body.lg.is-desktop #logo_en_zoeken {
	height:70px; /* 48 px bij scrollen */
	
}

#logo_en_zoeken #logo{
	float: left;
	position: absolute;
	margin-left: 10px;
	margin-right: 10px;
	width:40px;
	height:48px; /* '95px' bij scrollen */
}

body.md.is-desktop #logo_en_zoeken #logo,
body.lg.is-desktop #logo_en_zoeken #logo {
	width: 210px; /* '40px' bij scrollen */
	height:95px;
}

#logo_en_zoeken #logo .logo-klein{
	display:block;
	padding-top: 0;
}

#logo_en_zoeken #logo .logo-groot {
	display:none;
	padding-top: 10px;
}

body.md.is-desktop #logo_en_zoeken #logo .logo-groot,
body.lg.is-desktop #logo_en_zoeken #logo .logo-groot {
	display:block; /* bij scrollen het kleine logo weergeven */
}

body.md.is-desktop #logo_en_zoeken #logo .logo-klein,
body.lg.is-desktop #logo_en_zoeken #logo .logo-klein {
	display:none; /* bij scrollen het grote logo weergeven */
}

#logo_en_zoeken #zoekveld {
    background-color: #fff;
	cursor: default;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */	
	overflow:auto;
	position: relative;
	margin-top:8px;
	margin-left: 57px;
}

body.md.is-desktop #logo_en_zoeken #zoekveld,
body.lg.is-desktop #logo_en_zoeken #zoekveld {
	margin-top:20px; /* bij scrollen 8px */	
}

body.md #logo_en_zoeken #zoekveld,
body.lg #logo_en_zoeken #zoekveld {
	margin-left: 230px;
}

body.sm #logo_en_zoeken #zoekveld,
body.md #logo_en_zoeken #zoekveld,
body.lg #logo_en_zoeken #zoekveld {
	width:350px;
}

#logo_en_zoeken #zoekveld input {
	color: #000;
	background-color: #fff;
	font-size: 1em;
	font-weight: bold;
	width:100%;
	outline: none;
	padding-left:10px;
}

#logo_en_zoeken #zoekveld input:focus {
	outline: none;
}

#logo_en_zoeken .zoekbalkTopImage {
	cursor: pointer;
	margin-top: 6px;
	width: 18px;
	height: 18px;
	right: 7px;
	position: absolute;
	color: #FF6e00;
	font-size: 18px;
}

#logo_en_zoeken .zoekbalkTopImage.fa-times-circle {
	margin-top: 6px;
	font-size:20px;
}

#logo_en_zoeken #zoekbalkTop {
	margin:0px;
	padding:0px;
	line-height:30px;
	font-size:1.1em;
	font-weight:bold;
	height:30px;
}
#logo_en_zoeken #zoekbalkTop:focus::-webkit-input-placeholder 
{
    color: transparent;
}
#logo_en_zoeken #zoekbalkTop::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7F7F7F;
}
#logo_en_zoeken #zoekbalkTop:-moz-placeholder {  /* Mozilla Firefox 4 to 18  */
    color:    #7F7F7F;
}
#logo_en_zoeken #zoekbalkTop::-moz-placeholder {  /* Mozilla Firefox 19+ */
    color:    #7F7F7F;
}
#logo_en_zoeken #zoekbalkTop:-ms-input-placeholder {  /* Internet Explorer 10+ */
    color:    #7F7F7F;
}

#logo_en_zoeken li {
	position:relative;
	float:right;
	z-index:7000;
}

#logo_en_zoeken .button {
	color: #fff;
	font-weight: bold;
	display: block;
	float:right;
	text-decoration: none;
	padding-right:10px;
	padding-left:10px;
	height:48px;
}

#logo_en_zoeken #menu_upload a.button {
/*	background-color: #50BE1E;*/
	background-color: #29b1e7;
	color: #fff;
}

#logo_en_zoeken #menu_upload a.button:hover {
/*	background-color: #198E04;*/
        background-color: #1787b1;
}

body.md #logo_en_zoeken #menu_profiel a:hover,
body.lg #logo_en_zoeken #menu_profiel a:hover {	
	color: #ff6d00;
}

body.is-tablet #logo_en_zoeken #menu_upload a.button, 
body.is-phone #logo_en_zoeken #menu_upload a.button {
	display:none;
}

body.xs #logo_en_zoeken .button {
	border-left:2px solid #d95c00;	
	margin-left:10px;	
}

body.md #logo_en_zoeken .button, 
body.lg #logo_en_zoeken .button {
	color: #000;
	background-color: #fff;
	height: 30px;
	margin-top: 20px; /* bij scrollen 9px */	
	margin-right: 10px;
	
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */	
}


body.is-tablet.md #logo_en_zoeken .button, 
body.is-tablet.lg #logo_en_zoeken .button, 
body.is-phone.md #logo_en_zoeken .button,
body.is-phone.lg #logo_en_zoeken .button{
	margin-top: 9px;
}


#logo_en_zoeken .button i {
	font-size: 22px;
	display: block;
	float: left;
	padding-top: 14px;
	height: 48px;
}

body.md #logo_en_zoeken .button i, 
body.lg #logo_en_zoeken .button i {
	height:30px;
	padding-top:4px;
}

#logo_en_zoeken .button span {
	font-size: 12px;
	height: 48px;
	display: block;
	float: right;
	line-height: 48px;
	padding-left: 8px;
}

body.md #logo_en_zoeken .button span, 
body.lg #logo_en_zoeken .button span {
	line-height:30px;
	font-size: 14px;
	height:30px;
}

/* HEADER - hoofdmenu */
#hoofdmenu {
	background-color:#fff;
	border-bottom: 2px solid #f5f4f4;
}

#hoofdmenu .hoofdmenu_item {
	height: 44px;
	text-align: center;
	
	display: block;
	line-height: 44px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9375em;
	text-decoration: none;
	
	position:relative;
	float:left;
	text-align:center;
	z-index: 900;
}

#hoofdmenu #menu_meer.hoofdmenu_item {
	padding-left: 20px;
}

#hoofdmenu #menu_meer.hoofdmenu_item i {
	font-size: 22px;
	height: 44px;	
	display:block;
	float:left;	
	padding-top: 12px;
}

#hoofdmenu #menu_meer.hoofdmenu_item span {
	font-size: 13px;
	line-height: 44px;	
	height:44px;
	text-transform: lowercase;
	display:block;
	float:left;
	padding-left:8px;
}

#hoofdmenu .hoofdmenu_item:hover {
	color: #ff6d00;
}

#hoofdmenu .hoofdmenu_item.actief {
	border-bottom:4px solid #ff6d00;
}

#menu_Proefstuderen a {
    /*background-color: #CDECCC;*/
    background: #CDECCC url('//media.scholieren.net/public/i/WUR2016RGBlogomini.png') no-repeat;
    background-position: right 4px center;
}
#menu_Proefstuderen .hoofdmenu_item:hover {
    color: #34B233;
}
#menu_Proefstuderen .hoofdmenu_item.actief {
    border-color: #34B233;
}
/*
#menu_Studiekeuze a {
    background: #e4f187 url('//media.scholieren.net/public/i/vhl.png') no-repeat;
    background-position: right 15px center;
    color: #453e00 !important;
    background-size: 23px 23px;
}
body.xs #menu_Studiekeuze a {
    background: none;
}
#menu_Studiekeuze .hoofdmenu_item:hover {
    color: #ff6d00 !important;
}
#menu_Studiekeuze .hoofdmenu_item.actief {
    border-color: #34B233 !important;
}*/

/* HEADER - submenu */
#header .container div.header_submenu {
	display:none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-right: 10px;
	text-align:right;
	z-index: 7000;
}

#header .container div#menu_meer_submenu.header_submenu i.fa-caret-up {
	margin-top: -10px;
}

#header .container div.header_submenu i.fa-caret-up {
	color: #fff;
	font-size: 45px;
	display: block;
	height: 16px;
	padding: 0;
	margin: 0;
	line-height: 20px;
	margin-right: 50px;
	text-shadow: 0px 0px 5px #333;
	overflow: hidden;
}

#header .container div.header_submenu div.header_submenu_content {
	text-align:left;
	z-index: 7000;
	
	background-color: #fff;
	padding:20px;
	padding-top:12px;
	padding-bottom:12px;
	width:250px;
	overflow:auto;
	
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	
	-moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */			
}

#header .container div#menu_profiel_submenu.header_submenu div.header_submenu_content {
	width: 150px;
}

#header .container div.header_submenu div.header_submenu_content li {
	float:none;
}

#header .container div.header_submenu div.header_submenu_content li a {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

#header .container div.header_submenu div.header_submenu_content li a:hover {
	text-decoration: none;
	color: #ff6d00;
}

#header .container div.header_submenu div.header_submenu_content li a i {
	font-weight: bold;
}

#header .container div.header_submenu div.header_submenu_content li.tweede_niveau a {
	padding-left:20px;
}

/* HEADER - meer menu */
#menu_meer_inhoud {
	display: none;
	position: fixed;
	right: 0;
	width: 260px;
	background-color: #333;
	z-index: -1;
	padding: 10px !important;
	padding-top: 0 !important;
	top: 0;
	bottom: 0;
	height: 100%;
	/*overflow-y: auto;*/
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
body.menu_meer_active #menu_meer_inhoud {
	display:block;
}

#menu_meer_inhoud ul li {
	float:none;
	clear:both;
}

#menu_meer_inhoud ul li a {
	display: block;
	clear:both;
	color: #fff;
	height: 44px;
	line-height: 44px;
	font-size: 1em;
	padding-left:10px;
	padding-right:10px;
}

#menu_meer_inhoud ul li a:hover {
	text-decoration:none;
	color: #ff6d00;
}

#menu_meer_inhoud ul li.eerste_niveau a,
#menu_meer_inhoud ul li.eerste_niveau a i {
	font-weight: bold;
}

#menu_meer_inhoud ul li.tweede_niveau a {
	padding-left:40px;
}

#menu_meer_inhoud #menu_en_sluiten {
	overflow: auto;
	padding-bottom:0;
}

#menu_meer_inhoud #menu_en_sluiten a {
	color: #FF6E00;
	font-size: 1.125em;
	display: block;
	padding-left: 10px;	
	padding-right: 10px;	
	padding-top:7px;
	line-height: 40px;
}
#menu_meer_inhoud #menu_en_sluiten a:hover {
	text-decoration:none;
}

#menu_meer_inhoud #menu_en_sluiten a i {
	float:right;
	padding-top:10px;
	font-size:20px;
}

/* Footer */
#footer_holder{
    background-color: #333;
    color: #A7A9AC;
	padding-bottom:20px;
}

#footer{
    color:#A7A9AC;
	margin-top:20px;
	font-size: 0.875em;
}

#footer{
	margin-left: -20px;
	margin-right: -20px;
}

body.xs #footer{
	text-align:center;
}


#footer #tweede p, 
#footer #vierde {
    line-height: 1.5;
}

#footerlogo{
    width: 149px;
    height: 77px;
}

#footer .kop{
    color: #FFF;
    font-family: 'ReklameScript', Arial, sans-serif;
    line-height:1;
    font-size: 2.1875em;
}

#footer p{
	margin-top:5px;
}

#footer ul.social_links,
body.sm #footer ul.copyright_links {
	text-align:center;
}

#footer ul.social_links li {
	width:calc(100% / 5);
	display:block;
	float:left;
	font-size: 22px;
}

body.xs #footer ul.social_links li {
    width:calc(100% / 4);
}

#footer ul.copyright_links {
	margin-top:10px;
}

#footer ul.copyright_links li {
	display:inline;
}

#footer  ul.copyright_links li a {
	line-height:20px;
}

#footer li.seperator {
	padding-left: 5px;
	padding-right:5px;
    color: #FF6E00;
    font-weight:bold;	
	display:inline;
}

#footer a{
    color: #FF6E00;
    font-weight:bold;
}

/* Content*/
#content_holder_top{
    background-color:#fff;
    height:19px;
    -moz-border-radius: 10px 10px 0px 0px; /* Firefox */
    -webkit-border-radius: 10px 10px 0px 0px; /* Safari, Chrome */
    border-radius: 10px 10px 0px 0px; /* CSS3 */
    position: relative;
    z-index: 1;
}

body.xs #content_holder_top {
    -moz-border-radius: 0px; /* Firefox */
    -webkit-border-radius: 0px; /* Safari, Chrome */
    border-radius: 0px; /* CSS3 */	
}


#content_holder_bottom{
    background-color: #fff;
    -moz-border-radius: 0px 0px 3px 3px; /* Firefox */
    -webkit-border-radius: 0px 0px 3px 3px; /* Safari, Chrome */
    border-radius: 0px 0px 3px 3px; /* CSS3 */
    z-index: 50;
	position: relative;
}

body.xs #content_holder_bottom{
    -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0; /* Safari, Chrome */
    border-radius: 0; /* CSS3 */
}

/*#content_holder*/body{
    background-color:#46BEDC;
    
/*	position:relative;*/
	background-image: url(/public/img/v2/bg_bl.png);
	background-repeat: repeat;
	background-size: auto;
}

body.xs #content_holder{
	background-image: none;
}

#content{
    background-color:#fff;
    position: relative;
    cursor: auto;
	padding-top:20px;
}

span.expert_header{
    font-weight: bold;
    font-size: 1.1em;
}

a.expert_anchor{
    position: relative;
    top: -40px;
    width: 100%;
    float: left;
}

#expert_samenvatting_fold{
    display: none;
}

#expert_personages{
    width: 684px;
    height: auto;
    padding: 0 6px 0 0;
    border: 0;
    margin-bottom: 20px;
}


/* tabellen */
.overzicht_tabel {
    font-size: 0.9375em;
	width:100%;
	margin-bottom:10px;
}

table.overzicht_tabel th{
    color: #46Bedc;

    font-weight:bold;
    text-align: left;
    vertical-align: top;
    text-transform: uppercase;
    display: table-cell;
    padding: 0 10px 10px 0;
    white-space: nowrap;
}

table.overzicht_tabel th a{
    margin: 3px 6px 3px 6px;
    color: #46BEDC;
    display: block;
}

table.overzicht_tabel th span {
	margin: 3px 6px 3px 6px;
	display: block;
}

table.overzicht_tabel th div{
    display: block;
	float:left;
}

table.overzicht_tabel th a.sort{
    color: #FFF;
}

table.overzicht_tabel th div.sort{
    background-color: #46BEDC;
}

table.overzicht_tabel.forum th{
    color: #50BE1E;
}

table.overzicht_tabel tr{
    color: #000;
}

table.overzicht_tabel tr.color{
    background-color: #daf2f8;
}

table.overzicht_tabel.forum tr.color{
    background-color: #DCF2D2;
}

table.overzicht_tabel tr.klein td, table.overzicht_tabel tr.middel td{
    padding:10px 4px 10px 10px;
}

table.overzicht_tabel tr.hover:hover{
    background-color: #B9E6F1;
}

table.overzicht_tabel tr.do_hover{
    background-color: #B9E6F1;
}

table.overzicht_tabel.forum tr.hover:hover{
    background-color: #95D777;
    /*background-color: #A7DE8E;*/
}

table.overzicht_tabel.forum tr.do_hover{
    background-color: #95D777;
    /*background-color: #A7DE8E;*/
}

table.overzicht_tabel td.first{
    width: 1px;
}

table.overzicht_tabel td,
table.overzicht_tabel td a {
    vertical-align: top;
    color: #000;
    padding: 15px 10px;
}

table.overzicht_tabel td a:visited{
    color: #555;
}

table.overzicht_tabel td a:hover,
table.overzicht_tabel tr.hover:hover a.a_hover{
    color: #138EBE;
}

table.overzicht_tabel td a {
	padding:0;
}
#zoekresultaten table.overzicht_tabel td {
	padding: 7px 10px;
}

table.overzicht_tabel td.klein, table.overzicht_tabel td.middel{
    padding:4px 4px 4px 10px;
}

table.overzicht_tabel td h2 {
    font-size: 0.9375em;
    font-weight:bold;
    margin: 0 0 5px 0;
    padding: 0;
}

table.overzicht_tabel td h2 a {
	color: #000;
}

table.overzicht_tabel td p{
    font-size: 0.9325em;
    margin: 0 0 0 10px;
    padding: 0;
}

body.xs table.werkstukken_vak tr > td:first-child a{
	word-break: break-all;
}

div.pagination{
    text-align: center;
    font-size: 0.9375em;
    font-weight: bold;
    display: block;
	margin-top:0;
	margin-bottom:10px;
}

.pagination ul{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.pagination ul > li{
    display: inline;
    line-height: 20px;
}

.pagination ul > li > a,
.pagination ul > li > span{
    float: left;
    padding: 4px 8px;
    line-height: 16px;
    margin: 0 4px;
    text-decoration: none;
    background-color: #ffffff;
    border-left-width: 0;
    color: #46BEDC;
}

.pagination ul > li.active > a,
.pagination ul > li.active > span,
.pagination ul > li > a:hover,
.pagination ul > li > span:hover{
    background-color: #46BEDC !important;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.pagination ul > li.disabled > span,
.pagination ul > li.disabled > span:hover{
    color: #Bdccd4;
    background-color: transparent !important;
    cursor: pointer;
}

/* breadcrumbs */
#breadcrumbs{
    padding:0;
    margin:0;
    color: #46Bedc;
    font-size: 0.8125em;
    margin-bottom: 20px;
    /*width: 100%;*/
    display: inline-block;
    /*clear: both;*/
}

.profile-imcomplete-alert{
    float: right;
    padding-top: 10px;
}

.profile-imcomplete-alert a{
    color: #777;
}

.profile-imcomplete-alert a span{
    font-weight: bold;
}

#breadcrumbs li{
    padding:0;
    margin:0;
    width: auto;
    display: inline-block;
    float: left;
    text-transform: lowercase;
}

#breadcrumbs li.actief{
    font-weight:bold;
}

#breadcrumbs span{
    display: inline-block;
    float: left;
    padding: 0px 3px;
    text-align: center;
}

/* primaire navigatie */

body.xs #primaire_navigatie{
    width: 100%;
}

#primaire_navigatie{
    display: inline-block;
    margin: 0px 0px 20px 0px;
    position: relative;
    z-index: 99;
}

#primaire_navigatie li{
	float: left;
}

body.xs #primaire_navigatie{
	clear: both;
	float:none;
	width: 100%;
}

body.xs #primaire_navigatie li {
	width: 100%;
	float: none;
}

#primaire_navigatie li > div{
    background-color: #7F7F7F;
    color: #FFF;
    font-weight:bold;
    font-size: 0.9375em;
    text-align: center;
    height: 26px;
    padding: 0px 5px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    /*display: inline-block;*/
    float: left;
    /*z-index: 99;*/
	margin-bottom: 15px;
}

body.xs #primaire_navigatie li > div{
	float: none;
}

#primaire_navigatie li.groen{
    background-color: #50BE1E;
}

#primaire_navigatie li p{
    line-height: 26px;
    padding: 0px 0px;
    margin: 0px;
	z-index: 99;
}

#primaire_navigatie li img{
    width: 10px;
    height: 8px;
    padding: 0px 0px;
    margin: 0px;
}

#primaire_navigatie li p span{
    background-color: #FFF;
    color: #Bdccd4;

    font-weight:bold;
    display: inline-block;
    padding: 0px 4px;
    margin: 0px 0px 0px 10px;
    line-height: 16px;
    min-width: 14px;
    text-align: center;
    font-size: 0.8125em;
}

#primaire_navigatie a{
    color: #FFF;
    text-decoration: none;
}

#primaire_navigatie li.actief{
    background-color: #46Bedc;
}

#primaire_navigatie div.subholder{
	/* display: none; */
	position: absolute;
	top: 25px;
	height: 0px;
	width: 100%;
	z-index: 7000;	
	margin: 0 0 0 -5px;
	/* left: 5px; */
}

#primaire_navigatie ul {
    /*float: left;*/
    z-index: 8;
    height: auto;
    cursor: default;
    background-color: #FFF;
    
    position: relative;
    z-index: 99;
}

#primaire_navigatie .right ul {
    left: auto;
    right: 1px;
}


#primaire_navigatie .staartje{
    width: 25px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 5px;
    z-index: 99;
}

#primaire_navigatie ul li{
    background-color: transparent;
    color: #FF6E00;
    font-weight:bold;
    font-size: 0.9375em;
    text-align: left;
    height: 26px;
    padding: 0px 10px;
    margin: 0px 20px 0px 0px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    clear: both;
    min-width: 34px;
    text-align: center;
    z-index: 99;
}

#primaire_navigatie ul li a{
    color: #FF6E00;
}

#primaire_navigatie .subtop_holder {
	display:none;
	position: absolute;
	top: 25px;
	height: 0px;
	width: 100%;
	z-index: 7000;
	margin: 0 0 0 -5px;
}

#primaire_navigatie .subtop_holder p{
    width: 100%;
    text-align: center;
    height: 11px;
    padding: 0;
    margin: 0;
}

#primaire_navigatie .subtop_holder .links a {
	color: #FF6E00;
}

#primaire_navigatie .subtop {
    background-color: #fff;
    padding: 5px;
    -moz-box-shadow: 0 2px 5px #333;
    -webkit-box-shadow: 0 2px 5px #333;
    box-shadow: 0 2px 5px #333;
    float: left;
}

body.xs #primaire_navigatie .subtop{
	float: none;
}

#primaire_navigatie .subtop p{
    width: auto;
    margin: auto;
    text-align: left;
    white-space: nowrap;
}

#primaire_navigatie .subtop * {
    text-transform: none;
    color: #FF6E00;
	
}

.examen_rooster{
	font-size: 0.9325em; 
	padding: 2px 5px 2px 5px; 
	color: #464646;
	word-break: break-all;
}

.examen_rooster a{
	white-space: nowrap;
}

#primaire_navigatie .subtop a:hover {
    text-decoration: underline;
}

#primaire_navigatie .subtop_staart {
    margin: 1px 0 -1px 0;
    width: 25px;
    height: 11px;
    clear: both;
    vertical-align: top;
}

#primaire_navigatie .right{
    float: right;
}

#primaire_navigatie .clean {
    background-image: none;
    width: auto;
    padding: 0;
}
#primaire_navigatie .subtop_holder .actief  {
    color: #FFF;
    background-color: #FF6E00;
}
#primaire_navigatie .subtop_holder .actief a {
    color: #FFF;
}

#primaire_navigatie .subtop.letters{
    width: 259px;
}

#primaire_navigatie .subtop.letters p{
    text-align: center;
}
#primaire_navigatie .letters ul {
    width: 259px;
}
#primaire_navigatie .letters ul li{
    clear: none;
}

/* Secundaire Navigatie */
.secundaire_navigatie{
	margin-bottom: 20px;
}

.secundaire_navigatie ul{
	margin-left: 20px;
}
.secundaire_navigatie.actief ul{
	margin-bottom: 10px;
}

body.xs .secundaire_navigatie ul{
	margin:0;
}

body.xs .secundaire_navigatie.open ul{
	margin:10px;
	margin-left:20px;
	margin-right:20px;
}

.secundaire_navigatie.actief li.actief{
	background-color: #90d8eA;
}


.secundaire_navigatie.actief li.aanwijzer {
	margin-right: 0px !important;
}

.secundaire_navigatie li{
	background-color: #Bdccd4;
	display: block;
	margin: 1px 0 5px 0;
	position: relative;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */
	padding: 0;
}

.secundaire_navigatie li a {
	color: white;
	font-size: 0.9375em;
	line-height: 24px;
	font-weight: bold;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
}

.secundaire_navigatie .aantal{
	background-color: white !important;
	color: #Bdccd4;
}

.secundaire_navigatie .actief .aantal{
	background-color: white !important;
	color: #46Bedc;
}

body.xs .secundaire_navigatie li a {
	padding: 10px;
}

body.xs .secundaire_navigatie.open li a {
	text-align: center;
}

.secundaire_navigatie li.aanwijzer,
.secundaire_navigatie li:hover{
	background-color: #46Bedc !important;
	padding-right: 0;
}

.secundaire_navigatie li.actief a,
.secundaire_navigatie li.aanwijzer a,
.secundaire_navigatie li:hover a{
	text-decoration: none;
}

body.md .secundaire_navigatie.actief li,
body.lg .secundaire_navigatie.actief li{
	margin-right: 10px;
}

body.md .secundaire_navigatie.actief li:hover,
body.lg .secundaire_navigatie.actief li:hover{
	margin-right: 0px;
}

body.md .secundaire_navigatie li.aanwijzer span.pijl,
body.md .secundaire_navigatie li:hover span.pijl,
body.lg .secundaire_navigatie li.aanwijzer span.pijl,
body.lg .secundaire_navigatie li:hover span.pijl{
	background-image: url(../../img/v2/aanwijzer_bl_rechts.png);
	background-position: right center;
	width: 20px;
	height: 30px;
	position: absolute;
	right: -10px;
	display: block;
	top: 0px;
}

body.md #zekerwetengoed li.aanwijzer span.pijl,
body.md #zekerwetengoed li:hover span.pijl,
body.lg #zekerwetengoed li.aanwijzer span.pijl,
body.lg #zekerwetengoed li:hover span.pijl{
	background-image: url(../../img/v2/aanwijzer_bl_links.png);
	background-position: left center;
	width: 20px;
	height: 30px;
	position: absolute;
	left: -10px;
	display: block;
	top: 0px;
}

body.xs .secundaire_navigatie.closed li,
body.xs .secundaire_navigatie.closed ul {
	display:none;
}

body.xs .secundaire_navigatie.open li,
body.xs .secundaire_navigatie.open ul {
	display:block;
}

.secundaire_navigatie li.ganaar {
	display:none;
}
body.xs .secundaire_navigatie li.aanwijzer,
body.xs .secundaire_navigatie ul.actief {
	display:block;
}

.secundaire_navigatie li span.hamburger {
    background-color: #FFF !important;
	color: #46Bedc;
    font-weight:bold;
	float:right;
	display:none;
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    border-radius: 2px; /* CSS3 */	
	position: absolute;
	top: 10px;
	right: 10px;	
	padding: 0px 4px;
	line-height: 16px;
	font-size: 0.8125em;	
	cursor:pointer;
}
.secundaire_navigatie li.ganaar span.hamburger {
	color: #Bdccd4;
	display:block;
}

body.xs .secundaire_navigatie li.aanwijzer span.hamburger {
	display:block;
}
.secundaire_navigatie li.ganaar:hover span.hamburger {
	color: #46Bedc;
}

.secundaire_navigatie li .hamburger i {
	font-size: 20px;
	padding-top: 1px;
}

/* primaire navigatie nieuw */
.nieuwe_navigatie{
	overflow:auto;
	margin-bottom: 20px;
	float:left
}

body.xs .nieuwe_navigatie {
	float:none;
}

.nieuwe_navigatie li {
	float:left;
    color: #FFF;
    font-weight:bold;
    font-size: 0.9375em;
    text-align: left;
    cursor: pointer;
	position:relative;
	text-align: center;
}

body.xs .nieuwe_navigatie li {
	float:none;
	width:100%;	
}
body.xs .nieuwe_navigatie.closed li {
	display:none;
}
body.xs .nieuwe_navigatie.open li {
	display:block;
}
body.xs .nieuwe_navigatie.closed li.actief {
	display:block;
	text-align: left;
}
body.xs .nieuwe_navigatie.open li.actief {
	text-align: center;
}

.nieuwe_navigatie li a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 10px;
	padding-left: 13px;
	padding-right: 13px;
	background-color: #7F7F7F;
}

.nieuwe_navigatie li .hamburger {
	float:right;
	display:none;
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    border-radius: 2px; /* CSS3 */	
	position: absolute;
	top: 10px;
	right: 10px;
}

body.xs .nieuwe_navigatie li .hamburger {
	display:block;
	margin-top: -1px;
}

.nieuwe_navigatie li .hamburger i {
	font-size: 20px;
	padding-top: 1px;
}

.nieuwe_navigatie {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.nieuwe_navigatie li:first-child a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 3px;	
}
body.xs .nieuwe_navigatie li:first-child a {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;		
}
.nieuwe_navigatie li:last-child a {
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 3px;	
}
body.xs .nieuwe_navigatie li:last-child a {
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;	
}

.nieuwe_navigatie li:hover a {
	background-color: #90d8eA;
}
.nieuwe_navigatie li:hover a span{
	color: #90d8eA;
}
.nieuwe_navigatie li.actief:hover a span{
	color: #46Bedc;
}

.nieuwe_navigatie li.actief a {
	background-color: #46Bedc;
}

.nieuwe_navigatie li span {
    background-color: #FFF !important;
    color: #7F7F7F;
    font-weight:bold;
    display: inline-block;
    padding: 0px 4px;
    margin: 0px 0px 0px 10px;
    line-height: 16px;
    min-width: 14px;
    text-align: center;
    font-size: 0.8125em;
}

.nieuwe_navigatie li.actief span{
    color: #46BEDC;
}

.nieuwe_navigatie .pijlonder {
	font-size: 50px;
	margin-top: -20px;
	color:#46Bedc;
	height: 35px;
	display: block;
	overflow: hidden;	
}

body.xs .nieuwe_navigatie .pijlonder {
	display:none;
}

/* letter navigatie */
.letter_navigation{
    width: 690px;
    font-weight: bold;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}

.letter_navigation td{
    color: #46BEDC;
    display: table-cell;
    text-align: center;
    padding: 0;
    white-space: nowrap;
    font-size: 0.9375em;
    width: 23px;
}

.letter_navigation td a{
    color: #46BEDC;
}

.letter_navigation span{
    background-color: #46BEDC !important;
    color: #FFF;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
}

.letter_navigation span a{
    color: #FFF;
}

.letter_navigation span.niet_actief{
    background-color: transparent !important;
    color: #E5EBEE;
}

/* ============== FILTER.CSS ================ */
#filter{
	/*background-color: #E5EBEE;*/
	color: #000;
	font-size: 0.9375em;
	font-weight:bold;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 0.875em;
/*	padding: 10px;
	padding-top: 5px;	
	padding-bottom: 5px;*/
	margin: 0 0 0px 0;
}

#filter ul{
    /*background-color: #E5EBEE;*/
}

#filter li li label span.count, 
#filter li li li label span.count{
	font-weight: bold;
}

#filter li{
	color: #348dac;
    font-size: 1.05em;
    float: left;
    width: 100%;
}


#filter li label .count{
    position: absolute;
    right: 5px;
}

/* GROEP */
#filter > li{
    /*background-color: #E5EBEE;*/
	border-top: solid 1px #c7eef8;
	/*padding: 3px;*/	
    margin-bottom: 5px;
}

#filter > li:first-child{
    border-top: none;
    margin-bottom: 10px;
}

#filter li.first_group{
	border: 0px;
	margin-top: 0px;
	padding-left:0;
	padding-right:0;
}

#filter > li > a > label{
    color: #FF6E00;
    font-size: 1.09em;
    font-weight: bold;
}

#filter li label{
	display: inline-block;
	cursor: pointer;
	padding: 4px 0 0 0;
    margin-bottom: 2px;
	font-weight: normal;
    width: 80%;
}

#filter li.checked{
    background-color: #dcf2f9;
}

#filter li ul li:hover{
    background-color: #dcf2f9;
}

#filter li ul li.meer:hover,
#filter li ul li.minder:hover,
#filter li ul li.letter:hover,
#filter li.zoeken_group ul li:hover{
    
    background-color: transparent;
}

#filter li.filter-hide{
    display: none;
}

/* Level 1 */
#filter li ul{
	display: block;
	overflow:auto;
}

#filter li li{
    overflow: hidden;
    word-wrap: break-word;
    position: relative;
}

#filter li li .checkbox{
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 6px;
    min-width: 12px;
    float: left;
}

/* Level 2 */
#filter li li ul{
	margin: 0 0 0 14px;
}

#filter li li li label{
	width: 140px;
}

 
#filter li li li{
	/*padding: 3px 0px;*/
    padding: 0 0 0 5px;
}

#filter li li label, 
#filter li li li label{
    padding: 4px 0 0 0px;
    text-transform: none;
    margin: 0;
    /* position: absolute; */
    /* left: 22px; */
    /* right: 0; */
    /* top: 2px; */
    display: block;
    margin-left: 23px;
    margin-right: 15px;
}
#filter li li label:hover,
#filter li li li label:hover{
    text-decoration: underline;
}

/* BUTTONS */
#filter span.arrow{
	display: inline-block;
	float: right;
	position: relative;
	top: 10px;
	width: 11px;
	height: 8px;
	cursor: pointer;
	background-image: url('../../img/v2/driehoek_zw_omhoog.png');
}

#filter i.fa.fa-caret-down{
    font-size: 1.5em;
    margin-top: 10px;
    margin-right: 5px;
}

#filter i.fa.fa-caret-right{
    font-size: 1.5em;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 6px;
}

#filter .filter-close .fa-caret-down {
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

#filter .filter-open .fa-caret-right {
    display: none;
}

/*#filter li.filter-close span.arrow{
	background-image: url('../../img/v2/driehoek_zw_omlaag.png');
}
*/

#filter ul.letters li.letter {
    width: inherit;
} 

#filter ul.letters .letterbox.active {
    /*background-color: #BDCCD4;*/
}

#filter ul.letters li.letter.filter-show {
    background: none;
} 


#filter span.busy{
	display: inline-block;
	display: none;
	float: right;
	position: relative;
	top: 12px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

/* Filter checkboxes */
.alt_checkbox ul li .checkbox{
	background: url(../../img/v2/disapproved_grijs.png) left center no-repeat;
}
.alt_checkbox ul li .checkbox.checked{
	background: url(/public/img/v2/approved_zw.png) left center no-repeat; /* veilig */
}
.alt_checkbox ul li .checkbox.unchecked{
	background: url(../../img/v2/disapproved_grijs.png) left center no-repeat;
}

/* OPEN / CLOSE */
#filter li.fold a {
	display:block;
	width:100%;
	cursor:pointer;
}

#filter li.filter-close ul li{
	display: none !important;
}

#filter li.filter-close ul li.filter-show{
	display: block;
}


#filter li.filter-close ul li.filter-show{
	display: block;
}


#filter li.fold.filter-close ul li{
	display: none;
}

#filter li.fold.filter-close ul li.filter-show{
	display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}


#filter li.fold.filter-close ul li.meer,
#filter li.fold.filter-close ul li.minder{
    display: block;
}


#filter li ul li.meer,
#filter li ul li.minder{
    margin-bottom: 10px;
}

#filter li ul li.meer a,
#filter li ul li.minder a{
    color: #348dac;
    
}

#filter li.filter-close ul li span.arrow{
	display: none;
}

#filter.collapsed li{
    display: none;
}

#filter .filter_zoektekst{
    width: 100%;
    height: 33px;
    padding: 4px;
	padding-left:6px;
	padding-right:48px;
    margin: 0px 0 5px 0;
    background-color: #cbf3aa;
    color:#64bf04;
    font-weight: normal;
    border-radius: 3px;
    
    
	-webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

#filter .filter_zoektekst:focus{
    outline: none;
}

#filter .fa.fa-search{
    position: absolute;
    right: 30px;
    top: 10px;
    color:#64bf04;
    cursor: pointer;
}

#filter a .fa.fa-times {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 1.15em;
    color:#64bf04;
    cursor: pointer;
}


.filter_zoektekst:focus::-webkit-input-placeholder 
{
    color: transparent;
}
.filter_zoektekst::-webkit-input-placeholder { /* WebKit browsers */
    color:    #66c008;
}
.filter_zoektekst:-moz-placeholder {  /* Mozilla Firefox 4 to 18  */
    color:    #66c008;
}
.filter_zoektekst::-moz-placeholder {  /* Mozilla Firefox 19+ */
    color:    #66c008;
}
.filter_zoektekst:-ms-input-placeholder {  /* Internet Explorer 10+ */
    color:    #66c008;
}

/* letters */
#filter li.letter {
	float:left;
}

/* Slider */
#filter li.slider{
    /*height: 40px;*/
}

#filter li.slider label {
    top: -6px;
}

#filter .filter_slider_cijfer{
    background-color: transparent;
    border: solid 0;
    width: 30px;
    height: 1.6em;
    vertical-align: baseline;
    font-size: 0.935em;
    font-weight: bold;
}

#filter .ui-slider{
    width: 94%;
    height: 2px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 9px;
    float: left;
}

#filter .ui-slider a:focus{
    outline:none;
    text-decoration: none;
}

#filter .ui-slider .ui-slider-handle {
    height: 12px;
    cursor: pointer;
    background-image: url(/public/img/v2/drag_klein_gr.png);
    background-color: transparent;
    border:0;
    background-repeat: no-repeat;
    width: 15px;
}

#filter .ui-slider .ui-slider-handle:hover{
    background-image: url(/public/img/v2/drag_klein_grey.png);
	background-color: transparent;
	border:0;
}

#filter .ui-widget-header {
	background: #000;
}

#filter .ui-widget-content {
	border: 2px solid #cbf3aa;
}

#filter .ui-slider-horizontal .ui-slider-handle {
	top: -6px;
}
/* ============== [END] FILTER.CSS ================ */

/* Promos */
#promos_boven{
    margin-bottom: 20px;
}

body.xs #promos_boven .promo{
	margin-bottom: 15px;
}

.promo{
	background-repeat: no-repeat;
	color: #FFF;
}

#promos_boven .scanhetrooster {
    height: 180px;
    background-image:url(/public/img/v2/eindexamens/scanhetrooster.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

#promos_boven .scanhetrooster:hover {
    background-image:url(/public/img/v2/eindexamens/scanhetrooster_hover.svg);
}

#promos_boven .leesdetips {
    height: 180px;
    background-image:url(/public/img/v2/eindexamens/leesdetips.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

#promos_boven .leesdetips:hover {
    background-image:url(/public/img/v2/eindexamens/leesdetips_hover.svg);
}

#promos_boven .volghetnieuws {
    height: 180px;
    background-image:url(/public/img/v2/eindexamens/volghetnieuws.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

#promos_boven .volghetnieuws:hover {
    background-image:url(/public/img/v2/eindexamens/volghetnieuws_hover.svg);
}

#promos_boven a {
    width: 100%;
    height: 100%;
}

.promo a {
    color: #FFF;
    text-decoration: none;
	text-align:center;
}

.promo .pijlonder {
	font-size: 50px;
	margin-top: 8px;	
	display: none;
}
.promo.hover .pijlonder,
.promo.active .pijlonder {
	display:block;
}

.promo.blauw .pijlonder {
	color: #46Bedc;	
}
.promo.blauw.hover .pijlonder {
    color: #128EBE;
}

.promo.groen .pijlonder {
	color: #50Be1e;	
}
.promo.groen.hover .pijlonder{
    color: #198E04;
}

.promo.oranje .pijlonder {
	color: #FF6e00;	
}
.promo.oranje.hover .pijlonder {
    color: #FF5800;
}

.promo span.titel {
    font-family: 'ReklameScript', Arial, sans-serif;
    font-size: 3.2em;
    text-align: center;
    
    
    
}

.promo div.ondertitel {
    font-weight: bold;
    font-size: 0.9375em;
    line-height:1.3em;
    margin-top:1px;
}

.promo.blauw{
    background-image: url(/public/img/v2/inspiratie.png);
    background-position: right -9px center;
    background-color: #46Bedc;
}
.promo.blauw.hover {
    background-color: #128EBE;
}

.promo.groen{
    background-image: url(/public/img/v2/deelwatjeweet.png);
    background-position: right -2px top 8px;
    background-color: #50Be1e;
}
.promo.groen.hover{
    background-color: #198E04;
}

.promo.oranje{
    background-image: url(/public/img/v2/snorremans.png);
    background-position: right -35px top 5px;
    background-color: #FF6e00;
}
.promo.oranje.hover {
    background-color: #FF5800;
}

/* grote promos */
.promo.groot {
    width:300px;
    height: 250px;
    margin-bottom: 40px;
    padding: 0;
}

.promo.groot div.titel {
    font-size: 2.7em;
    text-align: center;
    margin-top: 100px;
}

.promo.groot div.ondertitel {
    font-size: 0.85em;
    line-height:1.3em;
    text-align: center;
    margin-top:3px;
}

.promo.oranje.groot {
    background-image: url(/public/img/v2/inspiratie_groot.png);
    background-position: center 13px;
}

.promo.groen.groot {
    background-image: url(/public/img/v2/deelwatjeweet_groot.png);
    background-position: center 13px;
}

/* Redactioneel */
.blog.groot, .klein.blog, .blog.middel{
    background-color: #CCC;
	position:relative;
	margin-bottom:14px;
	margin-top:0;	
}

.blog .img-responsive{
	min-width: 50px;
}

.blog.groot {
	/*height: 402px;*/
	width: 100%;
	/*padding-bottom: 73.29%;*/
}

body.md .blog.groot {
	/*height: 336px;*/
}

.blog.groot .kop{
    color: #FFF;
    font-weight: bold;
    font-size: 2.5em;
    margin: 0px;
    padding: 0px;
	line-height: 45px;
}

.blog .kop a {
    color: #FFF;
    font-weight: bold;
}

.blog.groot .subkop{
    color: #FF6e00;
    font-weight: bold;
    font-size: 0.9375em;
    margin: 0px;
    padding: 0px;
}

.blog .subkop a{
    color: #FF6e00;
    font-weight: bold;
    font-size: 0.9375em;
}

.blog .kop a:hover,
.blog .introtext a:hover,
.blog .subkop a:hover {
	text-decoration: none;
}

.blog .overlay {
	cursor: pointer;
	width: 100%;
	height: auto;
    padding: 5px;
    position: absolute;
    bottom: 0;	
}

.blog .overlay{
    background-image: url(/public/img/v2/transparant_zw50.png);
	/*background-image: url(../../img/v2/transparant_zw75.png);*/
}

.blog a.background {
    width: 100%;
	height:100%;
    position: absolute;
    left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%; /* cover zorgt voor wazige images, @TODO.*/
	overflow: hidden;
}

/*body.xs .blog a.background{
	
}*/

.klein.blog, .blog.middel {
    /*height: 194px;*/
	width: 100%;
	/*padding-bottom: 73.29%;*/
}

body.md .klein.blog, body.md .blog.middel {
    /*height: 161px;*/
	margin-bottom:14px;
    overflow: hidden;
}

.klein.blog.prijs, .blog.middel.prijs {
    height: 194px;
	width: 100%;
	/*padding-bottom: 73.29%;*/
}

body.md .klein.blog.prijs, body.md .blog.middel.prijs {
    height: 161px;
	margin-bottom:14px;
}

.blog.klein .kop, .blog.middel .kop{
    color: #FFF;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0px;
    padding: 0px;
}

.blog.klein .subkop, .blog.middel .subkop {
    color: #FF6E00;
    font-weight: bold;
    font-size: 0.75em;
    margin: 0px;
    padding: 0px;
}

.redactioneel_tbl td p {
    margin: 0;
}
.redactioneel_tbl td .kop{
    margin: 0 0 5px 10px
}
.redactioneel_tbl td .kop a{
    color: #000;
    font-weight: bold;
    font-size: 1.125em;
}

.redactioneel_tbl td .subkop{
    color: #000;
    font-weight: bold;
    font-size: 0.8125em;
    margin: 0 0 0 10px;
    padding: 0;
}

.redactioneel_tbl td .subkop a{
    color: #000;
    font-weight: bold;
}

.table_limit{
    font-weight: bold;
    float: left;
}

.bloggerpagina-bloggerfoto {
	width:100%;
	padding-bottom: 100%;	
    height: auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;	
	position: relative;
}


body.xs .bloggerpagina-bloggerfoto {
	margin-bottom:20px; 
    height: auto;
}

.bloggerpagina-bloggerfoto .bloggerpagina-bloggernaam {
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #FF6e00;
	color: #fff;
	font-size: 52px;
	padding: 20px;
	padding-top: 7px;
	padding-bottom: 10px;
	line-height: 52px;
    margin: 0;
}

body.xs .bloggerpagina-bloggerfoto .bloggerpagina-bloggernaam, 
body.sm .bloggerpagina-bloggerfoto .bloggerpagina-bloggernaam {
	/*font-size: 36px;*/
    font-size: 2em;
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 5px;	
}

.bloggerpagina-bloggerfoto .bloggerpagina-bloggersocial {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.bloggerpagina-bloggerfoto .bloggerpagina-bloggersocial a {
	background-color: #FF6e00;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 10px;
	font-size: 25px;
	display: block;
	float: left;
	text-align: center;
	
	margin-left: 5px;
	
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */	
}

.bloggerpagina-stats {
	background-color: #FF6e00;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 16px;
}

body.xs .bloggerpagina-stats,
body.sm .bloggerpagina-stats {
	margin-bottom:20px;
}

.bloggerpagina-stats div {
	overflow:auto;
	line-height:50px;
}

.bloggerpagina-stats span {
	font-weight: bold;
	font-size: 27px;
	width: 152px;
	float: left;
	display: block;
}

.bloggerpagina-twitter {
	background-color: #daf2f8;
	padding: 20px;
}

.bloggerpagina-twitter .twitterdatum {
	font-size: 14px;
}

.bloggerpagina-twitter .twittervolgen {
	font-size: 13px;
}

/* Social Media */
#socialmedia{
    background-color: #dee6eA;
    float: left;
    display: inline-block;
    /*width: 940px;*/
	width: 100%;
    height: 50px;
    margin: 0px 0px 30px 0px;
    color: #000;
    font-weight: bold;
    font-size: 0.9375em;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 50;
}

#socialmedia img {
    vertical-align: -8px;
    margin-left: 15px;
    margin-right: 5px;
    margin-top: 12px;
}
#socialmedia div.spritecontainer {
	display: block;
	width:26px;
	height:26px;
	float: left;
	clear: none;
	overflow: visible;
    vertical-align: -8px;
    margin-left: 15px;
    margin-right: 5px;
    margin-top: 12px;
}


.klein .kop{
    color: #FFF;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0px;
    padding: 0px;
}

.klein .subkop{
    color: #FF6E00;
    font-weight: bold;
    font-size: 0.75em;
    margin: 0px;
    padding: 0px;
}

.klein .overlay{
    
    height: auto;
    padding: 10px;
    position: absolute;
    bottom: 0;
	width: 100%;
}
.klein .kop a{
	color: white;
    font-size: 0.9em;
}

.blog.klein a.background {
	/*height:194px;*/
    position: absolute;
    left: 0;
	top: 0;
	width: 100%;
	background-position: center center;
}

body.md .blog.klein a.background {
	height:161px;
}


/* Boek Kaft */
.boeken_rij{
    display: table;
}

.persoon_foto{
	position:relative;
	/*	width:140px;*/
	height:210px;
	background-color:#46BEDC;
	background-size: cover;
}

.persoon_foto,
.film_foto {
    width: 140px;
    position: relative;
}

.boek_kaft {
	margin-bottom:20px;
	margin: 0 auto;
	width: 140px;
	position: relative;
}

.boek_kaft a,
.persoon_foto a,
.film_foto a,
.boek_kaft > span,
.persoon_foto > span,
.film_foto > span{
    width: 140px;
    height: 210px;
    text-decoration: none;
    overflow: visible;
	margin: 0 auto;
	display: block;
}

/*reset styles*/
.boek_kaft .overlay a,
.boek_kaft .overlay span{
	height: auto;
	width: auto;
	
}

#info_holder .boek_kaft  .overlay{
	display: none;
}

.boek_kaft .overlay {
	cursor: pointer;
	
	height: 40%;
    padding: 5px;
    position: absolute;
    bottom: 0;	
	
	
	background-image: url(../../img/v2/transparant_zw75.png);
	overflow: hidden;
	
	right: 8px;
	width: auto;
	left: 2px;
}


.boek_kaft .overlay p{
	margin: 0;
}

.boek_kaft .overlay .verslagen{
	color: #ff6e00;
	position: absolute;
	bottom: 5px;
	font-size: 0.8em;
}

.boek_kaft .overlay .box{
	background-color: #ff6e00;
	color: white;
	padding: 0 5px 0 5px;
	
}

.boek_kaft .overlay a.auteurs{
	color: white;
	font-size: 0.8em;
	display: block;
}

.boek_kaft .overlay a.titel ,
.videovideo-row a.titel{
	color: white;
	font-weight: bold;
	display: block;

}


.boek_kaft a:first-child {
	display:block;
}

.populair .boek_kaft_klein{
	margin: 10px 10px 0 0;
	
}

.populair .titel,
.videovideo-row a.titel{
	color: #000;
	font-weight: bold;
	display: inline-block;
	margin: 10px 0 0 0 ;
	width: 68%;
}


.videovideo-row a.titel{
	margin: 0 0 10px 20px;
}

.boeken_populariteit{
	color: white; padding: 3px 5px; width: 100%; display: block; text-align: center;
	background-color : #7F7F7F;
	margin: 0 0 5px 0;
}

.boeken_populariteit.active{
	 background-color: #46BEDC; 
}

.boeken_populariteit:hover{
	 font-weight: bold;
	 color: white;
	 text-decoration: none;
}

.zo a{
	font-weight: bold;
}

.zo img{
	margin: 0 10px 10px 0;
	float: left;
}


.persoon_foto_cover{
	background-image: url(../../img/v2/transparant_zw50.png);
	height:70px;
	overflow:hidden;
	position: absolute;
	bottom:0;
	left: 0;
	right:0;
}

.boek_kaft .kaft{
    background-repeat:no-repeat;
    background-position: 2px 8px;
    display: inline-block;
    float: left;
	background-size: 130px 200px
}

.boek_kaft .geen_kaft{
	width: 135px;
	height: 211px;
	padding: 6px 3px 3px 3px;
	z-index: 3;
	position: absolute;
	top: 15px;
	font-size: 0.9375em;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	overflow: hidden; 
}

.boek_kaft .geen_kaft h3 {
	font-size: 1.125em;
	margin: 15px 1px 0 1px;
	font-weight: bold;
	line-height: 22px;
}

.boek_kaft_klein{
    margin: 0px;
    padding: 0px;
    width: 60px;
    height: 91px;
    float: left;
    position:relative;
}

.boek_kaft_klein .kaft{
    background-repeat:no-repeat;
    background-position: 1px 5px;
    display: inline-block;
    float: left;
    width: 60px;
    height: 91px;
}

.boek_kaft_klein .geen_kaft{
    width: 50px;
    height: 85px;
    padding: 2px;
    z-index: 3;

    position: absolute;
    top: 5px;
    left: 1px;

    font-size: 0.64em;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    overflow: hidden;
    text-overflow: ellipsis;
}


.boek_kaft_klein.bottom_margin{
    margin: 0px 0px 15px 20px;
}

.boek_kaft_klein.right_margin{
    margin: 0px 20px 0px 0px;
}

/* Persoon foto */

.persoon_foto {
    margin: 0 auto;
	margin-bottom:20px;
    height:210px;
    background-color:#FF6E00;
    text-align: center;
    font-weight: bold;
    text-overflow: ellipsis;
}

.persoon_foto.no_margin{
    margin: 0px;
}

.persoon_foto.right_margin{
    margin: 0 20px 0 0;
}

.persoon_foto.left_margin{
    margin: 0;
	margin-left: 20px;
}

.film_foto.left_margin {
    margin: 0;
	margin-left: 20px;	
}

.persoon_foto span {
    text-decoration: none;
    color: #FFF;
    font-size: 1.125em;
    margin: 15px 1px 0 1px;
}

/* Film foto */
.film_foto {
    width:140px;
    height:210px;
    background-color:#FF6E00;
    text-align: center;
    font-weight: bold;
    text-overflow: ellipsis;
	margin: 0 auto;	
	margin-bottom:20px;
}

.film_foto a {
    display:block;
}

.film_foto.no_margin{
    margin: 0px;
}

.film_foto.right_margin{
    margin: 0px 20px 0px 0px;
}

.film_foto span {
    text-decoration: none;
    color: #FFF;
    font-size: 1.125em;
    margin: 15px 1px 0 1px;
}

/* Rating */
.rating{
	width: 100px;
	text-align: center;
	display: block;
	position: relative;
	margin: 0 auto;
/*	margin-top:-20px;*/
	margin-bottom:20px;
	overflow: visible;
	height: 45px;
}

.rating.breeder{
    width: 115px;
}

.rating .box{
    background-color: #46BEDC;
    text-align: center;
    width: 100px;
    height: 26px;
    padding: 0px;
    /*margin: -10px 0 0 0;*/
    display: block;
    float: left;
    position: relative;
    z-index: 50;
    top: -6px;
}

.coverinfo .rating .box{
    margin: 0 0 0 0;
}

.rating .pijltje_boven{
    width: 25px;
    height: 11px;
    /*margin: 0px 0px -1px 0px; */
    /*vertical-align: top;*/
}

.rating .pijltje_links{
    width: 11px;
    height: 21px;
    margin: 3px -2px 0px 0px;
    display: inline-block;
    float: left;
}

.rating .box img {
    width: 15px;
    height: 16px;
    margin: 5px 2px 0px 2px;
    vertical-align: top;
}

.rating .box span.sprite {
    width: 15px;
    height: 16px;
    margin: 5px 2px 0px 2px;
    vertical-align: top;
}

/* Jouw Stem */
#jouw_stem {
    background-color: #dcf2d2;
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	height:80px;
}

.sentiment_classic {
    background-color: #dcf2d2;
    padding: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sentiment_classic #txt #txt_std,
#jouw_stem #txt #txt_std{
    font-weight: bold;
    font-size: 1.125em;
    margin: 0;
    padding: 0;
    display: inline-block;
	text-align:center;
}

.sentiment_classic #slider_holder,
#jouw_stem #slider_holder{
    margin: 20px 0 0 0;
    display: inline-block;
    float: left;
    z-index: 2;
    position: relative;
}

.sentiment_classic #txt,
#jouw_stem #txt{
	text-align: center;
}

.sentiment_classic #txt_cijfer #cijfer,
#jouw_stem #txt_cijfer #cijfer{
    font-weight: bold;
    font-size: 1.125em;
    overflow: visible;
}

.sentiment_classic #txt_cijfer #van,
#jouw_stem #txt_cijfer #van{
    font-weight: normal;
    font-size: 0.9325em;
    display: none;
}

.sentiment_classic #txt_sleep,
#jouw_stem #txt_sleep{
    margin: 20px 0 0 -13px;
    width: 75px;
    height: 20px;
    overflow: visible;
    font-size: 0.9325em;
    visibility: visible;
    color: #000;
}

.sentiment_classic #value,
#jouw_stem #value{
    display: none;
}

.sentiment_classic .ui-slider,
#jouw_stem .ui-slider{
    background-color: #50BE1E;
    height: 4px;
    margin: 0 10px 0 10px;
}

#jouw_stem .ui-slider{
    background: none;
    background-color: #50BE1E;    
}

#jouw_stem .ui-widget-header{
    background: none;
    background-color: white;
}

.sentiment_classic .ui-slider a,
#jouw_stem .ui-slider a {
    text-decoration: none;
    margin: -3px -20px;
}

.sentiment_classic .ui-slider a:focus,
#jouw_stem .ui-slider a:focus{
    outline:none;
    text-decoration: none;
}

.sentiment_classic .ui-slider .ui-slider-handle,
#jouw_stem .ui-slider .ui-slider-handle{
    width: 33px;
    height: 21px;
    cursor: pointer;
    background-image: url(/public/img/v2/drag_grey.png);
	background-color: transparent;
	border:0;
	margin-top: -5px;
}

.sentiment_classic .meter {
	margin: 20px 0px 10px 0px;
    clear: both;
}

.sentiment_classic .details {
    text-align: center;
}

.sentiment_classic .values {
	padding: 0px 0px 20px 0px;
    clear: both;
    position: relative;
    text-align: center;
    height: 20px;
}

.sentiment_classic .values .moeilijk {
    position: absolute;
    top: 0px;
    left: 5px;
}

.sentiment_classic .values .confirm {
    display: none;
}

.sentiment_classic .values .makkelijk {
    position: absolute;
    top: 0px;
    right: 5px;
}

.sentiment_classic .ui-widget-content {
    background: none !important;
    background-color: #50BE1E !important;
}

.sentiment_classic_link {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/* Tertiaire Content */
#tertiair{
    background-color: #46Bedc;
	margin: 10px -20px;
	padding: 0 10px 20px 10px;
}
.tertiair_blok{
    padding-top: 20px;
}
.tertiair_blok .section_header{
    margin-bottom: -21px;
}
.tertiair_blok .section_header .wit{
    background-color: transparent;
}
.tertiair_blok .body{
	background-color: #FFF;
    padding: 25px 10px 10px 10px;
    text-align: center;
	overflow: hidden;
}
.tertiair_blok .blauw{
    background-color: #7DD2E7;
}
.tertiair_blok .oranje{
    background-color: #FF6e00;
}

.tertiair_blok.hoogte_enkel .body{
    height: 88px;
}
.tertiair_blok.hoogte_dubbel .body {
	height:210px;
}
.tertiair_blok.hoogte_tripel .body{
    height: 332px;
}
.tertiair_blok.hoogte_quadriple .body{
    height: 454px;
}

body.xs .tertiair_blok.hoogte_enkel .body, body.xs .tertiair_blok.hoogte_dubbel .body, body.xs .tertiair_blok.hoogte_tripel .body, body.xs .tertiair_blok.hoogte_quadriple .body{
    height: auto;
}




.tertiair_blok.hoogte_dubbel .body table {
	height:175px;
	width:100%;
}
	
.tertiair_blok .body table td{
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.tertiair_blok #quiz_link_blok {
	margin:0;
}
.tertiair_blok .body #quiz_link_blok a {
    padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
    margin: 0;
    font-weight: bold;
    text-align: center;
	background-color: #50BE1E;
	color: #fff;	
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    border-radius: 3px; /* CSS3 */	
}

.tertiair_blok #tertiar_jaartallenspel {
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height:210px;
}

.tertiair_blok #tertiar_verfilmd,
.tertiair_blok #tertiar_datum, 
.tertiair_blok #tertiar_wiltb {
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 332px;
	position: relative;
}

.tertiair_blok #tertiar_wiltb {
	height: 210px;
}
	
.tertiair_blok #tertiar_verfilmd_titel,
.tertiair_blok #tertiar_datum_titel, 
.tertiair_blok #tertiar_wiltb_titel {
	font-weight: bold;
	font-size: 1.125em;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0 10px 0;
	background-color: #7DD2E7;
	color: white;	
}

.tertiair_blok #tertiar_datum_titel {
	background-color: #FF6E00;
}

.tertiair_blok .boekvideo_play_img {
	display: block; 
	position: absolute; 
	left: 0; 
	top: 40%; 
	width: 48px;
	height: 35px;
}

body.xs #info_holder h1{
	font-size: 1.4em;
}

/* MetaData */
#info_holder h1{
    padding:0;
    margin:0;
    color:#46Bedc;
    font-size: 2.5em;
    font-weight: bold;
	margin-bottom: 10px;
}

#info_holder h1 a, #info_holder h1 a:hover, #info_holder h1 a:active, #info_holder h1 a:visited, #info_holder h1 a:link{
    color:#46Bedc;
    text-decoration: none;
}

#info_holder h2{
    padding:0;
    margin:0;
    color:#46Bedc;
    font-size: 1.125em;
    font-weight: bold;
}

#info_holder p{
	padding: 0;
	margin: 0;
	font-size: 0.9375em;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
}

#info_holder a{
    color:#46Bedc;
}

#info_holder a:visited {
    color:#138EBE;
}

label{
    font-weight: bold;
}

#onderwerp-afbeelding {
	width:100%;
	height:75px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* alert */
.alert {
	background-color: #A8df8e;
	padding:5px;
	margin-bottom: 10px;
	position: relative;
}

.alert_inner {
    vertical-align: middle;
    margin:0 auto;
    padding: 5px;
    text-align:center;
    font-size: 0.9375em;
}

.alert_inner * {
    font-weight: bold;
    color: #000;
    margin: 0;
}

.alert_inner p {
	padding-right:20px;
}

.alert_inner a {
    text-decoration: underline;
}

.alert_inner a:hover {
    color: #000;
}

.alert_inner img {
	height: 18px;
	width: auto;
}

.alert_buton{
	position: absolute;
	right: 10px;
	top: 10px;
	border: 0px;
	display: none;
	width: 16px;
}

.coverinfo_holder {
    display:none;
    overflow: auto;
    position: absolute;
    padding: 10px;
    top: -7px;
    overflow: visible;
    z-index: 99;
}


.coverinfo_holder.left {
    left: 70px;
}
.coverinfo_holder.right {
    right: 70px;
}

.coverinfo_holder .coverinfo {
    background: transparent;
    width:340px;
    overflow:auto;
    float:left;
    z-index: 888;
    margin-left: 20px;
    text-align: left;

    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */

    -moz-box-shadow: 2px 0 12px #333;
    -webkit-box-shadow: 2px 0 12px #333;
    box-shadow: 2px 0 12px #333;
}

.coverinfo_holder.right .coverinfo {
    margin-right: 20px;
    -moz-box-shadow: -2px 0 12px #333;
    -webkit-box-shadow: -2px 0 12px #333;
    box-shadow: -2px 0 12px #333;
}

.coverinfo_holder .coverinfo .content_blauw {
    background: #46BEDC;
    padding-top: 15px;
	padding-bottom: 15px;
    padding-left: 20px;
	overflow:auto;

    -moz-border-radius-topright: 5px; /* Firefox */
    -webkit-border-top-right-radius: 5px; /* Safari, Chrome */
    border-top-right-radius: 5px; /* CSS3 */

    -moz-border-radius-topleft: 5px; /* Firefox */
    -webkit-border-top-left-radius: 5px; /* Safari, Chrome */
    border-top-left-radius: 5px; /* CSS3 */

	min-height: 70px;
}

.coverinfo_holder .coverinfo .content_blauw .informatie {
    font-size: 0.8125em;
	font-weight:normal;
}

.coverinfo_holder .coverinfo .content_wit {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.8125em;
	overflow:auto;

    -moz-border-radius-bottomleft: 5px; /* Firefox */
    -webkit-border-bottom-left-radius: 5px; /* Safari, Chrome */
    border-bottom-left-radius: 5px; /* CSS3 */

    -moz-border-radius-bottomright: 5px; /* Firefox */
    -webkit-border-bottom-right-radius: 5px; /* Safari, Chrome */
    border-bottom-right-radius: 5px; /* CSS3 */
	min-height: 70px;
}

.coverinfo_holder .coverinfo_staart {
    left: 11px;
    margin-top: 20px;
    width: 21px;
    height: 50px;
    float:left;
    position: absolute;
    background-image: url(/public/img/v2/staart_groot_bl_links.png);
    z-index:99;
}

.coverinfo_holder.top{
    top: 20px;
    left: 0;
    padding-left: 0;
}



.coverinfo_holder.top .coverinfo{
    margin-left: 0;
    
    
    margin-bottom: 20px;
    -moz-box-shadow: 2px 2px 12px #333;
    -webkit-box-shadow: 2px 2px 12px #333;
    box-shadow: 2px 2px 12px #333;
}

.coverinfo_holder.top .coverinfo_staart{
    width: 25px;
    height: 11px;
}

.coverinfo_holder.right .coverinfo_staart {
    left: auto;
	right: 11px;
    background-image: url(/public/img/v2/staart_groot_bl_rechts.png);
}
.coverinfo_holder.top .coverinfo_staart {
    left: calc(50% - 25px);
    top: -20px;
    background-image: url(/public/img/v2/staart_bl_omhoog.png);
}

.coverinfo_holder.top.left .coverinfo_staart{
    left: 35px;
}

.coverinfo_holder.top.right{
    right: auto;
}

.coverinfo_holder.top.right .coverinfo_staart{
    right: 65px;
    left: auto;
}


.coverinfo_holder .rating {
    margin:0;
    margin-top: 5px;
    margin-left: -4px;
	height: auto;
}

.coverinfo_holder a {
    color: #46Bedc;
    width: auto;
    height:auto;
    float: none;
}

.coverinfo_holder a.inline{
	display: inline;
}

.coverinfo_holder .content_wit span.box {
    background-color: #46Bedc;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 0px 4px;
    padding-right: 4px;
    line-height: 16px;
    font-size: 0.8125em;
    position: relative;
}

.poll-popup-hover .coverinfo_holder .coverinfo .content_wit, 
.poll-popup-hover .coverinfo_holder .coverinfo .content_blauw{
    font-size: 1em;    
}

.poll-popup-hover .coverinfo_holder .coverinfo .content_wit{
    font-weight: normal;
}

.printdownloadoverhoor {
    border-radius:3px;
    color:white;
    font-weight:bold;
    
}

.printdownloadoverhoor a {
    background-color:#50be1e;
    min-height: 40px;    
    height: 40px;
    float: left;
    color: white;
    vertical-align: middle;
    line-height: 40px;
    padding-left: 15px;
    width: 50%;
}

body.sm .printdownloadoverhoor a{
    width: 100%;
    
}

.printdownloadoverhoor a i,
.printdownloadoverhoor button i{
    font-size: 21px;
}

body.md .printdownloadoverhoor .btn-row{
    float: left;
    width: 100%;
}

body.md .printdownloadoverhoor .btn-row:first-child > *:first-child{
    border-top-left-radius: 3px;
}

body.md .printdownloadoverhoor .btn-row:first-child > *:last-child{
    border-top-right-radius: 3px;
}

body.md .printdownloadoverhoor .btn-row.geen-quiz:nth-child(2) > *:first-child,
body.md .printdownloadoverhoor.expert .btn-row:nth-child(2) a:first-child{
    border-bottom-left-radius: 3px;
}

body.md .printdownloadoverhoor .btn-row.geen-quiz:nth-child(2) > *:last-child,
body.md .printdownloadoverhoor.expert .btn-row:nth-child(2) a:last-child{
    border-bottom-right-radius: 3px;
}

body.xs .printdownloadoverhoor .btn-row:first-child > *:first-child,
body.sm .printdownloadoverhoor .btn-row:first-child > *:first-child{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.printdownloadoverhoor .btn-row{
    margin-bottom: 3px;
}

body.xs .printdownloadoverhoor .btn-row a,
body.sm .printdownloadoverhoor .btn-row a{
    width: 100%;
}

.printdownloadoverhoor .btn-row a:first-child{
    width: calc( 50% - 3px );
    margin-right: 3px;
}
	
.printdownloadoverhoor a:hover {
    text-decoration:none;
	background-color: #198E04;
}

.printdownloadoverhoor .verslag-downvote-popup{
    background-color: rgba(217, 83, 79, 0.76) !important;
    border-radius: 0;
    width: 50%;
    line-height: 40px;
    height: 40px;
    padding: 0 0 0 15px;
    text-align: left;
}


body.xs .printdownloadoverhoor .verslag-downvote-popup.visible-xs.visible-sm.btn.btn-danger,
body.sm .printdownloadoverhoor .verslag-downvote-popup.visible-xs.visible-sm.btn.btn-danger,
body.xs .printdownloadoverhoor.expert .btn-row:nth-child(2) a:last-child,
body.sm .printdownloadoverhoor.expert .btn-row:nth-child(2) a:last-child{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


.printdownloadoverhoor .verslag-downvote-popup:hover{
    background-color: #c9302c !important;
}

body.xs .printdownloadoverhoor .verslag-downvote-popup,
body.sm .printdownloadoverhoor .verslag-downvote-popup,
body.md .printdownloadoverhoor .verslag-downvote-popup.met-quiz{
    width: 100%;
}

.printdownloadoverhoor .verslag-downvote-popup.met-quiz{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


.printdownloadoverhoor a img,
.printdownloadoverhoor a i,
.printdownloadoverhoor button i{
    margin-right:5px;
}

#ajax_link {
	clear:both;
	overflow:auto;
	display:block;
}

#busybar{
    background-image: url(/public/img/v2/progressbar.png);
    background-repeat: repeat-x;
    width: 200px;
    height: 15px;
    display: inline-block;
    margin: 20px 0 0 0;
}

.zwart {
    color:#000;
}

a.zwart:hover {
    color:#46BEDC;
}

.poll_holder_leaderbord .poll{
	margin: 0;
}

/* POLL */
.poll .txt {
	font-weight: bold;
	font-size: 0.9325em;
	line-height: 1.2em;
	color: #FFF;
	padding: 10px 15px;
}

.poll_holder_leaderbord .txt {
	padding: 0 15px;
	padding-top: 25px;
	padding-bottom:20px;
}

.poll .txt a{
    color: #FFF;
    text-decoration: underline;
}

.poll .txt a:hover{
    text-decoration: none;
}

.poll .txt p{
    margin: 0;
	line-height:1.5;
	font-size: 1em;
}

.poll_holder {
    margin: 0;
}

.poll_holder .vraag {
	background-color: #50BE1E;	
}

.poll_holder .antwoorden {
    background-color: #DDF2D3;
	padding: 10px;
}

.poll_holder .antwoorden.gegeven{
    padding: 6px 10px 10px 10px;
}

.poll_holder .resultaat p{
    padding: 2px;
    margin: 0;
    background-image:url(../../img/v2/poll_res_bg.png);
    background-repeat:repeat-y;
    background-size: 0% 100%;
}

.poll_holder_leaderbord {
	font-size: 1em;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:20px;
}

.poll_holder_leaderbord .vraag {
	padding-right:0;
	background-color: #50BE1E;
}

.poll_holder_leaderbord .antwoorden {
	padding-left:0;
	background-color: #DDF2D3;
	padding-left:20px;
	padding-right: 20px;
	padding-top:5px;
	padding-bottom:5px;
    background-image: url('/public/img/v2/staart_gr_rechts.png');
    background-position: center left;
    background-repeat: no-repeat;
    background-position-x: -2px;
}

/* xs & sm geen staart achtergrond. */
body.xs .poll_holder_leaderbord .antwoorden,
body.sm .poll_holder_leaderbord .antwoorden{
	background-image: none;
}

.poll .antwoord{
	padding-top: 5px;
	padding-bottom: 5px;
}

.poll .antwoord a {
	display:block;
}

.poll .antwoord .antwoord-tekst {
	line-height: 22px;
	display:table;
	color: #000;
}

.poll_holder_leaderbord .titel{
	position: absolute;
	text-align: center;
	top: -15px;
	left: 0;
	width:100%;
}

.poll_holder_leaderbord .section_header .no_wit{
    background-color: transparent;
}

.poll .resultaat {
    font-size: 0.875em;
    font-weight: bold;
	text-decoration: none;
    color: #000;
}

.poll_holder_leaderbord .resultaat p {
    padding: 2px;
    margin: 0 0 2px 0;
    background-image:url(../../img/v2/poll_res_bg.png);
    background-repeat:repeat-y;
    background-size: 0% 100%;
}

/* Css fixes voor verschillen tussen IE/FF/Chrome en Safari */
.poll_holder_leaderbord table.resultaat div{
    display: table;
}

.poll_holder_leaderbord table.resultaat div.coverinfo{
    width: auto;
}

.poll_holder_leaderbord table.resultaat div.coverinfo_holder{
    display: block;
    width: 400px;
}

.poll_holder_leaderbord table.resultaat div.coverinfo_holder .content_blauw{
    height: 70px;
    padding-right: 20px;
}

.poll_holder_leaderbord table.resultaat div.coverinfo_holder .content_wit{
    width: 320px;
}


.poll_holder_leaderbord table.resultaat td a{
    color: #000;
    text-decoration: none;
    padding: 4px 0 0 0;
    display: block;
}

.poll_holder_leaderbord table.resultaat td a:hover{
    text-decoration: none;
}

.poll .aantalstemmen {
	font-weight:normal;
	font-size: 0.875em;	
	text-align:right;
}

/* peilingenspel */
.peilingenopnieuw {
	background-color:#BDCCD4;
	margin-left: 10px;
	color:#000;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float:right;
	line-height: 24px;
	margin-top: 20px;
	height: 25px;
	text-transform: uppercase;
	font-size: 13px;
}

.peilingeninput {
	margin-top: 20px;
	width: auto;
	font-size: 13px;
	cursor: pointer;
	color: white;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #50BE1E;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	margin-right: 21px;
	line-height: 1.4em;
	height: 25px;
}

/* quiz */
#quiz_holder {
    font-size: 0.9375em;
}

#quiz_titel h1{
    font-size: 1.5625em;
    color: #46BEDC;
    text-decoration: none;
	padding-right: 30px;
}
#quiz_titel{
	margin: 10px 0;	
}

#quiz_vraag{
	height:auto;
    background-color: #A8df8e;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    font-size: 0.9375em;
    font-size: 1em;
}

#quiz_antwoorden{
    background-color: #46BEDC;
    font-weight: bold;
    margin: 10px 0;
    padding: 30px;
	padding-top: 20px;
	padding-bottom: 50px;	
    position: relative;
    font-size: 1.125em;
}
#quiz_antwoorden input select{
    width: 250px;
}
#quiz_antwoorden textarea{
    width: 250px;
    height: 75px;
}
#quiz_antwoorden .antwoord{
    margin-top: 5px;
    font-weight: normal;
    padding: 2px;
}
#quiz_antwoorden .antwoord p{
    font-weight: normal;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
#quiz_antwoorden span.radio, #quiz_antwoorden span.checkbox{
    width: 25px;
    float: left;
    clear: none;
}

#quiz_submit{
    margin: 10px 0;
}
#quiz_submit input, #quiz_link_blok input{
    display: inline-block;
    width:auto;
    cursor: pointer;
    color: #FFF;
    border: 0;
    font-weight:bold;
    text-transform: uppercase;
    background-color: #50BE1E;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    line-height: 1.4em;
    font-size: 0.875em;
}

#quiz_submit input{
    float: right;
}

#quiz_status{
    float: left;
    display: inline-block;
    width:auto;
    color: #000;
    border: 0;
    font-weight:bold;
    text-transform: uppercase;
    padding: 2px 0px;
    line-height: 1.4em;
    font-size: 0.875em;
}
#quiz_status span{
    font-size: 1.375em;
}

#quiz_vraag_type{
    display: block;
    float: left;
    width: 470px;
    overflow: visible;
    font-size: 11px;
    text-align: right;
    text-transform: lowercase;
    position: absolute;
    top: 425px;
}

#quiz_antwoord_uitleg{
	font-size: 0.8125em;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	text-align: right;
}

#quiz_msg{
    font-size: 1.125em;
    color: white;
}

#quiz_resultaat_zin{
    font-size: 1.125em;
    clear: both;
    width: 100%;
    text-align: center;
}
#quiz_resultaat_zin span{
    text-decoration: underline;
    font-size: 1.3125em;
}

#quiz_resultaat_vragen{
    font-size: 0.9325em;
    font-weight: normal;
}

#quiz_resultaat_vragen .vraag_holder{
    padding: 0 10px 0 0;
	margin-bottom: 20px;
}

#quiz_resultaat_vragen img{
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 20px;
    clear: left;
}

#quiz_resultaat_vragen .vraag{
    width: 100%;
    float: left;
    clear: right;
    border-bottom: solid 1px #FFF;
    margin-top: 10px;
    color: white;
}

#quiz_resultaat_vragen .vraag .goed, #quiz_resultaat_vragen .vraag .fout{
    float: left;
    margin-right: 10px;
	margin-left: 0;
}

#quiz_resultaat_vragen .vraag p{
    margin: 0 0 5px 0;
}

#quiz_resultaat_vragen .eigen{
    padding-left: 20px;
    font-style: italic;
}
/*
#quiz_resultaat_header{
    font-size: 14px;
    text-decoration: underline;
}
*/
/*
"><p style="">Optie 1</p> <span style="padding-top:2px;float:right;color:black;font-weight:normal;">(1%)</span><div style=""></div></li>
<p style="padding-top:2px;margin:0;line-height:1.4;float:left;width:180px;">Optie 4 loopt echt super ver door, belachelijk</p> <span style="padding-top:2px;float:right;color:black;font-weight:normal;">(45%)</span><div style="background-image:url(/public/img/v2/or_20.png);background-repeat:repeat;position:absolute;top:0px;left:0;height:100%;width:50px;"></div></span>


/*
<li style="position:relative;padding-left:4px;margin-bottom:5px;overflow:auto;width:100%;"><p style="padding-top:2px;margin:0;line-height:1.4;float:left;width:180px;">Optie 1</p> <span style="padding-top:2px;float:right;color:black;font-weight:normal;">(1%)</span><div style="background-image:url(/public/img/v2/or_20.png);background-repeat:repeat;position:absolute;top:0px;left:0;height:100%;width:100px;"></div></li>

<li style="background-image: url(/public/img/v2/vinger_or.png);background-repeat: no-repeat;background-position: 0px 0px;padding-left: 28px;padding-bottom:5px;">
<p style="margin:0;line-height:1.4;">
<a href="" style="color:#FF6D00;">Optie 1</a></p></li>
*/

.cover_rij{
	/*    height: auto;
		margin: 0 0 20px -20px;
		overflow: auto;*/
}


#content .kolom{
    display: inline;
    clear: none;
    position: relative;
}

/* letter boxes */
.letterbox {
	width:20px;
	height:20px;
	background: #DAF2F8;
	float:left;
	text-align:center;
	line-height: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.letterbox:hover{
	cursor: pointer;
}

#filter .letterbox {
	margin-right:5px;
}

.letterbox:hover,
.letterbox.active {
   	background: #FF6E00;
    color: white;
}
.letterbox a {
	color: black;
	font-weight: bold;
	font-size: 0.937em;
	text-transform: uppercase;
	display: block;
}
.letterbox:hover a,
.letterbox.active a {
	color: white;
}
.letterbox a:hover {
    color: white;
    text-decoration:none;
}

/* dit is voor in het filter */
.letterbox .checkbox, .letterbox .radio {
	display:none;
}

/* (letterbox) tabs */
.tabs{
    width: 100%;
    display: block;
    float: left;
}
.tablist{
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 10px 0;
}
.tablist li{
    width: 100%;
    display: block;
    float: left;
}
.tablist li div{
    padding: 5px;
}


img, .kaft, .boek_kaft .kaft, .boek_kaft, .carousel_container{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* radical blokje */
#radicalblokje {
	position: absolute;
	right: -130px;
	top: 160px;
    background: #193388;
    padding: 10px;
	border-radius: 3px;
	width:90px;
	height: 130px;
	float:left;
	z-index: 999;
}

body.xs #social_media_buttons .col-xs-8,
body.xs #social_media_buttons .col-xs-6{
	text-align: center;
}

body.xs #social_media_buttons a{
	font-size: 0.8em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
}

body.xs #social_media_buttons .fa-stack{
	font-size: 2em;
}

#social_media_buttons .fa-stack-2x {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

/* social media buttons */
#social_media_buttons {
	/*background: #50Be1e;*/
	/*border-radius: 3px;*/
	/*padding: 10px;*/
	margin-bottom: 20px;
	clear: both;
	float: left;
	width: 100%;
}

#social_media_buttons a.wa_btn_s{
	text-decoration: none;
	
	border-radius: 3px;
	background-color: white;
	color: black;
}


/* rating niet ingelogd melding */
.rating_nietingelogd_holder {
	position: absolute;
	right: -130px;
	top: 250px;
	z-index: 999;
	top: -109px;
	position: absolute;
	right: -77px;
	left: auto;
	text-align:center;
	display:none;
}

.rating_nietingelogd {
	background: #50BE1E;
	padding: 10px;
	border-radius: 3px;
	width: 252px;
	height: 90px;
	text-align: center;
	margin-bottom:-6px;
}

.rating_nietingelogd_staart {
	margin: 0 auto;
	margin-top: -1px;
	text-align: center;
}

.rating_nietingelogd_puist {
	position:absolute;
	right: -9px;
	top: -9px;
}

.rating_nietingelogd_content {
	color:#fff;
	text-align: center;
}

.rating_nietingelogd_holder a,
.rating_nietingelogd_holder p {
	float:none;
	width:auto;
	height:auto;
	text-decoration: underline;
	color: #fff;
}

.rating_nietingelogd_holder p {
	text-decoration: none;
}

div#jouw_stem .rating_nietingelogd_holder {
	right:34px;
}

/* blog & reacties */

#reacties {
    padding-top: 32px;
}



/* blogs */

div.blog_content div.blogfoto {
	position: relative;
}

/* slidesjs */
.slides{
	background-color:#000;
	position:relative;
    margin-bottom: 32px;
}

.slides .slide-image {
	/*height:454px;*/
	width: 100%;
	/*padding-bottom: 73.29%;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.slidesjs-next{
    position: absolute;
    bottom: 8px;
    right: 10px;
    z-index: 15;
    background-image: url(../../img/v2/driehoek_bl_rechts.png);
    width: 13px;
    height: 26px;
    text-indent: -1000px;
    overflow: hidden;
}

.slidesjs-previous{
    position: absolute;
    bottom: 8px;
    left: 10px;
    z-index: 15;
    background-image: url(../../img/v2/driehoek_bl_links.png);
    width: 13px;
    height: 26px;
    text-indent: -1000px;
    overflow: hidden;

}

.slidesjs-play{
    background-image: url("../../img/v2/slide_buttons24x24.png");
    background-position: 0 60px;
    bottom: 8px;
    display: block;
    height: 24px;
    position: absolute;
    left: 50px;
    text-indent: -1000px;
    width: 24px;
    z-index: 15;
}

.slidesjs-stop{
    background-image: url("../../img/v2/slide_buttons24x24.png");
    background-position: 0 32px;
    bottom: 8px;
    display: block;
    height: 25px;
    position: absolute;
    left: 80px;
    text-indent: -1000px;
    width: 24px;
    z-index: 15;
}

.slides-controls {
    bottom: 0px;
    height: 40px;
    left: 0px;
    background-image: url("/public/img/v2/transparant_zw50.png");
    position: absolute;
    right: 0px;
    z-index: 10;
	/*width:620px;*/
}

.slidesjs-pagination{
    position: absolute;
    bottom: 8px;
    left: 50%;
    z-index: 15;
    list-style: none;
}

.slidesjs-pagination-item{
    display: list-item;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 5px 0 0;
}
.slidesjs-pagination-item a{
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #46BEDC;
    border-radius: 12px;
    text-indent: -1000px;
    background-image: url(../../img/v2/transparant-pixel.png);
}

.slidesjs-pagination-item a.active{
    background-color: #46BEDC; 
}

div#blog_bovenstuk div.auteur_en_reacties .auteur-foto {
	background-repeat: no-repeat;
	background-position: center center;
/*	height:220px;
	width:220px;*/
	display:block;
	margin-bottom:20px;
	background-size: cover;
	/*padding-bottom: 100%;*/
	position: relative;
}

.auteur-foto .bloggernaam {
	position: absolute;
	left: 10px;
	bottom: 0;
	background-color: #FF6e00;
	color: #fff;
	font-size: 1.2em;
	padding: 20px;
	padding-top: 7px;
	padding-bottom: 10px;
	line-height: 1.2em;
	right: 20px;
}

div#blog_bovenstuk div.auteur_en_reacties .biografie{
	display: block;
}

body.xs .auteur-foto .bloggernaam{
	line-height: 1em;
	font-size: 1em;	
}

div#blog_bovenstuk p  {
    font-size: 0.937em;
    margin: 0;
    margin-bottom: 6px;
}

div#blog_bovenstuk p a {
    color: #FF6e00;
}

div#blog_bovenstuk p label {
    font-weight: bold;
}

div#blog_content ul {
	list-style: disc;
	margin-left:20px;
	margin-top:12px;
}

body.lg div#blog_content p{
    /* Force maximum breedte (lg heeft anders raar blog formaat.) */
    max-width: 460px; 
}

div#blog_content p, 
div#blog_content > ul > li, 
div#blog_content > ol > li {
    font-size: 0.9375em;
    line-height: 1.6em;	
}

div#blog_content h4 {
    font-size: 0.9375em;
    margin-bottom: -12px;
    clear: both;
}

div.verslag h4 {
    font-size: 1em;
    margin-bottom: -12px;
}

div.verslag td, div.verslag th {
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #EDEEEE;
  border: 5px solid #fff;
  vertical-align: top;
}

div.verslag td p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.verslag_cijfer,
.verslag_niveau{
    font-size: 2.1875em;
    line-height: 1;
}

body.xs .verslag_cijfer,
body.xs .verslag_niveau{
    font-size: 1.3875em;
}

u {
    text-decoration: underline;
}

h1.artikel {
    font-size: 2.5em;
    color: #FF6e00;
    margin-bottom: 32px;
}

div.blog_content .onderschrift {
	text-align:left;
	font-style: italic;
	font-size: 0.8125em;
    margin: -32px 0 0 0;
    font-weight: normal;
}


div#blog_content .onderschrift{
    position: static;
    margin: 8px 0 0 0;
}

div.blog_content .img_container{
    border: 1px solid #eeeeff;
    padding: 8px;
    margin: 0px 0px 20px 0px;
    float: left;
    max-width: 100%;
}

div.blog_content .onderschrift:empty{
    display: none;
}

div.blog_content .onderschrift{
	position: absolute	
}

div.blog_content
div.blog_content a {
	color: #46BEDC;
}

#nieuwe_reactie_row h2 {
	margin: 0;
	margin-top:4px;
	margin-bottom: 10px;	
}

.reactie_holder {
	margin-bottom:20px;
	position:relative;
    clear: both;
}

.reactie {
	background: #edeeee;
	padding: 20px;
	padding-bottom:10px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	position:relative;
}

.reactie.auteur_reactie {
	background: #B9E6F1;
}

.reactie_content {
	line-height: 1.6em;
}

.reactie .quote {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 0.875em;
	margin-bottom: 10px;
	color: #444;
}

.reactie .quote_name a {
	font-style: italic;
	font-weight:bold;
	font-size: 0.875em;
	color: #444;
}


.reactie_image a {
	display: block;
	background-position: center;
	width: 75px; 
	height: 75px; 
}


.reactie_staart {
	margin-top: 15px;
	position: absolute;
	left: 0px;
	top: 12px;
}

.reactie_door .green {
	color: #50Be1e;
	font-weight: bold;
	font-size: 0.875em;
}

.reactie_door .greybold {
	color: #7F7F7F;
	font-weight: bold;
	font-size: 0.875em;
}

.reactie_door .grey {
	color: #7F7F7F;
	font-size: 0.875em;
}c

/* volgende/vorig blog */
#volgendvorigblog {
	text-align:center;
}

#volgendvorigblog a {
	font-weight:bold;
	/*display:block;*/
	margin:5px;
}	

#volgendvorigblog a .fa {
	color: #FF6E00;
}

#volgendvorigblog .image {
	height:50px;
	width:50px;
}

body.xs #volgendvorigblog #volgendblog a,
body.xs #volgendvorigblog #vorigblog a {
	float:left;
	text-align:left;
}

#volgendvorigblog .well{
	padding: 13px 5px;
	text-align: center;
}

/* navigatie vooruit/achteruit */
.prevnext_holder {
	position: absolute;
	z-index: 100;
	right: -25px;
	top: 72px;
	height: 150px;
	width: 25px;
}

.prevnext_holder.left {
	left: -25px;
}

.prevnext {
	background: #fff;
	padding: 10px;
	width:220px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;  
	border-radius: 3px;  
	-moz-box-shadow: -2px 0 12px #333;
	-webkit-box-shadow: -2px 0 12px #333;
	box-shadow: -2px 0 12px #333;
	display:none;
	position: absolute;
	right:23px;
	height: 190px;
	overflow:hidden;
}

.prevnext_holder.left .prevnext {
	-moz-box-shadow: 2px 0 12px #333;
	-webkit-box-shadow: 2px 0 12px #333;
	box-shadow: 2px 0 12px #333;
	left: 23px;
}

.prevnext_staart {
	background: url(/public/img/v2/driehoek_or_rechts.png) no-repeat #fff;
	background-position: 2px center;
	height: 150px;
	width: 25px;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 20px;
	position: relative;
	display:block;
}

.prevnext_holder.left .prevnext_staart {
	background: url(/public/img/v2/driehoek_or_links.png) no-repeat #fff;
	background-position: 10px center;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

/* fancybox arrows naar buitenkant verplaatsen */
.fancybox-nav {
    width: 60px;
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-nav:hover span {
    opacity: 1;
}

.fancybox-next {
    right: -80px;
}

.fancybox-prev {
    left: -80px;
}

.fancybox-opened .fancybox-skin {
	background: #fff;
}
.fancybox-overlay {background: url(//media.scholieren.net/public/img/v2/opacity50_wit.png);}
body.xs .fancybox-close,
body.sm .fancybox-close {
	top: 7px;
	right: 10px;
}

.rectangle_middle_container {
	margin:0 auto;
    overflow: hidden;
	text-align:center;
	width:100%;
	max-height:600px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.xs .rectangle_middle_container{
	width: 320px;
}

.leaderboard_alt {
    overflow: hidden;
}

.rectangle_middle {
	max-height:600px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.leaderboard_top_container {
	margin:0 auto;
	text-align:center;
	width:100%;
	min-height:110px;
}

.leaderboard_top {
	padding-top:10px;
	width:728px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}

.leaderboard_alt_container {
	margin:0 auto;
	text-align:center;
	width:100% !important;
        margin-bottom: 20px;
}

/* advertorials */
.scomadvertorial{
    cursor: pointer;
	z-index:99;
}

.smal {
    background-color:#fff;
	width:100% !important;
}

    .smal .staart {
        display: none;
    }

.scomadvertorial .image{
    width: 100%;
    padding-top: 56%;
    text-align: center;
    float: left;
    display: inline-block;
}

.scomadvertorial.smal .image{
    width: 100%;
    margin-bottom: 0px;
}

.scomadvertorial.breed .staart{
	position: absolute;
	top:30px;
	left:0;
}

body.xs .scomadvertorial.breed .image-container{
	margin: 0 auto;
	width: 200px;
}

.scomadvertorial.breed .staart-boven{
	width: 25px;
	clear: both;
	height: 15px;
	margin: 0 auto;
}

.scomadvertorial .staart img{
    margin: 0 0 -1px 0;
    vertical-align: top;
}
.scomadvertorial .staart span.sprite{
    margin: 0 0 -1px 0;
    vertical-align: top;
}

.scomadvertorial.smal{
    background-color: #EDEEEE !important;    
    float: left;
}

.scomadvertorial .text{
    background-color: #EDEEEE !important;
    padding: 10px;
    float: left;
    display: block;
    font-weight: normal;
    font-size: 0.875em;
    line-height: 1.6;
	min-height: 80px;
    text-align: left;
}

.scomadvertorial .text p{
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}
.scomadvertorial .text p a{
    font-weight: bold;
}


.scomadvertorial.breed{
    cursor: pointer;
    margin: 0 auto 20px auto;
	float: none;
}
/*.scomadvertorial.breed td{
    padding: 0;
    margin: 0;
}
.scomadvertorial.breed .image_td{
    display:table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0;
    margin: 0;
    float: none;
}
.scomadvertorial.breed .image{
    width: 160px;
    height: 80px;
    border: solid 1px #EDEEEE;
    margin: 0;
}
.scomadvertorial.breed .staart{
    display:table-cell;
    vertical-align: middle;
    text-align: right;
    float: none;
    width: 10px;
}
.scomadvertorial.breed .staart img{
    margin: 0 -1px 0 0;
    vertical-align: middle;
}
.scomadvertorial.breed .staart span.sprite{
    margin: 0 -1px 0 0;
    vertical-align: middle;
}
.scomadvertorial.breed .text_td{
	display:table-cell;
	vertical-align: middle;
}
.scomadvertorial.breed .text{
    background-color: #EDEEEE !important;
    padding: 10px;
    float: left;
    display: block;
    width: 540px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}*/



.verslag .scomadvertorial.breed .text{
	font-size: 0.875em;
}
.verslag .scomadvertorial.breed{
	margin-bottom:0px;
}
.scomadvertorial.breed .text p{
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    min-height: 60px;
}
.scomadvertorial.breed .text p a{
    font-weight: bold;
}

/* facebook fix */
.fb_reset {
	display:none;
}

/* datepicker fix */
#ui-datepicker-div {
    z-index: 100 !important;
}

/*.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; for ie7 to work e.g in html carousels
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	width: 100px;
}*/

/* ================ FORM ===================== */
div.form div.form_messages {
	background-color: #FFA866;
	color: #FFF;
	border: 0;
}

div.form div.form_messages a {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;
}

.form-horizontal .control-label {
	text-align: left;
}

div.form .control-label {
	text-transform: uppercase;
	font-weight: bold;
}

div.form  .has-error .control-label {
	color: #FFA866;
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
	clear: both;
	float: left;
}

div.form div.formrow div.formcell.hidden {
	display:none;
}

div.form div.formrow.no-validate div.formcell.label {
	color:red;
	text-decoration: underline;
}

div.form #upload_holder{
    width: 100%;
    float: left;
    padding: 10px 0;
}
div.form #upload_holder .item{
    width: 426px;
    margin: 0 0 10px 0;
    text-align: right;
}

div.form #upload_holder .item.remove{
    text-align: left;
}

div.form #upload_holder a{
	font-weight: bold;
	background-color: #46BEDC;
	color: #fff;
	padding: 3px 5px 3px 5px;
	vertical-align: middle;
	font-size: 0.9em;
}

div.form #upload_holder .remove a{
	background-color: #A8DF8E;
}

div.form #upload_holder .remove .upload_progress{
    /* display: none; */
}

div.form #upload_holder .upload_progress.ui-progressbar {
    margin: 10px 0 10px 0;
    height: 15px;
    border: solid 2px #Bdccd4;
    width: 426px;
}
div.form #upload_holder .upload_progress .ui-progressbar-value.ui-widget-header{
    background-color: #46BEDC;
    border-color: #46BEDC;
    background-image: none;
}

/* HTML5 uploader */
div.form .bestand-multiple-file{
    padding: 3px 5px;
    position: relative;
    margin: 0 0 5px 0 ;
    border-radius: 3px;
}

div.form .bestand-multiple-file .filename, div.form .bestand-multiple-file .percentage{
    position: relative;
    z-index: 5;
}

div.form .bestand-multiple-file .progress{
    background-color: #50BE1E; 
    position: absolute;
    z-index: 4;
    height: 100%;
    top: 0;
    left:0;
    border-radius: 3px;
}

div.form .bestand-multiple-file.complete{
    background-color: #198E04; 
}

div.form .bestand-multiple-file.error{
    border: 1px solid red;
}

div.form .bestand-multiple-file .error-msg{
    color: red; font-weight: bold;
}

/* form */
div.form form input,
div.form form textarea,
div.form form select {
	border: 1px solid #b2b2b2;
	background-color: #f2f3f3;
	padding:3px;
	line-height: 1.6em;
	font-size: 100%;
	border-radius: 0;
	color: #000;
	width:100%;
}

.input-group-addon{
    border-color: #b2b2b2;
}


div.form input.ui-autocomplete-input {
	color: #545454;
}

div.form form div.fullwidth input,
div.form form div.fullwidth textarea,
div.form form div.fullwidth select {
	width: 100%;
}

div.form form textarea {
	height:150px;
	background-color: #f2f3f3;
	border: 1px solid #b2b2b2;
	line-height: 1.6em;
	font-size: 100%;

}

div.form form input[type=submit],
.btn{
	border: 0;
	font-weight:bold;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float:right;
	/*line-height: 1.4em;*/

	background-color: #50BE1E;
	color: #FFF;
}

.btn.btn-danger{
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn.btn-danger:hover{
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.downvote-container {
    width: 100%;
    clear: both;
    float: left;
}

.btn-row .downvote-container{
    width: 50%;
    clear: none;
}

.btn-row .downvote-container .btn{
    border-radius: 0;
}

.downvote-container .btn{
    float: left;
    width: 100%;
    
    height: 40px;
    text-align: left;
    text-indent: 5px;
    
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
}

.downvote-container .btn i{
    font-size: 1.5em;
    margin-left: -5px;
}

.downvote-container .btn span{
  
    display: inline-block;
    height: 24px;
    vertical-align: middle;
}

a.btn{
	line-height: inherit;
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	padding: 0;
	margin: auto;
	float: right;
	display: inline;
	background-color: transparent;
	color: #46BEDC;
	font-size: 0.9375em;
	border-color: none;
	border: none;
	text-transform: none;
	clear: both;
}

a.btn:hover{
	background-color: transparent;
}

div.form form input[type=submit]:hover {
	background-color:#198E04;
}


div.form form input[type=submit].grijs {
	background-color: #7F7F7F;
}

div.form form div.fullwidth input[type=submit] {
	margin-right:0;
}

div.form form input[type=checkbox] {
	width: 15px;
	padding-left:0;
}

/* form voor filteren/zoeken polls */
div#form_filter_polls.form div.formrow {
	clear:none;
	overflow:auto;
	width: auto;
	float:right;
}

div#form_filter_polls.form div.formrow div.formcell.label {
	display:none;
}

div#form_filter_polls.form div.formrow div.formcell.value {
	width: auto;
}

/* upload pagina */
#bestanden-uploaden-link  { 
	width: auto;
	color: #FFF;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #46BEDC;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
	line-height:29px;
	display:block;	
	text-decoration: none;
}

#bestanden-uploaden-link:hover {
	background-color: #128EBE;
}

#bestanden-uploaden-link.dragover{
    border: 2px dotted #0B85A1;
}

#bestanden-uploaden-link.dragenter{
    border: 2px solid #0B85A1;    
}

/* ============= PEILINGENSPEL.CSS =================== */
#metapoll_enquete {
	margin-top: 20px;
	display: block;
	margin-right: 20px;
	width: 600px;
}

#metapoll_enquetes {
	padding: 10px;
}

#metapoll_enquetes ul {
	padding-top: 10px;
}

#metapoll_enquetes li {
	font-size: 11px;
	list-style: none;
}

#metapoll_opties {
	padding: 10px;
	background-color: #f2f2f2;
}

#metapoll_opties label {
	display: table-cell;
}

span.meer {
	display: block;
	font-size: 10px;
	margin-bottom: 10px;
}

#metapoll_top {
	width: 100%;
	border-bottom: 1px dashed #454545;
	margin-bottom: 20px;
}

#metapoll_jouw_score_td {
	text-align: right;
	font-size: 14px;
}

#metapoll_de_vraag {
	color: #5A5A5A;
	font-size: 18px;
	line-height: 25px;
	padding-bottom: 10px;
}
#megapoll_formulier table td {
	font-size: 15px;
	padding-bottom: 10px;
}

#megapoll_formulier table td input {
	border: 1px solid rgb(161, 201, 17);
	height: 20px;
	font-size: 15px;
}

div.form div.formrow.submitrow div.formcell.value,
div.form form input[type="submit"] {
	float:right;
	width: auto;
}

div.form form input[type="submit"].btn-full{
    width: 100%;
    float: none;
}

/* ================= EREGALLERIJ.CSS =========== */
div.galerijbox {
	background-color: #c7b5a0;
	margin-bottom:30px;
}

h2.docentofconcierge {
	margin-bottom: 10px;
	margin-top:0;
}

div.galerijbox .paddedbox {
	padding: 10px;
}

div.galerijbox .pasfoto {
	float: right;
	margin-top: -30px;
	margin-right: -30px;
}

div.galerijbox  .paddedleft {
	margin-left: 10px;
	color: white;
	font-weight: bold;
}

span.nicefont a {
	color: #fff;
	font-size: 20px;
	font-weight:bold;
}

div.text {
	margin-top: 10px;
}

#infobox {
	padding: 10px;
}

#detail_tekst {
	display: table-cell;
}

#detail_anderefotos {
	padding-top: 20px;
}

.detail_thumb {
	float: left;
	margin: 10px;
}

div.verslag_meta {
	background-color:#EDEEEE;
	padding: 20px;
	margin-bottom:20px;
}

div.verslag_meta .sprite {
    background: url(/public/img/v2/csg-509b82db78f17.png) no-repeat top left;
	padding-left: 28px;
	margin-bottom:1px;
}
div.verslag_meta .sprite.persoon_zwart {
	background-position: 0 -480px;
}
div.verslag_meta .sprite.ballon_zwart {
	background-position: 0 0;
}
div.verslag_meta .sprite.bekeken_zwart {
	background-position: 0 -120px;
}
div.verslag_meta .sprite.info_zwart {
	background-position: 0 -240px;
}
div.verslag_meta .sprite.kalender {
	background-position: 0 -360px;
}
div.verslag_meta .sprite.vlag_zwart {
	background-position: 0 -600px;
}

div.verslag{
	line-height:1.5;
	font-size:0.9375em;
}

div.verslag ul {
	list-style-type: disc;
}

div.blog_content ul li, 
div.blog_content ol li,
div.verslag ul li, 
div.verslag ol li {
	margin-left: 23px;
}

.cim img {display:none;}

/* blog voor programmeerweek */
body.blog-met-paginas div.poll_holder {
	display:none;
}

body.blog-met-paginas .scomadvertorial {
	display:none;
}

body.blog-met-paginas h1 {
	margin-bottom: 25px;
	text-align: center;
}

body.blog-met-paginas #content .kolom#blog_content {
	margin-top:25px;
}

body.blog-met-paginas div#blog_bovenstuk {
	float:none;
}

body.blog-met-paginas div#blog_bovenstuk div.blogfoto {
	background:#fff;
	float:none;
	margin: 0 auto;
}

body.blog-met-paginas div#blog_bovenstuk .onderschrift {
	text-align:center;
}

body.blog-met-paginas div.auteur_en_reacties {
	display:none;
}

body.blog-met-paginas div.blog_tussenstuk_redactioneel {
	display:none;
}

body.blog-met-paginas #breadcrumbs {
	display:none;
}

body.blog-met-paginas div.inhoudsopgave {
	text-align: center;
	margin-bottom:25px;
	overflow:auto;
	clear:both;
}

body.blog-met-paginas div.inhoudsopgave div.inhoud_links,
body.blog-met-paginas div.inhoudsopgave div.inhoud_rechts {
	/*float:left;*/
	text-align:left;
}
body.blog-met-paginas div.inhoudsopgave div.inhoud_links {
	/*width:170px;*/
	/*margin-left: 60px;*/
}

body.blog-met-paginas div.inhoudsopgave div a {
	font-size: 13px;
	display:block;
	clear:both;
}

body.blog-met-paginas div.inhoudsopgave div a.active {
	font-weight:bold;
}

body.blog-met-paginas div.pagina-inhoud {
	display:none;
}

body.blog-met-paginas div.pagina-inhoud.active {
	display:block;
}

body.blog-met-paginas div#blog_content h4 {
	margin-bottom: 0;
}

/* cookie settings */
div#cookiesettings {
	position:fixed;
	left:0;
	top:0;
	background: #333;
	z-index:100;
	width:100%;
	color: #fff;
	padding-top:8px;
	padding-bottom:8px;
}

div#cookiesettings b {
	margin-top: 2px;
	display: block;	
}

body.xs div#cookiesettings b {
	font-size: 12px;
	line-height: 23px;
}

div#cookiesettings a#cookies_meer_info {
	display: block;
	float: right;
	font-weight: bold;
	color: #fff;
	margin-top: 3px;
	margin-right: 5px;
}

body.xs div#cookiesettings a#cookies_meer_info {
	float:none;
}

#form_cookiesettings-form .form-group {
	margin-bottom: 0;
}

#form_cookiesettings-form .form-group.submitrow {
	margin: 0;
}

#form_cookiesettings-form {
	float:right;
}

body.xs #form_cookiesettings-form {
	float:none;
}

body.xs #cookiesettings div.form form input[type="submit"] {
	float:none;
}

div#cookiesettings .controls.value {
	padding-right: 0;
}

/* eindexamenpagina */
#cijferuitslag {
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	padding: 10px;
	background-color: #46BEDC;
	margin-bottom: 10px;
	color:#fff;
}

/* chat */
#startchat a {
	display: block;
	text-align:center;
	padding: 7px;
	background-color: #50BE1E;
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
	color:#fff;
	overflow:auto;
}

#startchat a:hover {
	background-color: #198E04;
}

/* blokken bovenaan zoekresultaat */
.zoekresultaat_blok {
	position:relative;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;	
margin-bottom:10px;
}

.zoekresultaat_blok .content_blauw {
	min-height: 72px;
	background-color: #B9E6F1;
	padding:10px;
	height: 30px;

	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;	
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;		
}

.zoekresultaat_blok .content_wit {
	background-color: #B9E6F1;
	padding:10px;
	height: 31px;

	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;	
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;		
}

.zoekresultaat_blok .content_grijs {
	min-height: 103px;
	background-color: #E5EBEE;
	padding:10px;
        
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;	
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;		



	-moz-border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;	
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;		
}

.zoekresultaat_blok_afbeelding {
	float:left;
	margin-right:20px;
}

.zoekresultaat_blok_afbeelding .resultaat_titel {
	max-height:40px;
	overflow:hidden;
}

.zoekresultaat_blok .resultaat_titel a {
	display:block;
	font-weight:bold;
	color:#000;
	font-size: 0.9375em;
}

.zoekresultaat_blok .resultaat_titel a:hover {
	color: #000;
	text-decoration:underline !important;
}

.zoekresultaat_blok .meer_link {
	position:absolute;
	right:20px;
	bottom:6px;
}

.zoekresultaat_blok .meer_link a {
	color:#000 !important;
	font-weight:bold;
	font-size: 0.9375em;
}

.zoekresultaat_blok .meer_link a:hover {
	text-decoration:underline !important;
}

/* ranglijst */
div.ranglijst_uitgebreid {
	display:none;
}

#ranglijst_tabel tr {
	cursor:pointer;
}

/* slim genoeg - vacature pagina */
.blokje {
	clear:both;
	overflow:auto;
	padding-bottom:60px;
	padding-top:60px;
	position:relative;
}

.blokje .blokje_afbeelding {
	float:left;
}
.blokje.blokje_rechts .blokje_afbeelding {
	float:right;
}

.blokje .blokje_inhoud {
	float:right;
	margin-right:50px;
	width:450px;
}
.blokje.blokje_rechts .blokje_inhoud {
	float:left;
	margin-left:50px;
}

.blokje .blokje_inhoud h2 {
}

.blokje .blokje_inhoud p.inhoud_tekst {
	color:#333;
	line-height: 21px;
}

.blokje input, .blokje textarea {
	width:250px;
	border: 1px solid #b2b2b2;
	background-color: #f2f3f3;
	padding: 3px;
	line-height: 1.6em;
	font-size: 100%;	
}

.blokje input[type=submit] {
	width: auto;
	cursor: pointer;
	color: #FFF;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #50BE1E;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.4em;	
}

.blokje span {
	font-weight: bold;
	text-transform: uppercase;
}

#waybackmachine.vertical{
	
	position: relative;
	margin-top:80px;
}

#waybackmachine.horizontal {
	height:100px;
	position: relative;
	margin-top:80px;
}

#waybackmachine.vertical #waybackmachine_balk {
	width:10px;
	height:600px;
	background-color: #FF6E00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
/*	position: absolute;
	left:0;
	top:50px;	*/
	margin: 0 auto;
}

#waybackmachine.horizontal #waybackmachine_balk {
	height:10px;
	width:100%;
	background-color: #FF6E00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: absolute;
	left:0;
	top:50px;	
}

#waybackmachine.vertical .waybackmachine_lijntje {
	height:20px;
	width:30px;
	border-bottom:2px solid black;
	position: absolute;
	left:0;
	top:35px;
}

#waybackmachine.horizontal .waybackmachine_lijntje {
	width:20px;
	height:30px;
	border-left:2px solid black;
	position: absolute;
	left:0;
	top:35px;
}

.waybackmachine_info {
	max-width:100px;
	height:50px;
	position: absolute;
	
	top:35px;	
	text-align:center;
}

.waybackmachine_info a {
	font-weight:bold;
}

.waybackmachine_info.zoekdeveloper {
	background-color: #50BE1E;
	width: auto;
	height: auto;
	padding: 5px;
	text-align: center;
	color: white;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	max-width: initial;
}
	
#waybackmachine.vertical .waybackmachine_info.zoekdeveloper {
	top: 91%;
	left: 63%;
}

#waybackmachine.horizontal .waybackmachine_info.zoekdeveloper {
	left: 79%;
	top: -88px;
}

.header-img-margin{
	margin: 0 10px 10px 0;
}

/* kerstkaart */
body.kerstkaart {
	text-align:center;
}

#kerstfotos {
	display:block;
	background: url(/public/img/v2/kerst_boekfoto.png) no-repeat center center;
	cursor:default;
	width: 556px;
	height: 237px;
	text-align:center;
	margin: 0 auto;
	z-index: 10;
	position:relative;
}

/*#kerstfotos:hover {
	background: url(/public/img/v2/kerst_boekfoto.png) no-repeat center center;
}*/

#kerstfooter {
	background-color: transparent !important; /* fallback-color ie8 */
    background: url(/public/img/v2/kerst_onderkant.png) #fff no-repeat center top;	
	min-height:510px;
	width:100%;
	margin-top: -625px;
}

#kerstheader {
    background-color: transparent !important;  /* fallback-color ie8 */
    background: url(/public/img/v2/kerst_achtergrond.jpg) no-repeat center top;	
	min-height:1024px;
	width:100%;
	margin-bottom: -1000px;
}

/* vakkenpaginas */
.vak_blok {
	height:170px;
	margin-bottom:20px;
	position:relative;
}
.vak_blok.groot {
	height:250px;	
}

.vak_blok .vak_blok_background {
	display:block;
	height:170px;
	background-color:#46BEDC;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	cursor:pointer;
}
.vak_blok.groot .vak_blok_background {
	height:250px;
}

.vak_blok .vak_blok_overlay {
	background-image: url(../../img/v2/transparant_zw50.png);
	padding:10px;
	position: absolute;
	bottom: 0;
	width:100%;
	cursor:pointer;
}
.vak_blok.groot .vak_blok_overlay {
	padding: 30px;
}

.zwg-icon{
	float: left; 
	height: 60px; 
	margin: 0 10px 0 0;
}

body.xs .zwg-icon{
	height: 40px;
}

.zwg-headliner{
	line-height: 1.3em; 
	display: block; 
	float: left; 
	max-width: 320px;
	margin-bottom: 20px;
}


.zwg-header{
	background-color: #EDEEEE;
	padding: 20px;
	font-size: 0.875em;
}


.zwg_popup a.naardepagina{
	margin: 0 auto;
	bottom: 15px;				
	color: black;
	display: block;
	width: 110px;
	height:35px;
	background-color: #dcf2d2;
	border-radius: 3px;
	padding-top: 20px;
	text-align: center;
	font-weight: bold;

}

.videovideo-row{
	padding: 20px 20px 0 0; 
}

.videovideo-row:nth-child(even){
	background-color: #dbf2f8;
}

.videovideo-row .cover-container{
	margin: 0 auto; width: 54px;
}

.boekenvideo-meer{
	text-align: center;
}

.boeken_video{
	width: 100%;
	height: 100%;
	clear:both;
	position:relative;
	background-position: center center;
	background-size: cover;
}

.boeken_video .boekvideo_play_img{
	position: absolute;
	left: 0;
	margin-top: -10%;
	width: 25%;
	top: 50%;
}

.boeken_video .play-img-container{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
}

.boeken_video .play-img-container a{
	display:block;
	text-align:center;
	height: 100%;
	width: 100%;
}

.boeken_video .title-overlay{
	text-align:center;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	padding: 2px;
	height:auto;
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0;
	color:#fff;
	background-color:#222;
	line-height:25px;
	font-weight:bold;
}

@media only screen 
and (max-width : 1272px) {
	.zwg_popup{
		width: 0;
		height: 0;
		display: none;
		position: absolute;
		left: -10000px;
	}
}

/* twittermuur */
div#twittermuur {
	background: url(../../img/v2/twittermuur_bg.png) #fff;
	padding-top:20px;
}
div#twittermuur.opachtergrond {
	background: url(../../img/v2/twittermuur_bg_middel.png) #fff;
	cursor: pointer;
}

div#twittermuur div.twitterbericht {
	height:280px;
	margin:20px;
	margin-bottom:40px;
	padding:10px;
	padding-bottom:0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	
	border: 1px solid #ccc;
}

div#twittermuur.opachtergrond div.twitterbericht * {
	opacity: 0.75;
}

div#twittermuur div.twitterbericht.gedraaidlinks {
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-webkit-transform:rotate(5deg); /* Opera, Chrome, and Safari */
}

div#twittermuur div.twitterbericht.gedraaidrechts {
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-webkit-transform:rotate(-3deg); /* Opera, Chrome, and Safari */	
}

div#twittermuur div.twitterbericht.skewlinks {
/*	transform: skew(-1deg); 
	-o-transform: skew(-1deg); 
	-moz-transform: skew(-1deg); 
	-webkit-transform: skew(-1deg);	*/

	transform:rotate(-5deg);
	-ms-transform:rotate(-5deg); /* IE 9 */
	-webkit-transform:rotate(-5deg); /* Opera, Chrome, and Safari */
}

div#twittermuur div.twitterbericht.skewrechts {
/*	transform: skew(2deg); 
	-o-transform: skew(2deg); 
	-moz-transform: skew(2deg); 
	-webkit-transform: skew(2deg);	*/

	transform:rotate(3deg);
	-ms-transform:rotate(3deg); /* IE 9 */
	-webkit-transform:rotate(3deg); /* Opera, Chrome, and Safari */
}

div#twittermuur div.twitterbericht.rondehoek {
	-webkit-border-bottom-right-radius: 35px;
	-moz-border-radius-bottomright: 35px;
	border-bottom-right-radius: 35px;	
}

div#twittermuur div.twitterbericht.schuinehoek {
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;	
}

div#twittermuur div.twitterbericht.naarboven {
	margin-top:10px;
	margin-bottom:50px;
}

div#twittermuur div.twitterbericht.naaronder {
	margin-bottom:30px;
	margin-top:30px;
}

div#twittermuur div.twitterbericht.naarlinks {
	margin-left: 30px;
	margin-right:10px;
}

div#twittermuur div.twitterbericht.naarrechts {
	margin-left:30px;
	margin-right:10px;
}

div#twittermuur div.twitterbericht.groen {
	background-color: #b9e5a5;
}

div#twittermuur div.twitterbericht.oranje {
	background-color: #ffc599;
}

div#twittermuur div.twitterbericht.blauw {
	background-color: #c7ebf4;
}

div.twitterbericht div.tweettekst {
	color: #222;
	font-size: 15px;
	font-weight:bold;
}
#twittermuur.opachtergrond div.twitterbericht div.tweettekst {
	color: #999;
}

div.twitterbericht div.tweetlogo {
	margin-right:10px;
}

div.twitterbericht span.tweetuser {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin-bottom:9px;
}

div.twitterbericht div.tweetdata {
	font-size: 12px;
}

div.twitterbericht span.tweetuser a,
div.twitterbericht div.tweetdata a {
	color: #222;
}


/* Eind examen blog  */
body.eindexamen-body .blogfoto img{
    max-width: 100%;
}

/* Eindexamen banners */

body.eindexamen-body #advertorial110 .text,
body.eindexamen-body #advertorial110 .staart,

body.eindexamen-body #advertorial108 .text,
body.eindexamen-body #advertorial108 .staart,

body.eindexamen-body #advertorial109 .text,
body.eindexamen-body #advertorial109 .staart{
	display: none;
}

.profiel-foto{
	margin: 0 0 10px 0;	
}

.fa-colored{
	color: #46BEDC;
}

.video-wrapper, .blogger-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 73.23%;
    overflow: hidden;
	display: block;
}

.blogger-wrapper{
	background-repeat: no-repeat;
	background-size:cover;
	margin: 0 10px 5px 0;
    padding-bottom: 88%;
}

.blogger-wrapper span{
	position: absolute;
	bottom: 10px;
	left: 0;
	
	background-color: #FF6e00;
	color: white;
	padding:3px 5px;
}

body.xs .video-wrapper{
	margin-bottom: 10px;
}

.video-wrapper object,
.video-wrapper embed,
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.ui-datepicker-month, .ui-datepicker-year{
	color: black;
	background-color: white;
}

.zoek_resultaten tr > td:first-child{
	width: 40%;
}

body.xs .zoek_resultaten tr > td:first-child{
	width: auto;
}

.boeken_zoek tr > td:nth-child(2) b{
	word-break: break-all;
}

table .rating{
	margin-top: auto;
}

/* voorpagina */
#voorpagina_infoblok {
	background-color: #46Bedc;
	padding: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 15px;
	position: relative;
}

#voorpagina_infoblok div.titel {
	font-family: 'ReklameScript', Arial, sans-serif;
	line-height: 1;
	font-size: 2.1875em;	
}

#voorpagina_infoblok div.uitleg {
	font-size: 15px;
	margin-top: 10px;
	font-weight: normal;
}

#voorpagina_infoblok ul {
	list-style-type: disc;
}

#voorpagina_infoblok ul li {
	margin-bottom:10px;
}

#voorpagina_infoblok a {
	color: #fff;
}

#voorpagina_infoblok .fa-times-circle {
	position:absolute;
	right: 10px;
	top:10px;
	font-size: 26px;
}

#voorpagina_infoblok_close:hover{
	cursor: pointer;
}

body.xs img.responsive{
	max-width: 100%; /* Kan 1 px afwijzing veroorzakeln = onscherp!:-( */
}

body.md .blogfoto img.responsive{
	width: 100%; /* nodig voor op tablet */
}

.high-res-switch{
	margin: 0 5px !important;
	padding: 0 0 0 5px !important;
	color: #FF6E00 !important;
}

.high-res-switch span{
	text-transform: uppercase;
}

.high-res-switch.inactive{
	color: grey !important;
}

.feedback-float{
	display: inline-block; 
	background-color: white; 
	color: black; 
	padding: 3px 5px;
	position: fixed;
	right: 0;
	bottom: 0;
	border: 1px solid black;
	z-index: 51	;
}

.feedback-float a{
	color: black;
	vertical-align: middle;
}

.feedback-float a span{
	position: relative;
	top: -5px;
	margin: 0 0 0 5px;
}

.rooster-overflow{
    background-image: url(/public/img/v2/transparant_zw75.png);
    color: white;
    position: absolute;
    padding: 1px 5px;
    bottom: 0;
    display: inline-block;
    font-weight: bold;
}

.rooster-overflow:empty{
    display: none;
}

.ellipsis{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

#boeken_overzicht.auteurs td:first-child{
    width: 70px;
    position: relative;
}

#boeken_overzicht.auteurs td:first-child img{
    width: 70px;
}

#boeken_overzicht.auteurs td:first-child div.line{
    width: 3px;
    border-left: 3px solid #46BEDC;
    margin-left: 35px;
    position: absolute;
    top: 85px;
    bottom: 10px;
}

#boeken_overzicht.auteurs td:first-child div.img-container{
    width: 70px;
    height: 70px;
    overflow: hidden;
}

#zekerwetengoed.secundaire_navigatie.fixed{
    position: fixed;
    
}

.menu_meer_uitklappen:hover{
    cursor: pointer;
}
    
/* media queries */
@media (min-width: 480px)  {
    .pull-xs-left {
        float: left;
    }
    .pull-xs-right {
        float: right;
    }
}


@media (min-width: 767px)  {
    .pull-sm-left {
        float: left;
    }
    .pull-sm-right {
        float: right;
    }
}


@media (min-width: 992px)  {
    .pull-md-left {
        float: left;
    }
    .pull-md-right {
        float: right;
    }
}


@media (min-width: 99999px) {
    .pull-lg-left {
        float: left;
    }
    .pull-lg-right {
        float: right;
    }
}

.sentimentmeter {
    position: relative;
    width: 100%;
    padding: 10px;
    min-height: 120px;
    margin: 0px;
}

.sm .sentimentmeter .slider,
.md .sentimentmeter .slider,
.lg .sentimentmeter .slider {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 300px;
    height: 50px;
}

.sliderwidgetcontainer .slider {
    width: 100% !important;
    left: 0px;
}

.widgettitle {
    width: 100%;
    text-align: center;
}

.tight {
    top: 10px !important;
}

.xs .sentimentmeter .slider {
    top: 10px;
    left: 0px;
}

.slidercontainer,
.sliderwidgetcontainer {
    min-height: 60px;
}

.sliderwidgetcontainer {
    width: 100%
}

.odd {
    background-color: #daf2f8;
}

.sentimentmeter h2 {
    margin-top: 0px;
}

#slider {
    clear: both;
}

.low_name {
    position: absolute;
    top: 5px;
    left: 10px;
}

.high_name {
    position: absolute;
    top: 5px;
    right: 10px;
}

.widgettitle h3 {
    margin-bottom: 0px;
}

.confirmation {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 100%;
    text-align: center;
    display: none;
}



.sentimentmeter #slider .ui-slider-handle{
    width: 33px;
    height: 21px;
    cursor: pointer;
    background-image: url(/public/img/v2/drag_grey.png);
	background-color: transparent;
	border:0;
}


.sentimentmeter .ui-widget-header {
    background-color: #FFF !important;
    background-image: none !important;
    background: none !important;
}

.sentimentmeter #social_media_buttons {
    position: absolute;
    right: 0px;
    width: 400px;
    background-color: transparent !important;
}
    
.cmbotm30 #social_media_buttons {
    bottom: -30px !important;
}

.breakwords {
    word-break: break-all;
}

@font-face {
    font-family: 'Komika Axis';
    src: url(webfonts/komikax.ttf);
}

.sm .sentiment_design {
    position: relative;
    width: 100%;
    height: 200px;
}

.md .sentiment_design {
    position: relative;
    width: 100%;
    height: 230px;
}

.sm .sentiment_design .sliderparent {
    left: -5px;
    width: 92%;
}

.lg .sentiment_design .sliderparent,
.md .sentiment_design .sliderparent {
    left: -17px;
}

.lg .sentiment_design {
    position: relative;
    width: 100%;
    height: 265px;
}

.sentiment_design .question {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 160px;
    background-color: #50BE1E;
    padding: 10px;
}

.sentiment_design .details {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 160px;
    height: 85px;
    background-color: #198E04;
    padding: 10px;
    z-index: 11;
}

.sentiment_design .details span {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sentiment_design .cube {
    position: absolute;
    bottom: 8px;
    width: 16px;
    height: 16px;
    background-color: #198E04;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
    display: none;

}

.sentiment_design .tilt_block {
    position: absolute;
    bottom: 22px;
    left: 135px;
    width: 40px;
    height: 40px;
    background-color: #198E04;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;

}

.sentiment_design .balloons {
    position: absolute;
    top: 0px;
    right: 100px;
    width: calc(100% - 260px);
    background-color: #90D8EA;
}

.sentiment_design .empty {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    background-color: #90D8EA;
}

.sentiment_design .meter {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: calc(100% - 160px);
    height: 85px;
    background-color: #50BE1E;
    overflow: hidden;
}

.sentiment_design .balloons div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
}

.sm .sentiment_design .top {
    height: 120px;
}

.md .sentiment_design .top {
    height: 150px;
}

.lg .sentiment_design .top {
    height: 180px;
}

.sentiment_design .balloons .erg_makkelijk {
    background-image:url(/public/img/v2/sentiment_balonnen/erg_makkelijk_inactive.svg);
}

.sentiment_design .balloons .erg_makkelijk.active {
    background-image:url(/public/img/v2/sentiment_balonnen/erg_makkelijk_active.svg);
}

.sentiment_design .balloons .makkelijk {
    background-image:url(/public/img/v2/sentiment_balonnen/makkelijk_inactive.svg);
}

.sentiment_design .balloons .makkelijk.active {
    background-image:url(/public/img/v2/sentiment_balonnen/makkelijk_active.svg);
}

.sentiment_design .balloons .gemiddeld {
    background-image:url(/public/img/v2/sentiment_balonnen/gemiddeld_inactive.svg);
}

.sentiment_design .balloons .gemiddeld.active {
    background-image:url(/public/img/v2/sentiment_balonnen/gemiddeld_active.svg);
}

.sentiment_design .balloons .moeilijk {
    background-image:url(/public/img/v2/sentiment_balonnen/moeilijk_inactive.svg);
}

.sentiment_design .balloons .moeilijk.active {
    background-image:url(/public/img/v2/sentiment_balonnen/moeilijk_active.svg);
}

.sentiment_design .balloons .heel_moeilijk {
    background-image:url(/public/img/v2/sentiment_balonnen/heel_moeilijk_inactive.svg);
}

.sentiment_design .balloons .heel_moeilijk.active {
    background-image:url(/public/img/v2/sentiment_balonnen/heel_moeilijk_active.svg);
}

.sentiment_design .question span {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
}

.sentiment_design .details .niveau {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    left: 5px;
}

.sentiment_design .details .vak {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 33px;
    left: 5px;
}

.sentiment_design .details .stemmen {
    font-family: 'Open sans';
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 60px;
    left: 5px;
}

.sentiment_design .sliderparent {
    position: absolute;
    top: 35px;
    left: 0px;
    width: calc(100% - 21px);
    height: 16px;
    background-color: #198E04;
}

.sentiment_design .slider {
    width: calc(80% - 50px);
    height: 100%;
    position: absolute;
    top: 0px;
    left: 10%;
    border: 0px;
}

.sentiment_design #slider {
    background-color: #198E04;
    background-image: none !important;
    border: 0px;
}

.sentiment_design #slider div {
    background-color: #198E04;
    background-image: none !important;
}

.sentiment_design #slider .ui-slider-handle {
    background: transparent;
    outline: none;
    border: 0px;
    width: 20px;
    height: 60px;
    margin-top: -20px;
    z-index: 300;
    cursor: pointer;
    background-image:url(/public/img/v2/sentiment_balonnen/meter_grijs.svg);
}

.sentiment_design .vote {
    position: absolute;
    right: 20px;
    bottom: 27px;
    background-color: #198E04;
    border: 0px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #BDCCD4;
    font-size: 16px;
    padding: 4px 6px;
    cursor: pointer;
}

.sentiment_design .votes {
    display: block;
    height: 20px;
    width: 30px;
    position: absolute;
    bottom: -2px;
    z-index: 100;
    font-size: 14px;
    color: #FFF;
    display: none;
    text-align: center;
}

.sentiment_design .votes_1 {
    right: 87%;
}

.sentiment_design .votes_2 {
    right: 69%;
}

.sentiment_design .votes_3 {
    right: 51%;
}

.sentiment_design .votes_4 {
    right: 32%;
}

.sentiment_design .votes_5 {
    right: 13%;
}

.sentiment_design .cube_1 {
    right: calc( 87% + 8px );
}

.sentiment_design .cube_2 {
    right: calc( 69% + 8px );
}

.sentiment_design .cube_3 {
    right: calc( 51% + 8px );
}

.sentiment_design .cube_4 {
    right: calc( 32% + 8px );
}

.sentiment_design .cube_5 {
    right: calc( 13% + 8px );
}

.sentiment_header,
.sentimentgroep_header {
    width: 100%;
    text-align: left;
    padding: 3px 0px;
    position: relative;
    overflow: hidden;
    min-height: 114px;
}

.sentiment_header .logo,
.sentimentgroep_header .logo {
    background-image:url(/public/img/v2/sentiment_logo_groen.svg);
    background-size: cover;
    width: 300px;
    height: 114px;
    float: left;
}

.xs .sentiment_header .logo,
.xs .sentimentgroep_header .logo,
.sm .sentiment_header .logo,
.sm .sentimentgroep_header .logo {
    margin: 0px auto;
    float: none !important;
}

.sentiment_header #social_media_buttons {
    background-color: #90D8EA;
}

.md .sentiment_header .info,
.lg .sentiment_header .info {
    background-color: #90D8EA;
    padding: 0px 6px;
    min-height: 95px;
    margin: 3px 0px 15px 0px;
    float: right;
    position: relative;
    overflow: hidden;
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
}

.sentiment_header .info {
    width: calc(100% - 315px);
}

.xs .sentiment_header .info,
.sm .sentiment_header .info {
    background-color: #90D8EA;
    padding: 5px 10px;
    min-height: 95px;
    margin: 15px 0px 0px 0px;
    float: none;
    position: relative;
    overflow: hidden;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    width: 100% !important;
}

.xs .sentiment_header .info {
    width: 100% !important;
    margin: 0px !important;
}

.socialxs {
    background-color: #50BE1E;
    height: 65px;
    z-index: 1;
}

.socialxs #social_media_buttons {
    border: 1px solid #90D8EA;
}

.socialxs #social_media_buttons .col-xs-6 {
    width: 33% !important;
}

.sentiment_header img,
.sentimentgroep_header img {
    height: 100px;
}

.sentimentgroep_header img,
.sentiment_header img {
    margin-top: 10px;
}

.sentimentgroep_header h1 {
    display: block;
    overflow: none;
    width: 1px;
    height: 1px;
}

.sentimentgroep_header .social,
.sentiment_header .social {
    position: absolute;
    bottom: 5px;
    right: -185px;
    width: 470px;
    height: 30px;
    z-index: 10;
}

.sentiment_design .disclaim {
    position: absolute;
    bottom: 3px;
    right: 3px;
    z-index: 10;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    text-align: right;
}

.disclaimxs {
    width: 100%;
    padding: 65px 2px 0px 2px;
    min-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
}

.sm .levelfilter,
.md .levelfilter,
.lg .levelfilter {
    width: 250px;
    position: absolute;
    bottom: -7px;
    left: -11px;
}

.md .levelfilter,
.lg .levelfilter {
    left: -4px;
}

.sentiment_design_mobile {
    min-width: 300px;
}

.sentiment_design_mobile .logo {
    background-color: #50BE1E;
    text-align: center;
}

.sentiment_design_mobile .logo img {
    max-width: 300px;
}

.sentiment_design_mobile .details_parent .tilted_block {
    background-color: #198E04;
    z-index: 1;
}

.sentiment_design_mobile .details_parent span {
    z-index: 10;
}

.sentiment_design_mobile .details_parent {
    background-color: #90D8EA;
    position: relative;
    height: 80px;
}

.sentiment_design_mobile .details {
    z-index: 2;
    background-color: #198E04;
    height: 60px;
}


.sentiment_design_mobile .details .niveau {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    left: 5px;
}

.sentiment_design_mobile .details .vak {
    font-family: 'Open sans';
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 33px;
    left: 5px;
}

.sentiment_design_mobile .details .stemmen {
    font-family: 'Open sans';
    font-weight: 400;
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    right: 5px;
}

.sentiment_design_mobile .tilted_block {
    position: absolute;
    top: 40px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background-color: #198E04;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.sentiment_design_mobile .bars {
    background-color: #90D8EA;
}

.sentiment_design_mobile .bars div {
    width: 100%;
    height: 55px;
    border-top: 3px solid #FFF;
    font-family: 'Komika Axis';
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.sentiment_design_mobile .bars .heel_moeilijk {
    background-color: #FF4200;
}

.sentiment_design_mobile .bars .moeilijk {
    background-color: #E55C38;
}

.sentiment_design_mobile .bars .gemiddeld {
    background-color: #B3C6A7;
}

.sentiment_design_mobile .bars .makkelijk {
    background-color: #99C96C;
}

.sentiment_design_mobile .bars .erg_makkelijk {
    background-color: #37B34A;
    border-bottom: 3px solid #FFF;
}

.sentiment_design_mobile .bars .inactive {
    background-color: #BDCCD4 !important;
}

.sentiment_design_mobile .voteandshare {
    background-color: #90D8EA;
    height: 87px;
    position: relative;
}

.sentiment_design_mobile .vote {
    position: absolute;
    top: 27px;
    left: calc( 50% - 40px );
    background-color: #198E04;
    border: 0px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: #FFFFFF;
    font-size: 24px;
    padding: 0px 10px;
    cursor: pointer;
}

.sentiment_design_mobile .share {
    position: absolute;
    top: 87px;
    left: 0px;
    width: 100%;
}

.sentiment_design_mobile #social_media_buttons {
    background-color: #50BE1E !important;
}

.sentiment_design_mobile .bars div span {
    display: none;
}

.videowidget {
    display: block;
    width: 100%;
    background-size: cover;
    position: relative;
}

.seriewidget .seriewidget_logo,
.videowidget .videowidget_logo {
    background-image: url('/public/i/image_1485865254_3378.png');
    background-size: cover;
    width: 50px;
    height: 40px;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 2;
}

.seriewidget .seriewidget_play {
    background-image: url('/public/i/image_1485865205_8967.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
}



.videowidget .videowidget_play {
    background-image: url('/public/i/image_1485865205_8967.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
    width: 100%;
    padding-bottom: 56%;
}

.videowidget .videowidget_block {
    background-color: #444;
    z-index: 998;
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
    width: 100%;
    padding-bottom: 56%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.seriewidget {
    width: 100%;
    position: relative;
    padding-bottom: 58.6%;
}

.seriewidget a.imglink {
    position: absolute;
    overflow: hidden;
    top: 0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
}

.seriewidget .seriewidget_thumb_1 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 50%;
    bottom: 50%;
    z-index: 1;
}

.seriewidget .seriewidget_thumb_2 {
    position: absolute;
    top: 0px;
    left: 50%;
    right: 0px;
    bottom: 50%;
    z-index: 1;
}

.seriewidget .seriewidget_thumb_3 {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 50%;
    bottom: 0px;
    z-index: 1;
}

.seriewidget .seriewidget_thumb_4 {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}


.seriewidget_title,
.videowidget_title {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.balloons_blog {
    position: relative;
    height: 60px;
    background-color: #90D8EA;
}

.balloons_blog .moeilijk {
    position: absolute;
    top: 0px;
    left: 5px;
    background-image: url(/public/img/v2/sentiment_balonnen/150x50_moeilijk.svg);
    width: 150px;
    height: 50px;
}

.balloons_blog .makkelijk {
    position: absolute;
    top: 0px;
    right: 5px;
    background-image: url(/public/img/v2/sentiment_balonnen/150x50_makkelijk.svg);
    width: 150px;
    height: 50px;
}

.sentiment_blog .sliderparent {
    background-color: #90D8EA;
    padding: 15px 20px 30px 20px;
    text-align: center;
}

.sentiment_blog .sliderparent .ui-slider-handle {
    background: transparent;
    background-image:url(/public/img/v2/sentiment_balonnen/meter_grijs.svg);
    height: 60px;
    width: 20px;
    margin-top: -20px;
    border: none;
    outline: none;
}

.sentiment_blog .sliderparent .ui-widget-content {
    background: #50be1e;
    background-image: none;
}

.xs .sentiment_blog {
    margin-left: -20px;
    margin-right: -20px;
}

.sentiment_blog .sliderparent a {
    color: #000;
    font-size: 12px;
}

.levelfilter {
    height: 48px;
    width: 100%;
    background-color: #90D8EA;
    padding: 10px 5px;
    z-index: 2;
    font-size: 14px;
}

.levelfilter span {
    color: #FFF;
    font-weight: 700;
    padding-left: 0px;
}

.levelfilter .showlevel {
    margin-right: 20px;
}

.levelfilter .filter_vmbo,
.levelfilter .filter_havo,
.levelfilter .filter_vwo,
.levelfilter .filter_both {
    color: #FFF;
    font-weight: 700;
    padding: 3px 6px;
    margin: 0px 5px;;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    background-color: #5DC4DE;
}

.level_active {
    background-color: #18A0C2 !important;
}

.disclaim *,
.disclaimxs * {
    color: #FFF !important;
}


.login_popup {
    position: relative;
    margin: 100px auto;;
    border: 0px solid #333;
    background-color: #FFF;
    padding: 20px 30px;
    z-index: 100000001;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 24px -2px rgba(0,0,0,0.75);
}


#login .left{
    border-right: 1px solid lightgray;
}

.xs .login_popup {
    padding: 10px 10px;
}

.login_popup .login_status {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    padding: 30% 20px 10% 20px;
    background-color: #FFF;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
    z-index: 100000000;
}

.login_popup .login_status i {
    color: #FF6E00;
    font-size: 70px;
    width: 100%;
    text-align: center;
}

.login_popup .login_status i.fa-check {
    color: #6AD768 !important;
}

.login_popup i.fa-times {
    color: #FF0000 !important;
    position: absolute;
    top: 1px;
    right: 4px;
    width: 32px;
    height: 32px;
    text-align: right;
    z-index: 100000000000;
    cursor: pointer;
    font-size: 32px;
}

.login_popup .formerror {
    color :#FF0000;
    border-color: #FF0000;
    background-color: #FFEEEE;
}

.login_popup .explaination {
    padding: 0px;
    margin: 10px 5px 0px 0px;
}

.inlogknop {
    cursor: pointer;
}

.frontview {
    width: 100%;
    height: 100%;
    z-index: 10;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
}

.btn.btn-fblogin {
    background-color: #3a5795 !important;
    color: #FFF !important;
    line-height: 1.6em;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 100%;
    margin-top: 10px;
}


.btn.btn-kennisnet-login {
    background-color: #2E3192 !important;
    color: #FFF !important;
    line-height: 1.6em;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 100%;
    margin-top: 10px;
}

i.kennisnet-helper-icon{
    padding: 3px 10px;
    line-height: 1.6em;
    margin-top: 10px;
    display: inline-block;
    margin-left: 110px;
}

.printdownloadoverhoor a {
    text-decoration: none !important;
}

#favoriete_zwgs a.lovezwg,
#favoriete_zwgs a.unlovezwg,
#favoriete_zwgs a.loveverslag,
#favoriete_zwgs a.unloveverslag {
    font-weight: 700;
    text-decoration: none;
}

.leaderboard_bot_container {
    text-align: center;
}

#form_getQuestion {
    display: none;
}

.agreeno,
.agreeyes {
    text-decoration: underline;
    cursor: pointer;
}

.questionblock {
    border-radius: 5px;
    border: 2px solid #FF6E00;
    background-color: #FEF3EA;
    padding: 0px 24px;
}

.questionblock form {
    padding: 16px 0px 0px 0px;
}

#blog_content embed,
#blog_content iframe,
#blog_content img {
    max-width: 100% !important;
}

.artikel_previews .klein.blog{
    margin-bottom: 0;
}

body.xs .artikel_previews .klein.blog{
    margin-bottom: 20px;
}

.twitter-tooltip .tooltip-inner{
    text-align:inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    max-width: inherit !important;
    width: inherit !important;
}

.tooltip.left.twitter-tooltip{
    z-index: 1;
}

.tooltip.left.twitter-tooltip .tooltip-arrow{
    border-left-color: #1b95e0;
}

.tooltip.left.twitter-tooltip .tooltip-inner{
    border: 1px solid #1b95e0;
    background-color: white;
    color: #1b95e0;
    padding: 0px 8px;
    padding-top: 1px;
    border-radius: 2px;
    min-height: 20px;
    height: 20px;
}

body.md #menu_profiel .button,
body.lg #menu_profiel .button {
    margin-right: 0px;
}

body.md #menu_profiel span.name,
body.lg #menu_profiel span.name{
    padding-right: 44px;
    padding-left: 0px;
}

.profile-img img{
    border-radius: 3px;
}

.no-profile-img span.name {
    padding-right: 0px !important;
}

body.md .profile-img,
body.lg .profile-img{
    position: absolute;
    right: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -6px;
}

#skyscraper_holder {
    position: fixed;
    width: 160px;
    height: 600px;
}

.blog_content .auteur_en_reacties {
    margin-top: 48px;
    margin-bottom: 48px;
}

body.xs .blog_content .auteur_en_reacties {
    padding:20px;
    background-color:#f4f7f9;
}

.contentloaderoutput {
    padding-top: 48px;
}

.auteur_en_reacties p {
    margin-bottom: 0px;
    margin-top: 11px;
}

.auteur_en_reacties label {
    margin-bottom: 0px;
}

.ad_container {
    padding: 32px 0px;
    overflow: hidden;
    margin: 0px 10px;
}

.ad_container_top {
    padding: 32px 10px;
    overflow: hidden;
}

.blog_sidebar .advertisement {
    padding: 0px 0px 0px 0px;
    width: 336px;
    clear: both;
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
}

.verslagsidebar .poll_holder {
    margin-bottom: 32px !important;
}

.blog_ad,
.verslag_ad {
    width: 100%;
}

.sm .blog_sidebar .advertisement {
    width: 247px;
}

.md .blog_sidebar .auteur_en_reacties .reacties {
    margin-top:-15px;
}

.sm .blog_sidebar .auteur_en_reacties .reacties {
    margin-top:15px;
}

.examencountdown {
    width: 100%;
    min-height: 100px;
}

.examencountdown .top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #DADADA;
    min-height: 40px;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 25px;
}

.examencountdown span {
    font-weight: 700;
    color: #333;
    font-size: 14px;
}

.examencountdown .top .level {
    min-width: 15%;
    padding: 0px 0px  0px 6px;
    display: inline-block;
}
.examencountdown .top .subject {
    min-width: 15%;
    padding: 0px 6px;
    display: inline-block;
}
.examencountdown .top .start {
    min-width: 65%;
    padding: 0px 6px;
    display: inline-block;
}
.examencountdown .bottom .countdown {
    display: block;
    vertical-align: middle;
    min-height: 40px;
    width: calc( 100% - 60px );
    float: left;
}
body.xs .examencountdown .bottom{
    display: table-cell;
}

.examencountdown .bottom img {
    height: 40px;
    margin-right: 16px;
    margin-top: 0px;
    vertical-align: text-bottom;
    float: left;
}

.verslag_ad_parent {
    position: relative;
}

.poll_holder a:hover {
    text-decoration: none;
}

.testingbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 16px;
    overflow: hidden;
    background-color: #FF2222;
    color: #FFF;
    font-weight: 700;
    z-index: 1000000;
    word-break: break-all;
}

.testingbar span {
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    height: 12px;
    margin: 0px;
    display: inline-block;
}

.ui-autocomplete {
    z-index: 4000 !important;
}

.groot img.responsive {
    width: 100%;
}

.klein.blog {
    z-index: 10;
}

.doneerverslagen:hover {
    background-color: #198E04 !important;
}

.social_links_sidebar li {
    float: left;
    width: 25%;
    text-align: center;
}

.sm .social_links_sidebar li {
    float: left;
    width: 33%;
    text-align: center;
}

.social_links_sidebar li a span {
    font-size: 2em;
}

.sm .leaderboard_alt_container,
.md .leaderboard_alt_container {
    min-height: 90px !important;
}

.mbot32 {
    margin-bottom: 32px;
}

.register_container {
    padding-bottom: 5px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
    
    /* Magisch kleuren ding */
    background: -moz-linear-gradient(top,  #ff6e00 46px, #ffcca6 2%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(46px,#ff6e00), color-stop(2%,#ffcca6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff6e00 46px,#ffcca6 2%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff6e00 46px,#ffcca6 2%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff6e00 46px,#ffcca6 2%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff6e00 46px,#ffcca6 2%); /* W3C */    
}

.register_container h1 {
    color: #FFF;
    font-size: 1.5em;
    font-weight: 700;
    padding: 12px;
}

.register_container .register_text {
    font-size: 0.9em;
    padding: 0px 12px;
    margin-top: 4px;
    color: #111;
}

.register_container .register_text_top {
    margin-bottom: 4px;
}

.register_text_bottom {
    padding-left: 20px !important;
}

.register_container .fa {
    color: #ff6e00;
    font-size: 1.6em;
    margin-right: 10px;
}

.register_buttons {
    height: 30px;
    text-align: right;
    clear: both;
    padding: 0px 20px;
}

.greenbtn {
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 1.4em;
    background-color: #50BE1E;
    color: #FFF;
}

.greenbtn:hover {
    background-color: #198E04;
    color: #FFF;
    text-decoration: none;
}

.greenbtncookie {
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 1.4em;
    background-color: #50BE1E;
    color: #FFF;
}

.greenbtncookie:hover {
    background-color: #198E04;
    color: #FFF;
    text-decoration: none;
}

.tooltip-inner {
    background-color: #ffcca6;
    color: #000;
    text-align:left;
    font-size:14px;
    border: solid 5px #FF6e00;
    font-family: 'Open Sans';
    max-width: 350px;
    width: 350px;
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #FF6e00;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #FF6e00;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #FF6e00;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #FF6e00;
}

/*proefstuderen*/
#menu_Proefstuderen .tooltip-inner {
    background-color: #CDECCC;
    border: 0px;
    padding:20px !important;
    box-shadow: 1px 1px 2px #888888;
    width: 250px;
}
#menu_Proefstuderen .tooltip-inner {
    margin-top:10px !important;
}
#menu_Proefstuderen .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #CDECCC;
    margin-top:5px !important;
}


/*studiekeuze*/
#menu_Studiekeuze .tooltip-inner {
    background-color: #e4f187;
    border: 0px;
    padding:20px !important;
    box-shadow: 1px 1px 2px #888888;
    width: 250px;
    color: #453e00 !important;
    
}
#menu_Studiekeuze .tooltip-inner {
    margin-top:10px !important;
}
#menu_Studiekeuze .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e4f187;
    margin-top:5px !important;
}

/* liveblog */
#liveblog {
    
}

#liveblog h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 0.93;
  color: #ff6d00;
  margin-bottom:18px;  
  display:block;
}

#liveblog-leesmeer,
#liveblog-leeseerder {
  height: 52px;
  border-radius: 4px;
  background-color: #f4f7f9;
  line-height: 52px;
  font-size: 16px;
  font-weight: bold;
  color: #ff6d00;  
  text-align: center;
  display: block;
  text-decoration: none;
  margin-bottom:18px;
  cursor:pointer;
}    
   
#liveblog-leeseerder:hover,
#liveblog-leesmeer:hover {
    background: #DBDEE0;
}

#liveblog .liveblog-update {
    border-radius: 4px;
    border: solid 4px #f4f7f9;
    padding: 19px 21px;
    padding-bottom: 0;
    margin-bottom: 16px;
}

body.xs #liveblog .liveblog-update {
    border: 0;
    padding-left:0;
    padding-right: 0;
    border-bottom: 1px solid #e3eff2;
    overflow-y: hidden;
}

body.xs #liveblog .liveblog-update:last-of-type {
    border-bottom: 0;
}


#liveblog .liveblog-update .tijdsduur_geleden {
    font-size: 13px;
    font-weight: bold;
    color: #ff6d00;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#liveblog .liveblog-update .inhoud {
    font-size: 21px;
    line-height: 1.43;
    color: #171616;
    margin-bottom: 19px;
}
#liveblog .liveblog-update .inhoud * {
    font-size: 21px;
    line-height: 1.43;
    color: #171616;    
}

#liveblog .liveblog-update .inhoud a {
    color: #216785;
    
}

#liveblog .liveblog-pinned {
    border-radius: 4px;
    border: solid 4px #f4f7f9;
    padding: 19px 21px;
    padding-bottom: 0;
    margin-bottom: 16px;
}

body.xs #liveblog .liveblog-pinned {
    border: 0;
    padding-left:0;
    padding-right: 0;
    border-bottom: 1px solid #e3eff2;
}

body.xs #liveblog .liveblog-pinned:last-of-type {
    border-bottom: 0;
}


#liveblog .liveblog-pinned .tijdsduur_geleden {
    font-size: 13px;
    font-weight: bold;
    color: #ff6d00;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#liveblog .liveblog-pinned .inhoud {
    font-size: 21px;
    line-height: 1.43;
    color: #171616;
    margin-bottom: 19px;
}
#liveblog .liveblog-pinned .inhoud * {
    font-size: 21px;
    line-height: 1.43;
    color: #171616;    
}

#liveblog .liveblog-pinned .inhoud a {
    color: #216785;
    
}

#liveblog #ganaarvolledig {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ff6d00;    
    text-align: right;
    display:block;
    margin-bottom: 25px;
    text-decoration: none;
}