/* ------------ GENERAL STYLES ------------ */

* {
	margin					:0px;
	padding					:0px;
}
body {
	background			:#FFFFFF;
	font						:12px/1.8 "arial", serif;
	color						:#000000;
	text-align				:left;
	padding					:20px 0px 20px 0px;
}
   
/* ------------ LAYOUT ------------ */

#container {
	width					:960px;
	height					:inherit;
	position					:absolute;
	top						:0px;
	left						:50%;
	margin					:0px 10px 0px -480px;
}
#header { position:relative; padding-bottom:15px; }
		#logo {margin:0px; color:#000000;font-weight:normal;text-transform:uppercase;font-size:200%; letter-spacing:-1px;}
		#slogan {margin:0px;color:#7F7F7F;}
		#bookmark {
			width	:200px;
			height	:50px;
			position:absolute;
			top		:42px;
			left		:760px;
			float		:right;
			text-align:right;
			z-index	:0;
		}
		#videowall { /* reeds verwijderd, later eventueel gebruiken voor zoeken .. */
			width	:100px;
			height	:50px;
			position:absolute;
			top		:8px;
			left		:472px;
			float		:none;
			z-index	:0;;
		}

		#search {position:absolute; background:#EFEFEF;bottom:15px; right:0; padding:7px;}
		#search #search-input {width:175px; border:1px solid #AFAFAF;padding:3px;}
		#search #search-input:focus {border:1px solid #5F5F5F;}
		#search #search-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;border:1px solid #9461CA; background:#9461CA; color:#FFFFFF;}

	#content {position:relative; padding:4px 0 30px 0; overflow:hidden;}

		#main {float:left; width:630px; padding-top:10px;}
		.main-l {float:left; width:150px; height:112px;}
		.main-r {float:right; width:480px; height:112px;}
		#main-c {float:right;	width:308px;height:auto;margin:20px 0px 0px 18px;}
		/* #main-w {float:left; width:960px; padding-top:10px;} */
		
		.col {width:308px; float:left; margin-top:15px}
		.col.margin {width:308px; margin:15px 0px 0px 18px; }
		.col.fix {width:308px; margin:15px 0px 0px 18px; z-index:10; }

/* #videoDescription {visibility:hidden;} */

#footer {border-top:1px solid #DFDFDF; color:#5F5F5F;clear:both; font-size:85%; text-transform:uppercase;}
#footer a {color:#5F5F5F;}
#footer a:hover {color:#000;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

img.f-left {float:left; margin-right:15px;}

ul	{ padding-left:3px;list-style:none;}
li { float:left;}


/* ------------ CONTENT ------------ */

table.contentpane, table.contentpaneopen { width:100%;margin:-8px 0px 0px 0px; }

.contentheading { width:100%;text-align:left; }
#componentheading { width:100%; }

h1 {	font-size:150%; font-weight:normal;margin:10px 0px 15px 0px;color:#9461CA; }
h2 {	font-size:150%; margin:0px 0px 15px 0px; }
h3 {	font-size:120%; }
h4 {	font-size:110%; }
h5 {	font-size:100%; }

p {margin:10px 0px 10px 0px; }

a:link, a:visited  { color:#9461CA;text-decoration:none; }
a:hover { color:#999999; }

a.logo  { border-bottom:1px solid #DFDFDF;color:#000000;text-decoration:none; }
a:hover.logo { border-bottom:1px solid #DFDFDF;color:#9461CA; }

a.more {padding:10px 7px 10px 7px; border:0 !important;background:#F5F5F5; color:#5F5F5F;}
a:hover.more {background:#9461CA; color:#FFFFFF;}

.col h2 {margin-bottom:3px; text-transform:uppercase;}
.col h2 a {color:#9461CA; text-transform:uppercase;}
.col h2 a:hover {color:#000000;}
.col p.bb {padding-bottom:20px; background:url("../images/dot-02.gif") 0 100% repeat-x;}
.col p img.f-left {margin-right:10px;}
.col p {position:relative;}

.hx-style01 {clear:both; color:#9461CA;background:url("../images/dot.gif") 0 50% repeat-x; padding:0px 5px 0px 15px; font-weight:bold; text-transform:uppercase;}

/* ------------ MAINMENU - OTHERMENU - USERMENU ------------ */

#mainlevel {clear:both; padding:-215px 0; border-left:0 !important; border-right:0 !important;border:1px solid #CCC;padding:12px 0px 14px 0px;}

.mainlevel {
	margin:0; padding:0; list-style:none; font:100%/1.4 "arial",sans-serif;
}

a.mainlevel:link, a.mainlevel:visited {
	color       			    :#000000;
	padding					:7px 15px 7px 15px;
	border					:0px;
	background			:url("../images/dot-03.gif") 100% 0 repeat-y; 
	text-decoration		:none;
}
a:hover.mainlevel {
	color						:#9461CA;
	text-decoration		:none; 
}
#active_menu {
	background			:#9461CA url("../images/dot-03.gif") 100% 0 repeat-y;
	color       			    :#FFFFFF;
	font-weight			:bold;
	text-decoration		:none;	
	border					:0px;
}

/* ------------ FORMS ------------ */

select { 
	color						:#000000;
	border					:1px solid #333333;
	padding					:2px 2px 0px 2px;
}

input { 
	color						:#000000;
	border					:1px solid #333333;
	padding					:2px 2px 0px 2px;
}
.button {
	width					:90px;
	height					:22px;
	background-color	:#2C2C2C;
	color						:#FFFFFF;
	font-weight			:bold;
	padding					:2px 2px 8px 2px;
}
.inputbox, .search {
	color						:#000000;
	border					:1px solid #000000;
	padding					:2px 2px 0px 2px;
}

/* ------------ VIDEOWALL ------------ */

#wall1 {
	width						:321px;
	height						:auto;
	float							:left;
	z-index						:0;
}
#wall2 {
	width						:318px;
	height						:auto;
	position						:absolute;
	top							:356px;
	left							:321px;
	float							:none;
}
#wall3 {
	width						:318px;
	height						:auto;
	float							:right;
}
#player {
	width						:311px;
	height						:238px;
	position						:absolute;
	top							:76px;
	left							:325px;
	border						:2px solid #9461CA;
	border-bottom			:0px;
}
#playerbuttons {
	width						:303px;
	height						:30px;
	background-color		:#333333;
	position						:absolute;
	top							:326px;
	left							:325px;
	padding						:4px;
	border						:2px solid #9461CA;
	text-align					:left;
}