@charset "utf-8";
/* =======================================================
	Stylesheet voor eco-Kisten workshops
	
	auteur Hans Gijsbers, voor HG Webdesign 
	
	datum: 10-10-2008

   ======================================================= */
   
/* -- start opmaak basis -- */
html {
	height: 101%;
}  

body {
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	text-align: center;
	background: url(../plaatjes/backgr_body.gif) repeat;
	margin: 0px auto;
	width: 824px;
}
#wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border-right: 2px solid #685204;
	border-left: 2px solid #685204;
	overflow: hidden;
}

img {
	border-style: none;
}
h1 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #FAFAFA;
	line-height: 1.4em;
}
noscript {
	color: #CC3333;
	font: bold small Arial, Helvetica, sans-serif;
}
/* einde opmaak basis  */

/* -- start header styling  -- */
#logo_work_top {
	height: 117px;
	background: url(../plaatjes/bomen-schuur.jpg) no-repeat;
}
#balk_top {
	text-align: center;
	height: 30px;
	background: #E2B10C;
}
#foto_uitvaart {
	height: 450px;
	background: #A37E07;
  background-image: -moz-linear-gradient(top, #E2B10C 0%, #A37E07 50%);
  background-image: -ms-linear-gradient(top, #E2B10C 0%, #a37e07 50%);
  background-image: -o-linear-gradient(top, #E2B10C 0%, #a37e07 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E2B10C), color-stop(0.5, #a37e07));
  background-image: -webkit-linear-gradient(top, #E2B10C 0%, #a37e07 50%);
  background-image: linear-gradient(top, #E2B10C 0%, #a37e07 50%);
}

#foto_uitvaart_index img {
	margin-right: 45px;
	float: right;

}

/* einde opmaak content */


/* -- start opmaak navigatie binnen de content -- */
#navigatie {
	float: left;
	width: 7em;
	font-size: 0.8em;
	margin-top: 30px;
	margin-left: 25px;
}
#navigatie ul {
	margin: 0px;
	padding: 0px;
	width: 7em;
}
#navigatie ul li {
	position: relative;
	margin: 0px;
	list-style: none;
}
#navigatie a:hover {
	color: #52381F;
	font-style: italic;
}

#navigatie ul ul {
	position: absolute;
	top: 0px;
	left: 7em;
	display: none;
}
#navigatie>ul a {
	width: auto;
}
#navigatie li.submenu {
	color: #714626;

}
#navigatie li.submenu:hover {
	color: #050505;
}
#navigatie li a {
	text-decoration: none;
	display: block;
	padding: 0.25em 0em 0.25em 0.5em;
	width: 6.5em;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#navigatie ul.level1 li.submenu:hover ul.level2 {
	display: block;
}

#adres_balk {
	height: 25px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 25px;
	background: #a37e07;
	padding-left: 242px;
}

/* einde opmaak header styling */

/* -- start opmaak content -- */
#content {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background: #a37e07;
	overflow: hidden;
}

/* einde opmaak navigatie binnen de content */


/* -- start opmaak tekst deel binnen content -- */
#text_content {
	width: 770px;
	margin-top: 0px;
	overflow: auto;
	height: 360px;
	text-align: justify;
	background: #F5F5F5;
	border-top: 6px solid #CCCCCC;
	border-bottom: 6px solid #CCCCCC;
	padding: 10px 30px 45px 20px;
}
#text_content #homepage-foto {
	float: left;
	padding-right: 25px;
	padding-bottom: 100px;
	padding-top: 35px;
}
#algemen_voorwaarden {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 45%;
	padding-top: 5px;
}
#text_content .nyro-foto {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
.beurs-kop {
	font-size: 2em;
}
#text_content hr {
	width: 450px;
	margin-left: 0px;
}

p.tekst_kopje {                 /* -- tekst kopje uitvaartksiten -- */
	font-size: small;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.tekst_kopje {
	font-size: x-small;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#text_content .nyro-foto img {
	float: right;
	padding-left: 25px;
}
#text_content .nyro-foto p {

}


#algemen_voorwaarden a {
	color: #FFFFFF;
	text-decoration: none;
}
#algemen_voorwaarden a:hover {
	color: #433503;
	text-decoration: none;
}


#copyright {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #453603;
	padding-right: 25px;
	margin-top: 10px;
	letter-spacing: 0.1em;
	text-align: right;
}
/* einde opmaak contact google maps */

/* -- start opmaak #hgdesign -- */
#hgdesign {
	color: #FFFFFF;
	text-align: left;
}
#footer-wrapper {
	background: url(../plaatjes/backgr-footer.jpg) no-repeat left top;
	overflow: hidden;
}

#hgdesign a  {
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	list-style: none;
	outline: none;
	padding-left: 25px;
}

#hgdesign a:hover {
	font: 9px Geneva, Arial, Helvetica, sans-serif;
	color: #FFFF99;
	text-decoration: none;
	outline: none;
}
/* einde opmaak footer */

/* -- start opmaak contact google maps -- */
#contact {
	float: right;
	margin-top: 30px;
	height: 350px;
	width: 450px;
	margin-right: 150px;
}
/*  -- start opmaak van de tekst labels in het contact formulier -- */
input {
	width: 237px;

}
#contact-form {
	margin: 35px 25px 0px 225px;
	padding-bottom: 25px;
}
label {
	width: 55px;
	float: left;
	color: #FFFFFF;
	padding-top: 9px;
} 
#contact-form fieldset {
	padding: 10px;
	border: 1px solid #CB9F08;
}
#contact-form legend {
	font-size: medium;
	color: #FEFEFE;
}
#email {
	text-align: center;
}

 /* -- start opmaak van de niet tekst labels -- */ 
  
label.top {
	display: block;
	float: none;
}
input.submit {
	width: auto;
	margin-left: 300px;
}
#h1-home  h1{
	display: none;
}
#text_links {
	margin-left: 225px;
	margin-right: 50px;
	padding-bottom: 100px;
	color: #FFFFFF;
}
#myGallery {
	margin: 35px auto 0px;
}
#content_accesoires {
	width: 770px;
	margin-top: 0px;
	overflow: auto;
	height: 500px;
	text-align: center;
	border-top: 6px solid #CCCCCC;
	border-bottom: 6px solid #CCCCCC;
	padding: 10px 30px 45px 20px;
	background: #F5F5F5;
}