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

html {
	overflow: auto;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #1e1509;  
	background-color: #1e1509;
}

img {
	border: none;
}

ul {
	list-style-type: square;
	margin-left: -24px;
}

ol {
	margin-left: -20px;
}

p + ul, p + ol {
	margin-top: -0.75em;
}

h1 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 100%;
	margin: 0 0 0.2em 0;
}

h2 + * {
	margin-top: 0;
}

p {
	margin-top: 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 1em;
}

td {
	padding-right: 20px;
	border: none;
}

td.euro {
	padding-right: 5px;
}

td.rechts {
	text-align: right;	
}

#distance {
	background-color: #7f542e;
	margin-bottom: -297px; /* half of container's height */
	width: 1px;
	height: 48%;	
	float: left;
}
	
#hoofdcontainer {
	background-color: #eec58f;    
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	width: 1012px;
	height: 590px;
	clear: left;	
}

#hci {
	background-color: #683b18; 
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	text-align: left;
	width: 894px;
	height: 590px;
	clear: left;
}

#hulpwoordjes {
	position: absolute;
	height: 200px;
	width: 280px;
	left: 10px;
	top: 10px;
	color: #676767;
}

#logo {
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 298px;
	height: 292px;
}

#foto {
	position: absolute;
	left: 0px;
	top: 292px;
	width: 298px;
	height: 298px;
}

#menu {
	font-size: 1.0em;
	background-color: #eec58f;  
	position: absolute;
	left: 298px;
	top: 0px;	
	right: 0px;
	height: 33px;
	z-index: 100;
}

#balk {
	color: #7f542e;
	line-height: 33px;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-indent: 40px;
	background-color: #efe6d1; 
	position: absolute;
	left: 298px;
	top: 33px;
	right: 0px;
	height: 33px;
	font-size: 0.95em;
}

#tekst {
	text-align: justify;
	position: absolute;
	left: 380px;
	top: 131px;
	right: 65px;
	bottom: 50px;	
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 10px;
}

#tekst a, #tekst a:visited {
	color: #66CCFF;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
}

#tekst a:hover {
	color: #6d2324;
	background-color: #7f542e;
}

#adres {
	position: absolute;
	left: 340px;
	top: 120px;
	right: 490px;
}

#kaart {
	position: absolute;
	left:570px;
	top: 120px;
	right: 50px;
	bottom: 50px;
	border: 0;
}

#teller {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 25px;
	display: none;
}
/*Alle kleuren die bij de aardekleuren horen  */
.color1 { color: #120505;}
.color2 { color: #3c1917;}
.color3 { color: #56360d;}
.color4 { color: #543824;}
.color5 { color: #4e2c0c;}
.color6 { color: #615451;}
.color7 { color: #6d635a;}
.color8 { color: #6c4930;}
.color9 { color: #ae7831;}
.color10 { color: #5f4521;}
.color11 { color: #645b58;}
.color12 { color: #973a3c;}
.color13 { color: #916730;}
.color14 { color: #68290a;}
.color15 { color: #8b5930;}
.color16 { color: #5e1919;}
.color17 { color: #380706;}
.color18 { color: #5e0c15;}
.color19 { color: #7c3c3a;}
.color20 { color: #a85a0e;}
.color21 { color: #564840;}
.color22 { color: #ae7840;}
.color23 { color: #d9c393;}
.color24 { color: #372c24;}
.color25 { color: #755631;}
.color26 { color: #584531;}
.color27 { color: #b76a51;}
.color28 { color: #8c7a76;}
.color29 { color: #322b10;}
.color30 { color: #1e1509;}
.color31 { color: #1f1817;}
.color32 { color: #49240a;}
.color47{
    color: #6e3b0e; /* peru tan */
}
.color46 {
    color: #683b18; /* new amber */
}
.color45 {
    color: #6d2324; /* burgundy */
}
.color44 {
    color: #6e2625; /* burgundy */
}
.color43 {
    color: #985022; /* hawaiian tan */
}
.color41 {
    color: #794f25; /* walnut */
}
.color42 {
    color: #4c3922; /* saddle brown */
}
.color40 {
    color: #794a23; /* cinnamon */
}
.color39 {
    color: #5b462d; /* irish coffee */
}
.color38 {
    color: #3e2c1b; /* brown pod */
}
.color37 {
    color: #6c584f; /* domino */
}
.color36 {
    color: #6a1b1a; /* pohutukawa */
}
.color35 {
    color: #633821; /* hairy heath */
}
.color34 {
    color: #7f542e; /* korma */
}
.color33 {
    color: #5c4d47; /* saddle */
	}
.colory {
color:#380706; /*wijn*/
}
.colory2 { color:#efe6d1;
}
.wijn {
background-color:#380706;}
.donkergroen {
background-color:#322b10;}
.lichterekleur {
background-color:#efe6d1;}

/* hoort bij voorpaina */
img {
	float: left;
	margin: 0;
}

#teller {
	z-index: 100;
	display: block;
}

.right {
text-align:right;
	float: right;
	margin: 0 10 0 0;
}