/* ------------------------------------------------------ */
/* Copyright 2008 (Non-)verbaal, http://www.nonverbaal.nl */
/* -------------------------------------------------------*/


@import url("reset.css");
@import url("form.css");
/* Basic structure -------------------------------------- */
/* ------------------------------------------------------ */


body {
	background: url(../images/background/bg_body.png) repeat-x fixed;
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
}
html, body {
	height:100%;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
div#container {
	position: relative;
	background: url(../images/background/bg_sidebar.png);
	width: 960px;
	z-index:1;
	margin:0 auto;
}
div#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index:999;
	padding:20px 0px;
	background: url(../images/background/bg_body.png) repeat-x fixed;
}
div#main {
	float:left;
	width: 100%;
	z-index:100;
}
div#wrap_right {
	float:right;
	position:relative;
	width: 810px;
}
div#content {
	float:left;
	position:relative;
	width:510px;
	background-color:#FFFFFF;
	padding:20px 20px 0px 20px;
}
body#uitgaven div#content {
	width:530px;
	padding:20px 0px 0px 20px;
}
body#home div#content {
	padding-bottom:20px;
}
body#biografie div#content {
	padding-bottom:20px;
}
div#menu {
	float:left;
	position:relative;
	width:150px;
	height:251px;
}
div#footer {
	clear: both;
	height:1px;
}
/* EXTRA */


p.title_upper {
	text-transform:uppercase;
}
hr {
	clear:both;
	margin-top:15px;
	margin-bottom:10px;
	border-style:none;
	border-top: 1px solid #00b5e8;
	height: 1px;
}
div.home_img {
	width:100px;
	height:110px;
	float:right;
	padding-left:10px;
}
div#content {
	font-size:1.2em;
}
div#content p {
	line-height:1.6em;
	margin-bottom:2em;
}
div#content ul {
	margin-bottom:2em;
}
div#content ul li {
	line-height:1.4em;
	list-style: disc inside;
}
body#home div#content p {
	margin-bottom:0px;
	line-height:1.6em;
}
body#home div#content span {
	margin-bottom:0px;
	line-height:1.6em;
}
body#home div#content a {
	text-decoration:none;
}
body#home div#content a:hover {
	text-decoration:none;
	outline:none;
}
a {
	color:#000000;
}
/* Stijlen koppen icm SIFR------------------------------- */
/* ------------------------------------------------------ */


body#home h1, body#blog h1, body#column h1 {
	text-transform:uppercase;
}
body#fragmenten h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:0.8em;
}
body#biografie h1, body#links h1, body#schrijver h1, body#producent h1, body#presentator h1, body#dj h1, body#uitgaven h1, body#fragmenten h1, body#agenda h1, body#foto-s h1 {
	font-size:1.6em;
	color:#0099db;
	text-transform:uppercase;
	margin-bottom:0.6em;
}
h2 {
	font-size:5em;
	color:#FFFFFF;
}
div#sidebar h3 {
	font-size:1.8em;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-bottom:5px;
}
body#home div#content h3 {
	font-size:1.6em;
	color:#0099db;
	text-transform:uppercase;
	margin-top:7px;
	margin-bottom:2px;
}
body#uitgaven div#content h3 {
	font-size:1.3em;
	color:#0099db;
	text-transform:uppercase;
}
div#blog_message h3 {
	font-size:1.6em;
	color:#0099db;
	text-transform:uppercase;
	margin-bottom:3px;
}
div#blog_submenu h3 {
	font-size:1.6em;
	color:#666666;
	text-transform:uppercase;
	margin: 15px 0px;
}
div#blog_submenu h4 {
	font-size:1.5em;
	color:#0099db;
	text-transform:uppercase;
}
/* Navigation ------------------------------------------- */
/* ------------------------------------------------------ */


