/* GENERAL */
body{
	position:				absolute;
	width:					100%;
	height:					100%;
	margin:					0px;
	background-color:		#1A1A1A;
	background-image:		url('../img/backgrounds/body.jpg');
	background-position:	top center;
	background-repeat:		repeat-x;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#666666;
}

h1{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			-10px;
	font-size:				20px;
	font-weight:			bold;
	color:					#FC7215;
}

h2{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			-10px;
	font-size:				14px;
	font-weight:			bold;
	color:					#333333;
}

p{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			15px;
}

table{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			15px;
	border-collapse:		collapse;
}

table tr.highlight td{
	color:					#FC7215;
}

table tr.highlight td.dark{
	color:					#FC7215;
}

table tr th{
	padding:				5px;
	border-bottom-style:	solid;
	border-color:			#CCCCCC;
	border-width:			1px;
	font-weight:			normal;
}

table tr th.large{
	width:					100%;
}

table tr td{
	padding:				5px;
	border-bottom-style:	solid;
	border-color:			#E1E1E1;
	border-width:			1px;
}

table tr td.large{
	width:					70%;
}

table tr td.small{
	width:					30px;
}

table tr td.dark{
	font-weight:			bold;
	color:					#000000;
}

ul{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			15px;
}

ol{
	margin:					20px;
	margin-top:				15px;
	margin-bottom:			15px;
}

form{
	margin:					0px;
}

a{
	text-decoration:		none;
	color:					#FC7215;
}

a:hover{
	text-decoration:		underline;
	color:					#FC7215;
}

img{
	border:					none;
}

.left{
	float:					left;
}

.right{
	float:					right;
}

.center{
	text-align:				center;
}

.righttext{
	text-align:				right;
}

.hidden{
	display:				none;
}


/* FRAME */
div#frame{
	width:					960px;
	margin-top:				10px;
	margin-left:			auto;
	margin-right:			auto;
	background-image:		url('../img/backgrounds/frame.gif');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	padding-bottom:			35px;
	overflow:				hidden;
}


/* HEADER */
div#header{
	width:					960px;
	height:					165px;
	padding-top:			23px;
	background-image:		url('../img/backgrounds/header.jpg');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	float:					left;
}

div#header div{
	width:					805px;
	height:					21px;
	margin-left:			-137px;
	padding-top:			4px;
	padding-left:			145px;
	background-image:		url('../img/backgrounds/crumb.gif');
	float:					left;
}

div#header ul{
	width:					800px;
	height:					40px;
	margin:					0px;
	margin-top:				5px;
	margin-left:			-137px;
	padding:				0px;
	padding-left:			150px;
	list-style:				none;
	background-image:		url('../img/backgrounds/menu.jpg');
	display:				block;
	float:					left;
}

div#header ul ul{
	display:				none;
}

div#header ul li{
	float:					left;
}

div#header ul li.submenu:hover {
	background-image:		url('../nav/dropdown/li.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
}

div#header ul li.submenu:hover ul {
	position:				absolute;
	width:					190px;
	height:					auto;
	margin:					0px;
	margin-top:				-7px;
	padding:				0px;
	border-left-style:		solid;
	border-right-style:		solid;
	border-color:			#CFCFCF;
	border-width:			1px;
	background:				none;
	background-color:		#EAEAEA;
	display:				block;
}

div#header ul li.submenu:hover ul li {
	border-bottom-style:	solid;
	border-color:			#CFCFCF;
	border-width:			1px;
	float:					none;
}

div#header ul li.submenu:hover ul li a {
	width:					155px;
	height:					20px;
	padding:				0px;
	padding-top:			5px;
	padding-left:			10px;
	padding-right:			25px;
	background-image:		url('../nav/dropdown/default.gif');
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	font-style:				normal;
	color:					#666666;
}

div#header ul li.submenu:hover ul li a:hover {
	background-image:		url('../nav/dropdown/hover.gif');
	color:					#000000;
}

div#header ul li.submenu:hover a {
	background-image:		url('../nav/dropdown/a.jpg');
	color:					#000000;
}

div#header ul li a{
	margin-top:				1px;
	padding-top:			9px;
	padding-bottom:			11px;
	padding-left:			10px;
	padding-right:			25px;
	background-image:		url('../nav/menu.jpg');
	background-position:	top right;
	background-repeat:		no-repeat;
	font-family:			'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	font-style:				italic;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
}

