/* d.css = Default CSS bestand */

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

/* Photo: public-domain-photos.com */
/* Colors: colorschemer.com/schemes - Blown Entrepreneur by entitydesigns */
/* Arrow: freewebstuff.be */

html{font-size:100%;margin:0;padding:0;height:100%;min-height:100%;overflow:hidden}
body{
	background:#fff url(images/flake_pgbg_repeatx.jpg) repeat-x;
	color:#000;
	font:83.33%/1.2em Verdana,sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	height:100%;
	max-height:100%
}

div#container{width:100%;height:100%;min-height:100%;border:0px solid #3C3827;text-align:left;margin:0;padding:0}

div#top{height:5%;background:#6A8AB1;margin:0;padding:0;overflow:hidden;z-index:20}

div#mainblok{float:left;width:100%;height:90%;margin:0;padding:0;overflow:hidden;background:#FFFFFF url(images/flake_pgbg_repeatx.jpg repeat-x}
div#blok1{height:100%;margin:0;padding:0;width:8%;float:left;overflow:hidden;background:#FFFFFF url(images/flake_pgbg_repeatx.jpg) repeat-x}
div#blok2{
	height:100%;
	margin:0;
	padding:0;
	width:88%;
	float:right;
	overflow:auto;
	border-left:1px solid #6A8AB1; 
}

div#blok2a{min-height:100%;margin:0;padding:0;width:88%;float:left;background:#EBE7E0;border-right:1px solid #6A8AB1}
div#blok2b{min-height:100%;margin:0;padding:0;width:8%;float:right;background:url(images/flake_pgbg_repeatx.jpg) repeat-x fixed; fixed;}

div#footer{
	clear:both;
	height:5%;
	margin:0;
	padding:0;
	background:#6A8AB1;
	width:100%;
	overflow:hidden;
	z-index:30;
	font-size: x-small;
	color: #EBE7E0;
	text-decoration: none;
	a color: #FFFFFF; text-decoration: none;
}

div#blok2acenter{margin-top:40px}
div#blok2atop{margin-top:0px}
div#blok2abottom{margin-top:10px;width:100%}
div#blok2abottomleft{margin-top:10px;width:49%;float:left;border-right:1px dotted #6A8AB1}
div#blok2abottomright{margin-top:10px;width:49%;float:right}

div#backgroundimage{height:280px;background:url(flake4.jpg) no-repeat;background-position:center center}

h1, h2, h3{font-family:Verdana,Sans-serif;font-weight:bold;margin-left:10px}
h1{font-size:120%;color:#A0AC01;text-align:left}
h2{font-size:115%;color:#3C3827;text-transform:uppercase;text-align:right}
h3{font-size:110%;color:#ECECDE;font-style:italic;text-align:center}

.color1{float:left;background:#6A8AB1;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color2{float:left;background:#85A0BE;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color3{float:left;background:#FFF;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color4{float:left;background:#EBE7E0;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color5{float:left;background:#BDB8AD;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}

.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}
.headtext{color:#58564F;font-style:italic;text-align:left;text-transform:lowercase;margin-right:5px}
.bordertop{clear:both;margin:10px;padding:10px;border-top:10px solid #99CCFF}

img{border:0;margin-left:10px}
code{display:block;background:#fff;color:#6A8AB1;line-height:10px;border-top:10px solid #85A0BE;border-left:5px solid #85A0BE}
ul.arrow li{background:url(arrow.gif) left center no-repeat;list-style-type:none;list-style-position:outside;padding-left:20px;line-height:20px}

div#menu1{position:fixed;color:#fff;font-size:110%;left:20%}
div#menu1 a{display:block;border:1px solid #BDB8AD;color:#fff;padding:5px 15px;text-decoration:none}
div#menu1 a:hover{background:#99CCFF;color:#3173b9}
div#menu1 ul{list-style-type:none;margin:0;padding:0}
div#menu1 li{background:#85A0BE;color:#fff;float:left;min-width:7em}
div#menu1 ul li ul{display:none}
div#menu1 ul li ul li{float:none}
div#menu1 ul li:hover ul{display:block}