html, body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 text-align: left;
/* height:100%;*/
 background-image: url('img/mc_bodyback.gif');
 background-repeat: repeat-y;
}

#wrapper {
/*	min-height: 100%;
	height: auto !important;
	height: 100%;*/
/*	margin: 0 auto -30px;*/ /* the bottom margin is the negative value of the footer's height */
 width: 1000px;
 overflow: hidden;
}


a{
  color: 00abeb;
} 

a:focus {outline: none;}

#icons {
position:relative;
height: 20px;
margin-bottom: 10px;
}

#icons li {
 float: left;
 font-style:italic;
 margin-left: 5px;
 margin-right: 5px;
}


#icons li img {
margin-top: 8px;
}

#ticket_frame{
 width: 500px;
 height: 650px;
}

#ticket{
 display:none;
 position: fixed;
 width: 550px;
 height: 750px;
 z-index: 1000;
 left: 250px;
 top: 0px;
 margin-top: 0px;
 border: 2px solid black;
 background-color: white;
 overflow: auto;
}


#footer, #footpusher {
 height: 20px; /* .push must be the same height as .footer */
 margin-left:240px;
 color: aaaaaa;
 font-size: 9px;
 letter-spacing: 1.1;
 padding-bottom:10px;
 width:730px;
clear:both;
text-align:center;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

td{
vertical-align: top;
font-size: 11px;
}

#header {
 position: relative;
 background-color: black;
 border-bottom: solid white 2px;
 z-index: 5;
 margin-top: 0px;
 margin-left: 0px;
 height: 140px;
 _height: 142px;
 width: 100%; 
 text-align:left;
}

#navigatie {
 font-family: arial; 
 position: absolute;
 top: 20px; 
 right: 20px;
}

#navigatie a{
display:block;
height:12px;
float:left;
text-decoration:none;
text-transform:uppercase;
}

a#nav_0 {
 background-image: url('img/nav_home.gif');
 background-repeat: no-repeat;
 width: 53px;
}

a#nav_0:hover, a#nav_0.selected {
 background-image: url('img/nav_home_blauw.gif');
 background-repeat: no-repeat;
}

a#nav_1 {
 background-image: url('img/nav_agenda.gif');
 background-repeat: no-repeat;
width:70px;}

a#nav_1:hover, a#nav_1.selected {
 background-image: url('img/nav_agenda_blauw.gif');
 background-repeat: no-repeat;
}

a#nav_2 {
 background-image: url('img/nav_mc_produceert.gif');
 background-repeat: no-repeat;
width:130px;
}

a#nav_2:hover, a#nav_2.selected {
 background-image: url('img/nav_mc_produceert_blauw.gif');
 background-repeat: no-repeat;
}


#nav_2_nav {
display: none;
position:absolute;
top:18px;
left:150px;
width:160px;
}

#nav_2_nav a,#nav_4_nav a, #nav_5_nav a, #nav_7_nav a {
color:aaaaaa;
height:16px;
font-size:10px;
}

#nav_2_nav a:hover, #nav_2_nav a.selected,#nav_4_nav a:hover, #nav_4_nav a.selected, #nav_5_nav a:hover, #nav_5_nav a.selected, #nav_7_nav a:hover, #nav_7_nav a.selected {
color:00abeb;
}

a#nav_3 {
 background-image: url('img/nav_mc_theater.gif');
 background-repeat: no-repeat;
 width:100px;
}

a#nav_3:hover, a#nav_3.selected {
 background-image: url('img/nav_mc_theater_blauw.gif');
 background-repeat: no-repeat;
}

a#nav_4 {
 background-image: url('img/nav_over_ons.gif');
 background-repeat: no-repeat;
 width:80px;
}

a#nav_4:hover, a#nav_4.selected {
 background-image: url('img/nav_over_ons_blauw.gif');
 background-repeat: no-repeat;
}

#nav_4_nav {
display: none;
position:absolute;
top:17px;
left:2px;
width:160px;
}

a#nav_5 {
 background-image: url('img/nav_contact.gif');
 background-repeat: no-repeat;
width:80px;
}

a#nav_5:hover, a#nav_5.selected {
 background-image: url('img/nav_contact_blauw.gif');
 background-repeat: no-repeat;
}

#nav_5_nav {
display: none;
position:absolute;
top:18px;
left:690px;
width:34px;
height: 32px;
overflow: hidden;
}

