html, body {
height: 100%;}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-color: #F0F0F0;}

img {
padding: 0px;
margin: 0px;
border: 0px solid #000000;}

#container {
top: 0px;
width: 900px;
height: 100%;
overflow: visible;
background-color: #FBFDE5;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
border: 0px solid #000000;}

#topMenu {
height: 23px;
width: 900px;
top: 0px;
left: 0px;
position: absolute;
overflow: hidden;}

#header {
top: 25px;
left: 0px;
width: 900px;
height: 220px;
background: #cc0000;
position: absolute;
overflow: hidden;}

fieldset {
padding-left: 15px;
padding-right: 15px;}

#header img {
height: 220px;
width: 900px;
left: 0px;
top: 0px;
position: absolute;}

#shadowLeftHeader, #shadowRightHeader {
width: 17px;
height: 100%;
top: 0px;
position: absolute;}

#shadowLeftHeader {
left: -17px;
background: transparent url('../img/shadowLeft.png') repeat-y;}

#shadowRightHeader {
left: 900px;
background: transparent url('../img/shadowRight.png') repeat-y;}

#shadowLeftContent, #shadowRightContent {
width: 17px;
height: 100%;
top: 0px;
position: absolute;}

#shadowLeftContent {
left: -17px;
background: #f0f0f0 url('../img/shadowLeft.png') repeat-y;}

#shadowRightContent {
left: 900px;
background: #f0f0f0 url('../img/shadowRight.png') repeat-y;}

#content {
top: 245px;
left: 0px;
width: 900px;
height: auto;
background: #FBFDE5;
position: absolute;
padding: 0px;
font-size: 13px;}

#contentText {
position: relative;
top: 0px;
padding-top: 60px;
padding-bottom: 80px;
left: 60px;
/*width: 300px;*/
height: auto;
border: 0px solid #000000;}

#contentRestrictLeft {
width: 460px;
padding: 0px;
margin: 0px;
text-align: justify;}

#footer {
left: 0px;
bottom: 0px;
background: transparent url('../img/footerBg.gif') repeat-x;
height: 30px;
width: 900px;
position: absolute;}

#footer2 {
left: 0px;
bottom: 0px;
background: transparent url('../img/footerBg.gif') repeat-x;
height: 30px;
width: 900px;
margin: 0px auto 0px auto;
position: absolute;}

#letters {
left: 60px;
top: -24px;
background: transparent url('../img/letters2.png') no-repeat;
height: 54px;
width: 900px;
margin: 0px auto 0px auto;
position: absolute;}

#logo_bg1 {
right: 0px;
top: -407px;
background: transparent url('../img/bg.png') no-repeat;
height: 437px;
width: 409px;
margin: 0px;
position: absolute;}

#logo_bg2 {
right: 0px;
bottom: 0px;
background: transparent url('../img/bg.png') no-repeat;
height: 437px;
width: 409px;
margin: 0px;
position: absolute;}

#polletje1 {
right: 0px;
top: -407px;
background: transparent url('../img/polletje.png') no-repeat;
height: 434px;
width: 368px;
margin: 0px;
margin-right: 20px;
position: absolute;
z-index: 80;
font-size: 11px;}

#polletje2 {
right: 0px;
bottom: 0px;
background: transparent url('../img/polletje.png') no-repeat;
height: 434px;
width: 368px;
margin: 0px;
margin-right: 20px;
position: absolute;
z-index: 80;
font-size: 11px;}

#nav {
left: 50px;
top: 215px;
width: 800px;
height: 75px;
background: transparent;
position: absolute;
border: 0px solid #000000;
z-index: 90;}

#nav .root {
height: 51px;
width: 150px;
float: left;
margin: 5px;
border: 0px solid #000000;
cursor: pointer;}

#nav .menuList {
float: left;
height: 0px;
width: 150px;
background: transparent url('../x.gif') no-repeat;
overflow: hidden;
margin: 5px;
border: 0px solid #000000;
top: -78px;
position: relative;}

#nav .menuList .menuItem {
height: 29px;
width: 150px;
margin: 0px;
margin-top: 3px;}

#nav .menuList .menuItem .menuList {
width: 150px;
position: relative;
height: 0px;
overflow: hidden;
left: 150px;
top: 0px;
margin: 0px;
padding: 0px;}

