/* -- Main styles --*/

head, body{
	margin: 0px;
	padding: 0px;
}

body{
	background: url(../img/body.png) left top repeat-x #4B0178;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}

#swoosh{
	width: 979px;
	margin: 0px auto;
	/*background: url(../img/swoosh.png) center top no-repeat #4B0178;*/
}

.claro{
	clear: both;
}

a img{
	border-width: 0px;
}

.sIFR-alternate{
	display: none;
}

h2,
#bodycontent h1{
	margin: 0px;
	padding: 0px 10px 20px 0px;
	display: block;
	color: #99FF00;
	font-size: 20px;
}

#bodycontent a{
	color: #99FF00;
}

#container{
	width: 979px;
	margin: 0px auto;
	text-align: left;
}

/* -- Elements -- */

#header{
	height: 188px;
	text-align: left;
	background: url(../img/swoosh.gif) center bottom no-repeat;
}

	#hwb_tab{
		position: absolute;
		margin-left: 799px;
		top: 0px;
	}
	
		#hwb_tab a{
			display: block;
			width: 180px;
			height: 45px;
			background: url(../img/hwb_tab.png) left top no-repeat;
		}
	
	
	#banner{
		position: absolute;
		margin-left: 497px;
		margin-top: 45px;
		width: 482px;
		height: 79px;
		background: url(../img/topbanner.gif) left top no-repeat;
	}
	
		#bannerItem{
			padding: 10px 0px 0px 7px;
		}
	
	#logo{
		position: absolute;
		margin-top: 0px;
		display: block;
	}
		
	#search{
		position: absolute;
		width: 789px;
		height: 144px;
		background: url(../img/search.png) left 2px no-repeat;
		margin-top: 100px;
		margin-left: 106px;
		padding-left: 11px;
	}
		
		#searchform{
			display: block;
			margin: 0px;
			padding: 0px;
		}
		
		#searchform input,
		#searchform #subject{
			height: 28px;
			border-width: 0px;
			color: #4B0178;
			font-size: 20px;
		}
		
		#keywords{
			position: absolute;
			margin-top: 75px;
			margin-left: 40px;
			width: 264px;
		}
		
		#subject{
			position: absolute;
			width: 190px;
			margin-top: 77px;
			margin-left: 344px;
		}
		
		#subListButton{
			position: absolute;
			text-decoration: none;
			width: 35px;
			height: 35px;
			margin-left: 545px;
			margin-top: 70px;
		}
		
		#searchSubjects{
			position: absolute;
			background-color: #FFF;
			margin-left: 346px;
			margin-top: 107px;
			width: 224px;
			padding: 5px;
			line-height: 20px;
			display: none;
			z-index: 100;
		}
		
			#searchSubjects a{
				display: block;
				color: #4B0178;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
			}			
		
		#searchbutton{
			position: absolute;
			width: 105px;
			height: 55px;
			margin-left: 620px;
			margin-top: 60px;
			text-decoration: none;
			display: block;
		}
	
	#feeds,
	#feeds li{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#feeds{
		position: absolute;
		margin-left: 870px;
		margin-top: 186px
	}
		
		#feeds a{
			color: #FFF;
			text-decoration: none;
		}
	
	#crumbs,
	#crumbs li{
		display: block;
		float: left;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#crumbs{
		position: absolute;
		margin-top: 214px;
		margin-left: 28px;
		height: 17px;
		background: url(../img/crumbs.gif) left top no-repeat;
		padding-left: 25px;
	}
	
	.list #crumbs{
		margin-top: 234px;
	}
	
		#crumbs a,
		#crumbs span{
			display: block;
			padding: 2px;
			text-decoration: none;
			color: #FFF;
		}
		
		#crumbs a:hover{
			text-decoration: underline;
		}
		
#main{
	clear: both;
	background-color: #4B0178;
	padding: 60px 12px 20px 12px;
}

.list #main{
	padding-top: 80px;
}

#left{
	width: 710px;
	float: left;
}

.home #left{
	width: 716px;
}