#nav {
	position:absolute;
	top:0px;
	left:0px;
}
#nav li {
	float: left;
	z-index : 1000;
	position: relative;
	width:150px;
	height:21px;
}
#nav table {
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
}
#nav a {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}
#nav a:hover {
	position: relative;
}
#nav li:hover {
	position: relative;
}
#nav a {
	width: 150px;
	height: 20px;
	background: url(../images/item/menu.png);
}
#nav_home a {
	background-position: 0px 0px;
}
#nav_column a {
	background-position: 0px -21px;
}
#nav_blog a {
	background-position: 0px -42px;
}
#nav_schrijver a {
	background-position: 0px -63px;
}
#nav_presentator a {
	background-position: 0px -84px;
}
#nav_producent a {
	background-position: 0px -105px;
}
#nav_dj a {
	background-position: 0px -126px;
}
#nav_fragmenten a {
	background-position: 0px -147px;
}
#nav_uitgaven a {
	background-position: 0px -168px;
}
#nav_agenda a {
	background-position: 0px -189px;
}
#nav_biografie a {
	background-position: 0px -210px;
}
#nav_links a {
	background-position: 0px -231px;
}
#nav_foto-s a {
	background-position: 0px -252px;
}
#nav_home a:hover, body#home #nav_home a {
	background-position: -150px -0px;
}
#nav_column a:hover, body#column #nav_column a {
	background-position: -150px -21px;
}
#nav_blog a:hover, body#blog #nav_blog a {
	background-position: -150px -42px;
}
#nav_schrijver a:hover, body#schrijver #nav_schrijver a {
	background-position: -150px -63px;
}
#nav_presentator a:hover, body#presentator #nav_presentator a {
	background-position: -150px -84px;
}
#nav_producent a:hover, body#producent #nav_producent a {
	background-position: -150px -105px;
}
#nav_dj a:hover, body#dj #nav_dj a {
	background-position: -150px -126px;
}
#nav_fragmenten a:hover, body#fragmenten #nav_fragmenten a {
	background-position: -150px -147px;
}
#nav_uitgaven a:hover, body#uitgaven #nav_uitgaven a {
	background-position: -150px -168px;
}
#nav_agenda a:hover, body#agenda #nav_agenda a {
	background-position: -150px -189px;
}
#nav_biografie a:hover, body#biografie #nav_biografie a {
	background-position: -150px -210px;
}
#nav_links a:hover, body#links #nav_links a {
	background-position: -150px -231px;
}
#nav_foto-s a:hover, body#foto-s #nav_foto-s a {
	background-position: -150px -252px;
}
/* Sidebar ---------------------------------------------- */
/* ------------------------------------------------------ */


div#sidebar {
	float:left;
	position:relative;
	width:220px;
	color:#FFFFFF;
	padding:20px;
}
div#sidebar p {
	margin-bottom:0em;
}
div#sidebar a {
	color:#FFFFFF;
	text-decoration:none;
}
div#sidebar a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
div#sidebar strong {
	font-weight:bold;
}
div#sidebar ul {
	margin-top:8px;
}
div#sidebar ul li {
	font-size:1.2em;
	border-top:#FFFFFF solid 1px;
	padding:14px 0px;
	line-height:1.5em;
	list-style: none outside;
}
/* Blog Pagina ------------------------------------------ */
/* ------------------------------------------------------ */


#blog_message {
	width:310px;
	float:left;
}
#blog_submenu {
	width:180px;
	float:right;
	padding-bottom:20px;
}
body#blog h1 {
	margin-bottom:3px;
}
div#blog_submenu a {
	text-decoration:none;
}
div#blog_submenu a:hover {
	text-decoration:underline;
}
div#message_list ul {
	padding-top:5px;
	list-style: none outside;
}
div#message_list ul li {
	border-bottom: #0099db solid 1px;
	margin-bottom:3px;
	padding:5px 0px;
	list-style: none outside;
}
div#message_list span {
	text-transform:uppercase;
}
div#archive_list ul li {
	text-transform:uppercase;
	padding:0.1em 0em;
	list-style: none outside;
}
div#blog_submenu p {
	text-transform:uppercase;
	margin-bottom:0em;
}
.image_hidden {
	display:none;
}
/* Overige uitzonderingen ------------------------------- */
/* ------------------------------------------------------ */


div.product_item {
	width:156px;
	height:330px;
	margin: 0px 20px 0px 0px;
	float:left;
}
div.product_item_seperator {
	height:20px;
	width:510px;
	float:left;
	border-top:#0099db solid 1px;
}
div.product_item h3 {
	margin: 5px 0px;
}
div.product_item li {
	list-style:none;
	list-style-position:outside;
	line-height:1.3em;
}
body#uitgaven h1 {
	margin-bottom:10px;
}
div.category_wrap {
	width:530px;
	clear:both;
	overflow:hidden;
}
div.video_player {
	padding:5px 0px;
}
body#fragmenten div#content ul {
	margin-top:10px;
}
body#fragmenten div#content ul li {
	font-weight:bold;
	line-height:1.3em;
	list-style: none outside;
}
body#fragmenten div#content ul li ul {
	margin-top:0px;
}
body#fragmenten div#content ul li ul li a {
	font-weight:normal;
	text-decoration:none;
	padding-left:0.5em;
	list-style: none outside;
}
body#links div#content ul li, body#uitgaven div#content ul li, body#agenda div#content ul li {
	list-style: none outside;
}
body#agenda div#content ul li {
	margin-bottom:0.8em;
}
body#agenda div#content ul li p {
	margin-bottom:0px;
}
body#agenda div#content p {
	margin-bottom:0.8em;
}
.image_sidebar {
	margin-bottom:10px;
}
div.recent a {
	display:block;
}

/* Photo Gallery ---------------------------------------- */
/* ------------------------------------------------------ */


div#gallery_content {
	width:530px;
}

div.gallery_item {
	height:124px;
	width:156px;
	float:left;
	margin:0px 18px 18px 0px;

}