div#header ul li a:hover{
	color:					#FFCC99;
}

div#header img{
	float:					left;
}

div#header img.logo{
	position:				relative;
	margin-top:				-23px;
	margin-left:			12px;
	margin-right:			-6px;
	z-index:				1;
}

div#header img.header{
	margin-top:				10px;
}

div#header img.wildkamp{
	margin-top:				14px;
	margin-left:			13px;
}

div#header img.rabobank{
	margin-left:			12px;
}


/* MAIN */
div#main{
	width:					960px;
	margin-top:				5px;
	background-color:		#FFFFFF;
	float:					left;
}

div#main div.title{
	height:					27px;
	padding-top:			13px;
	padding-left:			15px;
	padding-right:			15px;
	font-family:			'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	color:					#FFFFFF;
}

div#main p{
	line-height:			150%;
}


/* LEFTBAR */
div#leftbar{
	width:					340px;
	padding-left:			5px;
	background-image:		url('../img/backgrounds/left.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	display:				inline;
	float:					left;
	overflow:				hidden;
}

div#leftbar div{
	width:					340px;
	margin-top:				5px;
	padding-bottom:			5px;
	background-image:		url('../img/backgrounds/blocks/medium.jpg');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	float:					left;
}

div#leftbar div div.title{
	width:					310px;
	margin:					0px;
	padding-bottom:			0px;
	background-image:		url('../img/backgrounds/titles/medium.jpg');
	float:					none;
}


/* MIDDLEBAR */
div#middlebar{
	width:					260px;
	margin-left:			5px;
	display:				inline;
	float:					left;
	overflow:				hidden;
}

div#middlebar div{
	width:					260px;
	margin-top:				5px;
	padding-bottom:			5px;
	background-image:		url('../img/backgrounds/blocks/small.jpg');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	float:					left;
}

div#middlebar div div.title{
	width:					230px;
	margin:					0px;
	padding-bottom:			0px;
	background-image:		url('../img/backgrounds/titles/small.jpg');
	float:					none;
}

div#middlebar div div#gold.title{
	width:					230px;
	margin:					0px;
	padding-bottom:			0px;
	background-image:		url('../img/backgrounds/titles/gold.jpg');
	float:					none;
}

div#middlebar div div#gray.title{
	width:					230px;
	margin:					0px;
	padding-bottom:			0px;
	background-image:		url('../img/backgrounds/titles/gray.jpg');
	float:					none;
}

div#middlebar div input{
	width:					175px;
	margin-right:			5px;
	margin-bottom:			15px;
	float:					left;
}

div#middlebar div select{
	width:					185px;
	margin-right:			5px;
	margin-bottom:			15px;
	float:					left;
}


/* RIGHTBAR */
div#rightbar{
	width:					340px;
	margin-left:			5px;
	padding-right:			5px;
	background-image:		url('../img/backgrounds/right.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	display:				inline;
	float:					left;
	overflow:				hidden;
}

div#rightbar div{
	width:					340px;
	margin-top:				5px;
	padding-bottom:			5px;
	background-image:		url('../img/backgrounds/blocks/medium.jpg');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	float:					left;
}

div#rightbar div div.title{
	width:					310px;
	margin:					0px;
	padding-bottom:			0px;
	background-image:		url('../img/backgrounds/titles/medium.jpg');
	float:					none;
}


/* Toolbar */

.toolbar ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}


/* General button style */

.button {
	display: inline-block;
	padding: 0 0 0 10px;
	height: 24px;
	font-weight: bold;
	background: url(../img/button-sprite.png) no-repeat 0 0;
	color: #FFF;
}

.button .button-text {
	display: block;
	padding: 0 25px 0 0;
	line-height: 24px;
	background: url(../img/button-sprite.png) no-repeat 100% 0;
}

.button:hover {
	text-decoration: none;
	background-position: 0 -24px;
	color: #FFCC99;
}

.button:hover .button-text {
	background-position: 100% -24px;
}


/* Wall of HHC */

#wall-of-hhc .body {
	padding: 30px 0;
	margin: 0 4px;
	height: 95px;
	line-height: 30px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/wall-of-hhc-bg.png) no-repeat 0 0;
	color: #FFF;
}

