/*
	Title: Default CSS
	Date: 11 Oct 2010
	Author(s): Kristof Houben
	Company: Yappa BVBA
*/

/* GLOBAL
=====================================*/


body{
	font-family:Helvetica, arial, serif;
	font-size:12px;
	background-image:url(/img/bg-noise.gif);
	color:white;
	line-height:1.5em;
	text-shadow:1px 1px 0 black;
}

#bg{
	position:absolute;
	background:url(/img/bg.jpg) no-repeat top center;
	top:0;
	left:0;
	right:0;
	height:775px;
	z-index:-1;
}

span.big{
	font-size:18px;
}

a{
	color:#CAD30C;
	cursor:pointer;
}

*{
	font-family:Helvetica, arial, serif;
	font-size:12px;
}

.container{
	width:940px;
	margin:0 auto;
	position:relative;
}

#aside{
	width:220px;
	float:left;
	margin-right:20px;
}

#content{
	z-index:1;
	padding-top:350px;
}

#content .page, #content .full-page{
	float:left;
	width:500px;
	margin-right:20px;
	padding:40px;
	background:#861B20;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}

#content .full-page{
	width:100%;
	background:none;
}

.goodbrowser #content .page{
	background:rgba(255, 60, 70, 0.15) !important;
}

#content .page ul{
	margin:10px 0 10px 30px;
}

aside{
	width:340px;
	float:right;
	padding-top:75px;
}

h1{
	font-size:normal;
	font-weight:normal;
	font-size:32px;	
	margin-bottom:20px;
	letter-spacing: 1px;
}

h2{
	font-size:18px;
	font-weight:normal;
	margin-top:40px;
	margin-bottom:20px;
	letter-spacing: 1px;
}

p{
	margin-bottom:10px;
}

p.intro{
	font-size:14px;
}


/* HEADER 
=====================================*/
header{
	width:940px;
	margin:0 auto;	
}

header #logo{
	position:absolute;
	left:130px;
	top:30px;
}

header a.pietfavoriet{
	position:absolute;
	right:70px;
	top:190px;
	display:block;
	z-index:1;
	background:url(/img/pietfavoriet.png);
	height:183px;
	width:182px;
	text-indent:-9999em;
}

header a.pietfavoriet:hover{
	background-position: bottom center;
}

/* SINT
=====================================*/
#sint .arm{
	position:absolute;
	left:0;
	top:16px;
}

#sint .body{
	position:absolute;
	left:52px;
	top:45px;
}

#sint .fix{
	left:-80px;
	position:absolute;
	top:132px;
}

/* NAV
=====================================*/
nav{
	background:url(/img/bg-nav.png) no-repeat;
	width:524px;
	height:86px;
	position:absolute;
	right:0;
	top:30px;
}

nav ul li{
	float:left;
}

nav ul li a{
	float:left;
	display:block;
	font-size:17px;
	color:white;
	text-decoration: none;
	padding:20px 23px 0px 33px;
	text-shadow:none;
}

nav ul li a.row2{
	margin-left:25px;
}

nav ul li a.praktisch:hover{
	color:#FBFFBF;
}

nav ul li a.kamers:hover{
	color:#EDB3EF;
}

nav ul li a.huis:hover{
	color:#FFBFC3;
}

nav ul li a.favoriet:hover{
	color:#DFF2FF;
}

nav ul li a.kleurplaten:hover{
	color:#FFF1CF;
}

nav ul li a.scholen:hover{
	color:#DFFFEB;
}

nav ul li a.last{
	padding-left:60px;
}


/* ASIDE
=====================================*/
a.button-mail{
	background:url(/img/btn-email.png) no-repeat bottom center;
	width:340px;
	height:170px;
	display:block;
	text-indent: -9999em;
	margin-bottom:20px;
}

a.button-mail:hover{
	background:url(/img/btn-email.png) no-repeat top center;
}

