*{
	font-family: Trebuchet MS, verdana, arial, tahoma;
	padding: 0 0;
	margin: 0 0;
	}

html{
}

body{
	font-family: Trebuchet MS, tahoma, arial, verdana, sans-serif;
	background-image:url(images/bg_top.gif);
	background-position: top;
	background-repeat: repeat-x;
	behavior: url('/themes/iepngfix.htc');
	behavior: url("/main/styles/csshover3.htc");
	}

.modal_message { display: none; }

#quick_search
{
	z-index: 1000;
	display: none;
	border: 3px solid black;
	background-color: white;
	position: absolute;
}

/*
TOP
*/

div#header{
	margin: 0px auto;
	width: 980px;
	height: 130px;
	}

	div#logocontainer{
		background-image: url(images/logo.png);
		background-repeat: no-repeat;
		background-position: 17px 19px;
		behavior: url('/themes/iepngfix.htc');
		height: 130px;
		width: 656px;
		float: left;
		}
		
/*		div#navigation{
			position: relative;
			top: 100px;
			left: 17px;
			}

			#navigation a{
				color: white;
				display: block;
				text-decoration: none;
				float: left;
				margin-right: 15px;
				}*/
				

								#menu {
									position: relative;
									top: 105px;
									left: 17px;					
									height: 20px;
									text-align: left;
									}

									#menu li {
										display: block;
										float: left;
										}

										#menu li a.main {
											color: white;
											display: block;
											padding-right: 20px;
											text-decoration: none;
											font-weight: normal;
											}

											#menu li a.main span {
												display: block;
												height: 26px;
												cursor: pointer;	
												}

											#menu li a.main:hover, #menu li a.main:active, #menu li.current a.main, #menu li:hover a.main {
												color: #fff;
												}

												#menu li.current a.main span {
													font-weight: bold;
													}

												#menu li a.main:hover span, #menu li:hover a.main span {
													text-decoration: underline;
													}									

									#menu li:hover ul {
										display: block;
										}

									#menu ul {
										background-color: #EBF3F8;
										border: 1px dotted #045276;
										display: none;
										float: left;
										padding: 5px 0;
										position: absolute;
										top: 16px;
										z-index: 10;
										}

										#menu ul li {
											float: none;
											padding: 0;
											_line-height: 10px;  /*ie6 fix */
											}

											#menu ul li a {
												color: #045276;
												display: block;
												border-width: 1px 0 1px 0;
												border-style: dotted;
												border-color: #EBF3F8;								
												padding: 3px 20px 3px 10px;
												text-decoration: none;
												font-size: 95%;
												}

												#menu ul li.current a {
													font-weight: bold;
													}

													#menu ul li.current ul a {
														font-weight: normal;
														}

														#menu ul ul li.current a {
															font-weight: bold;
															background-color: #045276;	
															color: #fff;										
															}

												#menu ul li a:hover {
				/*									background-color: #045276;*/
													border-width: 1px 0 1px 0;
													border-style: dotted;
													border-color: #045276;
				/*									color: #fff;*/
													color: #045276;
													}

										#menu ul ul {
											border: none;
											position: relative;
											top: 0px;
											left: 0px;
											padding: 0;
											float: none;
											}

											#menu ul ul li a {
												padding-left: 25px;
												}

				

	div#userarea{
		background-image: url(images/user_line.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding-top: 23px;
		padding-left: 11px;
		height: 107px;
		width: 313px;
		float: left;
		}

		#userarea form p{
			padding: 0px;
			margin: 0px;
			}

		#login_form h6 {
			font-size: 110%;
			font-weight: bold;
			color: white;
			}
		
		#login_form label {
			width: 80px;
			color: white;
			display: block;
			height: 21px;
			clear: both;
			line-height: 21px;
			float: left;
		}

		#login_form input.text{
			background-image: url(images/bg_searchinput.gif);
			background-position: center;
			background-color: transparent;
			text-indent: 5px;
			padding-top: 3px;
			margin-bottom: 2px;
			color: #888;
			float: left;
			border: none;
			width: 223px;
			height: 21px;
			}

		#login_form input.button{
			background-image: url(images/smallest_button.gif);
			background-color: transparent;
			cursor: pointer;
			margin: 2px 0px 0px 0px!important;
			color: #165E80;
			font-size: 11px;
			float: left;
			width: 71px;
			height: 17px;
			padding-bottom: 10px!important;
			border: none;
			}

		#userarea p{
			padding: 0px 0px 0px 28px;
			color: white;
			font-size: 90%;
			}

			#userarea p a{
				line-height: 250%;
				color: white;
				}

			#userarea p strong{
				font-weight: bold;
				color: white;
				padding-right: 3px;
				}

					#userarea p strong i{
						text-decoration: none;
						font-weight: bold;
						}

		div#userinfo{
			width: 174px;
			height: 70px;
			float: left;
			}

			#userinfo h6{
				background-image: url(images/user.png);
				background-repeat: no-repeat;
				behavior: url('/themes/iepngfix.htc');
				letter-spacing: -1px;
				font-weight: bold;
				text-indent: 28px;
				font-size: 90%;
				color: white;
				}

			#accountdetail h6{
				background-image: url(images/accountdetail.png);
				background-repeat: no-repeat;
				behavior: url('/themes/iepngfix.htc');
				letter-spacing: -1px;
				font-weight: bold;
				text-indent: 28px;
				font-size: 90%;
				color: white;
				}

		div#accountdetail{
			width: 139px;
			height: 70px;
			float: left;
			}

	div#searchform{
		float: left;
		display: table;
		width: 314px;
		height: 30px;
		}

		#searchform input.text{
			background-image: url(images/bg_searchinput.png);
			behavior: url('/themes/iepngfix.htc');
			background-position: center;
			background-color: transparent;
			text-indent: 5px;
			padding-top: 3px;
			color: #888;
			float: left;
			border: none;
			width: 223px;
			height: 21px;
			}

		#searchform input.search{
			background-image: url(images/bg_search.png);
			behavior: url('/themes/iepngfix.htc');
			background-color: transparent;
			cursor: pointer;
			margin-left: 2px;
			float: left;
			width: 89px;
			height: 24px;
			border: none;
			}
			
		div#searchresult{
			position: absolute;
			z-index: 2000;
			width: 312px;
			height: 300px;
			display: none;
		}

		div#searchresult div{
			width: 312px;
		}

		div#stop{
		behavior: url('/themes/iepngfix.htc');
		background: url(images/searchresult_topbg.png) no-repeat;
		height: 15px;
		}

		div#smiddle{
			behavior: url('/themes/iepngfix.htc');
			background: url(images/searchresult_middlebg.png) repeat-y;
			min-height: 100px;
			padding: 0px 15px 0px 15px;
		}
		
			div#smiddle p
			{
				padding: 0px;
				color: black;
			}
		
			div#smiddle #total_results
			{
				font-size: 9px;
			}
			
			div#smiddle h2
			{
				color: #186487;
				font-size: 14px;
				font-weight: bold;
			}
			
			div#smiddle ul
			{
				list-style-type: none;
				margin: 0px;
				padding: 0px;
			}
			
			div#smiddle ul li a
			{
				display: block;
				padding: 5px 10px 5px 40px;
				width: 230px;
				margin: 2px;
				text-decoration: none;
				color: black;
				font-size: 11px;
				background-color: #eee;
				background-repeat: no-repeat;
				background-position: 10px 5px;
			}
			
			div#smiddle ul li.song a
			{
				background-image: url(images/music_16x16.gif);
				
			}
			
			div#smiddle ul li.more a
			{
				background-color: #cecece;
			}
			
			div#smiddle ul li.page a
			{
				background-image: url(images/page_16x16.gif);
			}
			
			div#smiddle ul li.news a
			{
				background-image: url(images/news_16x16.gif);
			}
			
			div#smiddle ul li a:hover
			{
				background-color: #e2e2e2;
			}

		div#sbottom{
		behavior: url('/themes/iepngfix.htc');
		background: url(images/searchresult_bottombg.png) no-repeat;
		height: 20px;
		}

		#searchform input.text{
			background-image: url(images/bg_searchinput.png);
			behavior: url('/themes/iepngfix.htc');
			background-position: center;
			background-color: transparent;
			text-indent: 5px;
			padding-top: 3px;
			float: left;
			border: none;
			width: 223px;
			height: 21px;
			}

		#searchform input.search{
			background-image: url(images/bg_search.png);
			behavior: url('/themes/iepngfix.htc');
			background-color: transparent;
			cursor: pointer;
			margin-left: 2px;
			float: left;
			width: 89px;
			height: 24px;
			border: none;
			}