#bodycontent{
	padding: 0px 20px 20px 20px;
}

	#bodycontent h1{
		color: #99FF00;
		padding-bottom: 10px;
	}
	
	#bodycontent p{
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}
	
	#bodycontent ul,
	#bodycontent li{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	#bodycontent li{
		background: url(../img/similarArrow.gif) left 3px no-repeat;
		padding: 0px 0px 10px 20px;
	}
	
	#bodycontent li a{
		color: #99FF00;
	}

#homemenu{
	background: url(../img/home-menu.gif) left top no-repeat #8400B0;
	width: 716px;
}

	#homemenu .bottom{
		background: url(../img/home-menu.gif) -716px bottom no-repeat;
		padding: 50px 10px 10px 10px;
	}

#menu{
	width: 223px;
	float: left;
	background: url(../img/onderwerpen.gif) -223px bottom no-repeat #8400B0;
	padding-bottom: 19px;
	font-weight: bold;
}

	#menu ul,
	#menu li,
	#homemenu ul,
	#homemenu li{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	#menu ul{
		background: url(../img/onderwerpen.gif) left top no-repeat;
		padding-top: 40px;
		padding-left: 19px;
	}
	
	#homemenu ul{
		float: left;
		clear: none;
		width: 223px;
	}
	
	#menu a,
	#homemenu a{
		color: #FFF;
		text-decoration: none;
		line-height: 22px;
		font-weight: bold;
		background: url(../img/subjectArrow.gif) left 4px no-repeat;
		padding-left: 16px;
		font-size: 14px;
	}
	
	#homemenu a{
		font-size: 18px;
		background-position: left 7px;
	}
	
	#menu a:hover,
	#homemenu a:hover{
		text-decoration: underline;
	}
	
	#menu .active{
		color: #99FF00;
	}
	
#lastfour{
	width: 223px;
	float: left;
	background: url(../img/home-lastfour.gif) left 33px no-repeat;
	padding-top: 60px;
	margin-right: 11px;
}

	#lastfour li,
	#lastfour ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
		display: block;
	}
	
	#lastfour li{
		background: url(../img/home-puentes.gif) left top no-repeat #A800D3;
		margin-bottom: 10px;
	}
	
	#lastfour .bottom{
		background: url(../img/home-puentes.gif) -223px bottom no-repeat;
		padding: 10px;
	}
	
	#lastfour h3,
	#lastfour h3 a,
	#lastfour p{
		margin: 0px;
		padding: 0px;
		color: #99FF00 !important;
		font-weight: bold;
		font-size: 13px;
		text-decoration: none;
	}
	
	#lastfour p{
		color: #FFF !important;
		font-weight: normal;
	}
	
	#lastfour .submitter{
		padding-top: 5px;
		color: #99FF00;
		font-style: italic;
	}
	
#lastfour #home-actie{
	padding-top: 20px;
}


#centralblock{
	width: 482px;
	float: left;
}
		
#homebanner{
	width: 482px;
	float: left;
	background: url(../img/home-banner.gif) left top no-repeat #333;
	margin-top: 12px;
}

	#homebanner .bottom{
		background: url(../img/home-banner.gif) -482px bottom no-repeat;
		padding: 6px;
	}
	
	
#homeinfo{
	width: 223px;
	background: url(../img/home-ezelsbruggetje.gif) 10px 25px no-repeat;
	float: left;
}

	#homeinfo .bottom{
		padding-left: 10px;
		padding-top: 53px;
	}
	
	#homeinfo img{
		border: #A800D3 solid 1px;
	}
	
	#homeinfo a{
		color: #99FF00;
	}
	