a.button-podcast{
	background:url(/img/btn-podcast.png) no-repeat bottom center;
	width:340px;
	height:69px;
	display:block;
	text-indent: -9999em;
	display:none;
}

a.button-hitfm{
	display:block;
	text-align: center;
	margin-top:20px;
}

a.button-cd{
	display:block;
	text-align: center;
	margin-top:50px;
	margin-left:20px;
}

/* FOOTER
=====================================*/
footer{
	padding:40px 0;
	margin-top:60px;
	background:#4E1013;
	position:relative;
}

footer ul{
	margin-left:15px;
}

footer ul li{
	color:white;
	
}

.goodbrowser footer ul li{
	color:rgba(255,255,255,0.75);
	
}

footer .sint{
	position:absolute;
	right:0;
	top:-132px;
}

.goodbrowser footer{
	background:rgba(0,0,0,0.2) !important;
}

footer .col3{
	margin-right:20px;
	width:300px;
	float:left;
}

/* PARTNER
=====================================*/
#partners{
	background:#4E1013;
}

#partners .container{
	text-align:center;
}

/* YAPPA
=====================================*/
#yappa, #zoz{
	vertical-align: middle;
}

#partners p{
	font-size:11px;
	color:#D5C7C7;
}


/* PAGE SPECIFIC
====================================================================================================================================================*/

	/* KAMERS
	=====================================*/
	#kamer-nav{
		margin:0;
		list-style: none;
		padding-bottom:30px;
	}
	#kamer-nav li{
		float:left;
		margin:0;
	}
	
	
	/* PIET FAVORIET
	=====================================*/
	.pieten{
		height:540px;
	}
	
	.pieten p, .pieten h2{
		text-align:center;
	}	
	
	.pieten .btn-vote{
		background:url("../img/btn-vote.png") no-repeat scroll 0 0 transparent;
		color:white;
		display:block;
		font-size:16px;
		padding:13px 0 18px 1px;
		text-align:center;
		text-decoration:none;
		width:188px;
	}
	
	.pietfavoriet{
		position:relative;
	}
	
	.pietfavoriet .mouth{
		width:26px;
		height:20px;
		background:url(../img/mouths.png) no-repeat top center;
		position:absolute;
	}
	
	#piet0 .mouth{
		left:81px;
		top:99px;
	}
	
	#piet1 .mouth{
		left:87px;
		position:absolute;
		top:87px;
	}
	
	#piet2 .mouth{
		left:99px;
		top:106px;
	}
	
	#piet3 .mouth{
		left:105px;
		top:83px;
	}
	
	#piet4 .mouth{
		left:55px;
		top:87px;
	}
	
	.pietfavoriet .mouth.open{
		background:url(../img/mouths.png) no-repeat bottom center;
	}
	
	/* HOME
	=====================================*/
	.home-button{
		margin-right:40px;
	}
	
	/* FLICKR GALLERY
	=====================================*/
	#flickr_next {
		background: url('../img/nxt.gif') no-repeat;
		background-position: 5px;
		position: absolute;
		top: -50px;
		left: -50px;
		display: none;
		width: 25px;
		height: 10px;
		background-color: #000;
		padding: 5px;
		cursor: pointer;
	}
	
	#flickr_prev {
		background: #DDD url('../img/prv.gif')no-repeat;
		background-position: 5px;
		position: absolute;
		top: -50px;
		left: -50px;
		display: none;
		width: 25px;
		height: 10px;
		background-color: #000;
		padding: 5px;
		cursor: pointer;
	}
	
	#flickr_loader {
		background:url('../img/loader.gif') no-repeat center center;
		z-index: 1000;
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
	}
	
	
	#flickr_thumbs {
		position: absolute;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}
	#flickr_div {
	    width: 500px;
	    height: 330px;
	    margin: auto;
	    margin-top: 15px;
	    background-color: #000;
	}
/**/
#verkooppunten{
	width:100%;
	margin-bottom:20px;
}

#verkooppunten tr td{
	padding:5px;
	border:1px solid #AF363B;
}