/* COLORS ******************************************************/

/*zwart¨*/
ul.menu li a, h1, ul.menu ul {color:#000000;}

/*donkerbruin*/
a {color:#b58527;}

/*bruin*/
.gastenboek hr {color:#e2b04f;}
h1, ul.menu ul, ul.menu li a, .bericht, .berichttussen, p.berichthoofd, div.kader, table, .gastenboek hr {border-color:#e2b04f;}
div.kant, .button, th {background-color:#e2b04f;}

/*lichtbruin*/
ul.menu li, ul.menu li:hover ul, h1, p.berichthoofd {background-color:#f2d86e;}

/*geel*/
body, p, ul.menu li a:hover, ul.menu ul li a:hover, .bericht, .berichttussen, table {background-color:#fcf7b7;}

/*wit*/
th, .button {color:#ffffff;}
tr {background-color:#ffffff;}

/*specifiek*/
.p1, .v1 {background-color:#cceebb;}
.p2, .v2 {background-color:#ccddff;}
.p3, .v3 {background-color:#ffddcc;}
.uitverkocht {color:#999999;}


/* GENERAL STYLES **********************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align:left; 
	margin: 0px 40px 0px 200px;
	padding: 0px 0px 0px 0px; 
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right; 
	right: 0px; 
	font-size: 200%; 
	font-weight: bold; 
	padding: 10px 30px 0px 0px; 
	margin: 16px 20px 10px 0px; 
	border-width: 0px 0px 0px 0px;
	border-style: solid; 
	display: block;
	height: 45px; 
	/*width: 100%; */
}

h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 120%; 
	padding: 0px 5px 0px 0px; 
}

h3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	padding: 0px 5px 0px 0px; 
}

h4 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	padding: 0px 5px 0px 0px; 
}

p {
	padding: 0px 0px 0px 0px; 
	margin: 0px 20px 8px 0px; 
	text-align: justify;
	font-size: 80%; 
	/*line-spacing: 20px; */
}

.berichthoofd {
	padding: 3px 7px 3px 10px; 
	margin: 10px 30px 0px 15px; 
	font-size: 80%; 
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	font-weight: bold; 
}

.berichttussen {
	padding: 5px 7px 0px 10px; 
	margin: 0px 30px 0px 15px; 
	font-size: 80%; 
	border-width: 0px 1px 0px 1px;
	border-style: solid;
}

.bericht {
	padding: 5px 7px 7px 10px; 
	margin: 0px 30px 0px 15px; 
	font-size: 80%; 
	border-width: 0px 1px 1px 1px;
	border-style: solid;
}

ul.lijst, ul.bericht, ul.berichttussen {
	padding: 0px 7px 0px 15px; 
	margin: 0px 30px 8px 15px; 
	font-size: 80%; 
}

ul.lijst.li, ul.bericht li, ul.berichttussen li {
	margin: 4px 0px 6px 10px; 
}


div.kader {
	padding: 10px 0px 5px 0px; 
	margin: 0px 30px 10px 15px; 
	border-width: 1px;
	border-style: solid;
}

a {
	text-decoration: none; 
	font-weight: bold; 
}

a:hover {
	text-decoration: underline; 
	font-weight: bold; 
}

address a, address a:hover, .gastenboek a, .gastenboek a:hover {
	font-weight: normal; 
}

.uitverkocht {
	font-style: italic; 
}

.center {
	text-align: center; 
}

address {
	/*position: absolute; */
	bottom: 0px; 
	padding: 25px 5px 10px 15px; 
	font-size:70%; 
	font-style: italic; 
	text-align: center; 
}

img {
	border-width: 0px; 
}

input, select {
	vertical-align: middle; 
}

div.eenderdekolom { 
	float: left; 
	min-width: 25%; 
	max-width: 35%; 
	margin: 1px; 
	padding: 1px; 
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	height: 22px; 
}

.gastenboek {
	padding: 0px 20px 0px 15px; 
	line-height: 15px; 
	font-size: 80%; 
}

.gastenboek hr {
	height: 0px; 
	border-width: 0px 0px 1px 0px; 
	margin: 10px 0px 12px 0px; 
	padding: 0px; 
}

.klein {
	font-size: 80%; 
	text-align: left; 
	font-style: italic; 
}

.spacer {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px; 
	font-size: 0px; 
	line-height: 0px; 
	font-size: 1px;
}



/* MENU STYLES *************************************************/

div.kant {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 100%;
}

div.menu {
	position: absolute;
	top: 0px;
	left: 0px;
}

/*menuitems*/
ul.menu {
    font-weight: bold; 
	text-align: right;
	margin: 30px 4px 0px 30px;
	padding: 0px;
	display: block;
	list-style-type: none;
	width: 112px;  /* = menuwidth - margin - padding */
}		

ul.menu li {
	display: block;
	position: relative;
	z-index:+10;
}		

ul.menu li a {
	font-size: 70%; 
    line-height: 15px; /* to eliminate the white space of 1px between li */
	font-weight: bold; 
	text-decoration: none; 
	display: block;
	padding: 6px 4px 0px 0px; 
	height: 18px; 
	width: 106px;  /* = ulwidth - margin - padding ???*/
	border-width: 0px 1px 1px 1px;
	border-style: solid;
}

ul.menu li:hover {
	z-index:+20;
}

ul.menu li a:hover {
	text-decoration: none; 
}

/*lijntje boven eerste item*/
ul.menu a.eerste {
	border-top-width: 1px;
}


/*subitems*/
ul.menu ul {
	display:none;
	position: absolute;
	right: -120px;
	top: 3px; 
	padding: 0px; /*3px 2px 3px 2px;*/
}

ul.menu li:hover ul {
	display: block;
}

ul.menu li:hover li a {
	padding: 2px 5px 2px 0px; 
	height: 14px; 
	width: 130px; 
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	text-decoration: none; 
}

/*lijntje boven eerste item*/
ul.menu li:hover li a.eerste {
	border-top-width: 1px;
}


/* TABLE STYLES ************************************************/

table {
}

table#kalender, table#adreslijst, table#poll {
	border-style: solid;
	border-collapse: collapse; 
	font-size: 8pt; 
	border-width: 1px;
	border-collapse: separate; 
	border-spacing: 1px 1px; 
}

table#kalender {
	margin: 15px 10px 10px 15px;
}

.v1, .v2, .v3, .v {
	font-weight:bold; 
}

th {
	font-weight:bold; 
	height:20px;
	text-align:center; 
	padding: 2px 6px 1px 6px; 
}

td {
	height:18px;
	padding: 2px 6px 1px 6px; 
}

table#kalender th, table#adreslijst th, table#kalender td, table#adreslijst td {
	white-space: nowrap; 
}

td.kaldatum {
	text-align:right;
}

.filelink {
	text-align: left; 
	white-space: normal; 
}

th.filelink {
	padding: 6px 6px 4px 6px; 
	color: #000000;
}


/* HÉLOÏSE ************************************************/

li.heloise {
	margin-top:10px;
}

li.heloise a.heloise {
	background-color:#e2b04f;
	border-color:#f2d86e;
	color:#ffffff;
	border-width: 1px 1px 1px 1px;
}

li.heloise a:hover.heloise {
	background-color:#fcf7b7;
	color:#b58527;
}