#nav_7_nav {
display: none;
position:absolute;
top:18px;
left:281px;
width:170px;
height: 50px;
overflow: hidden;
}


a#nav_6 {
 background-image: url('img/nav_tickets.gif');
 background-repeat: no-repeat;
 width:68px;
}

a#nav_6:hover, a#nav_6.selected {
 background-image: url('img/nav_tickets_blauw.gif');
 background-repeat: no-repeat;
}

a#nav_7 {
 background-image: url('img/nav_mc_maakt _school.gif');
 background-repeat: no-repeat;
 width:145px;
}

a#nav_7:hover, a#nav_7.selected {
 background-image: url('img/nav_mc_maakt _school_blauw.gif');
 background-repeat: no-repeat;
}

a#nav_8 {
 background-image: url('img/nav_mixin.gif');
 background-repeat: no-repeat;
 width:45px;
}

a#nav_8:hover, a#nav_8.selected {
 background-image: url('img/nav_mixin_rood.gif');
 background-repeat: no-repeat;
}

a#nav_9 {
 background-image: url('img/nav_english.gif');
 background-repeat: no-repeat;
 width:67px;
}

a#nav_9:hover, a#nav_9.selected {
 background-image: url('img/nav_english_blauw.gif');
 background-repeat: no-repeat;
}



/* LOGO /* */

#logo {
 top: 0px;
 position: absolute;
}

#logo_kont {
 z-index: 10;
 left: 0px;
 top: 140px;
position: absolute;
 /*
 clear:both;
 float: left;*/
}


#sticker {
 right: 20px;
 top: 10px;
 position: absolute;

}

#ajax-loader{
 position: absolute;
 left: 550px !important;
 top: 300px !important;  
}


/* SIDEBAR /* */

#sidebar {
background-color:white;
padding:20px;
padding-top: 10px;

width:170px;

float:left;
margin-bottom:-50px;


}

#banners {
 padding-top:10px;
 margin-bottom:20px;
 text-align:left;
/* border-top: solid 2px #00ABEB; */
}

.banner, .first_banner{
 border-top: 1px solid gray;
 width:175px;
 padding-top:13px;
 padding-bottom:4px;
}

.first_banner {
border:none;
}

.banner .image, .first_banner .image {
 width: 60px;
 border: 0px;
 margin-top: 2px;
 margin-bottom: px;
 margin-right: 10px;
 float:left;
}

.banner a.title, .first_banner a.title {
 color: #00ABEB;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
}

.banner .description, .first_banner .description {
font-size: 10px;
padding-left: 70px;
margin-top:2px;
 margin-bottom: 9px;
}

#login_banner{
 background-image: url('img/links_bg.gif');
 text-align: left;
 width: 175px;
 margin-top: 20px;
}

#login_banner td {
 color: white;
 font-size: 10px;
}

#login_banner a{
 font-size: 12px;
 color: white;
 padding-left: 8px;
 _padding-left: 3px;
}

#login_banner p{
 padding-left: 8px;
 _padding-left: 3px;
}

#login_banner input {
 margin-left: 8px;
 _margin-left: 3px;
}

#logged_in{
 display: none;
}

#mailform {
text-align:center;
}

#mcpost {
 background-image: url('img/links_bg.gif');
 margin: 0px;
 padding: 0px;
 width: 175px;
}

#mcpost table {
table-layout:fixed;
}

p#placeholder {
line-height:0;
}

#mcpost_submit {
 margin: 0px;
 border: 0px;
}


#mcpost p{
 padding-left: 8px;
 _padding-left: 3px;
}

#mcpost input {
 margin-left: 8px;
 _margin-left: 3px;
}

#mixin_banner {
 z-index: 1;
}

.textbox {
 width: 150px;
}

#mcpost #placeholder {
width: 160px;
}

#mcpost a {
 margin-left: 8px;
 _margin-left: 3px;
}


#mcpost td{
 color: white;
 font-size: 10px;
}


#hitme_form {
 margin-bottom: -13px;
}



/* CONTENT /* */
/*
RGE: changed position to relative and margin-left to left
how does the footer behave with this?

*/


.container {
 width: 775px;
overflow: hidden;
 text-align:left;
 margin: 0 0 0 220px;

	}

.home_header{
 background-image: url('img/home_header_compleet.gif');
 background-repeat: no-repeat;
 height: 307px;
 margin: 0px;
 padding: 0px;
 padding-top: 30px;
 padding-left: 18px;
 font-size: 12px;
}

