html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

#yellow_submarine {
	background-color: #ffff00;
	height: 12px;
	margin: 0;
	width: 100%;
}

#container {
	clear: both;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 982px;
	height: 595px;
	position: relative;
	background-color: #ffffff;
}

/* */
#left {
	position: absolute;
	width: 78px;
	height: 595px;
	border: 0px solid red;
}

	#projectenlijst {
		position: absolute;
		top: 0;
		left: 0;
		width: 78px;
		height: 400px;
		overflow: hidden;
	}
	#menu {
		position: absolute;
		top: 420px;	/*468*/
		left: 0;
		width: 78px;
	}
	
	.projectlijst_image {
		margin-bottom: 3px;
	}

	#scroll_spacer {
		height: 160px;
	}
/* */

/* */
#logo {
	position: absolute;
	top: 0;
	left: 78px; /*108+78*/
	width: 108px;
	height: 595px;
	background-image: url('../images/logo.png');
	background-repeat: no-repeat;
}
/* */

/* */
#center_container {
	position: absolute;
	top: 0;
	left: 186px; /*108+78*/
	width: 774px;
	height: 595px;
}

#scrollbar_container {  
    position:relative;  
/*    width: 821px; */
/*    width: 774px; */
	width: 784px;
} 

#scrollbar_track {  
    position:absolute;  
    top:0;  
    right:0;  
    height:595px;  
    /*width: 47px;*/
    width: 20px;
    background-color: #fff;  
	background-image: url('../images/scrollline.png');
    cursor:move;  
} 
 
#scrollbar_handle {  
    width: 11px;
	/*margin-left: 36px;*/
    background-color: #9c9e9f;
    cursor: move;  
}
 
#scrollbar_content {
    overflow:hidden;
    width: 754px;
    height: 595px;
	font-family: Courier New, Courier, monospace;
	font-size: 8pt;
	color: #000;
}

#media_content, #media_image {
	width: 651px;
}

#media_content {
	height: 420px;
	margin-top: -50px;
	padding: 0;
}

#media_image {
	background-color: #eceded;
	margin: 0;
	margin-left: 1px;	/* Uitlijning met onderstaand menu */
	padding: 0;
}

#media_content img {
	border: 0;
	padding: 0;
	margin: 0;
}

#media_link {
	margin-left: 670px;
	width: 80px;
	height: 50px;
}

#submenu_1, #submenu_2 {
	float: left;
}
#submenu_1 {
	width: 140px;
}
#submenu_2 {
	margin-left: 10px;
	width: 200px;
}
#menu ul, #submenu_1 ul, #submenu_2 ul {
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}
#menu li, #submenu_1 li, #submenu_2 li {
	padding: 0;
	margin: 0;
}
#sub_right {
	float: left;
	margin-left: 10px;
	width: 290px;
}

/* Nieuwspagina: */
.nieuws_foto {
	margin-bottom: 10px;
	clear: both;
}

.nieuws_titel {
	width: 300px;
	float: left;
	margin-right: 20px;
}

.nieuws_tekst {
	width: 400px;
	float: left;
}

.nieuws_titel, .nieuws_tekst {
	margin-bottom: 30px;
}

/* Common styles */
img {
	border: 0;
}

.menu {
	line-height: 14px;
}

#menu a, #media_link a, .menu a {
	font-family: Courier New, Courier, monospace;
	font-size: 8pt;
	color: #9c9e9f;
	text-decoration: none;
}
#menu a.active, #media_link a.active, .menu a.active, #menu a:hover, #media_link a:hover, .menu a:hover {
	color: #000;
}

/* Projectlijst: */
#divCntrlUp   { position: absolute; left:0px; top:0px; width:93px; z-index: 11; padding: 0; margin: 0; }
#divCntrlDown { position: absolute; left:0px; bottom:0px; width:93px; z-index: 12; padding: 0; margin: 0; }
#divCont      { position: absolute; left:0px; top:0px; width:93px; height:400px; clip:rect(0px 250px 570px 0px);  z-index: 10; padding: 0; margin: 0; }
.clScroll     { position: absolute; visibility:hidden; padding: 0; margin: 0; }