#stuurin{
	width: 232px;
	background: url(../img/home-stuurin.gif) -232px top repeat-y;
	float: left;
	margin-top: 13px;
	margin-left: 27px;
}

	#stuurin ul,
	#stuurin li,
	#stuurin form{
		margin: 0px;
		padding: 2px 0px;
		display: block;
		list-style: none;
		float: none;
		font-weight: bold;
	}

	#stuurin .top{
		background: url(../img/home-stuurin.gif) left top no-repeat;
	}
	
	#stuurin .bottom{
		background: url(../img/home-stuurin.gif) -464px bottom no-repeat;
		padding: 40px 10px 10px 10px;
	}
	
	#stuurin .errors{
		background: url(../img/errorbackground.gif) -212px top repeat-y;
		color: #000;
	}
	
		#stuurin .errortop{
			background: url(../img/errorbackground.gif) left top no-repeat;
		}
		
		#stuurin .errorbottom{
			background: url(../img/errorbackground.gif) -424px bottom no-repeat;
			padding: 10px;
		}
	
		#stuurin .errors li{
			color: #F00;
			background: url(../img/errorarrow.gif) left 5px no-repeat;
			padding-left: 8px;
		}
		
	#stuurin .thanks{
		background: url(../img/thanksbackground.gif) left top no-repeat #99FF00;
		color: #4B0178;
	}
		
		#stuurin .thanks a{
			color: #4B0178;
		}
	
		#stuurin .thanksbottom{
			background: url(../img/thanksbackground.gif) -212px bottom no-repeat;
			padding: 10px;
		}
		
		#stuurin .thanks p{
			margin: 0px;
			padding: 10px 5px 5px 5px;
		}
		
		#stuurin .close{
			width: 14px;
			height: 14px;
			float: right;
			display: block;
		}
		
		#stuurin .thankstop{
			height: 20px;
		}
	
	#stuurin span{
		font-weight: normal;
		height: 10px;
	}
	
	#stuurin input,
	#stuurin textarea{
		border: #FFF solid 0px;
		width: 200px;
		height: 16px;
		color: #4B0178;
		padding: 0px;
	}
	
	#stuurin textarea{
		height: 110px;
	}
	
	#stuurin .submitted{
		display: none;
	}
	
	#stuurin .fancyselect{
		width: 210px;
		height: 25px;
		background: url(../img/home-fancyselect.gif) left top no-repeat;
		margin-top: 3px;
		text-align: left;
	}
	
	#stuurin .faultyselect{
		background-position: -210px top;
	}
	
	#stuurin .fancyselect input{
		width: 180px;
		float: left;
	}
	
		#submitSubjects{
			position: absolute;
			width: 190px;
			background-color: #FFF;
			border: #4B0178 solid 1px;
			border-width: 0px 1px 1px 1px;
			margin-top: 25px;
			margin-left: 5px;
			display: none;
		}
		
			#submitSubjects a{
				color: #4B0178;
				display: block;
				text-decoration: none;
				padding: 2px 5px;
				float: none;
			}
			
		#submitSubject{
			position: absolute;
			margin-top: 5px;
			margin-left: 5px;
		}
		
		#submitList{
			position: absolute;
			width: 19px;
			height: 19px;
			display: block;
			margin-top: 3px;
			margin-left: 188px;
		}
		
		#submitSubjects a:hover{
			text-decoration: underline;
		}
	
	#stuurin .fancyinput{
		width: 205px;
		height: 25px;
		background: url(../img/home-fancyinput.gif) left top no-repeat;
		padding: 5px 0px 0px 5px;
		margin-top: 3px;
	}
	
	#stuurin .faultyinput{
		background-position: -210px top;
	}
	
	#stuurin .fancyarea{
		width: 210px;
		background: url(../img/home-fancyarea.gif) -210px top repeat-y #FFF;
		margin-top: 3px;
	}
	
	#stuurin .faultyarea{
		background-position: -840px top;
	}
	
		#stuurin .fancyarea .top{
			background: url(../img/home-fancyarea.gif) left top no-repeat;
		}
		
		#stuurin .faultyarea .top{
			background-position: -630px top;
		}
		
		#stuurin .fancyarea .bottom{
			background: url(../img/home-fancyarea.gif) -420px bottom no-repeat;
			padding: 5px 0px 3px 5px;
		}
		
		#stuurin .faultyarea .bottom{
			background-position: -1050px bottom;
		}
		
	#submitsubmission{
		float: right;
		width: 61px;
		height: 23px;
		display: block;
		background: url(../img/home-stuurinbutton.gif) left top no-repeat;
	}
		
	
	