.home_header table {
table-layout:fixed;
width:751px;
}

.home_header table td {
padding-left: 10px;
padding-right:30px;
margin:0px;
}

.home_header table td h5 {
	margin:0px;
}

.home_header table td h6 {
	margin:0px;
}

.home_black {
 background-color: black;
 margin:0px;
 width: 758px;
 padding-left: 3px;
 margin-left: 10px; 
 border-left: 2px solid white;
 border-right: 2px solid white;
}


.home_white {
 background-color: white;
 margin:0px;
 padding:0px;
 width: 765px; 
 margin-left: 10px; 
}

.home_black img, .home_white img{

}

.home_black h5, .home_white h5{
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 0px;
 font-size: 60px;
}

.home_black h4, .home_white h4{
 text-transform: uppercase;
 color: white;
 font-size: 10px;
 background-color: #CB2229;
 padding: 3px;
 display: inline;
}

.home_container {
 padding: 17px;
 width:726px;
 overflow: hidden;
}

#white_footer, #white_header{
margin-left: 0px;
margin-right: 0px;
}

.about_block_1{
font-size: 13px;
font-weight:bold;
left:250px;
line-height:1.4;
position:absolute;
top:275px;
_top:145px;
width:715px;
z-index:10;
}

.about_block_2{
font-size: 13px;
font-weight:bold;
left:250px;
line-height:1.4;
position:absolute;
top:470px;
_top:345px;
width:715px;
z-index:10;
}

.about_block_3{
font-size: 13px;
font-weight:bold;
left:250px;
line-height:1.4;
position:absolute;
top:710px;
_top:580px;
width:715px;
z-index:10;
}

.about_block_4{
font-size: 13px;
font-weight:bold;
left:250px;
line-height:1.4;
position:absolute;
top:920px;
_top:800px;
width:715px;
z-index:10;
}

.content_wrapper{
 background-image: url('img/MC_header_productie_blanco_1px.png');
 background-repeat: repeat-y;
 width: 784px;
}

.content_header{
 background-color: #11AAEE; 
 width: 784px;
 top: 0px;
 padding: 20px 0 13px;
}

.content_header h1 {
 margin: 0px;
 padding: 0px;
 padding-left: 21px;
 width: 780px;
 margin-bottom: 0px;
 font-size: 70px;
}


.content {
 margin:0px;
 padding:0px;
 background-color: white;
 margin-left: 10px;
 margin-right: 10px;
 width: 765px;
 margin-top: 0px;
 background: #fff url('img/fade_top_tekstkolom.jpg') repeat-x top left;
}

.content a{
 color:#00ABEB;
 font-weight: bold; 

}

.content p{
 line-height: 1.4;
 line-height: 16px;
 margin-left: 0px;
 margin-right: 10px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding: 0px;
}

.content img{
 margin-left: 0px;
 margin-right: 0px;
}

.speellijst {
 width: 440px;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
 margin: 10px;
}

.content table {
table-layout:fixed;
width:765px;
padding-left: 20px;
padding-top: 5px;
}

.content th {
 text-align: left;
 border-bottom: solid 1px black;
 padding-top: 4px;
 padding-bottom: 4px;
}

.content table td {
 padding-top: 4px;
 padding-bottom: 4px;
 width:auto;
}

.content_center ul {
float:left;
}

