/**
*** Algemene lay-out
**/

body,
html {
    margin:0;
    padding:0;
    background-color:#faf9e4;
    color:#000;
    
    height: 100%; /* héél belangrijk */
    
    font-family: arial, "lucida console", sans-serif;
    font-size:12px;
	line-height:15px;
	
	background-image: url('../img/bg_html.jpg');
	background-repeat: repeat-x;
}

body {
	float:left;
    min-width:800px;
}

p {
	padding: 0 0 15px 0;
}

#wrap {
    background-image:url('../img/bg.jpg');
    margin:0 auto;
    width:800px;
    float:left;
    
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
    
#header {
    width:800px;
    height:130px;
    
    background-image: url('../img/bg_header.jpg');
}

#header h1, #header h2 {
	display:none;
}

#main {
    float:right;
    width:420px;
    min-height:660px;
    padding: 0 38px 25px 5px;
    line-height: 18px;
    
    background-image: url('../img/bg_content.jpg');
	background-repeat:no-repeat;
}

#sidebar {
	float:left;
    width:246px;
    height:685px;
    
    padding: 0 34px 0 57px;
    
	background-image: url('../img/bg_nav.jpg');
	background-repeat:no-repeat;
	
	font-size:11px;
}

a:link  {
	text-decoration : underline;
	color: #7B912C;
}

a:active {
	text-decoration :underline;
	color: #7B912C;
}

a:visited {
	text-decoration : underline;
	color: #7B912C;
}

a:hover {
	text-decoration : none;
	color: #7B912C;
}



/**
*** Specifieke elementen
**/

strong {
	font-weight:bold;
}

.address {
	width:213px;
	height:179px;
	padding: 0 0 0 27px;
	line-height: 12px;
	color:#000000;
}

.address a {
	color:#000000;
}

#main p, #main form {
	padding: 0 0 10px 20px;
}

#main p {
	padding: 0 25px 10px 20px;
	text-align:justify;
}

#main h3 {
	display:none;
}

#main img {
	margin: 0 24px 15px 0;
	border: 3px solid #9fbd3b;
}

#submit {
	width:71px;
	height:20px;
	padding:0;
	margin:0;
	border:0;
	font-size:11px;
	background-image:url('../img/bg_button.jpg');
}

input, textarea, select {
	width:280px;
	border:0;
	border-bottom: 1px solid #9fbc3c;
	background-color: transparent;
	margin: 0 0 10px 0;
	font-family: arial, "lucida console", sans-serif;
    font-size:12px;
}

select {
	background-color:#f7f8cc;
}

.error {
	color:#ba093f;
}

#main ul {
	padding: 0 0 0 25px;
	list-style: square;
}

#main li {
	padding: 0 0 8px 0;
}


/**
** Headings
**/

#home, #bedrijfsinfo, #assortiment, #fotogalerij, #contact {
	background-repeat: no-repeat;
	background-position: -5px 0; /* negatieve x-waarde even groot als de left padding van #main */
	padding: 80px 0 0 0;
}

#home {
	background-image:url('../img/heading/home.jpg');
}

#bedrijfsinfo {
	background-image:url('../img/heading/bedrijfsinfo.jpg');
}

#assortiment {
	background-image:url('../img/heading/assortiment.jpg');
}

#fotogalerij {
	background-image:url('../img/heading/fotogalerij.jpg');
}

#contact {
	background-image:url('../img/heading/contact.jpg');
}