/*======================================================
			Releaz V.O.F. - www.releaz.nl
======================================================*/

/*======================================================
//		Algemeen
======================================================*/

body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #FFF;
	background: #000 url(../img/background.jpg) repeat-x;
	margin: 0;
}

p { 
	font-size: 13px;
	line-height: 18px; 
}

h1 {
	margin: 0;
	font-size: 35px;
	font-weight: 300;
}

h2 {
	margin: 0 0 12px 0;
	font-size: 24px;
	font-weight: 300;
}

a { 
	text-decoration: none;
	color: #C10000; 	
}

/*======================================================
//		header
======================================================*/

#header {
	margin: 0 auto;
	height: 115px;
	width: 870px;
	background: url(../img/bg_header.png) no-repeat;
}

#logo {
	height: 226px;
	width: 276px;
	background: url(../img/logo.png) no-repeat;
	position: absolute;
	margin-left: -120px;
}

#search {
	margin: 0 10px 0 0;
	height: 115px;
	float: right;
}

#search p {
	color: #666;
}
	
/*======================================================
//		nav
======================================================*/
#nav {
	height: 65px;
	width: 100%;
	background: url(../img/bg_menu.png) repeat-x;
}

#nav_container {
	width: 900px;
	margin: auto auto;
}

/* balk main */
#nav ul { 
	padding: 0 15px 0 0;
	margin: auto auto;
	list-style: none;
	float: right;
	z-index: 22;
}

#nav a { color: #edbfbf; font-size: 17px; position: relative;}
#nav li ul li a { color: #edbfbf; font-size: 15px; position: relative;}


/* text balk main */
#nav li {
	padding: 17px 24px;
	float: left;
	font-size: 17px;
	margin-left: -1px;
	border-right: 1px solid #8b0000;
	border-left: 1px solid #8b0000;
}

/* link text normaal/dropdown */
#nav li a:hover { 
	margin: 0;
	padding: 0;
	color: #1E1E1E;
}
	
#nav .active { color: #CCC; }

/* ===== Submenu ===== */

/*balk dropdown */
#nav li ul {
	position: absolute;
	background: url(../img/bg_main.png);
	width: 220px;
	left: -999em;
	height: auto;
	display: none;
	padding: 0 0 10px 13px;
	margin: 17px 0 0 -24px;
	border-bottom: 5px solid;
}

/*text in dropdown */
#nav li ul li {
	height: 10px;
	margin-top: 10px;
	position: relative;
	padding: 0 10px 10px 10px;
	border-right: 0;
	font-size: 14px;
}

#nav li>ul { top: auto; left: auto; }

#nav li li {
	margin: 0;
	padding: 5px 0;
	float: none;
	height: 20px;
}

#nav li:hover ul, #nav li.over ul, #nav li ul li a:hover {	display: block; left: auto; color: #C10000; }

/*======================================================
//		main
======================================================*/
#main {
	margin: 20px auto;
	padding: 20px;
	width: 820px;
	overflow: hidden;
	background: url(../img/bg_main.png) repeat-y;
}

/*======================================================
//		blocks
======================================================*/

#footer-block {
	margin: 0 auto 0 auto;
	height: 314px;
	width: 860px;
}


#block_grey, #block_green, #block_red  {
	margin: 15px 2px 15px 2px;
	padding: 10px 20px;
	float: left;	
	height: 265px;
	width: 240px;
	border: 1px solid #1B1B1B;
	background: url(../img/bg_block_grey.png) no-repeat;
}

#voorstelling-block {
	margin: 0 auto 0 auto;
	height: 120px;
	width: 800px;
}

#voorstelling_blocks  {
	margin: 15px 2px 15px 2px;
	padding: 10px 20px;
	float: left;	
	height: 120px;
	width: 220px;
	border: 1px solid #1B1B1B;
	background: url(../img/bg_block_grey.png) no-repeat;
}
	
#block_green {
	background: url(../img/bg_block_green.png) no-repeat;
}
	
#block_red{
	background: url(../img/bg_block_red.png) no-repeat;
}

/*======================================================
//		Verzameling
======================================================*/

.col_item { border-bottom: 1px solid #333; margin: 10px 0; padding: 10px;}
.nw_item_name { font-size: 20px;}
.col_readmore { text-align: right; font-weight: bold;}

.album_item { width: 120px; height: 120px; float: left; }
.album_item img { border: 0; }

/*======================================================
//		footer
======================================================*/

#footer {
	margin-top: 30px;
	height: 314px;
	width: 100%;
	background: url(../img/bg_footer.jpg) repeat-x;
}

#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
#footer li {
	clear: both;
	float: left;
	display: block;
}
	
#footer img {
	width: 180px;
	border: 1px solid #FFF;
}

#footer_alle {
	margin: 10px auto;
	width: 840px;
	text-align: right;
	padding-right: 20px;
}

#footer_alle p {
	float: right;
	margin-right: 20px;
}