@charset "UTF-8";


/*	------------------------------	*/
/*	standaard tags					*/
/*	------------------------------	*/

	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		background: #D9D9D9 url("../images/bg.jpg") repeat-x left top;
		margin: 0;
		padding: 0;
		color: #15132D;
		text-align: justify;
	}
	a  {
		color: #348fcf;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover  {
		color: #ff9201;
		text-decoration: underline;
	}

/*	------------------------------	*/
/*	basis structuur			*/
/*	------------------------------	*/

	#container {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	#container {
		margin: auto;
		padding: 0;
		width: 946px;
	}

	#top {
		margin: 0;
		padding: 0;
		width: 946px;
		height: 366px;
		background: url("../images/top.jpg") no-repeat top;
		vertical-align: top;
	}
	
	#login {
		float: right;
		margin: 85px 25px 0 0;
		width: 36px;
		height: 23px;
		background: url("../images/login.jpg") no-repeat top;
	}

	#search {
		float: left;
		margin: 92px 0 0 26px;
	} #search input {
		color: #348fcf;
		border: 0px solid #000;
		background: transparent;
		width: 228px;
		color: #FFF;
		font-weight: bold;
		font-size: 10px;
	}

/*	------------------------------	*/
/*	menu				*/
/*	------------------------------	*/


	#menu {
		margin: 0;
		padding: 0;
		width: 946px;
		height: 66px;

		background: url("../images/menu_bg.jpg") no-repeat left top;
		text-align: center;
	}
	
	#nav {
		padding: 23px 0 0 10px;
		margin: 0;
		list-style: none;
		cursor: pointer;
	}
	
	.nav {
		padding: 5px;
		margin: 0 0 0 10px;
		list-style: none;
	}
	
	#nav li {
		float: left;
		width: 130px;
	}
	
	#nav ul {
		position: absolute;
		width: 120px;
		left: -1000px;
	}
	
	#nav li:hover ul, #nav li.ie_does_hover ul {
		left: auto;
		background-position: 0 0;
		cursor: pointer;
	}
	
	#nav .titel {
		display: block;
		margin: 2px 5px 3px 0;

		color: #348fcf;
		text-decoration: none;
		font-weight: bold;
	}
	
	#menu ul ul li a {
		color: #348fcf;
		font-weight: bold;
		cursor: pointer;
	}
	
	#menu ul ul li a:hover{
		color: #ff9201;
	}
	
	#menu ul li{

	}
	
	#menu ul ul {
		border-right: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		border-left: 1px solid #b2b2b2;
		background-color: #EFEFEF;
	}
	
	#menu ul ul li{
		padding: 3px;
		margin: 0;
		text-align: left;
	}
	
	/* IE only hack \*/
	* html ul li, * html ul ul li{
	border-bottom: 3px solid #FFF;
	}
	
	* html ul ul li{
	border-top: 0;
	}
	/* Einde IE only hack */ 

/*	------------------------------	*/
/*	content				*/
/*	------------------------------	*/

	#main {
		margin: 0 0 0 2px;
		padding: 0;
		width: 942px;
		background: #fff url("../images/main_bg.gif") repeat-y left bottom;
	}
	#content {
		margin: auto;
		padding: 0;
		width: 942px;
		background: url("../images/main_bg.jpg") no-repeat center bottom;
	}

	#content_top {
		margin: 0;
		padding: 0;
		height: 26px;
		width: 942px;
		background: url("../images/main_top.jpg") no-repeat left top;
		color: #348fcf;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		padding: 15px 0 0 0;
		font-size: 12px;
	}

	#content_bottom {
		margin: 20px 0 0 0;
		padding: 0;
		height: 41px;
		width: 942px;
		background: #D9D9D9 url("../images/main_bottom.jpg") no-repeat left top;
		color: #348fcf;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		padding: 0 0 15px 0;
		font-size: 9px;
	}
	
	#content p {
		margin: 0;
		padding: 0 21px 0 18px;
	
	}
	
	#blog_menu {
		float: left;
		padding: 5px;
		margin: 0 0 0 18px;
		
		width: 16%;
	}
	#blog_menu ul {
		margin: 0;
		padding: 0;
	}
	#blog_menu li {
		display: block;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#blog_menu li a {
		display: block;
		padding: 0 2px 0 2px;
		margin: 0;

		color: #201705;
		text-align: left;
		font-weight: normal;
		text-decoration: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	#blog_menu li a:hover {
		color: #348fcf;
		text-decoration: none;
	}

	#blog_menu li.strike {
		display: block;
		padding: 0 2px 0 2px;
		margin: 0;

		color: #201705;
		text-align: left;
		font-weight: normal;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		text-decoration: line-through;
	}

	#blog_menu li.selected {
		color: #348fcf;
		text-decoration: none;
		border-top: 1px solid #348fcf;
		border-bottom: 1px solid #348fcf;
	}
	#blog_menu li ul li {
		display: block;
		margin: 0 0 0 10px;
		padding: 0;
		text-align: left;
	}
	
	#blog_main {
		float: left;
		padding: 5px;
		margin: 0 21px 0 0;
		
		width: 77%;
	} #guest {
		padding: 5px;
		margin: 0 21px 0 18px;
	}
	#blog_main .datum, #guest .datum {
		float: right;
		margin: 0;
		padding: 0;
		text-align: right;
		font-size: 10px;
	}
	#blog_main .list td {
		padding: 10px 0 10px 0;
		text-transform: none;
	}