/*
TOP
*/

/*
Middle
*/

	div#middle{
		margin: 0px auto;
		width: 980px;
		}
		
			div#left{
				width: 657px;
				float: left;
				}
				
				div#left h1.title{
					background-image: url(images/bg_dots2.gif);
					background-position: 3px bottom;
					background-repeat: repeat-x;
					text-indent: 18px;
					color: #7d726a;
					height: 44px;
					padding-top: 5px;
					padding-bottom: 8px;
					margin-bottom: 15px;
					line-height: 200%;
					font-size: 200%;
				}

				#content {
					color: #7d726a;
					padding-top: 10px;
					padding-bottom: 15px;
					padding-left: 18px;
					padding-right: 19px;
					}
					
					#content p {
						line-height: 19px;
						margin-bottom: 15px;
						}
					
					#content strong {
						font-weight: bold;
						}

					#content em {
						font-style: italic;
						}
					#content ul {
/*						margin-left: 5px;*/
						margin-top: 10px;
						margin-bottom: 10px;
						}

					#content ul li {
						background-image:url('images/bullet.gif');
						background-position: 2px 3px;
						background-repeat:no-repeat;
						line-height:19px;
						padding-left:20px;
						}
						
					#content a {
						color: #186487;
						text-decoration: underline;
						}
						
						#content a:hover {
							color: black;
							}
						
					#content ul 	
												
					#content h1 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 130%;
						font-weight: bold;
					}

					#content h2 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 125%;
						font-weight: bold;
					}
					#content h3 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 120%;
						font-weight: bold;
					}

					#content h4 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 115%;
						font-weight: bold;
					}
					#content h5 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 110%;
						font-weight: bold;
					}

					#content h6 {
						color: #186487;
