/* ======== BASICS =============================================================================
================================================================================================*/

@import "validation/cmxformTemplate.css";
@import "validation/cmxform.css";

html {
	background: #fff url(../img/bg_html.png) repeat-x top center;
}
body{
	margin: 0 auto;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
	body.nl {
		background: url(../img/bg_page.png) no-repeat top center;
	}
	body.en {
		background: url(../img/bg_page_en.png) no-repeat top center;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: "MyriadProSemiboldCondensed", sans-serif;
	color: #30163b;
	margin: 0 0 15px 0;
	padding: 0;
}
h1 {
	font-size: 28px;
	font-size: 18px\9;
	color: #ac0000;
}
:root h1 {
	font-size: 28px \0/IE9;
}

h2 {
	font-size: 20px;
	font-size: 16px\9;
}
:root h2 {
	font-size: 20px \0/IE9;
}

h3 {
	font-size: 18px;
	font-size: 14px\9;
}
:root h3 {
	font-size: 18px \0/IE9;
}

.ie8 h3 {
	font-weight: 600;
}

p {
	color: #3F0057;
	padding: 0 0 10px 0;
}
strong {
	font-weight: bold;
	color: #3F0057;
}
em {
    font-style: italic;
}
input {

}
textarea {
	width: 350px;
}
img {
    max-width: 100%;
    height: auto;
}
.noUnderline {
    text-decoration: none !important;
}

/* ======== MISC ===============================================================================
================================================================================================*/
a.btn {
	display: block;
	width: 120px;
	height: 21px;
	padding: 5px 0 0 0;
	margin: 10px 0 0 45px;
	font-family: "TrebuchetMSRegular";
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: url(../img/btn_bg.png);
}
a.btn:hover {
	text-decoration: underline;
}
p.datum {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
}
.clear {
	clear: both;
}

#wrapper {
	font-size: 0.9em;

	font-family: "TrebuchetMSRegular";
	line-height: 1.5;
	margin: 0 auto;
	width: 1000px;
	min-height: 603px;
	background: url(../img/bg_content.png) no-repeat center bottom
}


/* ======== HEAD ===============================================================================
================================================================================================*/
#head {
	display: block;
	position: relative;
	width: 980px;
	height: 197px;
	margin-bottom: 10px;
}
	a.dusk-logo {
		float: left;
		width: 228px;
		height: 197px;
	}
	.header-afb-links {
		float: left;
		width: 350px;
		height: 197px;
	}
		.header-afb-links img {
			background: url(../img/bg-cycle-l.jpg);
		}
	a.header-afb-rechts {
		float: right;
		width: 360px;
		height: 197px;
	}
		.header-afb-rechts img {
			background: url(../img/bg-cycle-r.jpg);
		}

