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

#header
{
	background: url(../../../templates/groen/img/header_bg.gif) repeat-x;
	height: 104px;
}

#header_ph
{
	margin: 0px auto;
	width: 855px;
	padding-top: 65px;
}

#header_logo
{
	background: url(../../../templates/groen/img/header_logo.gif) no-repeat;
	width: 163px;
	height: 24px;
	float: left;
}

#menu
{
	float: right;
	position:relative;
	z-index:20;
}

#menu_home
{
	background: url(../../../templates/groen/img/menu_home.gif) no-repeat;
	width: 62px;
	height: 47px;
	float: left;
}

#menu_home:hover
{
	background: url(../../../templates/groen/img/menu_home_hover.gif) no-repeat;
	width: 62px;
	height: 47px;
	float: left;
	cursor: pointer;
}

#menu_forum
{
	background: url(../../../templates/groen/img/menu_forum.gif) no-repeat;
	width: 75px;
	height: 47px;
	float: left;
}

#menu_forum:hover
{
	background: url(../../../templates/groen/img/menu_forum_hover.gif) no-repeat;
	width: 75px;
	height: 47px;
	float: left;
	cursor: pointer;
}

#menu_uitloggen
{
	background: url(../../../templates/groen/img/menu_uitloggen.gif) no-repeat;
	width: 92px;
	height: 47px;
	float: left;
}

#menu_uitloggen:hover
{
	background: url(../../../templates/groen/img/menu_uitloggen_hover.gif) no-repeat;
	width: 92px;
	height: 47px;
	float: left;
}


#menu_cp
{
	background: url(../../../templates/groen/img/menu_cp.gif) no-repeat;
	width: 125px;
	height: 47px;
	float: left;
}

#menu_cp:hover
{
	background: url(../../../templates/groen/img/menu_cp_hover.gif) no-repeat;
	width: 125px;
	height: 47px;
	float: left;
}

#menu_inloggen
{
	background: url(../../../templates/groen/img/menu_inloggen.gif) no-repeat;
	width: 92px;
	height: 47px;
	float: left;
}

#menu_inloggen:hover
{
	background: url(../../../templates/groen/img/menu_inloggen_hover.gif) no-repeat;
	width: 92px;
	height: 47px;
	float: left;
	cursor: pointer;
}

#menu_registreren
{
	background: url(../../../templates/groen/img/menu_registreren.gif) no-repeat;
	width: 95px;
	height: 47px;
	float: left;
}

#menu_registreren:hover
{
	background: url(../../../templates/groen/img/menu_registreren_hover.gif) no-repeat;
	width: 95px;
	height: 47px;
	float: left;
	cursor: pointer;
}

#middle_bg
{
	background: url(../../../templates/groen/img/middle_bg.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	float: left;
	margin-top: -8px;
} 

#middle_bg_small
{
	background: url(../../../templates/groen/img/middle_bg_small.gif) center top no-repeat;
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	float: left;
	margin-top: -8px;
} 

#content
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	
	margin: 0px auto;
	margin-top: 65px;
	width: 855px;
}

#button_log
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	font-weight: bold;
	
	background: url(../../../templates/groen/img/button_log.gif);
	cursor: pointer;
	border: none;
	width: 79px;
	height: 31px;
	padding-bottom: 4px;
}

#button_reg
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fcffb4; 
	font-weight: bold;
	
	background: url(../../../templates/groen/img/button_reg.gif);
	cursor: pointer;
	border: none;
	width: 96px;
	height: 31px;
	padding-bottom: 4px;
}

#button_upl
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	font-weight: bold;
	
	background: url(../../../templates/groen/img/button_upl.gif);
	cursor: pointer;
	border: none;
	width: 84px;
	height: 31px;
	padding-bottom: 2px;
	margin-top: 5px;
}

#button_upl2
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	font-weight: bold;
	
	background: url(../../../templates/groen/img/button_upl2.gif);
	cursor: pointer;
	border: none;
	width: 84px;
	height: 31px;
	padding-bottom: 2px;
	margin-top: 5px;
}

#button_vrz
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #fff; 
	font-weight: bold;
	
	background: url(../../../templates/groen/img/button_vrz.gif);
	cursor: pointer;
	border: none;
	width: 93px;
	height: 32px;
	padding-bottom: 2px;
	margin-top: 5px;
	float: right;
}

#searchbox
{
	width: 855px; 
	float: right; 
	margin-top: 5px;
}

.title
{
	font-family: Myriad Pro, verdana;
	font-weight: normal;
	font-size: 17px;
	color: #5a5a5a;
}

#content_block
{
	width: 885px;
	float: left; 
	color:#777777; 
	line-height: 1.7;
	margin-top: 20px;
	margin-bottom: 0px;
}

#content_block_1
{
	width: 480px;
	float: left; 
	color:#777777; 
	line-height: 1.7;
	margin-top: 20px;
	margin-bottom: 0px;
}

#content_block_2
{
	width: 480px;
	float: left; 
	color:#777777; 
	line-height: 1.7;
	margin-top: 20px;
	margin-bottom: 0px;
}

#content_block_3
{
	width: 355px;
	float: right; 
	color:#777777; 
	line-height: 1.7;
	margin-top: 20px;
	margin-bottom: 0px;
}

.input
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#footer_ad
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	
	width: 855px; 
	height: 100px; 
	float: left; 
	background:url(../../../templates/groen/img/footer_bg.gif); 
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
}

div.upload .file {
	background: #fff;
	border: 1px solid #ccc;
	font-family: Verdana;
	font-size: 10px;
	color: #808080;
	padding: 2px;
	padding-left: 3px;
	margin: 1px;
}

div.upload .file:focus {
	background: #fff;
	border: 1px solid #9bda1d;
	font-family: Verdana;
	font-size: 10px;
	color: #808080;
	padding: 2px;
	padding-left: 3px;
	margin: 1px;
}

#upload_iframe { display: none; }


div.progress-bar {
margin: 15px;
				width: 215px;
				height: 20px;

				background-color: #94CC0B;
				border: 1px solid #B79A65;
				position: relative;		
			}

			div.progress-bar-text 
			{
				position: relative;
				text-align: center;
				padding-top: 2px;
				font-weight: bold;
				width: 215px;
				height: 20px;
				z-index: 2;
			}

			div.progress-bar-bg 
			{
				position: absolute;
				height: 20px;
				background-color: #7BBB0C;
				width: 0%;
				z-index: 1;
			}


			div.sprogress-50-percent {
				color: white;
			}
			
div.float
{
float: left;
text-align:center;
margin: 8px;
border:hidden;
}

div.uploads {
	width: 536px;
	float: left;
}

div.uploadsblock {
	width: 536px;
	overflow: hidden;
	float:left;
	margin-bottom: 20px;
}
	
	