/*						padding-left: 18px;*/
						padding-bottom: 4px;
						font-size: 105%;
						font-weight: bold;
					}															

				#content ul{
					padding-left: 30px;
				}

					#content li{
						color: #7d726a;
						list-style-type: none;
					}

				div#bigbanner{
					background-position: center;
					width: 656px;
					height: 218px;
					}

				div#rows{
					height: 272px;
					}

					#rows div{
						background-image: url(images/bg_dots2.gif);
						background-repeat: repeat-y;
						background-position: right 8px;
						margin-top: 6px;
						float: left;
						
						}

						#rows div h2{
							height: 30px;
							line-height: 39px;
							text-indent: 0px;
							font-family: verdana;
							font-weight: bold;
							padding-left: 10px;
							font-size: 110%;
							color: #7d726a;
							}

						#rows div p{
							color: #7d726a;
							line-height: 16px;
							padding-left: 10px;
							padding-right: 5px;
							padding-bottom: 5px;
							font-size: 85%;
							display: block;
							height: 85px;
							}

					div#row1{
						width: 206px;
						}

					div#row2{
						width:220px;
						}

					div#row3{
						background-image: none !important;
						width:231px;
						}

			div#right{
				background-image: url(images/bg_dots.gif);
				background-repeat: repeat-y;
				background-position: left;
				padding-left: 1px;
				display: table;
				width: 322px;
				float: left;
				}

				div#mp3top{
					xheight:218px;
					}

					#mp3top div.meermuziek{
						background-image: url(images/bg_dots.gif);
						background-position: 10px 39px;
						background-repeat: repeat-x;
						width: 316px;
						float: right;
						border-top: solid 1px #d0cfcb;
						padding-top: 8px;
						padding-bottom: 8px;
						}

					#mp3top div.meermuziek a{
						background-image: url(images/bigbutton.gif);
						width: 170px;
						height: 24px;
						display: block;
						line-height: 24px;
						text-align: center;
						text-decoration: none;
						font-weight: bold;
						font-family: Trebucet MS, verdana, arial, sans-serif;
						font-size: 75%;
						color: #165e80;
						float: right;
						}

						#mp3top div.song{
							border-top: solid 1px #d0cfcb;
							width: 316px;
							float: right;
						}

							#mp3top div.song a.lied{
								color: #045276;
								margin-left: 7px;
								background-image: url(images/musicicon.gif);
								text-decoration: none;
								background-repeat: no-repeat;
								background-position: left;
								text-indent: 20px;
								line-height: 28px;
								display: block;
								float: left;
								height: 28px;
								font-size: 80%;
								}

								#mp3top div.song a.listen{
								color: #045276;
								background-image: url(images/speakericon.png);
								background-repeat: no-repeat;
								background-position: 0px 7px;
								behavior: url('/themes/iepngfix.htc');
								text-decoration: none;
								text-indent: 20px;
								line-height: 28px;
								display: block;
								float: right;
								height: 28px;
								font-size: 75%;
								padding-right: 3px;
								}

				div#muziekwinkel{
					height: 272px;
					}

					#muziekwinkel div.meermuziek a{
						margin-top: 10px;
						background-image: url(images/bigbutton.gif);
						width: 170px;
						height: 24px;
						display: block;
						line-height: 24px;
						text-align: center;
						text-decoration: none;
						font-weight: bold;
						font-family: Trebucet MS, verdana, arial, sans-serif;
						font-size: 75%;
						color: #165e80;
						float: right;
						}
