html {
height: 100%;
}
BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100.05%;
	background: #398e00 url(../images/bg.jpg) repeat-x top left;
	font-family: Verdana;
	font-size: 9pt;
}
#wrapper {
	width: 100%;
	min-height: 100%;
	text-align:center;
	background: transparent url(../images/wrap_bg.jpg) no-repeat top center;
}
#header {
	width: 1000px;
	height: 516px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/header_bg.jpg) no-repeat top center;
}
#header2 {
	width: 1000px;
	height: 180px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/header_bg.jpg) no-repeat top center;
}
#header_end {
	width: 1000px;
	height: 35px;
	text-align: left;
	margin: 0 auto;
	background: transparent url(../images/header_bg_end.gif) no-repeat top center;
}
#content {
	width: 1000px;
	min-height: 200px;
	background-color: #fffcf2;
	text-align: left;
	margin: 0 auto;
}
#menu {
	top:  50px;
	text-align: left;
	position: relative;
	left: 30px;
}
#menu img {
	margin-right: 20px;
}
#blauw_menu {
	color: #00aeef;
	font-size:11px;
	text-transform: uppercase;
	float: right;
	right: 150px;
	position: relative;
}
#pres {
	margin: 0 30px 0 30px;
}
#sign_bot {
	position:absolute;
	left:50%;
	margin-left:268px;
	top:168px;
}
.presnaam {
	font-weight:bold;
	margin:5px 0 5px 0;
	color: #00aeef;
}
.shownaam {
	font-style: italic;
	margin: 0 0 10px 0;
	color: #00aeef;
}
#text {
	float:left;
	margin: 40px 0 0 30px;
	width: 600px;
}
#text a{
	color: #00aeef;
}
#text_2header {
	margin: 0 0 0 105px;
}
#text a{
	color: #00aeef;
}
.text_inh {
	margin-left: 20px;
}
#text_rechts {
	margin: 40px 0 0 0;
	float:right;
	width:330px;
}
#stemlijst {
	margin: 0 150px 0 150px;
}
#header_txt {
	position:absolute;
	left: -350px;
	top:40px;
}
#aftel {
	position: absolute;
	left: 215px;
	top:70px;
	text-align:right;
	width:150px;
	font-size: 50px;
	color: white;
}
.titel {
	font-size: 18px;
	font-weight: bold;
}
.titel_blauw {
	font-size: 15px;
	font-weight: bold;
	color: #00aeef;
	margin-bottom: 25px;
}
.titel_blauw_lijst {
	font-size: 16px;
	font-weight: bold;
	color: #00aeef;
	margin-bottom: 25px;
}
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 490px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #fef9f1;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-family: verdana;
			font-size: 11px;
			color: #000000;
			border-bottom: 1px solid #f0ece3;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #00aeef;
			color: #ffffff;
			border-bottom: 1px solid #f0ece3;
		}
		
		.accordion_content {
			background-color: #fef9f1;
			color: #444444;
			overflow: hidden;
			line-height:30px;
		}
			
			.accordion_content h2 {
				color: #00aeef;
				font-size: 12pt;
				font-weight: normal;
				margin: 5px 0 0 0;
			}
			.accordion_content h3 {
				color: #00aeef;
				font-size: 15pt;
				font-weight: bold;
				margin: 5px 0 0 0;
			}
			.accordion_content a {
				text-decoration: none;
				color: #00aeef;
			}
			.basic  {
				width: 500px;
			}
			.basic div {
				background-color: #fef9f1;
			}
			
			.basic p {
				margin-bottom : 10px;
				border: none;
				text-decoration: none;
				font-weight: bold;
				font-size: 10px;
				margin: 0px;
				padding: 10px;
			}
			.basic h4 {
				cursor:pointer;
				display:block;
				padding:5px;
				margin-top: 0;
				text-decoration: none;
				font-weight: normal;
				font-size: 11px;
				color: #000;
				background: #fffcf2;
				border-bottom: 1px solid #f0ece3;				
			}
			.basic h4:hover {
				color: #fff;
				background: #00aeef;
			}
			.basic h4.selected {
				color: #fff;
				background: #00aeef;
			}
			
			#artiestfoto {
				margin: 5px 10px 5px 10px;
			}
			
			#plaatsbutton {
				margin: 15px 0 0 0;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 617px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
	
	#blauwebalk {
	 	width: 1000px;
	 	height: 41px;
		background-color: #fffcf2;
		text-align: left;
		margin: 0 auto;
		background: #fffcf2 url(../images/blauwebalk.gif) no-repeat;
		padding-bottom: 30px;
        border: 1px solid black;
		color: white;
	}
	#blauwebalk a {
		color: #fff;
	}
	#blauwebalk a:hover {
		color: #000;
	}
	.links_detail {
		font-size: 7pt;
		width:  100px;
		margin-top: 10px;
	}
	#positie_blauw {
		color: #00aeef;
		font-weight: bold;
	}
	#spacer30 {
		height: 30px;
	}
	#spacer15 {
		height: 15px;
	}
	#links {
		float: left;
		width: 620px;
		background-color: #fffcf2;
	}
	#rechts {
		float: right;
		width: 380px;
		background-color: #fffcf2;
	}
	.clear {
		clear: both;
	}
	#profilebox {
		background: url(../images/mybox_small.gif) no-repeat top left;
		height: 77px;
		padding: 10px 65px 5px 70px;
	}
	#mytop100box {
		background: url(../images/mybox.gif) no-repeat;
		min-height: 100px;
		padding: 10px 65px 5px 70px;
	}
	#misbox {
		background: url(../images/mybox_mis.gif) no-repeat;
		height: 180px;
		padding: 10px 65px 5px 70px;
	}
	#sendfriendbox {
		background: url(../images/mybox_send.gif) no-repeat;
		height: 236px;
		padding: 10px 65px 5px 70px;
	}
	#profilefoto {
		float: left;
		margin: 5px 15px 5px 5px;
	}
	#profilenaam {
		font-size: 11pt;
		font-weight: bold;
		margin-bottom: 5px;
	}
	#profileinstellingen {
		font-size: 9pt;
		color: #00aeef;
	}
	#profileinstellingen a{
		color: #00aeef;
	}
	#profileuitloggen {
		font-size: 9pt;
		color: #00aeef;
	}
	#profileuitloggen a{
		color: #00aeef;
	}
	#lijstspacer {
		height: 2px;
		background: url(../images/lijst_spacer.gif) no-repeat;
	}
	#mijnlijst_artiest {
		font-size: 9pt;
		color: #00aeef;
		text-decoration: none;
	}
	#mijnlijst_artiest a{
		text-decoration: none;
		color: #00aeef;
	}
	#mijnlijst_titel {
		font-size: 9pt;
		font-weight: bold;
		color: #00aeef;
		text-decoration: none;
	}
	#mijnlijst_titel a{
		text-decoration: none;
		color: #00aeef;
	}
	#boxtxt {
		font-size: 8pt;
	}
	#email_field {
		width: 150px;
		height: 15px;
		margin: 5px 0 0 0; 
		padding: 3px 0 0 5px;
		font-size: 8pt;
		color: #666666;
	}
	.searchText
	{
		position:  relative;
		top: -3px;
  		border-style: hidden;
	    border-width: 0px;
	    color: #666666;
	    padding-left:7px;
	    padding-right:7px;
	    padding-top:  5px;
	    font-size:8pt;
	    background-image: url(../images/searchbox.gif);
	    margin-left: 3px;
	    height: 17px;
	    width: 217px;
	}
	#text_blauwebalk {
		padding: 10px 0 0 105px;
		font-size: 13px;
		font-weight: bold;
		line-height: 10px;
	}
	#text_blauwebalk a{
		color: #fff;
		letter-spacing: -4px;
		text-decoration: none;		
	}
	#text_blauwebalk a:hover{
		color: #000;	
	}
	#text_blauwebalk a:active{
		color: #000;	
	}
	#text_opsomming_active {
		padding: 10px 0 0 105px;
		font-size: 13px;
		font-weight: bold;
		line-height: 10px;
		color: #000;
	}
	#text_opsomming_active a{
		color: #000;
		letter-spacing: -4px;	
		text-decoration: none;		
	}	
	#dank {
		font-weight: bold;
	}
	#header_container {
 		width: 1000px;
		position: absolute;
		left: 50%;
		top: 200px;
	}	 
	#headertxt_kop {
		position: absolute;
		left:  -480px;
		top: -20px;
		font-size: 30px;
		color: #000;
		text-transform: uppercase;
		padding: 40px 0 0 30px; 
		background: url('../images/txt_top.gif') no-repeat;
		width:437px;
		height:197px;
	}
	#headertxt_kop_uitz {
		position: absolute;
		left:  -480px;
		top: -20px;
		font-size: 30px;
		color: #000;
		text-transform: uppercase;
		padding: 40px 0 0 30px; 
		background: url('../images/txt_top_uitz.gif') no-repeat;
		width:437px;
		height:197px;
	}
	#headertxt_kop_nauitz {
		position: absolute;
		left:  -480px;
		top: -20px;
		font-size: 30px;
		color: #000;
		text-transform: uppercase;
		padding: 40px 0 0 30px; 
		background: url('../images/txt_top_nauitz.gif') no-repeat;
		width:437px;
		height:197px;
	} 
	#polaroids {
		position: absolute;
		left:  -260px;
		top:70px;
		z-index:2;
	}
	#brengstemuit {
		position: absolute;
		top: 190px;
		left:  -475px;
	}
	#headertxt_kop_einde {
		position: absolute;
		left:  -470px;
		font-size: 30px;
		color: #000;
		text-transform: uppercase;
	}
	#headertxt_subkop {
		position: absolute;
		left:  -470px;
		top: 110px;
		font-size: 18px;
		color: #cf650d;
		text-transform: uppercase;		
	}
	#headertxt_subkop a{
		color: #00aeef;	
		text-decoration: none;
	}
	#headertxt_subkop_einde {
		position: absolute;
		left:  -470px;
		font-size: 18px;
		color: #cf650d;
		text-transform: uppercase;		
	}	
	#header_left {
		position: absolute;
		left:  -470px;
	}
	#helneu {
		font-size:17px;
		color:#00aeef;
	}
	#label_login {
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #00aeef;
		text-transform: uppercase;	
	}
	#artiestinfo {
		margin-left: 30px;
		margin-top:  20px;
		padding-top: 20px;
		background: url(../images/artiest_bg.gif) no-repeat;
		width: 620px;
		min-height: 400px;
	}
	#artiestcontent {
		margin: 0px 50px 50px 50px;
	}
		#menubalkje {
			position:absolute; 
			top:0;
		}
		#rightblok {
			position: absolute;
			left: 50%;
			width: 500px;
			z-index: 10;
			height: 100px;
		}
		#top100logo {
			position: absolute;
			left: -450px;
			top:  25px;
			z-index:1;
		}
		#top100headmid {
			position: absolute;
			top: 15px;
			left: -305px;
		}
		#luisterlive {
			position: absolute;
			left: 250px;
			top:10px;
		}
		#rtvnhlogo {
			position: absolute;
			left: 270px;
			top: 70px;
		}
		#nogdagen {
			position: absolute;
			left: 270px;
			top: 0;
		}