/* ======== LINKS ===============================================================================
================================================================================================*/
#links {
	float: left;
	width: 249px;
}

	/* ======== NAVIGATIE ==========================================================================
	================================================================================================*/
	#navigatie {
		font-size: 14px;
		width: 249px;
		overflow: hidden;
	}
		.navigatie-head {
			width: 249px;
			height: 10px;
			background: url(../img/bg_menu_top.png);
		}
		#navigatie ul {
			width: 224px;
			padding: 25px 16px 25px 9px;
			background: url(../img/bg_menu_middle.png);
		}
			#navigatie ul li a {
				display: block;
				width: 208px;
				padding: 3px 10px 3px 10px;
				text-decoration: none;
				color: #D7AAE8;
				border-top: solid 1px #B18DBF;
			}
			.hiddenmenu {
				display:none;
			}
			#navigatie ul li:last-child a {
				border-bottom: solid 1px #B18DBF;
			}
			#navigatie ul li a:hover {
				background: #743489;
				color: #fff;
			}
				#navigatie ul ul {
					width: 229px;
					padding: 0;
					margin: 0;
					background: none;
				}
					#navigatie ul ul li a {
						width: 189px;
						padding: 5px 20px 5px 20px;
						font-size: 11px;
						border: none;
					}
					#navigatie ul ul li:last-child a {
						border: none;
					}
						#navigatie a.current {
							background: #743489;
							color: #fff;
						}
						#navigatie ul ul a.current {
							background: #3F0057;
						}
		.navigatie-foot {
			width: 249px;
			height: 27px;
			background: url(../img/bg_menu_bottom.png);
		}

	/* ======== WIDGETS ============================================================================
	================================================================================================*/
	.widgets {
		width: 229px;
		padding: 0 10px 0 10px;
		color: #3F0057;
	}
	#rechts .widgets {
		padding: 0 10px 0 5px;
	}
		.head {
			width: 230px;
			height: 10px;
			background: url(../img/mod230_top_notop_bg.png);
		}
		.main {
			width: 210px;
			padding: 10px;
			text-align: center;
			background: url(../img/mod230_middle.png) repeat-y;
		}
		.foot {
			display: block;
			width: 230px;
			height: 10px;
			background: url(../img/mod230_bottom.png) bottom center no-repeat;
		}

		/* ======== FOLLOW =============================================================================
		================================================================================================*/
		#follow {
			width: 229px;
			padding: 10px 0;
			border-top: solid 1px #AD7DBE;
		}
			a.twitter {
				float: left;
				display: block;
				width: 35px;
				height: 35px;
				background-image: url(../img/twitter.png);
				background-position: 0 35px;
                background-size: 100%;
			}
			a.twitter:hover {
				background-position: 0 0;
			}
			a.facebook {
				float: left;
				display: block;
				width: 35px;
				height: 35px;
				background-image: url(../img/facebook.png);
				background-position: 0 35px;
                background-size: 100%;
			}
			a.facebook:hover {
				background-position: 0 0;
			}
			a.linkedin {
				float: left;
				display: block;
				width: 35px;
				height: 35px;
				background-image: url(../img/linkedin.png);
				background-position: 0 35px;
                background-size: 100%;
			}
			a.linkedin:hover {
				background-position: 0 0;
			}
			a.youtube {
				float: left;
				display: block;
				width: 35px;
				height: 35px;
				background-image: url(../img/youtube.png);
				background-position: 0 35px;
                background-size: 100%;
			}
			a.youtube:hover {
				background-position: 0 0;
			}
            a.pinterest {
                float: left;
                display: block;
                width: 35px;
                height: 35px;
                background-image: url(../img/pinterest.png);
				background-position: 0 35px;
                background-size: 100%;
            }
            a.pinterest:hover {
                background-position: 0 0;
            }

            a.tumblr {
                float: left;
                display: block;
                width: 35px;
                height: 35px;
                background-image: url(../img/tumblr.png);
				background-position: 0 35px;
                background-size: 100%;
            }
            a.tumblr:hover {
                background-position: 0 0;
            }
            a.rssFeed {
                float: left;
                display: block;
                width: 35px;
                height: 35px;
                background-image: url(../img/rss.png);
				background-position: 0 35px;
                background-size: 100%;
            }
            a.rssFeed:hover {
                background-position: 0 0;
            }

		/* ======== POLL ===============================================================================
		================================================================================================*/
		#poll {
			width: 230px;
			margin: 15px 0 0 0;
			padding: 10px 0 0 0;
            position:relative;
            border-top: 1px solid #AD7DBE;
        }

        #poll .main {
            width: 230px;
            padding: 10px 0 0 0;
            margin: 0;
            background: none;
        }

			#poll h4 {
                font-size:16px;
				width: 210px;
				padding: 7px 10px 7px 10px;
				margin: 0;
				text-align: left;
				color: #fff;
				background: url(../img/mod230_top.png) no-repeat;
                display: block;
			}


				#pollcontainer{
					width: 230px;
					text-align: left;
				}
					.poll-item {
						display: block;
						width: 200px;
						margin: 0;
						padding: 5px 15px;
						text-align: left;
                        background: #E3D5E8;
					}
					.poll-item input {
						float: left;
						width: 10px;
						height: 10px;
						margin: 5px 0 0 0;
						border: none;
					}
					.poll-item label {
						float: right;
						width: 180px;
						padding: 4px 0 0 0;
						text-align: left;
					}

                    .pollKnoppen {
                        padding: 10px 0;
                        background: #E3D5E8;
                    }

					input.btn {
						display: block;
						width: 120px;
						height: 26px;
						padding: 5px 0 5px 0;
						margin: 0 0 0 45px;
						font-family: "TrebuchetMSRegular";
						font-weight: bold;
						font-size: 11px;
						text-align: center;
						text-decoration: none;
						color: #fff;
						background: url(../img/btn_bg.png);
						border: none;
						cursor: pointer;
					}
					input.btn:hover {
						text-decoration: underline;
					}
				#loader {
					display: none;
					text-align: center;
                    background: #E3D5E8;
				}
				.option {
					padding: 5px 10px 20px 10px;
					text-align: left;
                    background: #E3D5E8;
				}
				.option p {
					line-height: 1.1em;
					font-size: 0.85em;
				}
				.bar {
					height: 10px;
					background: #3399cc;
				}
				.yourvote {
					background: #669900;
				}
        /* CONTENT POLL */
        .contentPollContainer {
            margin-bottom: 20px;
        }
        .contentPollContainer .pollTitel {
            font-size: 20px;
        }
        .contentPollContainer .poll-item {
            width: 94%;
        }
        .contentPollContainer .poll-item label {
            width: 96%;
        }
        .contentPollContainer .pollKnoppen  {
            background: transparent;
        }
        .contentPollContainer .pollKnoppen input.btn {
            margin-left: 20px;
        }

		/* ======== SEARCH ===============================================================================
		================================================================================================*/
		#search {
			width: 230px;
			margin: 10px 0 0 0;
			padding: 10px 0 0 0;
			color: #3F0057;
			border-top: solid 1px #AD7DBE;
		}

