/*-----------------------------------------------------------------------------
Main Stylesheet

auteurs:    fred duzink - Fundament All Media B.V.
-----------------------------------------------------------------------------*/
	/* =General
-----------------------------------------------------------------------------*/
	/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,form,fieldset,table,ul {
	margin: 0;
}

body,html {
	width: 100%;
	height: 100%;
	margin:0;
	padding: 0;
	/*overflow-y: scroll;*/
}

img {
	border: 0;
	margin: 0;
}

h1 {
	font-size: 21px;
	/*margin-top: 52px;*/
}


h2 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 0.2em;
	margin-top: 0em;
}

h3 {
	font-size: 12px;
	margin-bottom: 0;
	color: #000000;
	margin-left: 0;
	font-weight:bold;
}

p {
	margin: 0 0 6px 0;
	font-size: 12px;
	line-height: 20px;
}

ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

/* =Typography
-----------------------------------------------------------------------------*/
/* bodyback , dit is meestal de voortzetting van de header gif , links en rechts van content vlak */
body {
	font: 12px/1.6 Arial, Helvetica, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	color: #000000;
	background-color: #9DBF23;
	/*overflow: hidden;*/
	overflow-x: hidden;
	overflow-y: scroll;
	
}

/* background switch 
.container-home {
	background: #313131 url("/content/common/gfx/algemeen/Foto2.jpg") center top no-repeat;
}
*/
/* end  background switch */

/* =Layout
-----------------------------------------------------------------------------*/
#content {
			margin:0px auto;
			padding:0;
			/*height:100%;*/
			width:100%;
			z-index: 3;
			position:absolute;
			top:0;
			height: 100%;
}

#contentframe {
			margin: 0 auto;
			/*overflow: hidden;*/
			height: 100%;
			width: 950px;
			text-align:left;
			z-index: 3;
			top:0px;
			/*min-height:900px;*/
}

#backgroundimg {
	width: 100%;
	position: fixed;
	z-index: 0;
	height: 100%;
	bottom:0;
}

#header {
	width: 100%;
	position: absolute;
	height: 95px;
	background: url("/content/common/gfx/algemeen/menu_bg.png") top repeat-x;
	z-index: 1;
}

/* logo */
/*-----------------------------------------------------------------------------*/
#logo {
	top:65px;
	left:0;
	width:381px;
	z-index:99;
	position:relative;
}
/* end logo */
/*-----------------------------------------------------------------------------*/

/* menu */
/*-----------------------------------------------------------------------------*/
#navHolder {
	top:-100px;
	position:relative;
	z-index:9999;	
}
.menuholder {
	position:relative;
	float:right;
	font-size: 18px;
	font-weight: normal;
	margin-top:15px;
}

.menuholder ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.menuholder li {
	display: inline;
	width:50px;
}
.menuholder a {
	font-family: arial;
	color:#000;
	text-decoration: none;
	font-weight: normal;
}
.menuholder a:hover {
	color:#87b51d;
	text-decoration: none;
}
.menuholder a.selected { color: #87b51d; }
/* end menu */
/*-----------------------------------------------------------------------------*/

/* bubbel */
/*-----------------------------------------------------------------------------*/
#bubbelmenu {
	width:200px;
	left: 740px;
	top:150px;
	z-index: 2;
	height: 80px;
	position:relative;
	z-index:9999;
}
.bubbleInfo {
    position: relative !important;
	float:left;
	left:0;
	top:0;
}
/* hotspot */
#hotspot_1 {
	left:180px;
	top:0px;
	/*z-index:19999;*/

}
#hotspot_2 {
	left:0px;
	top:30px;
	/*z-index:19999;*/

}
#hotspot_3 {
	left:70px;
	top:60px;
	/*z-index:19999;*/

}
#hotspot_4 {
	left:-5px;
	top:125px;
	/*z-index:19999;*/

}
#hotspot_5 {
	left:30px;
	top:160px;
	/*z-index:19999;*/

}
#hotspot_6 {
	left:60px;
	top:200px;
	/*z-index:19999;*/

}
#hotspot_7 {
	left:-90px;
	top:230px;
	/*z-index:19999;*/

}
/* end hotspot */
/* hotspot content */
#raalte {
	position: relative !important;
	float:left;
	left:0px;
	top:115px;
	z-index:29999;
}

