/* pagina-indeling */

body {
	color: #ffffff;
	background: #121212 url('/media/layout/bg-border.gif') no-repeat center 50px;
	background: #121212;
	font-family: "Verdana", sans-serif;
	font-size: 0.7em;
}

div#maincontent {
	width: 900px;
	margin: 0 auto;
	color: #ffffff;
	background: #636363;
}

/* algemeen */
div.spacer {
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	overflow: hidden;
}

div.block-header {
	height: 31px;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
}

div.kader250 div.block-header {
	background-image: url('/media/layout/bg-kader250.gif');
	width: 250px;
}

div.kader321 div.block-header {
	background-image: url('/media/layout/bg-kader321.gif');
	width: 321px;
}

div.kader641 div.block-header {
	background-image: url('/media/layout/bg-kader641.gif');
	width: 641px;
}

div.kader646 div.block-header {
	background-image: url('/media/layout/bg-kader646.gif');
	width: 646px;
}

div.block-header div, div.block-header h3 {
	margin: 0;
	padding-left: 1em;
	padding-top: 5px !important;
	font-size: 10.1pt;
	font-weight: normal;
}

div.block-content {
	overflow: hidden;
	color: #ffffff;
	background: #101010;
}

div.block-content img {
	border: 0 none;
}

div.h2header {
	margin: 0 0 2px 0;
}

div.h2header h2 {
	margin: 0;
	padding-left: 1.5em;
	font-size: 24pt;
	letter-spacing: -3px;
}

/* header */
div#header {
	width: 100%;
	height: 214px;
	overflow: hidden;
}

div#header div#header-image {
	float: right;
	width: 645px;
	height: 172px;
	overflow: hidden;
}

div#header div#header-image h1 {
	/*background: url('/media/header/header.jpg') no-repeat;*/
	width: 645px;
	height: 172px;
	margin: 0;
	padding: 0;
}

div#header div#header-image h1 span {
	visibility: hidden;
}

/* loginblock */
div#header div#loginblock {
	float: left;
	width: 250px;
	height: 172px;
	overflow: hidden;
}

/* hoofdmenu */
div#header div#mainmenu {
	width: 100%;
	height: 32px;
	margin: 2px 0 9px 0;
	color: #ffffff;
	background: #000000;
	clear: both;
}

div#header div#mainmenu ul {
	margin: 0;
	padding: 0;
	height: 32px;
}

div#header div#mainmenu ul li {
	width: 94px;
	height: 32px;
	margin: 0;
	padding: 0 1px;
	list-style: none;
	float: left;
}

div#header div#mainmenu ul li.music {
	float: right;
	width: 30px;
	height: 30px;
	padding: 0;
	padding-top: 1px;
}

div#header div#mainmenu ul li a {
	display: block;
	float: left;
	width: 94px;
	height: 20px;
	margin: 2px 0;
	padding: 8px 0 0 0;
	color: #ffffff;
	background: url('/media/layout/bg-hoofdmenu_h.gif') no-repeat center bottom;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

div#header div#mainmenu ul li a:hover {
	background-image: url('/media/layout/bg-hoofdmenu_hv.gif');
}

/* content indeling */
div#content {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #101010;
	background: #101010;
}

div#content div#content-in {
	margin: 4px;
	padding: 5px;
	height: 1%;
	border: 1px solid #494949;
}

div#content div#content-in div#content-text {
	float: left;
	width: 500px;
}

div#content div#content-in div#content-text div#content-text-in {
	margin: 10px;
	height: 1%;
}

div#content div#content-in div#content-submenu {
	float: right;
	width: 250px;
}

div#content div#content-in div#content-submenu div#content-submenu-in {
	margin: 10px;
	height: 1%;
}

/* debug colors */
/*
div#content {
	background: #ff8184;
}

div#content div#content-in {
	background: #ffc1c3;
}

div#content div#content-in div#content-text {
	background: #8183ff;
}

div#content div#content-in div#content-text div#content-text-in {
	background: #c1c4ff;
}

div#content div#content-in div#content-submenu {
	background: #82ff81;
}

div#content div#content-in div#content-submenu div#content-submenu-in {
	background: #c2ffc1;
}

*/