@charset "utf-8";

/* Global styles
----------------------------------------------------------------------------------- */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
body{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#161615;
background:#589900;
background-image:url(../images/bg.JPG);
background-repeat:no-repeat;
background-position:center top;
}
:focus{
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1{

margin-left:34px;
margin-top:0px;
color: #589900;
text-decoration:none;
font-size:24px;
font-weight:normal;

}
.style-contact{
font-size:13px;
font-weight:bold;
}
.title{
font-size:13px;
color:#589900;
font-weight:normal;
margin:0px;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a:link{
color: #3b6700;	
text-decoration:underline;
}
a:visited{
color: #3b6700;	
text-decoration:underline;
}
a:hover{
color: #161615 ;
text-decoration: none;
}
.pl{
font-size:11px;
color:#161615;
line-height:15px;
}
.pl a:link{
color: #3b6700;	
text-decoration:underline;
}
.pl a:visited{
color: #3b6700;	
text-decoration:underline;
}
.pl a:hover{
color: #161615 ;
text-decoration: none;
}
ol{
list-style-type:none;
}
/* CMS styles
----------------------------------------------------------------------------------- */
/* Container styles
----------------------------------------------------------------------------------- */
#container{
position:relative;
height:auto;
width:1000px;
margin:0 auto;
text-align:justify;
z-index:3;
}
/* Header styles
----------------------------------------------------------------------------------- */
#header
	{
	background:url(../images/header.jpg) no-repeat top center;
	height:420px;
	position:relative;
	float:left;
	width:1000px;
	margin:0;
	}
#header #nav{
	float:left;
	margin-top:106px;
	margin-left:68px;
	width:856px;
	height:54px;
}

#header #nav #Home, #header #nav #Producten, #header #nav #Nuttige-Informatie,  #header #nav #Bestellingen, #header #nav #Links, #header #nav #Promoties,  #header #nav #Wachtdienst, #header #nav #Contact{
    background:url(../images/menu.png) no-repeat top;
	height:54px;
	text-indent:-9999px;
	display:block;
}


#header #nav #Home{
	width:86px;
	background-position:0px 0px;
	float:left;
}
#header #nav #Producten{
	width:103px;
	background-position:-86px 0px;
	float:left;
}
#header #nav #Nuttige-Informatie{
	width:162px;
	background-position:-189px 0px;
	float:left;
}


#header #nav #Bestellingen{
	width:120px;
	background-position:-351px 0px;
	float:left;
}
#header #nav #Links{
	width:67px;
	background-position:-471px 0px;
	float:left;
}
#header #nav #Promoties{
	width:105px;
	background-position:-538px 0px;
	float:left;
}


#header #nav #Wachtdienst{
	width:125px;
	background-position:-643px 0px;
	float:left;
}

#header #nav #Contact{
	width:88px;
	background-position:-768px 0px;
	float:left;
}


#header #nav #Home:hover,#header #nav .selected #Home{
	background-position:0px -56px;
	float:left;
}

#header #nav #Producten:hover,#header #nav .selected #Producten{
	background-position:-86px -56px;
	float:left;
	}
#header #nav #Nuttige-Informatie:hover,#header #nav .selected #Nuttige-Informatie{
	background-position:-189px -56px;
	float:left;
	}


#header #nav #Bestellingen:hover,#header #nav .selected #Bestellingen{
	background-position:-351px -56px;
	float:left;
}
#header #nav #Links:hover,#header #nav .selected #Links{
	background-position:-471px -56px;
	float:left;
	}
#header #nav #Promoties:hover,#header #nav .selected #Promoties{
	background-position:-538px -56px;
	float:left;
	}


#header #nav #Wachtdienst:hover,#header #nav .selected #Wachtdienst{
	background-position:-643px -56px;
	float:left;
}

#header #nav #Contact:hover,#header #nav .selected #Contact{
	background-position:-768px -56px;
	float:left;
}
#header #slideshow
{
	float:left;
	width:1000px;
	height:244px;
}
#header #slideshow #slide
{
margin-top:4px;
	float:left;
	margin-left:69px;
	width:587px;
	height:227px;

}
#header #slideshow #contact
{
	float:left;
	margin-top:90px;
	margin-left:30px;
	width:250px;
	height:122px;

}

/*content*/
#content{
float:left;
width:1000px;
height:auto;

}
/*body1*/
#content #body{
float:left;
width:1000px;
background:url(../images/bbg.png) center top;
height:auto;
}
#body #top-body{
float:left;
background:url(../images/top-body.jpg) no-repeat center top;
width:1000px;
height:auto;
}


#top-body #texte{
   margin-left:80px;
   margin-top:6px;
   min-height:180px;
   height:auto;
   width:850px;
   float:left;
   vertical-align:top;
}


#top-body #texte .formular  fieldset{
border: 1px solid #589900;
}
#top-body #texte .formular .submit
{
border:1px solid #589900;

font-size:12px;
color:#589900;

padding:2px 3px;
}


#footer{
position:relative;
background:url(../images/footer.png) center top no-repeat;
width:1000px;
height:129px;
float:left;
}
#footer #prox
{ 
 float:left;
 height:60px;
 margin-left:820px;
 margin-top:30px;
 width:90px;
 /*margin-left:20px;*/
}


 

.formular{
width:480px;

}
.formular  fieldset{
border: 1px solid #589900;
}
.formular legend{
color:#589900;
}

.formular #txtEmail{
background-color:#f5faea;
color:#161615;
}
.formular #txtName{
background-color:#f5faea;
color:#161615;
}
.formular #txtStreet{
background-color:#f5faea;
color:#161615;
}
.formular #txtNumber{
background-color:#f5faea;
color:#161615;
}
.formular #txtZipcode{
background-color:#f5faea;
color:#161615;
}
.formular #txtCity{
background-color:#f5faea;
color:#343433;
}
.formular #txtPhone{
background-color:#f5faea;
color:#161615;
}
.formular #txtComment{
background-color:#f5faea;
color:#161615;
}