@import url('reset.css');

body {
    background: #fff url(images/background.png) no-repeat center top;
    font: 13px 'Trebuchet MS';
}

a{
    font-weight: bold;
    text-decoration: none;
    color: #00528e;
}

a:hover{
    color: #fff;
}

div#content a:hover{
    color: #E88C00;
}

div#content li{
    list-style: circle;    
}

div#content ul {
    margin: 10px 0 10px 30px;
}

div#panellist {
    width: 986px; margin: 0 auto;
    height: 290px;
    position: relative;
    z-index: 10;
}

.panel{
	padding-top: 15px;
	margin-bottom: 30px;
}

div#panellist div.hidden {
    display: none;
}

div#navigation {
    width: 978px;  margin: 0 auto; padding-top: 105px; height: 39px; z-index: 50;
    position: relative; 
    text-align: center;
}
div#navigation ul{
    margin: 0 auto;
    width: 780px;
    text-align: center;
    display: block;
}

div#navigation ul li {
    background: url(images/nav.png) no-repeat top left; text-align: center; line-height: 25px; width: 113px; height: 25px;
    float: left; margin-right: 17px;
}

div#navigation ul li ul{
    display: none;
   }

div#navigation ul li ul li{    
    background-image: none;
    padding: 0;
    margin: 0; 
    width: auto;
}

div#navigation ul li ul li a{
    color: #000; 
}

div#navigation ul li a {
    font: 10px 'Verdana'; font-weight: bold; color: #fff; text-decoration: none;
}

div#wrapper {
    width: 984px; margin: 0 auto; clear: both; overflow: none; 
    line-height: 18px; text-align: justify;
}

div#wrapper div#content p {
    margin-bottom: 1em;
}

div#wrapper div#content h2 {
    color: #e88c00;
    font-size: 17px;
    line-height: 24px;
}

div.box{
    position: relative;
    margin: 10px auto;
    
    text-align: center;
    background-color: #E5EFF4;
    border: solid 1px #9fd8f4;
    width: 500px;
    height: 100px;
}

.alignright{
    float: right;
}

.alignleft{
    float: left;
}

.aligncenter, dl.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

div#content h3{
    margin-left: 0px;    
}

div#wrapper div#content {
    width: 664px;
    padding: 15px 30px; float: left;
}

div#wrapper div#extra {
    padding-top: 35px;
    width: 260px;
    float: left;
    margin-bottom: 20px;
}

div#wrapper div#extra div.panel {
    background: url(images/panels-right.png) no-repeat top left;
    background-color: #E8B700;
    height: auto;
}
div.panel ul{padding:0 0 15px 10px;}
div#wrapper div#extra div.panel h2 { font-size: 17px; margin-bottom: 0.5em; }
div#wrapper div#extra div.panel ul li a {
    background: url(images/list-item.png) no-repeat center left; padding-left: 25px; line-height: 25px;
}

div#wrapper div#extra div.panel ul li ul li a{
	margin-left: 15px; list-style: none}

#extra table{
    margin:5px;
}

#extra table th{
    color: #00528E;
    font-weight: bold;    
}

#extra table td{
    padding-left: 10px;
    color: #000;
}   

#adres{
	padding: 0 10px 15px 20px;

}

h2#header {
    display: block; height: 100px; width: 220px; text-indent: -999em;
    position: absolute; top: 0px; left: 50%; margin-left: -494px;
    background: url(images/mm-logo.png);
}

h1#title {
    background: url(images/titlebg.png) no-repeat center left;
    color: #e88c00;
    font-size: 22px; padding-left: 25px; line-height: 96px;
}

h3{

}
 
ul.sf-menu li ul li {
    background-image: none;
    float: left;
}

.sf-menu a{
	padding: 10px 15px;
}
.showcase{
    border: 1px solid #9fd8f4;
    margin: 10px auto; 
    position: relative; 
    background-color: #e5eff4; 
    width: 500px; 
    height: 100px;
    cursor: pointer;
} 


.showcase span{ 
    position: absolute;
    top: 10px;
    right: 15px;
    color: #e88c00;
    font-size: 17px;
    line-height: 24px;
    
    
}

div#sales{
    background: url(images/sales-img.png);
    width: 260px;
    height: 195px;
    cursor: pointer;
    
}

div#uitgever{
    background: url(images/uitgever-img.png);
    width: 260px;
    height: 195px;
    cursor: pointer;
}

div#redactie{
    background: url(images/redactie-img.png);
    width: 260px;
    height: 195px;
    cursor: pointer;
}  

div#videoredactie{
    background: url(images/videoredactie-img.png);
    width: 260px;
    height: 195px;
    cursor: pointer;
} 

.sub_item{
    font-weight: normal;
    font-size: 17px;
    padding: 0 15px 15px;	
}

#fancy_inner{
/*
	width: 400px!important;
	height: 310px!important;
*/
}

#video{
	position: relative;
	left: 0px;
	margin: 0 auto;
    
}

#video_panel{
	background: #E8B700 url(images/panels-right.png) no-repeat scroll left top;	
	padding: 15px 0;
}

	
#vid_thumb{
	display: block;
	margin: 0 auto;
	width: 200px;
	

}	
	
.iframe{
	height: 9000px;
}	

.clear{
	clear: both;
}

#footer{
	text-align: center;
	background: url(images/footerfill.png) repeat-x;
	height: 19px;
}

#footer a{
	font-size: 11px;
	color: #fff;
	}