#nav div.orange {
background: transparent url('../img/menuBgOrange.png') no-repeat;}

#nav div.green {
background: transparent url('../img/menuBgGreen.png') no-repeat;}

#nav div.red {
background: transparent url('../img/menuBgRed.png') no-repeat;}

#nav div.blue {
background: transparent url('../img/menuBgBlue.png') no-repeat;}

#nav div.yellow {
background: transparent url('../img/menuBgYellow.png') no-repeat;}

#nav div.level1 .orange {
background: transparent url('../img/menuBgOrangeSmall.png') no-repeat;}

#nav div.level1 .green {
background: transparent url('../img/menuBgGreenSmall.png') no-repeat;}

#nav div.level1 .red {
background: transparent url('../img/menuBgRedSmall.png') no-repeat;}

#nav div.level1 .blue {
background: transparent url('../img/menuBgBlueSmall.png') no-repeat;}

#nav div.level1 .yellow {
background: transparent url('../img/menuBgYellowSmall.png') no-repeat;}

#nav a, #nav span {
color: #ffffff;
font-weight: bold;
text-decoration: none;
display: block;
width: 136px;
margin: 0px;
padding-top: 7px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px;
text-align: center;}

#content a, #content a:active, #content a:visited {
color: #AA3333;
font-weight: bold;
text-decoration: none;}

#content a:hover {
color: #CC3333;
font-weight: bold;
text-decoration: underline;}

#topMenu a, #topMenu a:active, #topMenu a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;}

#topMenu a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;}

#nav table {
margin: 0px;
border-collapse: collapse;
padding: 0px;
height: 51px;
width: 150px;
position: absolute;}

#nav .menuList table {
height: 29px;}

p {
margin: 0px;}

h1, h2, h3, h4, h5, h6 {
color: #661111;}

#openingBG {
position: absolute;
left: 0px;
height: 2175px;
width: 900px;
top: -900px;
background: transparent url('../../bg.png') repeat-y;}

.voorkeur_dagdeel td{
border: 1px solid #000000;
padding: 2px;
width: 75px;
text-align: center;
vertical-align: center;}

.voorkeur_dagdeel table{
border-collapse: collapse;}

.poll-question {
	margin-left: 50px;
	margin-top: 110px;
	margin-right: 50px;
	color: #ffffff;
	font-weight: bold;
}

.poll-options {
	margin-left: 50px;
	margin-top: 10px;
	margin-right: 50px;
	color: #ffffff;
}

.poll-option a, .poll-option a:active, .poll-option a:visited {
	color: #ffffff !important;
	font-weight: normal !important;
	padding: 1px !important;
}

.poll-result span {
	color: #ffffff !important;
	font-weight: normal !important;
	padding: 1px !important;
}

.poll-option a:hover {
	background-color: #80d0ee;
}

.poll-option input {
	margin-left: -21px;
}

.poll-result-bar {
	color: #000000;
	height: 11px;
	font-size: 10px;
	padding: 1px;
	overflow: visible;
	white-space: nowrap;
	background-color: #ee0000;
	border: 1px solid #ffffff;
	margin-bottom: 3px;
	margin-top: 3px;
}

.vipics_albums { width:760px; margin-left:65px; }
	.vipics_albums .item {
		width:205px;
		height:195px;
		float:left;
		margin:0px 10px 10px 0;
		background: url(/dribbel/img/vipics_album.gif) no-repeat;
		position:relative;
	}
		.vipics_albums .item .img {
			position:absolute;
			top:31px;
			left:29px;
		}
		.vipics_albums .item .title {
			position:absolute;
			top:168px;
			left:11px;
			width:184px;
			height:32px;
			overflow:hidden;
			text-align:center;
		}
			.vipics_albums .item .title a { color:#000; font-size:11px; }

.vipics_photos { width:760px; }
	.vipics_photos .item {
		width:176px;
		height:142px;
		float:left;
		margin:0;
		background: url(/dribbel/img/vipics_photo.gif) no-repeat;
		position:relative;
	}
		.vipics_photos .item .img {
			position:absolute;
			top:15px;
			left:14px;
		}
			
			
.validationWarning { background:#fcc; }