/*
 CSS RESET
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Georgia, Times, Serif;
    vertical-align: baseline;
}:focus {
    outline: 0;
}

a {
color:#506780;

}

body {
    line-height: 1;
    color: black;
    background: white;
	font-family:Georgia, Times, Serif;
}

#movie {
	background:#000000;
}

#movie a {
	color:#ffffff;
}

#continue {
	text-align:center;
	padding:10px 0;
}

strong {
    font-weight:bold;
}

b {
    font-weight:bold;
}

i {
    font-style:italic;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

em {
    font-style: italic;
}

a {
    color: red;
    text-decoration: none;
}

em a {
    color: red;
    text-decoration: none;
}

h4 {
font-size:1.2em;
margin:5px 0;
}

#zoekres a {
color:#506780
}

/*
 GLOBAL
*/
body.page {
    background: #e6e1d7;
    margin: 0;
    padding: 0;
}

body.subpage {
    background: #ffffff;
    margin: 0;
    padding: 0;
}

strong {
    font-weight: bold;
}

.strong {
    font-weight: bold;
}

small {
    font-size: 0.8em;
}

.logo {
    margin: 0;
    padding: 0;
    display: block;
    margin: 0 auto;
}

/*
 STRUCTURE
*/

div.datumoverzicht {
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    padding:5px 0;

}

div.container {
    margin: 0 auto;
    width: 800px;
}

div.program_menu, div.news_menu, div.hetveem_menu, div.contact_menu, div.interactief_menu {
    height: 400px;
    background: #ffffff;
}

div.page_navigation {
    padding:0 5px;
    line-height:200%;
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    font-size: 14px;
    height:25px;
}

div.page_navigation a {
    text-decoration: none;
    color: #000000;
}

.red {
    color:#ff0000;
}
div.page_navigation_red {
    padding:0 5px;
    line-height:200%;
    border-top: dotted 1px #ff0000;
    border-bottom: dotted 1px #ff0000;
    font-size: 14px;
    height:25px;
}

div.page_navigation_red a {
    text-decoration: none;
    color: #000000;
}

div.page_navigation2 {
    height:25px;
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    font-size: 14px;
    line-height:200%;
}

div.page_navigation2 a {
    text-decoration: none;
    color: #000000;
}

div.page_navigation3 {
    line-height:200%;
    border-top: dotted 1px #000000;
    height:25px;
}

div.page_navigation3 a {
    text-decoration: none;
    color: #000000;
}

span.subpage_item {
    padding: 0 5px;
    line-height: 150%;
    border-right: dotted 1px #000000;
}

div.subpage_navigation {
    margin: 0;
    padding: 5px 5px 10px 5px;
    text-decoration: none;
    color: #ffffff;
    background: #3f3a36;
    font-size: 16px;
}

div.subpage_navigation a {
    text-decoration: none;
    color: #ffffff;

}

div.hspacer {
    height: 5px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

div.program_header {
    width: 93%;
    background: #e0e4d7;
    padding: 4px;
    font-size: 12px;
    background-image: url('../../../assets/frontend/img/programma_header.png');
    background-repeat: no-repeat;
    background-position: right;
}
div.content_item_left a, div.content_item_right a, div.content_item_left7 a, div.content_item_right7 a {
	font-family:arial;
}

div.content_item_left {
    overflow: auto;
    height: 298px;
    width: 380px;
}


div.content_item_right {
    overflow: auto;
    height: 298px;
    width: 380px;	
}

div.content_item_left7 {
    overflow: auto;
    height: 295px;
    width: 380px;
}

div.content_item_left7 a {
	text-decoration: none;
    color: #506780;
	font-weight:normal;
}


div.content_item_right7 {
    overflow: auto;
    height: 295px;
    width: 380px;	
}

div.content_item_left5 {
    overflow: auto;
    height: 320px;
    width: 380px;
}


div.content_item_right5 {
    overflow: auto;
    height: 320px;
    width: 380px;
}


div.holder_left {
    font-size: 12px;
    padding: 5px;
    float: left;
    line-height: 1.3;
    border: none;
}

div.holder_right {
    font-size: 12px;
    padding: 5px;
    float: right;
    line-height: 1.3;
    border: none;
}

div.news_content_item_left {
    overflow: auto;
    height: 293px;
    width: 380px;
}

div.news_content_item_right {
    overflow: auto;
    height: 293px;
    width: 380px;
}

.holder {padding:5px;}

div.creator_content_item_left {
    font-size: 12px;
    float: left;
    line-height: 1.3;
    border: none;
}

div.creator_content_item_right {
    font-size: 12px;
    float: right;
    line-height: 1.3;
    border: none;
}

div.creator_content_item_left2 {
    overflow: auto;
    height: 300px;
    width: 380px;
}

div.creator_content_item_right2 {
    overflow: auto;
    height: 300px;
    width: 380px;
}

div.program_text {
    font-family: "Arial";
    color: #506780;
    padding: 5px;
    font-size: 12px;
}

div.program_description {
    font-family: "Arial";
    color: #506780;
    padding: 0 5px;
    font-size: 12px;
}

#ProductionDetails {
    width: 100%;
    min-height: 450px;
    position: absolute;
    background: #ffffff;
}