/* ======== MAIN ===============================================================================
================================================================================================*/
#main {
	float: left;
	width: 746px;
}
#main .top {
	height: 40px;
	padding: 10px 0;
	width: 400px;
}
	/* ======== EYECATCHER =========================================================================
	================================================================================================*/
	#eyecatcher {
		width: 746px;
		height: 173px;
		color: #E7BBF8;
	}
		#eyecatcher a.kop {
			display: block;
			width: 235px;
			height: 14px;
			font-weight: bold;
			font-size: 14px;
			line-height: 14px;
			color: #FFF;
			overflow: hidden;
		}
		#eyecatcher ul li {
			float: left;
			width: 235px;
			height: 150px;
			padding: 10px 5px;
			font-size: 11px;
			line-height: 12px;
			overflow: hidden;
		}
		#eyecatcher ul li a {
			color: #E7BBF8;
			text-decoration: none;
		}
		#eyecatcher ul li a:hover {
			color: #FFF;
		}
		#eyecatcher ul li img {
			max-width: 215px;
			max-height: 100px;
			margin: 5px 0 5px 0;
			border: solid 1px #fff;
	        -webkit-box-shadow:  0px 10px 5px 0px rgba(0, 0, 0, 0.3);
        	box-shadow:  0px 10px 5px 0px rgba(0, 0, 0, 0.3);
		}

	/* ======== BREADCRUMBS ========================================================================
	================================================================================================*/
	#breadcrumbs {
		float: left;
		width: 460px;
		padding: 0 10px 10px 10px;
		height: 20px;
		margin: 10px 0 0 0;
		color: #41244c;
	}
		#breadcrumbs a {
			text-decoration: none;
			color: #B20000;
		}

	/* ======== TAALKEUZE ==========================================================================
	================================================================================================*/
	#taal {
		float: right;
		width: 150px;
		height: 20px;
		padding: 0 0 10px 10px;
		margin: 7px 0 0 0;
		color: #41244c;
	}
		#taal p {
			margin-top: 3px;
		}
		#taal a.taal-gb {
			float: right;
			width: 24px;
			height: 17px;
			background-image: url(../img/ico_lan_gb.png);
			background-position: 0 0;
			margin: 5px 10px 0 0;
			padding: 0;
		}
		#taal a.taal-gb:hover {
			background-position: 0 -17px;
		}
		#taal a.taal-nl {
			float: right;
			width: 24px;
			height: 17px;
			background-image: url(../img/ico_lan_nl.png);
			background-position: 0 0;
			margin: 5px 10px 0 0;
			padding: 0;
		}
		#taal a.taal-nl:hover {
			background-position: 0 -17px;
		}

	/* ======== CONTENT ===============================================================================
	================================================================================================*/
	#content {
		float: left;
		width: 480px;
		padding: 0;
	}
	#content .inhoud {
		width: 480px;
		padding: 0 10px 10px 10px;
		border-left: solid 1px #AD7DBE;
		border-right: solid 1px #AD7DBE;
		color: #3F0057;
	}
		#content .inhoud img {
			margin: 0 10px 10px 0;
		}

		#content .inhoud .tekst h2 a {
			color: #30163B;
		}
			#content .inhoud .tekst h2 a:hover {
				text-decoration: none;
			}
		#content .inhoud .tekst-no-image h2 a {
			color: #30163B;
		}
			#content .inhoud .tekst-no-image h2 a:hover {
				text-decoration: none;
			}
	#content a {
		color: #B20000;
		text-decoration: none;
	}
	#content a:hover {
		text-decoration: underline;
	}
	#content a.btn {
		display: block;
		width: 120px;
		height: 21px;
		padding: 5px 0 0 0;
		margin: 10px 0 0 0;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: url(../img/btn_bg.png);
	}
	#content img {
		float: left;
		max-width: 200px;
		margin: 0 10px 10px 0;
	}
		.container {
			margin: 0 0 20px 0;
		}
			.container strong {
				font-weight: normal;
			}
            .container em {
                font-style: normal;
            }
		.container h2 {
			font-size: 28px;
			color: #ac0000;
		}
			.collumns:first-child .container {
				border-bottom: solid 1px #AD7DBE;
            }
			.collumns .container {
				float: left;
				width: 230px;
				padding: 10px 0 0 0;
                margin: 0 0 0 0;
				border-top: solid 1px #AD7DBE;
			}
			#content .collumns .container img {
				float: left;
				max-width: 70px;
				margin: 0 10px 10px 0;
			}
			#content .collumns .container a.kop-link:hover {
				text-decoration: none;
			}
			.collumns .container:first-child {
				margin-right: 10px;
			}

	/* ======== CONTENT (ARTIKELEN) ====================================================================
	================================================================================================*/
	.artikelen {
		display: block;
		padding: 10px 0 10px 0;
		border-bottom: solid 1px #e4d9e7;
	}
	.artikelen h2 {
		padding: 0;
		margin: -5px 0 0 0;
		margin: 0\9;
	}
	.artikelen img {
		float: left;
		max-width: 160px;
		margin: 0;
		padding: 0;
	}
	.artikelen .tekst a h2:hover {
		text-decoration: none;
	}
	.artikelen .tekst {
		display: block;
		float: right;
		width: 310px;
		padding: 0;
		margin: 0;
		font-weight: normal !important;
	}
		.artikelen .tekst strong {
			font-weight: normal !important;
		}
	.artikelen .tekst-no-image {
		width: 100%;
	}
	.iframe img {
		width: 200px;
		height: 112px;
		z-index: 1;
	}
	.iframe img.video {
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		padding:36px 0 0 80px;
		z-index: 100;
	}

	.ie7 img.video {
		margin-left: -210px !important;
	}
	.redSubTitle {
        color: #a30000;
        font-family: "MyriadProSemiboldCondensed";
        font-size: 16px;
    }
	/* ======== CONTENT (ACTUEEL) ====================================================================
	================================================================================================*/
	.container-content-head {
		display: block;
		width: 460px;
		height: 30px;
		padding: 5px 10px 0 10px;
		background: url(../img/mod480_top_grad.png);
	}
	.container-content-main {
		padding: 0 10px;
	}
	.container-content-foot {
		display: block;
		width: 460px;
		height: 30px;
		padding: 5px 10px 0 10px;
		margin: 0 0 10px 0;
		background: url(../img/mod480_bottom_grad.png) 0 bottom;
	}
	.container-content-foot a {
		text-decoration: none;
	}
	.container-content-foot a:hover {
		text-decoration: underline;
	}

	/* ======== CONTENT (MEER PORNA) ====================================================================
	================================================================================================*/
	.container-small {
		width: 230px;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #AD7DBE;
		color: #3F006F;
	}
		#content .container-small .main a {
			color: #333333;
			font-weight: bold;
			text-decoration: none;
		}
		#content .container-small .main a:hover {
			text-decoration: underline;
		}
		.container-small .head {
			display: block;
			width: 210px;
			height: 30px;
			padding: 2px 10px 0 10px;
			background: url(../img/mod230_top.png);
		}
			.container-small .head h3 {
				color: #FFF;
			}
		.container-small .main {
			display: block;
			width: 210px;
			padding: 5px 10px;
			background: url(../img/mod230_middle.png) repeat;
			text-align: left;
		}
		.container-small .foot {
			display: block;
			width: 230px;
			height: 10px;
			padding: 0;
			background: url(../img/mod230_bottom.png) 0 bottom;
		}

	/* ======== CONTENT (SERIES) ====================================================================
	================================================================================================*/
	.series {
		display: block;
		padding: 10px 0px 10px 0;
		border-bottom: solid 1px #e4d9e7;
	}
	.series h2 {
		padding: 0;
		margin: -5px 0 0 0;
	}
	.series img {
		float: left;
		max-width: 200px;
		margin: 0;
		padding: 0;
	}
	.series .tekst {
		display: block;
		float: right;
		width: 270px;
		padding: 0;
		margin: 0;
	}