.content ul {
 font-size: 11px;  
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

.content_left ul {
 float: left;
 font-size: 13px;  
 color: white;
 width: 228px;
 background-image: url('img/MC_gradient_credits.gif');
 background-repeat: repeat-y;
 background-color: black;
}

.content h3{
 color: #00ABEB;
 font-size: 12px;
 margin-top: 12px;
 margin-bottom: 0px;
}

.content li{
 margin: 0 0 5px 0;
}

/* Arjan: added content_left, content_right
 * (subdivs of .content)
 */
.content {
 position: relative; /* Prob. nec. for correct floating of nested divs. */
}

.content_left, .content_right {
 float: left;
 overflow: hidden;
 padding-top: 20px;
}

.content_center {
 padding: 20px 0px 0px 20px;
 width: 708px;
 overflow: hidden;
}

.content_left {
 padding: 20px 0px 0px 20px;
 width: 228px;
}

.content_left img {
 width: 228px;
 height: auto;
 padding: 0;
 margin: 0;
}
.content_left ul {
 font-size: 11px;
 width: 218px;
 float: none;
 margin: 5px 0 0;
 padding: 10px 0 10px 10px;
 background-repeat: no-repeat;
 _padding-right: 15px;
}
.content_right {
 width: 480px; /* of max 530, if no borders */
 padding-left: 20px;
}
.content_right p {
  margin-left: 0;
  padding-left: 0;
}
.content_right table {
 width: 460px;
 border-bottom: 1px solid #000;
 padding-left: 0;
}
.content_right table tr td {
 border-bottom: 1px solid #ccc;
}
.content_right table tr th {
 font-size: 10px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}
.content_right table tr td {
 font-size: 10px;
 width: auto;
 padding-right: 2px;
}
.content_clear {
 clear: both;
}
#footer {
 position: relative;
 margin: 0px 0 0 222px;
 height: 30px;
}
/* This makes the box big enough to fit any floating image. */
.agenda_item {
 overflow: hidden;
 width: 700px;
 padding-bottom: 20px !important;
}
.agenda_item .agenda_image {
 padding-bottom: 0;
 margin-bottom: 0 !important;
}
#mixin_banner img {
 margin: 0 0 0px 0;
 width: 175px;
}
#mixin_banner .mixin_banner .image {
 width: 175px;
 margin: 0;
}
#mixin_banner a.title {
 color: #cb0000;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: bold;
 margin: 10px 0;
 display: block;
}
#mixin_banner p {
 margin: 0;
 padding: 0;
}
#mixin_banner .description {
 padding-top:7px;
 color:#CB000;
 font-family: arial; 
 font-size: 13px;
 font-weight: bold;
 line-height: 1.3; 

}
.top_banner img.image {
 width: 175px;
 margin: 0;
}
.top_banner a.title {
 color: #00abeb;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 margin: 10px 0;
 display: block;
}
.top_banner p {
 margin: 0;
 padding: 0;
}
.top_banner, #banners, #mailform {
 border-bottom: 2px solid #a1e9ff;
 margin: 0 0 10px;
}
#mixin_banner {
 border-bottom: 2px solid #a1e9ff;
 margin: 0 0 0px;
 padding-top: 5px;
 padding-bottom: 10px;
}
.top_banner, #mailform {
 padding-top: 10px;
 padding-bottom: 20px;
 padding-left: 0px;
 padding-right: 0px; 
}
#banners .banner {
 width: 175px;
}
#banners .title {
 font-weight: bold;
 font-family: arial;
 text-decoration: none;
}
#banners .description {
 line-height: 13px;
}
.home_black .home_container {
 width: 761px; /* Make IE7 behave. */
}
ul#productie_list {
 background: #fff;
 width: 765px;
 margin: -12px 0 0 10px;
 padding: 0;
 position: relative;
 overflow: hidden;
}
ul#productie_list li.productie_item {
 width: 700px;
 overflow: hidden;
 height: auto;
 clear: both;
 padding-top: 10px;
 border: none;
 border-top: solid 3px #A1E9FF;
}
ul#productie_list li.productie_item img {
 float: left;
 margin-bottom: 0;
 padding-bottom: 0;
 clear: left;
}
ul#productie_list li.productie_item .productie_content {
 width: 575px;
 float: left;
 clear: right;
}
ul#productie_list li.productie_item .productie_title {
 color: #00ABEB;
 text-transform: uppercase;
 text-decoration: none;
 font: bold 14px arial;
 margin:0px;
}
div.home_header table td {
 padding: 0 15px;
}
#volgende_maand_link img.header {
 border-top: 2px solid #000;
}
#volgende_week_link img.header {
 border-top: 2px solid #000;
}
#deze_maand_link img.header {
 border-top: 2px solid #000;
}

#slide-links
{
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 120px;
}


#slide-links
li
{
list-style: none;
margin: 5px;
float:left;
color: white;
}

#slide-links a{
color: white;
}


#slide-links a:hover{
cursor: pointer;
}

#slide-links
li.selected
a {
 color: #00ABEB;
}

#slides {
 list-style-type: none;
 background-color: black;
 position: relative;
 margin-top: 55px;
 height: 700px;
}

#slides img {
 border: 0px;
 margin: 0px;
}

#slides p, #slides a {
  color: white;
  font-size: 12px;
}

#previous{
 position: absolute;
 top: 200px;
 left: 10px;
}

#next {
 position: absolute;
 right: 10px;
 top: 200px;
}

