/* Dennis */
/* Freelance WebDesigner */
/* CSS Design Name: Website 001 */
/* Description: liquid, height-width 100%, container center - left fixed, right scrollable */
/* Created 25 april 2007 */
/* Lastupdate 25 april 2007 */
/* License layout-design: Creative Commons - Public Domain */
/* W3C: (X)HTML 1.0 Strict and CSS */

/* Colors: colorschemer.com/schemes - Proposition by entitydesigns */
/* Arrow: freewebstuff.be */ 
/* Used for Compu: http://www.Compu-cms.org */
   
html{font-size:100%;margin:0;padding:0;height:100%;min-height:100%;overflow:hidden}
body{background:#fff;color:#000;font:12px Verdana,sans-serif;text-align:center;margin:0;padding:0;height:100%;max-height:100%;overflow:hidden}
div#container{width:900px;height:100%;min-height:100%;border:0px solid #99CC99;text-align:left;margin:auto;padding:0;overflow:hidden}

div#top{
	height:5%;
	background:#000000;
	margin:0;
	padding:0;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
div#mainblok{float:left;width:100%;height:90%;overflow:hidden}
div#blok1{
	height:100%;
	width:29%;
	float:left;
	overflow:hidden;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #99CC99;
	background-image: url(archivecj.jpg);
	background-repeat: no-repeat;
	background-position: center 340px;
	padding-bottom: 0px;
	
}
div#blok2{
	height:100%;
	margin:0;
	width:69%;
	float:right;
	overflow:auto;
	border-top-width: 0px;
	border-right-width: thin;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
div#footer{
	clear:both;
	height:5%;
	width:100%;
	font-size:10px;
	text-align:right;
	color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #000000;
}

ul.menu1{margin:5px;padding:5px;list-style:none}
ul.menu1 li{margin:0;padding:0}
ul.menu1 a{display:block;color:#003300;width:12em;padding:0.3em 0.2em 0.3em 0.3em;text-decoration:none}
ul.menu1 a:visited{color:#003300;text-decoration:none}
ul.menu1 a:hover{background:#CCFFCC;color:#006600;}
li.menu1 {background:none;}

.color1{float:left;background:#ECECDE;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color2{float:left;background:#CED665;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color3{float:left;background:#58564F;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color4{float:left;background:#A0AC01;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color5{float:left;background:#3C3827;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}

h1, h2, h3{font-family:Verdana,Sans-serif;font-weight:bold;margin-left:10px}
h1{font-size:16px;color:#006600;text-align:left}
h2{font-size:12px;color:#006600;text-transform:uppercase;text-align:right}
h3{font-size:14px;color:#006600;font-style:italic;text-align:center}

li{background:url(bullet.gif) left center no-repeat;list-style-type:none;list-style-position:outside;padding-left:20px;line-height:20px}

.description{margin:5px;padding:5px;font-family:Verdana,Sans-serif;font-size:80%;line-height:20px;font-weight:bold;color:#58564F}
.binnen{margin:5px;padding:5px}
.bordertop{clear:both;margin:5px;padding:5px;border-top:2px dotted #3C3827}
.headtext{
	color:#006600;
	font-style:italic;
	text-align:center;
	text-transform:uppercase;
	margin-right:5px;
	font-size:18pt;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}
.center{margin:5px;padding:5px;text-align:center}

fieldset{border:0}
form{margin:15px;padding:15px;border:1px solid #58564F;background:#CCFFCC}
p.formlabel{display:block;font-weight:bold;margin:15px 0}
input{padding:5px;border:1px solid #3C3827;color:#000000}
textarea{width:200px;padding:5px;border:1px solid #58564F;height:100px;display:block;color:#A0AC01}
input.button{margin:5px;border:1px solid #3C3827;color:#A0AC01}

a:link { color: #006600 }
a:visited { color: #006600 }
a:active { color: #006600 }
a:hover { color: #006600 }

.album{
	background:#CCFFCC;
	border:1px solid #006600;
	border-left:5px solid #006600;
	padding:7px;
	
}