/* ======== CONTENT (PROGRAMMA) =================================================================
================================================================================================*/
ul.tab {
	margin-left: 20px;
}
*+html ul.tab{
    margin-bottom: -15px;
}
ul.tab li {
	max-width: 250px;
	float: left;
}
ul.tab li a {
	display: block;
	padding: 5px 20px 0 0;
	height: 23px;
	max-width: 100px;
	float: left;
	margin: 0 10px 0 0;
	background: url(../img/tabs_right.png) top right;
}


li#tab-links-deluxe {
	display: block;
	float: left;
	width: 20px;
	height: 28px;
	background: url(../img/tabs_left.png);
}
	li#tab-links-deluxe.deselected {
		background: url(../img/tabs_inactive_left.png);
	}
a#switch_tab_deluxe {
	color: #fff;
}
	a#switch_tab_deluxe.deselected {
		background: url(../img/tabs_inactive_right.png) top right;
	}


li#tab-links-normal {
	display: block;
	float: left;
	width: 20px;
	height: 28px;
	background: url(../img/tabs_left.png);
}
	li#tab-links-normal.deselected {
		background: url(../img/tabs_inactive_left.png);
	}
a#switch_tab_normal {
	color: #fff;
}
	a#switch_tab_normal.deselected {
		background: url(../img/tabs_inactive_right.png) top right;;
	}