/*	------------------------------	*/
/*	extra				*/
/*	------------------------------	*/

	h1 {
		font-family: Verdana;
		font-size: 12px;
		padding: 10px 21px 0 18px;
		margin: 0;
		line-height: 15px;
		letter-spacing: -0.02em;
		word-spacing: 0.2em;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		color: #15132D;
	}
	h1 a, h1 a:hover {
		font-family: Verdana;
		font-size: 12px;
		text-decoration: none;
		color: #15132D;
	}
	h2 {
		font-family: Verdana;
		font-size: 10px;
		padding: 10px 21px 0 18px;
		margin: 0;
		line-height: 15px;
		letter-spacing: -0.02em;
		word-spacing: 0.2em;
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		color: #15132D;
	}
	h2 a, h2 a:hover {
		font-family: Verdana;
		font-size: 10px;
		text-decoration: none;
		color: #15132D;
	}

	.letters {
		margin: 0;
		padding: 0 21px 0 18px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.letters a img {
		border: 0px;
		padding: 0 5px 0 0;
	}
	
	.letter .dis {
		border: 0px;
		padding: 0 5px 0 0;
		filter:gray;
	}
	
	h4 {
		margin: 5px auto 5px auto;
		width: 100%;
		text-transform: uppercase;
		color: #AFAFAF;
		text-align: center;
	}
	
	h4 strong {
		color: #000;
		font-weight: bold;
	}
	
	
	.list {
		margin: auto;
		padding: 5px;
		width: 97%;
	}
	.list th {
	}
	td img {
		border: 0px;
		max-width: 16px;
	}
	.list td .star {
		border: 0px;
		min-width: 96px;
	}
	.list td .png img {
		border: 0px;
		min-width: 50px;
	}
	.r1 td, .r2 td, .hover td {
		vertical-align: middle;
		height: 25px;
		padding: 2px;
		text-transform: capitalize;
	}
	#guest td {
		text-transform: none;
	}
	#guest  a {
		color: #348fcf;
		font-weight: bold;
	}#guest a:hover {
		text-decoration: underline;
	}
	.r2 td {
		background: #EBEBEB;
	}
	.r1 a, .r2 a, .hover a {
		color: #15132D;
		font-weight: normal;
	}
	.hover {
		background: url("../images/list_bg.jpg") repeat-x left top;
	}
	
	.r1 td img, .r2 td img, .hover td img {
		padding: 0 2px 0 2px;
	}

	.lijst {
		list-style: none;
		float: left;
		width: 140px;
		height: 60px;
		border: 1px solid #DDD;
		background: #EEE;
		margin: 5px -10px 5px 20px;
		padding: 5px;
	}
	
	.clear {
		clear: both;
	}
	
	.photo {
		float: left;
		margin: 0 0 0 18px;
		width: 160px;
		height: 180px;
		text-align: center;
	}
	.photo img {
		width: 150px;
		height: 120px;
	}
	.boogie {
		float: right;
		padding: 0;
		margin: 0 18px 0 -118px;
	}