@charset "utf-8";
/* CSS Document */

/* kleuren 
	groen	#75c043
	bruin	#501507
*/

* {
  margin: 0;
  padding: 0;
}

body { 
	background-image:		url(images/bg_body.gif);
	background-repeat:		repeat;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#4e1608;
	margin:					0;

}

i {
	color:					#75c043;
}

hr {
	height:					0;
	border-top:				1px dashed #501507;
}

h3 {
	font-size:				12px;
	font-weight:			bold;
	color:					#75c043
	
}

td {
	overflow:					auto;
	}

a, a:hover, a:active {
	background:				none;
}

#container {
	width: 					1028px;
	left: 					50%;
	margin-left: 			-514px; /* - (width/2) */
	position: 				relative;
}

#main {
	z-index: 				1;
	width:					1028px;
	height:					600px;
	border-top:				solid 5px #511806;
	border-bottom:			solid 5px #511806;
	background-image:		url(images/bg_main.gif);
	background-repeat:		repeat;
	background-position:	center;
	display:				block;
	clear:					both;
	top:					0;
	bottom:					0;
	
}

#mainContainer {
	z-index:				1;
	width:					904px;
	height:					455px;
	background-color:		transparent;
	background-image:		url(images/mainPanel.gif);
	background-repeat:		no-repeat;
	position:				relative;
	left: 					50%;
	margin-left: 			-457px; /* - (width/2) */
	margin-bottom:			25px;
	margin-top:             27px;
}


#logoSmilde {
	z-index: 				1;
	display:				block;
	margin-left:			25px;
}

#menu {
	z-index:				1000;
	margin-right: 			0px;
	padding-right:			0px;
	position:				relative;
	right: 					104px;
	margin-top:				-27px;
}

#topMenu {
	z-index:				1000;
	display:				block; 
	list-style-type:		none;
	position:				relative;
}

#topMenu a {
	z-index:				1000;	
	background-color:		Transparent;
	color:					#ffffff;
	display:				block;
	background-repeat:		no-repeat;
	position:				relative;
	clear: both;
	float: right;
	margin-left:			0px;
}
#topMenu .btnHome a {
	background-image:		url(images/btn_homeOut.gif);
	width:					65px;
	height:					30px;
	right:					373px;
	top:					0px;
}
#topMenu .btnHome a:hover, 
#topMenu .btnHome a:active {
	background-image:		url(images/btn_homeOver.gif);
}
#topMenu .btnZocijs a {
	background-image:		url(images/btn_zocijsOut.gif);
	width:					79px;
	height:					29px;
	right:					292px;
	top:					-29px;
}
#topMenu .btnZocijs a:hover, 
#topMenu .btnZocijs a:active {
	background-image:		url(images/btn_zocijsOver.gif);
}
#topMenu .btnVerkrijgbaar a {	
	background-image:		url(images/btn_verkrijgbaarOut.gif);
	width:					116px;
	height:					30px;
	right:					173px;
	top:					-53px;
}
#topMenu .btnVerkrijgbaar a:hover, 
#topMenu .btnVerkrijgbaar a:active {	
	background-image:		url(images/btn_verkrijgbaarOver.gif);
}
#topMenu .btnMedia a {	
	background-image:		url(images/btn_mediaOut.gif);
	width:					68px;
	height:					33px;
	right:					103px;
	top:					-81px;
}
#topMenu .btnMedia a:hover, 
#topMenu .btnMedia a:active {	
	background-image:		url(images/btn_mediaOver.gif);
}
#topMenu .btnWistjedat a {	
	background-image:		url(images/btn_wistjedatOut.gif);
	width:					101px;
	height:					36px;
	right:					0px;
	top:					-108px;
}
#topMenu .btnWistjedat a:hover, 
#topMenu .btnWistjedat a:active {	
	background-image:		url(images/btn_wistjedatOver.gif);
}

#content {
	z-index:				3;
	width:					904px;
	height:					455px;
	position:				absolute;
	top: 0px;
	padding-top:0px;
	margin-bottom: 0px;
}
.imageZocijs { clear: both;	}

/* HOME */
#mainContainer .homeAfbeelding {
	z-index:				3;
	display:				block;
	position:				absolute;
	top:					40px;
	left:					35px;
	width:					373px;
	height:					243px;
	
}

#mainContainer .homeTekst {
	z-index:				3;
	display: 				block;
	position:				absolute;
	width:					373px;
	left:					425px;
	top:					40px;
}

#content p {
}

#homeWistjedat {
	position:				relative;
	display:				block;
	float:					left;
	top:					30px;
	left:					10px;
	width:					475px;
	border-right:			dashed 1px #74c13f;
}

#homeWistjedat p {
	width:					212px;
	display:				block;
	float:					left;
}

#homeBlijfopdehoogte {
	z-index:				30;
	position:				absolute;
	display:				block;
	top:					30px;
	left:					500px;
	width:					400px;
}

#homeBlijfopdehoogte p {
	z-index:				30;
	width:					350px;
	display:				block;
}

img .imgLeft {
	display: 				block;
	position:				absolute;
	float: 					left;
	left:					50px;
	border:					none;
}

#contentBtm {
	z-index:				30;
}

/* END HOME */