/*Nieuws image*/

	div#rightnieuws{
		background-image: none;
		display: table;
		width: 322px;
		float: left;
	}

	div#leftnieuws{
		background-image: url(images/bg_dots.gif);
		background-repeat: repeat-y;
		background-position: right;
		padding-left: 1px;
		width: 657px;
		float: left;
		}

	#content h2.nieuwsoverzicht{
		color: #186487;
		padding-bottom: 4px;
		font-size: 100%;
		font-weight: bold;
		padding-left: 0px !important;
	}

	a.bigbutton{
		background-image: url(images/smallest_button.gif);
		width: 71px;
		height: 17px;
		margin-top: 12px;
		display: block;
		margin-left: 18px;
		line-height: 16px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-family: Trebucet MS, verdana, arial, sans-serif;
		font-size: 75%;
		color: #165e80;
		}

	a.readmore{
		background-image: url(images/smallest_button.gif);
		width: 71px;
		height: 17px;
		margin-top: 0px;
		display: block;
		margin-right: 35px;
		line-height: 16px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		float: right;
		font-family: Trebucet MS, verdana, arial, sans-serif;
		font-size: 75%;
		color: #165e80;
		}

	p.nieuws{
		margin-bottom: 25px;
		clear: both;
	}

	p.nieuwsoverzicht{
		margin-bottom: 0px;
		clear: both;
	}

	p.nieuws img{
		margin-right: 15px;
		margin-bottom: 15px;
		border: solid 1px #BFBFBF;
		float: left;
		width: 150px;
		height: 150px;
	}

	p.nieuwsoverzicht img{
		margin-right: 15px;
		margin-bottom: 15px;
		border: solid 1px #BFBFBF;
		float: left;
		width: 50px;
		height: 50px;
	}

	div#newsbar{
		background-image: url(images/bg_dots2.gif);
		background-repeat: repeat-x;
		background-position: top;
		padding-top: 0px;
		display: table;
		width: 657px;
	}

	div#newsbaroverzicht{
		background-image: url(images/bg_dots2.gif);
		background-repeat: repeat-x;
		background-position: 0 22px;
		padding-top: 0px;
		margin-left: -18px;
		height: 24px;
		display: table;
		width: 657px;
	}

	div.last{
		background-image: none!important;
	}


/*Nieuws image*/

/*
Middle
*/

/*
bottom
*/

	div#footer{
		background-image: url(images/bg_dots.gif);
		background-repeat: repeat-x;
		background-position: 3px 1px;
		margin: 0px auto;
		width: 980px;
		display: table;
		clear: both;
		height: 40px;
		}
		
		#footer div#footernav{
			background-image: url(images/footerbg.gif);
			background-repeat: no-repeat;
			background-position: 120px 10px;
			padding-top: 15px;
			height: 40px;
			float: right;
			width: 200px;
			}

			#footer div#footernav a{
				text-decoration: none;
				font-size: 85%;
				color: #7d726a;
			}
/*
bottom
*/


/*IMANO COLOFON*/

a#imanolink{
	background: url(http://www.imano.nl/themes/imano.nl/styles/images/colofonimano1.gif) no-repeat 0px -5px;
	text-indent: -999999px;
	padding-right: 100px;
	width: 61px;
	height: 40px;
	line-height: 29px;
	float: right;
	display: block;
	}

a#imanolink:hover{
	background: url(http://www.imano.nl/themes/imano.nl/styles/images/colofonimano2.gif) no-repeat 0px -5px;
	}

/*IMANO COLOFON*/