#hotspot_1_content {
	left:0px;
	top:0px;
	z-index:29999;
}
#hotspot_2_content {
	left:40px;
	top:20px;
	z-index:19999;
	
}
#hotspot_3_content {
	left:-30px;
	top:40px;
	z-index:19999;
	
}
#hotspot_4_content {
	left:0px;
	top:50px;
	z-index:19999;
	
}
#hotspot_5_content {
	left:-10px;
	top:70px;
	z-index:19999;
	
}
#hotspot_6_content {
	left:-25px;
	top:80px;
	z-index:19999;
	
}
#hotspot_7_content {
	left:-40px;
	top:100px;
	z-index:19999;
	
}
/* end hotspot content */
/* end hotspot */
.popup {
	background: url("/content/common/gfx/bubbel/bubbel_1_bg.gif") no-repeat;
    position: absolute;
    display: none;
	z-index:9999;
	height:282px;
	width:226px;
}
.popup img {
	margin: 10px 10px 0 10px;
}
.popup h2 {
	margin: 5px 10px 0 10px;
	font-family: Helvetica, sans-serif, Georgia ,serif;
	font-size: 14px;
	color:#c3c3c3;
	line-height: 18px;
	width: 190px;
}
.popup p {
	width: 185px;
	margin: 0 10px 0 10px;
	line-height: 18px;
}
/* end bubbel */
/*-----------------------------------------------------------------------------*/

/* MainContent */
/*-----------------------------------------------------------------------------*/
.MainContent {
	z-index: 4;
	left:250px;
	top:105px;
	width:666px;
	margin: 0 0 30px 0;
	padding:5px 15px 15px 15px;
	position: relative;
	background:transparent url("../gfx/algemeen/content-background.png") center top repeat-x;
	border: 2px solid #fff;
	-moz-border-radius:1em; /* mozilla */
	-webkit-border-radius:1em; /* safari */
}


/* MainContent links */
/*-----------------------------------------------------------------------------*/
.MainContent a { color: #873601; text-decoration: none; }
.MainContent a:hover { color: #873601; text-decoration: underline; }

/* Niews */
/*-----------------------------------------------------------------------------*/
.ec_news .ec_item { margin-bottom:20px; border-bottom: 1px solid #c3c3c3; }
.ec_news .ec_item a { color: #873601; text-decoration: none; }
.ec_news .ec_item a:hover { color: #873601; }
.ec_news .ec_item h1 { font-size: 15px; }
.ec_news .ec_item h1 a { font-size: 15px; color: #000000; text-decoration: none; }
.ec_news .ec_item h1 a:hover { color: #000000; }
.ec_news .ec_item .articleDate { font-size:11px; }
.ec_news .ec_item .greyed { display: none; }
.ec_navigation ul { text-align: right; width: 666px; float: right; }
.ec_navigation ul a { color: #873601; text-decoration: none; }
.ec_navigation ul a:hover { color: #873601; }
.ec_navigation li { display: inline; list-style: none;   }
.ec_table { font-size: 11px; }
.ec_table a { font-size: 11px; color: #873601; text-decoration: none; }
.ec_table a:hover { color: #873601; text-decoration: none; }

/* Niews Admin */
/*-----------------------------------------------------------------------------*/
.ec_news .ec_item .ec_select options { float:right; }
.ec_item #createArticleForm { width:650px; }
.ec_item input[type="text"]#header, input.text#header { width: 630px !important; height: 22px !important; background: #FFFFFF; }
.ec_item textarea#summary { width: 657px !important; }
.ec_item textarea#body { width: 657px !important; }

/* Content Styles*/
/*-----------------------------------------------------------------------------*/
.container-home {
	background:#313131 url(../gfx/bg/foto2.jpg) top center no-repeat;
	height:100%;
}
.container-project {
	background:#313131 url(../gfx/bg/foto1.jpg) top center no-repeat;
	height:100%;
}
.container-nieuws {
	background:#222c3b url(../gfx/bg/foto6.jpg) top center no-repeat;
	height:100%;
}
.container-locatie {
	background:#202b0b url(../gfx/bg/foto7.jpg) top center no-repeat;
	height:100%;
}
.container-interesse {
	background:#5a8831 url(../gfx/bg/foto4.jpg) top center no-repeat;
	height:100%;
}
.container-betrokkenen {
	background:#5a8831 url(../gfx/bg/foto1.jpg) top center no-repeat;
	height:100%;
}

/* Google map*/
/*-----------------------------------------------------------------------------*/
#ligging_page, #map {
height:440px;
/*width:660px;*/
}


/*Supersize Styles*/
/*-----------------------------------------------------------------------------*/
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;	
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}
		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
		/*Supersize Plugin Styles*/
		#navigation{
			background: url('images/navbg.gif') no-repeat;
			float: right;
			margin:22px 20px 0 0;
		}
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
			z-index: 0;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}