#content.programmering .container {
	display: block;
	width: 480px;
	height: 30px;
	margin: 0;
	background: url(../img/mod480_top_grad.png);
}
	#content.programmering .logo {
		float: left;
		width: 100px;
		height: 50px;
		margin: 0 20px 0 0 ;
	}
	#content.programmering .zender-info {
		float: left;
		padding: 0;
	}
		#content.programmering .zender-info h3 {
			float: left;
			margin: 0 10px 0 0;
			font-size: 26px;
			color: #6F2D88;
		}
		#content.programmering ul.info {
			float: left;
			width: 300px;
		}
			#content.programmering ul.info li a {
				float: left;
				display: block;
				padding: 0 10px;
				font-family: "MyriadProSemiboldCondensed";
				font-size: 26px;
				color: #6F2D88;
				border-right: solid 1px #6F2D88;
			}
	#content.programmering h2 {
		font-size: 30px;
		padding: 0px;
		color: #6F2D88;
		border-bottom: solid 1px #6F2D88;
	}

.prog_description {
	display: none;
}

.prog_description_tm {
	display: none;
}

.program {
	width: 205px;
	padding: 10px 0;
	margin-left: 10px;
	border-bottom: solid 1px #E9C9F5;
	font-weight: bold;
}
.program .prog_description, .program .prog_description_tm {
	font-weight: normal;
}
.program_time {
	color: #772F90;
	font-weight: normal;
}
.prog_info {
	color: #BA0000;
	font-weight: normal;
}
.prog_info_tm {
	color: #BA0000;
	font-weight: normal;
}
.prog_info2 {
	color: #BA0000;
	font-weight: normal;
}
.prog_info2_tm {
	color: #BA0000;
	font-weight: normal;
}
h3.tab {
	display: block;
	width: 200px;
	height: 30px;
	padding: 0 10px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: url(../img/schema-top.png);
}
.hand {
	cursor: pointer;
}

