/* --------------------------------------- */
/* GENERAL HOME CSS FIETSEROPUIT */
/* --------------------------------------- */

html,body, form, input, div
	{
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 0;
	}

h3
	{
	font-size: 1em;
	color:#568725;
	}

/* ======================================= */

/* --------------------------------------- */
/* WRAPPER */
/* --------------------------------------- */

#wrapper						{ background: url(/grfx/bg_white.jpg) no-repeat; }

/* ======================================= */

/*-----------------------------------------*/
/* HEADER */
/*-----------------------------------------*/

#header_vis
	{
	_margin-left: 15px;
	margin-right: 200px;
	}

#header_banner
	{
	position: relative;
	width: 190px;
	margin: 0px;
	margin-top: 5px;
	padding-right: 5px;
	float: right;
	}

/* ======================================= */

/*-----------------------------------------*/
/* NAVIGATIE */
/*-----------------------------------------*/

#navigatie						{ background-image: url(/grfx/nav_balk.gif); margin-bottom: 15px; }

/* ======================================= */

/*-----------------------------------------*/
/* CONTENT */
/*-----------------------------------------*/

#content						{ background: none; padding-right: 0px; }

#block_2
	{
	position: relative;
	background: url(/grfx/home_background.png) no-repeat;
	height: auto;
	_height: 385px;
	min-height: 385px;
	margin-left: 0px;
	margin-right: 270px;
	opacity: 0.8;
	-moz-opacity: 0.99;
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	}

#block_2 h1
	{
	background: url(/grfx/stelroutesamen_h1.gif) no-repeat;
	width: 284px;
	height: 40px;
	text-indent: -9999px;
	margin-top: 35px;
	}

#block_2 h2
	{
	font-size: 1em;
	color: #629330;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	}

#block_2 p
	{
	font-weight: bold;
	color: #1c62ab;
	width: 300px;
	margin: 0px;
	padding: 0px;
	}

.badge_landelijk
	{
	position: absolute;
	background: url(/grfx/badge_landelijk.png) no-repeat;
	width: 105px;
	height: 105px;
	top: -35px;
	left: 400px;
	z-index: 10;
	}

.form_block
	{
	position: absolute;
	width: 480px;
	height: 300px;
	top: 30px;
	left: 155px;
	}

#block_3
	{
	position: relative;
	width: 238px;
	height: auto;
	_height: 350px;
	min-height: 350px;
	margin-right: 15px;
	float: right;
	}

#h_block_3
	{
	position: relative;
	background: url(/grfx/h_kop_block3.png) no-repeat;
	width: 238px;
	height: 67px;
	}

#c_block_3
	{
	position: relative;
	background: url(/grfx/h_content_block3.gif) no-repeat;
	width: 218px;
	height: auto;
	_height: 298px;
	min-height: 298px;
	padding: 10px;
	padding-bottom: 0px;
	}

#f_block_3
	{
	background: url(/grfx/h_footer_block3.png) no-repeat;
	width: 238px;
	height: 15px;
	max-height: 15px;
	}

#flashcontent
	{
	position: absolute;
	width: 600px;
	height: 389px;
	top: 0px;
	left: 368px;
	z-index:0;
	}

/* weeronline */

#wtoday						{ font-size: 0.8em; text-align: left; text-transform: uppercase; padding: 4px; vertical-align: middle; }
#wmaxtmp					{ background: url(/grfx/bg_warm.gif) no-repeat; color: #fff; text-align: left; width: 16px; height: 16px; }
#wmintmp					{ background: url(/grfx/bg_koud.gif) no-repeat; color: #fff; text-align: left; width: 16px; height: 16px; }

#wwind						{ font-size: 0.7em; text-align:left; border-bottom: 2px #568725 solid; margin-bottom: 15px; padding-bottom:25px; }
#wdays						{ font-size: 0.8em; text-align: center; vertical-align: middle; }
#wico						{ background: #7e7d81; width: 25px; height: 25px; }

h3.weer
	{
	font-size: 1em;
	text-align: left;
	color: #568725;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	}

/* MAPPING  */

.map_block
	{
	position: absolute;
	width: 318px;
	height: 383px;
	margin: 0px;
	padding: 0px;
	top: 14px;
	left: 375px;
	z-index: 10;
	}

#kaartje
	{
	position: relative;
	background: url(/grfx/hovermap.gif);
	width: 318px;
	height: 383px;
	margin: 0px;
	padding: 0px;
	z-index: 11;
	}

#kaartje li					{ position: absolute; list-style: none; margin: 0px; padding: 0px; display: block; z-index: 12; }
#kaartje a					{ display: block; text-indent: -100em; z-index: 13; }

#regio_1 					{ left: 71px; top: 228px; width: 154px; height: 81px; }
#regio_1 a 					{ height: 81px; }
#regio_1 a:hover			{ background: url(/grfx/map_regio_1.gif) no-repeat; }

#regio_2 					{ left: 170px; top: 141px; width: 63px; height: 74px; }
#regio_2 a 					{ height: 74px; }
#regio_2 a:hover			{ background: url(/grfx/map_regio_2.gif) no-repeat; }

#regio_3 					{ left: 98px; top: 83px; width: 62px; height: 100px; }
#regio_3 a 					{ height: 100px; }
#regio_3 a:hover			{ background: url(/grfx/map_regio_3.gif) no-repeat; }

#regio_4 					{ left: 149px; top: 98px; width: 66px; height: 75px; }
#regio_4 a 					{ height: 75px; }
#regio_4 a:hover			{ background: url(/grfx/map_regio_4.gif) no-repeat; }

#regio_5 					{ left: 122px; top: 171px; width: 62px; height: 42px; }
#regio_5 a 					{ height: 42px; }
#regio_5 a:hover			{ background: url(/grfx/map_regio_5.gif) no-repeat; }

/* ======================================= */

/* --------------------------------------- */
/* FOOTER & MISC */
/* --------------------------------------- */

#footer_banner_l
	{
	position: relative;
	width: 350px;
	margin-top: 5px;
	padding-left: 25px;
	float: left;
	}

#footer_banner_r
	{
	position: relative;
	margin-top: 5px;
	margin-left: 375px;
	margin-right: 70px;
	padding-left: 5px;
	}

#footer						{ padding-top: 8px; }

/* ======================================= */
/* ======================================= */
/* ======================================= */