/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* loginbox */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left:  -238px;
    width: 255px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 247px;
	background: url('../images/login_blokje.gif');
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	border: solid 1px #0098e0;
}
#login_wrap {
	width: 400px;
	position: absolute;
	left: 50%;
	top: 169px;
}
#verhaal_kop {
	font-weight: bold;
	font-size:13px;
	font-style: italic;
	margin-bottom: 5px;
}
/* eind loginbox */

	/*Bovenmenu */
	.boven {position:absolute; top:0; left:0; height: 49px; width: 100%; background-image: url('../images/bovenbalk.png');margin-bottom:20px;z-index:2;}
	.menubalk {margin-right: auto; margin-left: auto; width: 1280px; text-align: left; font-size: 11px; margin-top: 3px;}
	.menubalk a {text-decoration: none; color: #6d6d6d;}
	.menuitem {padding: 0 20px 0 20px;}
	.menuopm {font-size: 11px; color: #6d6d6d; margin-left: 100px;}
	.rtvnh_logo {padding:0 45px 0 140px;}
	/*Einde bovenmenu*/
	
	/*footer*/
	.footerbalk {height: 1px; background-color: #6d6d6d;}
	.footertext {color: #6d6d6d; font-size: 11px; text-align:center;}
	.footertext a {color: #6d6d6d; text-decoration:none;}
	.footeritem {margin: 0 20px 0 20px;}
	/*einde footer*/