#puenteList{
	float: right;
	width: 457px;
}
	
	#puenteCabeza .rssLink{
		float: left;
		width: 18px;
		height: 18px;
		background: url(../img/rsslink.gif) left top no-repeat;
		display: block;
		margin-top: 3px;
	}
	
	#puenteTitle{

	}
	
		#puenteTitle h2{
			padding-bottom: 5px;
		}
	
	#puenteSorting{
		float: right;
		clear: both;
		padding-bottom: 10px;
		font-size: 11px;
	}
	
		#puenteSorting a{
			background: url(../img/updown.gif) right -100px no-repeat;
			padding-right: 16px;
			color: #99FF00;
			text-decoration: none;
		}
		
		#puenteSorting a:hover{
			color: #FFF;
		}
		
		#puenteSorting .active{
			background-position: right 6px;
		}
		
		#puenteSorting .aflopend{
			background-position: right -20px;
		}
		

	
	#puenteInfo{
		float: left;
		clear: both;
		height: 25px;
	}
	
	#similarPuentes{
		border-top: #99FF00 solid 1px;
		padding-top: 20px;
	}
	
		#similarPuentes ul,
		#similarPuentes li{
			display: block;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		
		#similarPuentes li{
			background: url(../img/similarArrow.gif) left 3px no-repeat;
			padding-bottom: 5px;
			padding-left: 20px;
		}
	
		#similarPuentes a{
			color: #FFF;
			text-decoration: none;
			font-weight: bold;
			font-size: 14px;
		}
		
		#similarPuentes a:hover{
			text-decoration: underline;
		}
	
	.pageNavigation,
	.pageNavigation li{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.pageNavigation{
		float: right;
		margin-bottom: 15px;
	}
	
		.pageNavigation li{
			float: left;
			padding: 0px 3px;
		}
		
		.pageNavigation a,
		.pageNavigation span{
			text-decoration: none;
			color: #FFF;
			display: block;
			float: left;
			width: 18px;
			height: 18px;
			background: url(../img/pageNav.gif) left -18px no-repeat;
			color: #4B0178;
			font-size: 11px;
			font-weight: bold;
			line-height: 18px;
			text-align: center;
		}
		
		.pageNavigation .step{
			background-position: left -35px;
			margin: 0px -3px;
		}
		
		.pageNavigation .start{
			background-position: left -72px;
			width: 24px;
		}
		
		.pageNavigation .end{
			background-position: left -54px;
			width: 24px;
		}
		
		.pageNavigation .active a{
			color: #FFF;
			background-position: left top;
		}
		
	.itemList,
	.itemList .puente,
	.itemList .commercial{
		clear: both;
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.itemList{
		padding-bottom: 20px;
	}
	
		.itemList .commercial{
			text-align: center;
			height: 73px;
		}
		
			.itemList .commercial iframe,
			.itemList .commercial ins{
				margin: 0px auto;
				display: block;
			}
	
		.itemList .puente{
			background: url(../img/puenteBg.gif) left top no-repeat #A800D3;
			width: 457px;
			margin-bottom: 15px;
		}
		
			.itemList .puente .bottom{
				background: url(../img/puenteBg.gif) -457px bottom no-repeat;
				padding: 8px;
			}
			
			.subInfo{
				float: right;
				width: 122px;
				padding-left: 5px;
			}
			
				.ratingBlock{
					background: url(../img/rating_bg.gif) left top no-repeat;
					height: 49px;
					padding: 5px;
					margin-bottom: 10px;
					text-align: center;
				}
				
					.ratingBlock form{
						display: none;
					}
				
					.ratingBlock .rating{
						background: url(../img/rating_stars.gif) left top no-repeat;
						height: 18px;
						width: 110px;
						margin: 0px auto;
						text-align: left;
					}
					
					.ratingBlock .activeStars{
						background: url(../img/rating_stars.gif) left -18px no-repeat;
						height: 18px;
						position: absolute;
					}
					
					.ratingBlock .rating a{
						width: 22px;
						height: 18px;
						float: left;
						display: block;
						position: absolute;
					}
					
					.rate2{
						margin-left: 22px;
					}
					.rate3{
						margin-left: 44px;
					}
					.rate4{
						margin-left: 66px;
					}
					.rate5{
						margin-left: 88px;
					}
					
					.ratingBlock .description{
						text-align: left;
						font-size: 10px;
						padding-top: 5px;
					}
				
				.social {
					width: 122px;
				}
					a.twitter {
						background: url(../img/twitter.gif) center left no-repeat;
						padding-left: 22px;
						display: block;
						color: #FFF;
						font-weight: bold;
						margin-bottom: 10px;
						text-decoration: none;
					}
					.sharethis {
						height: 18px;
						background: url(../img/sharethis_left.gif) top left no-repeat #FFF;
					}
					.sharethis a {
						display: block;
						height: 16px;
						background: url(../img/sharethis_right.gif) top right no-repeat;
						text-decoration: none;
						color: #4B0178;
						font-weight: bold;
						padding: 2px 0 0 22px;
					}

			.puente h3,
			.puente h1{
				display: block;
				padding: 0px;
				margin: 0px;
				font-size: 18px;
				font-weight: bold;
			}
			
			.puente h3 a,
			.puente h1 a{
				color :#99FF00;
				text-decoration: none;
			}
			
			.puente p{
				color: #FFF;
				font-size: 12px;
				font-weight: normal;
				line-height: 16px;
				padding: 0px;
				margin: 0px;
			}
			
			.puente .submitter{
				font-style: italic;
				color: #99FF00;
			}
		
			.tagList,
			.tagList li{
				display: block;
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
			.tagList li{
				float: left;
				clear: none;
				padding: 5px;
			}
			
	#singleCommercial{
		text-align: center;
		padding-top: 10px;
	}
	
		#singleCommercial ins{
			margin: 0px auto;
		}
	
/* -- The right bar -- */
	
#right{
	float: right;
	overflow: hidden;
	width: 220px;
}

	#actie{
		float: right;
		padding-bottom: 20px;
	}
	
	#tagCloud{
		float: left;
		width: 220px;
		background: url(../img/widget.gif) left top no-repeat #6F3493;
	}
	
		#tagCloud ul,
		#tagCloud li{
			display: block;
			margin: 0px;
			padding: 0px 5px 0px 0px;
			list-style: none;
		}
		
		#tagCloud ul{
			padding: 0px;
		}
	
		#tagCloud .bottom{
			background: url(../img/widget.gif) -220px bottom no-repeat;
			padding: 10px 5px 10px 10px;
		}
	
		#tagCloud li{
			float: left;
			height: 24px;
		}
		
		#tagCloud a{
			color: #FFF;
			text-decoration: none;
		}
		
		#tagCloud a:hover{
			text-decoration: underline;
		}
		
	#commercial{
		float: left;
		margin-top: 20px;
		width: 220px;
		background: url(../img/widget.gif) left top no-repeat #6F3493;
	}
	
		#commercial .bottom{
			background: url(../img/widget.gif) -220px bottom no-repeat;
			padding: 10px;
			text-align: center;
		}
		
	.list #commercial,
	.list #commercial .bottom{
		padding: 0px;
		background: none;
	}

		
		
/* -- The footer -- */
		
#footer{
	clear: both;
	padding: 42px 0px 50px 17px;
	background: url(../img/footer.gif) center top no-repeat;
	font-size: 11px;
}

	#footerlinks{
		float: left;
	}
	
	#footerlinks .owner{
		text-decoration: none;
	}
	
	#footer a{
		color: #FFF;
		text-decoration: none;
	}
	
	#footer a:hover{
		text-decoration: underline;
	}
	
	#footerinfo{
		float: left;
		margin-left: 30px;
	}