* { padding: 0px; spacing: 0px; margin: 0px; }

body, html { background: url(../images/bg.jpg) repeat-x #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

a { color: #ba080b; }

h1 { font-size: 18px; }

h1.interesse { text-align: right; color: #333333; font-size: 14px; margin: 0 0 10px 0; }

h2 { font-size: 14px; }

li { list-style: none; }

#container { width: 1000px; position: relative; text-align: left; }

#header { background: url(../images/headerimg.jpg) no-repeat; width: 950px; height: 133px; position: relative;}

#menu { position: absolute; left: 450px; top: 82px; }

/*
.nav{position:relative;display:block;height:40px;font-size:11px;font-weight:bold;background:url(../images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.nav ul li{display:block;float:left;margin:0 1px 0 0;}
.nav ul li a{display:block;float:left;color:#FECCC3;text-decoration:none;padding:14px 15px 0 15px;height:28px;}
.nav ul li a:hover, .nav ul li a.current{color:#fff;background:url(../images/redslate_backgroundOVER.gif) no-repeat top center;}
*/

#nav {position: absolute; left: 400px; top: 50px;}
	#nav li { float: left; line-height: 16px; font-size: 14px; padding: 5px; }
	#nav li:last-child { margin-right: 0; padding-right: 0; }
	#nav a { color: #FFFF00; text-decoration: none; padding: 10px;}
	#nav li.current a, ul#nav li.current a { padding: 10px; color: #fff; background: #ca090c; font-weight: bold; text-decoration: underline; border: 1px solid #e46669;}
	#nav li.current a { color: #fff; font-weight: bold; }



#logo_onder { background: url(../images/logo_onderkant.jpg); width: 170px; height: 18px; position: relative; margin: 0 0 0 64px; }

#blogstars { width: 590px; position: relative; float: left;}

#youtube { width: 360px; margin: 0 0 0 10px; float: left; }

.blogstar { position: relative; width: 200px; text-align: center; float: left; margin: 0 0 10px 20px; }

.blogstar a{ background: url(../images/kader.png); height: 167px; width: 191px; position: relative; display: block; float: left; margin: 0 0 0 5px; }

/* NIEUWSSCROLLER */

#nieuws {
	width: 360px;
	position: absolute;
	left: 600px;
	top: 450px;
}

small {
	color: gray;
	font-weight: normal;
	font-size: 11px;
	display: block;
}

#widget {
	overflow: hidden;
	background: #e3e3e3;
	padding: 1em;
	border: 1px solid #c5c5c5;
	height: 500px; /* You should adjust this height for your project. */
	position: relative;
	float: left;
}

#widget img {
	float: left;
	border: 1px solid white;
	padding: .2em;
	background: #d3d3d3;
	margin-right: .5em;
	width: 90px;
	height: 90px;
}

br {display:none}

#widget li {
	clear: left;
	overflow: hidden;
	position: relative;
	top: 0;
	list-style: none;
	padding-bottom: 1em;
	margin-bottom: 1em;
	height: 105px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

#widget li p {
	color: #474747;
}

/* BLOGSTARS */

.maud {
	background: url(../images/maud.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}
	
.zarayda {
	background: url(../images/zarayda.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}
	
.raja {
	background: url(../images/raja.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}
	
.jeffrey {
	background: url(../images/jeffrey.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}

.sanne {
	background: url(../images/sanne.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}
	
.aaliyah {
	background: url(../images/aaliyah.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}
	
.making {
	background: url(../images/making.jpg);
	height: 120px;
	width: 124px;
	margin: 22px 0 0 34px;
}