#NewsDetails {
    width: 100%;
    min-height: 450px;
    position: absolute;
    background: #ffffff;
}

#CreatorDetails {
    width: 100%;
    min-height: 450px;
    position: absolute;
    background: #ffffff;
}

div.content_item_left a {
    text-decoration: none;
    color: #506780;
}

span.backbtn {
    font-size: 12px;
}

div.newsimg {
    float: left;
    margin: 0 5px 0 0;
    width: 90px;
    height: 200px;
}

div.newsitem {
    display: block;
}

div.news_item {
    padding: 5px;
    border: dotted 1px #000000;
    height: 90px;
    margin: 5px;
    width: 376px;
    float: left;
    font-size: 12px;
    line-height: 140%;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
}

div.calendar_item {
    padding: 5px;
    border: dotted 1px #000000;
    height: 90px;
    margin: 5px;
    width: 368px;
    float: left;
    font-size: 12px;
    line-height: 140%;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
}


div.calendar_item_2 {
    padding: 5px;
    border: dotted 1px #ff0000;
    height: 90px;
    margin: 5px;
    width: 368px;
    float: left;
    font-size: 12px;
    line-height: 140%;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
}

div.news_item a {
    color: red;
    text-decoration: none;
}

div.newstitle {
    font-weight: bold;
    margin: 0 0 5px 0;
}

div.publishdate {
    margin: 10px 0 0 0;
}

div.creatorslist {
    padding: 5px;
    font-size: 16px;
    line-height: 150%;
}

div.creatorslist a {
    color: #000000;
    text-decoration: none;
}

div.presslist {
    padding: 5px;
    font-size: 14px;
    line-height: 120%;
}

div.presslist a {
    color: #000000;
    text-decoration: none;
}

div.jobslist {
    padding: 5px;
    font-size: 14px;
    line-height: 120%;
}

div.jobslist a {
    color: #000000;
    text-decoration: none;
}

div.annualslist {
    padding: 5px;
    font-size: 14px;
    line-height: 120%;
}

div.annualslist a {
    color: #000000;
    text-decoration: none;
}

.selected_menu {
    background: #3f3a36;
}

/*
 NAVIGATION
*/
.c1 {
    width: 33%;
    float: left;
    text-align: left;
}

.c2 {
    width: 33%;
    float: left;
    text-align: center;
}

.c3 {
    width: 34%;
    float: left;
    text-align: right;
}

.d1 {
    width: 50%;
    float: left;
    text-align: left;
}

.d2 {
    width: 50%;
    float: left;
    text-align: right;
}

.e1 {
    width: 85%;
    float: left;
    text-align: left;
}

.e2 {
    width: 14%;
    float: left;
    text-align: right;
}

.clear {
    clear: both;
}

/*
 HEADERS
*/
h2 {
    font-size: 20px;
    font-weight: bold;
}

h3 {
    font-size: 45px;
    background: #000000;
    padding: 5px;
    color: #ffffff;
    letter-spacing: -2px;
    margin: 0;
    border-bottom: solid 1px white;
    display: block;
}

h3#programma {
    border-top: solid 1px white;

}

h3 a {
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    display: block;
}

h3:hover {
    background: #3f3a36;
}

div#social {
    margin:0;
    padding:10px;
    background: #000000;
}

/*
 TABELLEN
*/
table.program_tabel {
    margin: 5px;
}

span.subpage_item a {
	color:#506780;
}