#programs_today {
	float: left;
}

#programs_tomorrow {
	float: left;
	margin-left: 10px;
}

/* ======== CONTENT (WAAR) =======================================================================
================================================================================================*/
.tabContainer {
	margin: 10px 0 0 0;
	width: 500px;
}
.tabContainer .digiTabs {
	list-style: none;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0px;
	position: relative;
}
.tabContainer .digiTabs li {
	display: block;
	float: left;
	background-color: #772F90;
	cursor: pointer;
	color: #fff;
	padding: 0;
	margin: 0 0 0 10px;
	height: 28px;
	background: url(../img/tabs_inactive_left.png) top left no-repeat;
}
.tabContainer .digiTabs li.selected {
	background: url(../img/tabs_left.png) top left no-repeat;
}

	#content .tabContainer .digiTabs li a {
		display: block;
		height: 24px;
		padding: 5px 20px 0 0;
		margin: 0 0 0 20px;
		color: #fff;
		background: url(../img/tabs_inactive_right.png) top right;
	}
	#content .tabContainer .digiTabs li.selected a {
		background: url(../img/tabs_right.png) top right;
	}
		#content .tabContainer .digiTabs li a:hover {
			text-decoration: none;
		}

.tabContainer .digiTabs .selected{
	background-color:#fff;
	color:#393939;
}
#tabContent {
	padding: 0px 0px 30px 0px;
	background-color: #fff;
	background: url(../img/mod480_bottom_grad.png) bottom center no-repeat;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	width: 480px;
	margin-top: 0px;
}
#content.waar .container-top {
	display: block;
	width: 480px;
	height: 30px;
	background: url(../img/mod480_top_grad.png);
}
#content.waar .container-main{
	padding: 0 10px;
}
#tabContent img {
		float: none;
	}

/* ======== CONTENT (ZOEKEN) =====================================================================
================================================================================================*/
#content.zoeken {

}
	#content.zoeken h3 {
		margin: 20px 0 10px 0;
		border-bottom: solid 1px #AD7DBE;
	}
	#content.zoeken a {
		color: #3F0057
	}
		#content.zoeken a:hover {
			color: #B20000;
		}


	/* ======== REACTIES =============================================================================
	================================================================================================*/
	.reactie-top {
		width: 480px;
		height: 10px;
		background: url(../img/mod480_top_notop_bg.png);
	}
	.reactie-main {
		width: 460px;
		padding: 0 10px;
		background: url(../img/mod480_middle.png) repeat-y;
	}
	.reactie-bottom {
		width: 480px;
		height: 10px;
		margin: 0 0 10px 0;
		background: url(../img/mod480_bottom.png) center bottom;
	}
		.reactie-op {
			padding: 0 0 0 10px;
			color: #666;
		}
			.reactie-op p {
				color: #666;
			}

	/* ======== RECHTS ===============================================================================
	================================================================================================*/
	#rechts {
		float: right;
		width: 240px;
	}
		#schema {
			width: 240px;
		}
			#schema .head {
				width: 240px;
				height: 30px;
				background: url(../img/mod230_top_dark.png);
			}
			#schema .head h3 {
				padding: 2px 0 10px 10px;
				color: #FFF;
			}
				#schema ul {
					width: 229px;
					padding: 0 7px 10px 4px;
					background: url(../img/mod230_middle_dark.png) repeat-y;
				}
					#schema ul li {
						display: block;
						width: 208px;
						padding: 5px 10px;
						text-decoration: none;
						color: #B08CBF;
						border-bottom: solid 1px #B08CBF;
					}
					#schema ul li:first-child {
						color: #F80000;
						/*background: #3F0057;*/
					}
					#schema ul li a:hover {
						color: red;
					}
			#schema .main {
				margin: 0;
				width: 220px;
				padding: 10px 10px 0 10px;
				text-align: center;
				background: url(../img/mod230_middle_dark.png) repeat-y;
			}
			#schema .foot {
				width: 240px;
				height: 20px;
				background: url(../img/mod230_bottom_dark.png);
			}
            .meerPreviews {
                display: block;
                color: #E3D5E8;
                text-decoration: none;
                text-align: left;
                padding: 0 0 0 8px;
            }
	#nieuwsbrief {
		width: 230px;
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: solid 1px #AD7DBE;
	}

    input.submit_nieuwsbrief.btn {
        margin-top: 10px !important;
    }

	#twitter {
		width: 230px;
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: solid 1px #AD7DBE;
	}
		#twitter a.logo {
			float: right;
			display: block;
			width: 75px;
			height: 25px;
			background: url(../img/logo_twitter.png);
		}

		#twitter .tweet {
			margin: 0 auto 15px auto;
			padding: 0 0 15px 0;
			border-bottom: 1px solid #AD7DBE;
		}

		#twitter .tweet a {
			text-decoration: none;
			color: #B20000;
		}

		#twitter .tweet a:hover {
			text-decoration: underline;
		}

		#twitter .tweet .time {
			font-size: 12px;
			color: #666666;
		}


