* {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
}


body {
	color:#6d737c;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	margin-top:20px;
}

#page
{
	position: relative;
	width:800px;
	height:550px;
	left:50%;
	margin-left:-400px;
	border:1px solid #636a73;
	padding-top:50px;
}

body.theme1 #page
{
	background-image: url(/images/hmbg1.jpg);
	background-repeat:no-repeat;	
}

body.theme2 #page
{
	background-image: url(/images/hmbg2.jpg);
	background-repeat:no-repeat;	
}

body.theme3 #page
{
	background-image: url(/images/hmbg3.jpg);
	background-repeat:no-repeat;
}
body.theme4 #page
{
	background-image: url(/images/hmbg4.jpg);
	background-repeat:no-repeat;
}

body.theme5 #page
{
	background-image: url(/images/hmbg5.jpg);
	background-repeat:no-repeat;
}

body.theme6 #page
{
	background-image: url(/images/hmbg6.jpg);
	background-repeat:no-repeat;
}

body.theme7 #page
{
	background-image: url(/images/hmbg7.jpg);
	background-repeat:no-repeat;
}

body.theme8 #page
{
	background-image: url(/images/hmbg8.jpg);
	background-repeat:no-repeat;
}
body.theme9 #page
{
	background-image: url(synthese.swf);
	background-repeat:no-repeat;
}
body.theme10 #page
{
	background-image: url(/images/hmbg10.jpg);
	background-repeat:no-repeat;
}
#holder {
	position:relative;
	float:left;
	width:340px;
	margin:0px;
}


/* vanaf hier heb ik het teruggeplaatst */

.mouseon{ cursor:pointer;}
#holder #media_container
{
        width:292px;
        height:429px;
        margin-left:20px;
        border: 4px solid #fff;
        margin-bottom:8px;
}
#movthumb {
        float:left;
        margin:0px 10px 10px 0px;
}
#holder #movie_container
{
        width:300px;
        height:240px;
        margin-left:20px;
        margin-bottom:8px;
}
#holder #media_text
{
        width:300px;
        padding-left:20px;

}
#filmclip {
        float:left;
        margin:0px 10px 10px 10px;
}

/* ^^^^^ tot hier heb ik de style gerepareerd */

#menu {
	position:relative;
	float:left;
	width:175px;
}
#content {
	position:relative;
	float:left;
	width:245px;
	height:540px;
	padding:0px 20px 0px 10px;
	line-height:15px;
	overflow:hidden;
}
#logo {
	clear: both;
	position: relative;
	width:143px;
	left:655px;
}
html > body #logo {
	top:-43px;
}
#menu ul {
    list-style:none;
	padding:0px;
	margin:0px;
	
}

#menu a {
	margin:0px;
	padding:0px;
	display:inline;
}

#menu ul  li {
	margin-bottom:8px;
	font-size:16px;
	color:#882620;
	font-weight:normal;
}
#menu ul li a, #menu ul li a.visted 
{
	font-size:16px;
	text-decoration:none;
	color:#882620;
}
#menu ul  li.active , #menu ul li.active a, #menu ul li.active a.visted
{
	text-decoration:none;
	color:#6d737c;
}

#menu ul.sub {
	margin-bottom:12px;
}
#menu ul.sub li{

	margin-left:10px;
	padding:5px 0px 0px 10px;
	margin-bottom:0px;
	font-size:12px;
	font-weight:normal;
}
#content a 
{
	color:#6d737c;
}
#menu ul.sub li  a
{
	font-size:12px;
	font-weight:normal;
}

P {  padding-top:0px; }
.first {  margin-top:0px; }
li.first {margin-top:-12px;}
strong { color:#882620; }