*	{
	padding: 0px;
	margin: 0px;
 	-moz-user-select:none;
}

body, td, h2 {
		margin: 				0px;
		font-family: 			"comic sans ms", "trebuchet ms", sans-serif;	
		font-size: 10pt;
		line-height: 15pt;
		letter-spacing: 0pt;
		color: #002958;
		vertical-align: top;
}

h2 {
		font-weight: normal;
}

html, body {
	    height:100%;
	    border:none;
		background-color: 		#f8f4c4;
}
html, body {
		overflow: hidden;
}
html, body, x:-moz-any-link { /* target only Firefox, overriding the style above */
  		overflow: auto;
} 

p { margin: 12px;padding:0px;}

.container {
	height: 100%;		
}
#header {
		text-align: center;
}
#leftside {
		/*position:absolute;*/
		background-color: #f8f4c4;
		width: 40px;
		height: 100%;
}
#menubar {
		/*position:absolute;*/
		width: 150px;
		/*left: 41px;*/
		/*overflow: visible;/*anders problemen als inlogvelden*/
		background: url(../images/menuback.jpg);
		background-color: #b7d6c4;
 		background-repeat: repeat-x;
 		border-left: 1px solid #d3d0a6;
 		text-align: center;
		height: 100%;
		vertical-align: top;
}
#logo {
		font-size: 8pt;
		text-align: center;
		line-height: 12pt;
		letter-spacing: -1px;
}
#shadow1 {
		width: 40px;
		left: 191px;
		/*position: absolute;*/
		height: 100%;
}
#shadow2 {
		width: 40px;
		right: 0px;
		/*position: absolute;*/
		height: 100%;
}
.shadow {
		width: 40px;
		background: url(../images/shadowback.jpg);
		background-position: top left;
		background-repeat: repeat-y;
}
.contentcolumn {
		height: 100%;	
		text-align: center;	
}
.scroller {
		background: url(../images/contentback.jpg);
		background-color: #efeeda;
		background-repeat: repeat;
		border-left: 1px solid #e6e4b5;

		scrollbar-3dlight-color: #eae8c1;
		scrollbar-arrow-color: #000000;
		scrollbar-darkshadow-color: #908f7c;
		scrollbar-face-color: #eae8c1;
		scrollbar-highlight-color: #f8f7e4;
		scrollbar-shadow-color: #908f7c;
		
		height: 100%;
		overflow-y: auto;
}
.scroller, x:-moz-any-link { /* target only Firefox, overriding the style above */
  		overflow-y: hidden;
} 
/*html>body .scroller {
		overflow-y: visible;
}*/

#centerdiv {
	 	min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -150px; /*this is for the footer space*/
		left: 233px;
		right: 25px;
		padding: 0px;		
}
.bottom ,.push{
	height: 150px;
    font-size: 8pt;
}
.content {
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center 50px; 
		line-height: 15pt;
		text-align: left;		
}

/****************/

img {
		border: none;
		vertical-align: middle;
}
.img {
    text-align: center;
		margin: 12px 12px 12px 12px;	
}



/********MENU********/
#navcontainer, #navcontainer2
{		
		padding: 0px;
		font-size: 10pt;
		font-family: "comic sans ms", "trebuchet ms", sans-serif;
		font-style: italic;
		letter-spacing: -1px;
		line-height: 19pt;
		text-align: center;	
}
#navcontainer {
		margin-top: 20px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}
/*ul*/
ul.navlist,ul.navlist2
{
		padding:0px;
		height: 35px;
		list-style: none;	
		display: inline;
}
ul.navlist2 {
		display: table;
}

/*li*/
ul.navlist li,ul.navlist2 li
{
		padding: 6px 0px;
		float: left;
		width: 145px;
}
ul.navlist2 li{
		padding: 3px 0px;
		
}

ul.navlist li a,ul.navlist2 li a
{
		display: block;		
		padding: 1px;
		text-decoration: none;
		background-position: 5px center;
		background-repeat: no-repeat;	
}

#navcontainer>ul.navlist li a { width: auto; }
#navcontainer>ul.navlist2 li a { width: auto; }

.navlist li a
{
		background-image: url(../images/menubutton.gif);
}
.navlist li a:hover
{
		background-image: url(../images/menubutton_over.gif);
}
.navlist2 li a
{
		background-image: url(../images/menubutton2.gif);
}
.navlist2 li a:hover
{
		background-image: url(../images/menubutton2_over.gif);
}

.centertable{
	display: table;   /* Allow the centering to work */
	margin: 0px auto;
	text-align: center;
}

/****************/

.handtitle {
	margin: 12px;
	padding: 10px 0px 0px 70px;
	height: 60px;
	background: url(../images/hand.gif) no-repeat bottom left;
}

h1 {
	font-weight: normal;
	font-size: 24pt;
	font-family: "monotype corsiva", "comic sans ms", "trebuchet ms", sans-serif;
}
	



.steenimages {
		margin: 5px;
		text-align: center;
}
.steenimagepreviewdiv {
		display: table;
		margin: 0 auto;
		text-align: center;

}
.steenimagepreview {
		vertical-align: center;
		margin: 3px; 
		width:150px;
		height:100px;
		overflow:hidden;
}
.steenimageul {
		height: 110px;
		list-style: none;
}
.steenimageli {
		float:left;
		display: inline;
		padding: 2px;
}

/********/


/*links*/
a:link, a:visited, a:hover {
		color: #002958;
		/*text-decoration: none;*/
}
a:hover {
	color: #0058aa;
}


.jump {
	
	font-style: italic;
	/*font-weight: bold;*/
	text-decoration: underline;
}
a:link.jump, a:visited.jump {
	color: #002958;
}
a:hover.jump {
	color: #0058aa;
}
.smalllink {
		font-size: 8pt;
}

/*content*/
.imglinks {
		float: left;
		margin: 12px 12px 12px 12px;
}

.imgrechts {
		float: right;
		margin: 12px 12px 12px 12px;
}

.title {
		font-size: 10pt;
		font-weight: bold;
}
.titlebig {
    color: #204978;
		font-size: 12pt;
		font-weight: bold;
}
.right {
		margin-right: 12px;
		text-align: right;	
}
.center {
		text-align: center;
}
.subtitle {
    font-size: 10pt;
    color: #204978;
		font-weight: bold;
}
.small {
		font-size: 8pt;
}
.oliebeschrijving {
		font-size: 9pt;
}
table {
		border-collapse: collapse;
}
table.oliecollectie, table.stenencollectie {
		margin: 12px;
		padding:0px;
		clear: both;
		width: 90%;
}
td.olie {
    vertical-align: top;
		width: 33%;
}
td.steen {
    vertical-align: top;
		width: 33%;
}
td.linktd {
		padding: 5px;	
}
.tdform {
		width: 200px;
}
.steentype {
	width: 400px;
		text-transform: capitalize;
}
table.planning {
		text-align: left;
		margin: 0 auto 0;
}
td.planning, td.planningsmall {
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #908f7c;
}
td.planningsmall {
		font-size: 11px;	
		text-align:center;
}

ul {
		list-style-position: inside;
}