/* ======== FOOTER ===============================================================================
================================================================================================*/
#footer {
	display: block;
	width: 100%;
	height: 75px;
	background: url(../img/bg_footer_wrapper.png) repeat-x;
}
	#footer .container {
		margin: 0 auto;
		width: 1000px;
		height: 45px;
		padding: 30px 0 0 0;
		font-size: 12px;
		text-align: center;
		color: #C28FD5;
		background: url(../img/bg_footer.png) no-repeat;
	}
	#footer .container p {
		color: #C28FD5;
	}
		.container p.left {
			display: block;
			float: left;
			width: 470px;
			height: 20px;
			padding: 0 0 0 10px;
			text-align: left;
		}
		.container p.right {
			display: block;
			float: right;
			width: 470px;
			height: 20px;
			padding: 0 10px 0 0;
			text-align: right;
		}
	#footer .container a {
		color: #C28FD5;
		text-decoration: none;
	}
	#footer .container a:hover{
		color: #fff;
	}

/* ======== VIDEO ===============================================================================
================================================================================================*/

.videoTitle {
		color: #772f90;
		font-weight:bold;
		font-size: 18px;
		padding: 0 0 10px 0;
		height: 40px;
		margin:0 0 10px 0;
	}

/* ======== SHARE ===============================================================================
================================================================================================*/
#share-this {
	margin: 0 0 10px 0;
}
	#share-this a {
		float: left;
		margin: 0 5px 0 0;
	}


/* ======== POPUP ===============================================================================
================================================================================================*/
.popupContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: 'Georgia', sans-serif;
    text-align: center;
    color: #fff;
    background: url('../img/popup/backround-image.jpg') no-repeat center center;
    background-size: cover;
    z-index: 150;
}

    .popupLogo {
        position: absolute;
        top: 20px;
        left: 20px;
        max-width: 300px;
    }

        .popupLogo img {
            width: 100%;
            height: auto;
        }

    .popupContent {
        max-width: 920px;
        padding: 20px;
        margin: auto;
    }

        .popupContent .iconAge {
            position: absolute;
            bottom: 200px;
            left: 50%;
            display: block;
            width: 100px;
            height: 100px;
            margin-left: -50px;
            font-size: 46px;
            line-height: 100px;
            border: solid 3px #772f90;
            border-radius: 50%;
            cursor: pointer;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
        }

        .popupContainer .iconAge:hover {
            color: #772f90;
        }

        .btnPopupAkkoord {
            position: absolute;
            bottom: 120px;
            left: 50%;
            display: block;
            width: 940px;
            margin-left: -470px;
            font-size: 30px;
            text-transform: uppercase;
            line-height: 1.2em;
            cursor: pointer;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
        }

        .btnPopupAkkoord:hover {
            color: #772f90;
        }

        .btnPopupWeiger {
            position: absolute;
            bottom: 80px;
            left: 50%;
            display: block;
            width: 200px;
            margin-left: -100px;
            font-size: 18px;
            text-decoration: none;
            line-height: 1.2em;
            color: #fff;
            opacity: .5;
            -webkit-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            transition: all 200ms ease-in-out;
        }

        .btnPopupWeiger:hover {
            color: #772f90;
            opacity: 1;
        }

		iframe {
			max-width: 100%;
		}