#wall-of-hhc .body .number-sold {
	line-height: 28px;
	font-size: 22px;
	color: #FC7213;
}

#wall-of-hhc .toolbar {
	width: 230px;
	margin: 0 5px;
	padding: 10px;
	background: url(../img/toolbar-bg.png) repeat-x 0 0;
}


/* Construction block */

#leftbar #construction .title {
	height: 50px;
	background: url(../img/construction-title-bg.png) no-repeat 0 0;
}

#leftbar #construction .title p {
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#construction .body {
	margin: 0 6px;
	padding: 10px 0 0 0;
	width: 329px;
	height: 150px;
	background: url(../img/construction-bg.png) no-repeat 0 10px;
}

#construction .toolbar {
	width: 310px;
	margin: 0 5px;
	padding: 10px;
	background: url(../img/construction-toolbar-bg.png) repeat-x 0 0;
}

#construction .funds-meter {
	float: left;
	position: relative;
	padding: 0;
	margin: 4px 0 0 40px;
	width: 16px;
	height: 143px;
	background-color: #EAEFF2;
	background-image: none;
}

#construction .funds-meter-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 16px;
	margin: 0;
	padding: 0;
	background-color: #FB7114;
	background-image: none;
}

#construction .funds-meter-mask {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 143px;
	background: url(../img/funds-meter-mask.png) no-repeat 0 0;
}

#construction .collected-amount-track {
	float: left;
	position: relative;
	padding: 0;
	margin: 4px 0 0 80px;
	width: 165px;
	height: 143px;
	background: none;
}

#construction .collected-amount {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 -30px 0;
	padding: 0 0 6px 20px;
	width: 170px;
	height: 48px;
	line-height: 48px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 30px;
	background: url(../img/collected-amount-bg.png) no-repeat 0 0;
	color: #FFF;
}

/* Sponsor slides */
div#middlebar div#sponsor_scroller {
	margin: 0px 10px 0px 10px;
	overflow:hidden;
	background:none;
	width:240px;
}

div#middlebar div#sponsor_content p {
	float:left;
	margin-right:0px;
}

div#middlebar div#sponsor_content{
	background:none;
	width: 1000000px;
}

div#middlebar div.sponsor_slide{
	background: none;
	float:left;
}

div#middlebar div.sponsor_slide a {
	margin-left:15px;
}

/* Twitter feed */

div#middlebar #twitter-feed div.title{
	float: none;
}

#twitter-feed .tweet,
#twitter-feed .footer {
	background: none;
}

#twitter-feed .tweet {
	margin: 0 5px;
	padding: 10px;
	width: auto;
	border-bottom: 1px solid #ccc;
}

#twitter-feed .tweet p {
	margin: 0;
}

#twitter-feed .tweet p.meta {
	margin: 5px 0 0;
	font-size: 10px;
	color: #FC7215;
}

#twitter-feed .tweet .hashtag {
	color: #999;
}

#twitter-feed .footer {
	margin: -1px 6px 0;
}

#twitter-feed .footer h2 {
	display: none;
}

#twitter-feed .footer a {
	display: block;
	width: 248px;
	height: 85px;
	text-indent: -9999px;
	background: url(../img/twitter-feed-sprite.png) no-repeat 0 0;
}

#twitter-feed .footer a:hover {
	background-position: 0 -90px;
}

div#header ul li.submenu:hover ul ul,
div#header ul li.sfhover ul ul
{
display:none;
}

div#header ul li.submenu:hover ul li:hover,
div#header ul li.sfhover ul li.sfhover
{
background: none;
}

div#header ul li.submenu:hover ul li:hover ul li:hover,
div#header ul li.sfhover ul li.sfhover  ul li.sfhover
{
background:none;
}
div#header ul li.submenu:hover ul li:hover ul,
div#header ul li.sfhover ul li.sfhover ul
{
border-top: 1px solid #E1E1E1;
margin-top: -26px;
margin-left:190px;
display:block;
}


#glasvezelactie .body {
	display:block;
	overflow:hidden;
	padding:0 5px;
}

#glasvezelactie .body img {
	display:block;
}

p.afgelast
{
	width:154px;
	height: 75px;
	margin-left: 50px;
	margin-top:-60px;
	z-index: 900;
	position:relative;
	background: url("../img/afgelast.png") no-repeat;
}