#slides li {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#agenda{
 margin: 0px;
 padding: 0px;
}

#agenda a:hover {
cursor:pointer;
}

.agenda_sectie {
 list-style: none;
 margin-left: 10px;
 margin-right: 10px;
 padding-bottom: 0px;
 margin-bottom: 0px;
 margin-top: -2px;
 padding-bottom: 10px;
 padding-top: 0px;
 background-color: white;
 background: #fff url('img/fade_top_tekstkolom.jpg') repeat-x top left;
}

#agenda_back_first {
background:red;
width:15px;
height:25px;
float:left;
margin-left: 20px;
background: #fff url('img/agenda_date_left.jpg') repeat-x top left;
margin-bottom:15px;
}

.range_label {
 color: #007AA8;
 background-color: #A1E9FF;
 text-transform: uppercase;
 text-size: 12px;
 font-size: 10px;
 font-family: Arial;
 height: 25px;
 font-weight:bold;
 display:inline;
 float:left;
 margin:0px;
 line-height:2.3;
 background: #fff url('img/agenda_date_mid.jpg') repeat-x top left;
 
}

#agenda_back_last {
background:red;
width:15px;
height:25px;
float:left;
background: #fff url('img/agenda_date_right.jpg') repeat-x top left;
}

.header {
margin-bottom: 0px; 
}

.agenda_item {
 padding: 0px;
 margin: 20px;
margin-top:10px;
border-bottom: solid 3px #A1E9FF;
/* height: 115px;*/ /* fixed height prevents larger images */
clear:both;
}

.agenda_image {
 margin-bottom: 20px;
 float: left;
 margin-top: 6px;
 margin-right: 20px;
 width: 100px;
}

.agenda_title {
 color: #00ABEB;
 text-transform: uppercase;
 text-decoration: none;
 font: bold 14px arial;
 line-height: 2;
 margin:0px;
}

.agenda_description {
 margin-bottom:20px;
}

.agenda_date {
 margin-top: 5px;
 margin-left: 0px;
 margin-right: 5px;
 padding-left: 0px;
}

.agenda_seperator{
color: #00ABEB;
}

.agenda_location {
 margin-top: 5px;
 margin-left: 0px;
 margin-right: 5px;
 padding-left: 0px;
 color: gray;
}

#producties {
 background-image: url('img/MC_header_productie_blanco.gif');
 background-repeat: no-repeat;
 padding-top: 15px;
}

#producties h1 {
 font-size: 60px;
 margin: 0px;
 padding: 0px;
 padding-left: 21px;
 margin-bottom: -5px;
}

#producties ul {
 margin: 0px;
 padding: 0px;
}

.productie_item {
 height: 115px;
 list-style-type: none;
 margin: 20px;
 border-bottom: solid 3px #A1E9FF;
}

.productie_image {
 float: left;
 margin-bottom: 20px;
 margin-top: 3px;
 margin-right: 20px;
 width: 100px;
}

p.productie_subtitle {
 color: #888 ;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 margin:0px;
 margin-top:3px;
}

a p.productie_subtitle {
 color: #00ABEB;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 margin:0px;
 margin-top:3px;
}


.productie_title {
 color: #00ABEB;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: bold;
 margin:0px;
 margin-top:0px;
}
p.productie_title {
 color: #888 !important;
}

.productie_description {
 margin: 0px;
 margin-top: 5px;
}

.productie_descriptionLong {
 margin: 0px;
 margin-top: 5px;
 font-style: italic;
}

/*
#years li {
 float: left;
 font-family: arial;
 font-size: 13px;
 color: white;
 background-color:black ;
 margin-left: 30px;
 margin-right: 30px;
 margin-top: 10px;
 margin-bottom: 10px;
}
*/

#yearscroll div {float: left;}
#yearscroll #yearsboundingbox { width: 661px; overflow: hidden; }
#yearscroll #years { width: 10000px; }
#yearsboundingbox br { clear: both; }
#rightarrow, #leftarrow {background: #00adee; margin-top: 12px; padding: 0; height: 36px; width: 52px}
#leftarrow {margin-right: 1px; width: 51px;}
#rightarrow img, #leftarrow img {border: none; margin: 10px 10px 10px 18px;}
#years {margin: 0; padding: 0;}
#years li {float: left; background: #00adee; width: 108px; height: 28px; list-style-type: none; margin: 12px 1px; padding: 8px 0 0 0;}
#years li a {display: block; width: 76px; height: 24px; margin-top: 0; padding: 0 0 4px 32px; text-align: left; color: #fff; font: bold 18px arial; text-decoration: none;}
#years li.year_selected {background: #000;}