/* Zocijs */
#titelZocijs {
	width: 				418px;
	height:				68px;
	display: 			block;
	position: 			absolute;
	float: 				left;
	top:				30px;
	left:				427px;
}

.tekstZocijs { 
	overflow:			auto;
	display: 			block;
	width:				435px;
	height: 			250px;
	position:			absolute;
	float: 				left;
	top: 				100px;	
	left:				427px;
	clear:				both;
}

.imageZocijs {
	float:				left;
	position:			absolute;
	clear:				both;
	left:				30px;
	top:				40px;
}

.balk {
	float:				left;
	position:			absolute;
	top: 				0px;
	left:				367px;
	clear:				both;
}

/* END Zocijs */

/* VERKRIJGBAAR */
#imageVerkrijgbaar {
	float:				left;
	position:			absolute;
	display:			block;
	clear:				both;
	top: 				35px;
	left:				30px;
	overflow:			auto;
}

#titelVerkrijgbaar {
	float:				left;
	position:			absolute;
	display:			block;
	clear:				both;
	top: 				35px;
	left:				427px;
}

#tekstVerkrijgbaar {
	float:				left;
	position:			absolute;
	display:			block;
	clear:				both;
	top: 				75px;
	left:				427px;
	overflow:			auto;
}
/* END VERKRIJGBAAR */

/* MEDIA */
#titelMedia {
	width:				435px;
	position:			relative;
	float: 				left;
	top: 				28px;	
	left:				40px;
	padding-bottom:		10px;
}


#tekstMedia {
	overflow:			auto;
	display: 			block;
	width:				435px;
	height: 			250px;
	position:			absolute;
	float: 				left;
	top: 				100px;	
	left:				427px;
	clear:				both;
}


#tekstMedia ul {
	padding-left:				15px;
}
#tekstMedia li {
	list-style-type:			square;
	color:						#501507;
	margin-bottom:				5px;
}

#tekstMedia ul li a {
	text-decoration:			none;
	font-weight: 				bold;
	color:						#501507;
	background:					none;
}

#tekstMedia ul li a:hover {
	text-decoration:			underline;
	font-weight: 				bold;
	color:						#501507;
	background:					none;
	
}

#tekstMedia ul li a:active {
	text-decoration:			underline;
	font-weight: 				bold;
	color:						#501507;
	background:					none;
	
}

a.mediaLink {
	text-decoration:			none;
	font-weight: 				bold;
	color:						#501507;
	background:					none;	
}

a:hover.mediaLink {
	text-decoration:			underline;
	font-weight: 				bold;
	color:						#501507;
	background:					none;	
}

a:active.mediaLink {
	text-decoration:			underline;
	font-weight: 				bold;
	color:						#501507;
	background:					none;	
}

/* END MEDIA */

/* WISTJEDAT */
#imageWistjedat {
	overflow:					auto;
	float:						left;
	position:					absolute; 
	display:					block;
	clear:						both;
	top: 						35px;
	left:						30px;
}

#titelWistjedat {
	float:						left;
	position:					absolute;
	clear:						both;
	display:					block;
	top: 						35px;
	left:						427px;
}

#tekstWistjedat {
	overflow:			auto;
	display: 			block;
	width:				435px;
	height: 			250px;
	position:			absolute;
	float: 				left;
	top: 				100px;	
	left:				427px;
	clear:				both;
}

#tekstWistjedat ul {
	padding-left:				15px;
}
#tekstWistjedat li {
	list-style-type:			square;
	color:						#501507;
	margin-bottom:				5px;
}
/* END WISTJEDAT */

#bottomMenu {
	z-index:				1;
	width:					183px;
	height:					33px;
	background-image:		url(images/bgBottomMenu.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	background-color:		#501507;
	position:				absolute;
	bottom:					0;
	top:					516px;
	left:					76px;
	margin:					0;
	padding:				0;	
}


#bottomMenu ul {
	display:				inline;
	margin-left:			15px;
	position:				absolute;
	top:					10px;
}

/* PATCH VOOR CSS */
#adressen {
	overflow:auto;
	width:430px;
	height:345px;
	margin-top:0 auto;
	margin-left:10px;
	
	}

#bottomMenu ul li a {
	text-decoration:		none;
	color:					#ffffff;
}

#bottomMenu ul li a:hover {
	text-decoration:		underline;
	color:					#ffffff;
}


#bottomMenu li {
	display:				inline;
	color:					#ffffff;
	margin-top:				15px;
}

#bottom {
	clear:					both;
	margin-top:				10px;
	position:				relative;
	float:none;
}

#bottom ul {
	display:				inline;
	margin-left:			1px;
}

#bottom li {
	display:				inline;
	list-style-type:		none;
	color:					#4e1608;
	margin:					0;
	padding:				0;
}

ul .bottomLink {
	color;					white;
}

/* #logoZocijs {
	position:				absolute;
	z-index:				1;	
	left:					797px;
	top:					419px;
	padding-bottom:20px;
	display:block;
}
*/

#logoZocijs {
	position:				absolute;
	z-index:				1;	
	left:					797px;
	top:					419px;
}

#layer1 {
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 220px;
	top: 30px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
	z-index:190;
}



#close {
	float: right;
	z-index:90;
}