body{
	background-color: #cde2fe;
	min-height : 800px;
	height: auto !important;
	height : 800px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	font-size : 10pt;
	margin: 0px auto;
	background-image : url(plaatjes/achtergrond.png);
	background-repeat : repeat-x;
	background-position : top left;
}
a{text-decoration : none; color : #0060c0;}
a:hover{text-decoration : underline;}
.tabelkop{font-weight : bold;}
h1{display : block; font-size : 20pt; text-align : center; color : #0060c0;}
strong{font-weight : bold; color : #000000}

#box{width : 90%; border-left : 1px solid black; border-right : 1px solid black; display : block; position : absolute; margin-left : 56px; margin-right : 56px; background-image : url(plaatjes/box_bg_bottom.png); background-repeat : repeat-x; background-position : bottom left; background-color : #ebebeb;}
#header{width : 100%; display : block; background-color : #61d53d; height : 120px;}
#header_links{width : 100%; height : 120px; position : absolute; display : block; background-image : url(plaatjes/header_links.png); background-position : top left; background-repeat : no-repeat;}
#header_rechts{width : 100%; height : 120px; position : absolute; display : block; background-image : url(plaatjes/header_rechts.png); background-position : top right; background-repeat : no-repeat;}
#menu{width : 100%; height : 20px; position : absolute; margin-top : 0px; /*background-color : #ffb400;*/ background-color : #ffe16d;}
#menu a{color : #000000; display : block; width : 12%; border-right : 1px solid black; float : left; text-align : center; height : 100%;}
#menu a:hover{background-color : #ebebeb;}

#menu_adm{width : 100%; height : 20px; margin-top : 20px; background-color : #96bcf7; margin-bottom : 20px;}
#menu_adm a{color : #000000; display : block; width : 14%; border-right : 1px solid black; float : left; text-align : center; height : 100%;}
#menu_adm a:hover{background-color : #ebebeb;}


#inhoud{width : 100%; margin-bottom : 50px; margin-top : 20px; min-height : 570px; height : auto !important; height : 570px;}
#inhoud p{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px;}
.vak1{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px; background-color : #96bcf7;}
.vak2{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px; background-color : #9bf796;}
.vak3{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px; background-color : #f7e696;}
.vak4{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px; background-color : #f79696;}
.vak5{display : block; width : 100%; padding-top : 10px; padding-bottom : 10px; background-color : #f7b7ff;}
.foruminfo{display : block; width : 100%; padding : 0px; background-color : #96bcf7; font-size : 8pt;}

dl{width : 100%; display : block; background-color : #ddffdb; border-collapse : collapse; font-size : 10pt; border : 0px solid #0099ff; border-top : 1px solid #000000; border-bottom : 1px solid black; border-collapse : collapse;}
dl dt{display : block; margin : 0px; font-weight : bold; background-color : #9bf796; height : 30px; background-image : url(plaatjes/tabel_kop.png); background-repeat : repeat-x; background-position : top left;}
dl dd{display : block; margin : 0px; background-image : url(plaatjes/tabel_bg.png); background-repeat : repeat-x; background-position : top left; padding-bottom : 50px;}

.standaardtabel{width : 100%; /*background-color : #b6dcff;*/ background-color : #ddffdb;  border-collapse : collapse; font-size : 10pt; border : 0px solid #0099ff; margin-bottom : 10px; background-image : url(plaatjes/tabel_bg.png); background-repeat : repeat-x; background-position : top left;}
.standaardtabel td{height : 25px; border-top : 1px solid #000000; border-bottom : 1px solid black;}

.tabelkop{font-weight : bold; background-color : #9bf796; height : 30px; background-image : url(plaatjes/tabel_kop.png); background-repeat : repeat-x; background-position : top left;}
.standaardtabel strong{color : #0060c0; font-size : 14pt;}
.standaardtabel a{color : #000000;}
.standaardtabel tr:hover{background-color : #f7e696;}
.mini{font-size : 8pt;}

img{border : 0px solid #000000;}

/*g = gebouw, [getal] = kaartnummer*/
/*
.g1_houthakker{position : absolute; z-index : 2; left : 0px; top : 0px;}
.g1_steengroeve{position : absolute; z-index : 2; left : 0px; top : 0px;}
.g1_opslagplaats{position : absolute; z-index : 2; left : 0px; top : 0px;}
.g1_wachttoren{position : absolute; z-index : 2; left : 0px; top : 0px;}
.g1_hoofdkwartier{position : absolute; z-index : 2; left : 0px; top : 0px;}
*/

.g1_houthakker{position : absolute; z-index : 2; left : 422px; top : 82px;}
.g1_steengroeve{position : absolute; z-index : 2; left : 92px; top : 104px;}
.g1_opslagplaats{position : absolute; z-index : 2; left : 492px; top : 347px;}
.g1_wachttoren{position : absolute; z-index : 2; left : 584px; top : 100px;}
.g1_hoofdkwartier{position : absolute; z-index : 2; left : 272px; top : 458px;}

.g2_houthakker{position : absolute; z-index : 2; left : 400px; top : 300px;}
.g2_steengroeve{position : absolute; z-index : 2; left : 130px; top : 300px;}
.g2_opslagplaats{position : absolute; z-index : 2; left : 166px; top : 28px;}
.g2_wachttoren{position : absolute; z-index : 2; left : 20px; top : 150px;}
.g2_hoofdkwartier{position : absolute; z-index : 2; left : 280px; top : 90px;}

div#game_top{height : 120px; overflow : auto; background-color : #ffffaa;}
div#game_kaart{position : relative; margin : 0px auto; overflow : hidden;}

/*versleepbare vensters*/
div.venster{display : block; position : absolute; z-index : 100;}
div.venster h3{margin : 0px;}

div#venster1{left : 50px; top : 140px; width : 200px; height : 160px; background-color : #ffffaa; border : 1px solid #dddd88;}
div#venster1 h3{background-color : #dddd88;}
div#venster2{left : 200px; top : 160px; width : 300px; height : 160px; background-color : #aaffff; border : 1px solid #88dddd;}
div#venster2 h3{background-color : #88dddd;}
div#venster3{left : 50px; top : 140px; width : 200px; height : 160px; background-color : #ffffaa; border : 1px solid #dddd88;}