#yearscroll {height: 70px; background: #fff; margin: 0 10px;}

#yearscroll {display:block !important;}

#speellijstheader {height: 30px; background: url('img/speellijst_header.jpg') no-repeat; border: none; padding-left: 10px; color: #fff; font-size:14px;}


/* style for the blog */
#blog_list_container {width: 780; overflow: hidden; padding: 20px 0; margin-left: 5px; height: 390px;}
/* elke keer dat er twee nieuwe blogposts worden geladen,
   moet de #blog_list.width verhoogt worden met 385px; 
   de #blog_list.width wordt geinitialiseerd op 1205px:
     3*385.blogpair.width + 50.offset
*/

#blog_list_container {height: 345px;}

#blog_list {height: 320px; width: 1205px; margin: 30px 0 0 0px; padding-left: 5px;}
.blogpair {list-style-type: none; float: left; width: 380px; overflow: hidden; margin: 0; padding: 0; padding-left: 5px;}
#blog_list {width: 1190px;}
.blogitem {width: 380px; padding-bottom: 5px; margin:  0 4px 5px 0; background: black; height: 150px; overflow: hidden;}
.blogtitle {text-transform: uppercase; color: white; font: bold 18px arial; margin-bottom: 0px; color: #fff;}
.blogtitle a {text-decoration: none; color: white;}
.blogunlinked {color: #aaa;}
.blogcontent {}
.blogleft, .blogtext {float: left;}
.blogimage { width: 50px; height: 50px; border: 1px solid white; background: #00abeb; overflow: hidden; margin-top: 5px;}
.blogimage a {border: none;}
.blogtext {color: white; width: 301px; font: 11px verdana; line-height: 16px; margin-left: 10px; text-align: justify;}
.blogtext p {margin-top: 0; padding-top: 0;}
.blogdate {font-size: 10px; font-style: italic; color: #fff; letter-spacing: 1px;}
.blogitem .clear {clear: both; height: 0;}
.blogsubtitle {color: #f00; font-weight: normal;}

/* highlight some blogtitles */
.bloghighlighttitle a {background: #f00; padding: 0px 5px 1px 5px;}
.bloghighlighttitle .blogsubtitle {color: #000;}

#blognavtop, #blognavbottom {margin-top: 20px; margin-left: 15px; width: 737px; clear: both; position: absolute; height: 20px;}
#blognavbottom {margin-top: 0px;}
#blognavtop {border-bottom: 2px solid #fff; margin-top: 10px;}
#blognavbottom {border-top: 2px solid #fff;}
#blognavtop a, #blognavbottom a {position: absolute;}
#minderblogtop, #minderblogbottom {left: 0;}
#meerblogtop, #meerblogbottom {right: 0;}

#content_blog_page {background: #000;}
#content_blog_page .content_center {background: #000; padding: 0; width: 765px;}
#content_blog_page .content {background: #000;}

#mixin_content .dc-title {font: bold 16px arial; color: #f00; text-transform: uppercase; padding-bottom: 5px;}
#mixin_content .cc-subtitle {padding-left: 10px; color: #000;}
#mixindate {padding-bottom: 5px; font-style: italic;}

.mixinless, .mixinmore {position: relative; width: 765px; overflow: hidden;}
.mixinleft, .mixinright {float: left;}
.mixinless .mixinleft, .mixinless .mixinright {}
.mixinleft {width: 450px; padding-right: 10px;}
.mixinright {width: 250px;}
.mixinboth {width: 710px;}
.mixinperson {color: #00abeb;}
.mixinperson img {position: absolute; bottom: 0px; right: 25px;}
.mixinperson span {position: absolute; bottom: 0px; right: 100px; text-align: right;}
.mixinitem .clear {clear: both}
/* below is a padding-top of 1px. This is because IE requires height to be
set at 1px (0px is ignored..), hence we need to compensate be inserting
two empty pixelrows at the top. */
.mixinmore {overflow: hidden; height: 0px; padding-top: 2px;}

#meermixin {font: bold 14px arial; text-decoration: none;}
#mixinexpandaction {float: right; clear: both; padding-bottom: 10px;}
#mixinfullaction {float: right; clear: both; padding-bottom: 10px;}
#mixinshortaction {display: none;}

#mixin_header {height: 115px; background: #000; padding-top: 0;}
#mixin_header img {width: 765px; margin-left: 10px;}

#mixin_thumbs_container {height: 170px; width: 678px; overflow: hidden;}
#mixin_scrolllist {width: 765px; background: #fff url('img/thumbs_bottom.png') no-repeat bottom left; overflow: hidden;}
#mixin_thumbs_list {height: 145px; width: 10000px; padding: 0; margin: 0;}
.mixin_thumb {float: left; width: 100px; padding: 20px 7px 0 6px; overflow: hidden;}
.mixin_thumb_image {overflow: hidden; height: 67px; background: blue;}
.mixin_thumb_image {margin: 0 5px; width: 90px;}
.mixin_thumb_image img {width: 90px; border: none;}
.mixin_thumb_title {text-align: center; padding-top: 3px;}
.mixin_thumb_title a {text-decoration: none; color: #f00;}
.mixin_thumb_title a .mixinthumbsubtitle {color: #000;}
#mixin_content_container {width: 765px; clear: both; background: white;}
#mixin_content {padding-top: 10px; margin: 0 15px; clear: both; background: white; border-bottom: 1px solid #000; overflow: hidden;}

#mixin_thumbs_container, #mixin_scroll_left, #mixin_scroll_right {float: left;}

#mixin_random_thumbs {width: 712px; background: #f00 url('/img/shade-737x10.png') no-repeat; height: 122px; 
  margin: -7px 0 10px 14px; padding: 20px 5px 20px 20px; overflow: hidden;}
.mixin_random_thumb {float: left; margin: 0 15px 0 0; height: 122px; width: 163px; overflow: hidden;}
.mixin_random_thumb img {width: 163px;}

.mixin_single_bottom {height: 50px; border: none;}
.mixin_single_bottom a {margin-left: 15px;}
.mixin_uitgeklapt #mixinexpandaction {display: none !important;}
.mixin_uitgeklapt #mixinfullaction {display: none !important;}
.mixin_uitgeklapt #mixin_content {border-bottom: 1px solid #fff;}
.mixin_uitgeklapt .mixinmore {height: auto;}

.mixin_loader {display: none; position: absolute; top: 300px; left: 550px;}
.mixin_loader_visible {display: block;}

#mixerlogo {position: absolute; top: 15px; left: 200px; z-index: 12;}
/* FIX for the productielijst rightaboutnows, where strong-elements appear */
#productie_list strong {font-weight: normal;}


/* Additions for /mc/peoples/ */
ul#peoples_list {
  background: #fff;
  width: 750px;
  margin: -12px 0 0 10px;
  padding: 0 0 20px 15px;
  position: relative;
  overflow: hidden;
}
.peoples_item {
  float: left;
  list-style-type: none;
  position: relative;
  margin: 2px 0 0 5px;
  padding: 0;
}
.peoples_link {
  text-decoration: none;
}
/* images sized depending on number of people/class generated by php */
.peoples_many .peoples_image {
  width: 100px;
  height: 100px;
}
.peoples_few .peoples_image {
  width: 178px;
  height: 178px;
}
.peoples_many .peoples_popup {
  width: 100px;
}
.peoples_few .peoples_popup {
  width: 178px;
}
.peoples_popup {
  background: #000;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 3;
  display: none;
  /* Some old-skool overdefined opacity for all kinds of old browsers. */
  opacity: 0.7;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
}
.peoples_title, .peoples_subtitle {
  /* Reset opacity for the text. */
  /* Doesn't work, parent is already opaced... 
  we probably need a semi-transparent background for this..*/
}
.peoples_title {
  padding: 20px 0 10px 20px;
  font-size: 15px;
  font-weight: bold;
  font-family: arial;
  text-transform: uppercase;
  color: #00abeb;
}
.peoples_subtitle {
  padding: 0px 0 20px 20px;
  font: 11px verdana;
  font-weight: normal;
  color: #fff;
}

h1 span.dc-title {
  color: #fff;
  font-size: 58px;
}
h1 span.cc-subtitle {
  color: #fff;
  font-size: 58px;
}
.home_container h5 {
  color: #00abeb;
}
.home_header h5 {
  color: #000;
  font-size: 52px;
}
.home_header h6 {
  color: #fff;
  font-size: 52px;
}