/*  General rules */
	
img
{
	display: block;
	border: 0px none white;
	margin: 0;
}

hr
{
	background-color:#7c0;
	border:0;
	height:1px;
	margin:2px;
}

	/* layout parameters */

html, body, div, ul {
	margin: 0;
	padding: 0;
}

html, body	
{
	background: #7c0;
	border: 0;
	font-family: "Trebuchet MS", lucida, arial, helvetica, sans-serif;
	line-height:17px;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}

div.rand
{
 	position: absolute;
 	top:0;
 	left:0;
 	background: #7c0 url(../images/sillyscreensgroen.gif) 0 0 repeat-x;
	width: 100%;
	height: 150px;
	margin:0;
}





div.copyright
{
	position: absolute;
	left:20px;
	top:620px;
	z-index:100;
}


.motto
{
	position:absolute;
	top:475px;
	left:550px;
	z-index:100;
	color:#fe0;
	font-weight: 700;
	margin: 0;	
    text-transform: uppercase;
    font-size: 17px;
	line-height:19px;
}

.uitverkoop
{
	position:absolute;
	left:130px;
	top: 588px;
	z-index:100;
	width:170px;
	height:130px;
	background: transparent url(../images/uitverkoop.gif) no-repeat top left;
	text-align:center;
	padding:60px 0;
	line-height:10px
}



	/*  Typography */
	
h1, h2, h3, h4, h5, h6	
{
	font-family: arial, helvetica, lucida, "Trebuchet MS", sans-serif;
	font-weight: 700;
	margin: 0;
	color:#000;

}
	
h1	
{
    font-size: 18px;   
    text-transform: uppercase;
    color:#fff;
}

h2	
{
    font-size: 12px;
    text-transform: uppercase;
}

h3
{
    text-transform: uppercase;
    font-size: 10px;   
}

p
{
	font-family: "Trebuchet MS", lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	margin:0 0 7px 0;
	font-weight: normal;
}




.copyright p
{
	font-size:9px;
    text-transform: uppercase;
	font-weight: 700;
	color:#fff;
}


small
{
	font-size: 80%;
}	


b
{
	font-weight:700;
}




table
{
	margin-top:-5px;
}



	/* General linkology */
	


a
{
	font-family: "Trebuchet MS", lucida, arial, helvetica, sans-serif;
	font-weight: bold; 
    text-transform: uppercase;
}

a:link, a:visited 
{
	color:#000;
    font-size: 10px;   
	text-decoration:none;
    
}

a:hover, a:active 
{
	color:#fff;
}

a.tekst:link, a.tekst:visited
{
	text-transform: none;
	color:#000;
	text-decoration:underline;
    font-size: 12px;   
}

a.tekst:hover, a.tekst:hover
{
	color:#000;
}


	/* navigatie */

div.nav
{
 	position: absolute;
 	top:8px;
 	left:20px;
 	background: tranparent;
	width: 700px;
	height: 130px;
	z-index:10;
}

.nav a:link
{
	text-decoration:none;
	border:0;
}

.button1, .button2, .button3, .button4, .button5, .button6, .button7, .hier1, .hier2, .hier3, .hier4, .hier5, .hier6, .hier7
{
	float: left;
	height: 120px;
	width: 100px;
	margin: 0;
	text-align: center;
}

div.nav span
{
	position:relative;
	top:100px;
}

a.button1:link, a.button1:visited
{
	background: url(../images/knop_home.gif) -100px 0 no-repeat;
}


a.button1:hover, a.button1:active, .hier1
{
	background: url(../images/knop_home.gif) 0 0 no-repeat;
}

a.button2:link, a.button2:visited
{
	background: url(../images/knop_4.gif) -100px 0 no-repeat;
}


a.button2:hover, a.button2:active, .hier2
{
	background: url(../images/knop_4.gif) 0 0 no-repeat;
}

a.button3:link, a.button3:visited
{
	background: url(../images/knop_prijslijst.gif) -100px 0 no-repeat;
}


a.button3:hover, a.button3:active, .hier3
{
	background: url(../images/knop_prijslijst.gif) 0 0 no-repeat;
}

a.button4:link, a.button4:visited
{
	background: url(../images/knop_1.gif) -100px 0 no-repeat;
}


a.button4:hover, a.button4:active, .hier4
{
	background: url(../images/knop_1.gif) 0 0 no-repeat;
}

a.button5:link, a.button5:visited
{
	background: url(../images/knop_bio_fairtrade.gif) -100px 0 no-repeat;
}


a.button5:hover, a.button5:active, .hier5
{
	background: url(../images/knop_bio_fairtrade.gif) 0 0 no-repeat;
}

a.button6:link, a.button6:visited
{
	background: url(../images/knop_tour.gif) -100px 0 no-repeat;
}


a.button6:hover, a.button6:active, .hier6
{
	background: url(../images/knop_tour.gif) 0 0 no-repeat;
}

a.button7:link, a.button7:visited
{
	background: url(../images/knop_links.gif) -100px 0 no-repeat;
}


a.button7:hover, a.button7:active, .hier7
{
	background: url(../images/knop_links.gif) 0 0 no-repeat;
}


.mSwitch {
	margin: 0;
	position: absolute;
	left: 750px;
	top: 105px;
	z-index:500;
	}

.mSwitch ul {
	margin: 0;
	padding: 0;
	}

.mSwitch ul li {
	display: inline;
	}

.mSwitch ul li a {
	margin: 0 6px;
	}

.mSwitch ul li a.selected, ol li a.selected {
	color: #fff;
	padding: 3px;
	}
	
	
ol li
{
	list-style-type: none;
	line-height:40px;
}