body {
	background-color : #5A5C63;
	/* background-image : url("../images/bg_rightbottom.jpg"); */
	background-position : right bottom;
	background-repeat : no-repeat;
	background-attachment : fixed;
	font-family : /* "Trebuchet MS", */ Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}								  

H1, H2, H3, H4 { 
	margin: 8px;
}

H1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-variant : small-caps;
	font-weight : normal;
	letter-spacing : 0.1em;
}

H2 {
	/* font-family : Georgia, "Times New Roman", serif, "Trebuchet MS"; */
	font-size: 14pt;
	font-weight : bold;
	font-variant : small-caps;
	letter-spacing : 0.1em;
}

H3 {
	/* font-family : Georgia, "Times New Roman", serif, "Trebuchet MS"; */
	font-size: 12pt;
	font-weight : bold;
	font-variant : small-caps;
	letter-spacing : 0.1em;
}

H4 {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size: 10pt;
}

p, ul, li, .button, .linkerkolomtekst, .menu, .lotsoftext {
	font-size : 9pt;
}

H1, H2, H3, H4, b, strong {
	color : white;
}

p, ul, li, .lotsoftext, .serifheader {
	color: #CCC;
	line-height : 150%;
}

.serifheader {
	margin: 8px;
	font-family : Georgia, "Times New Roman", serif, "Trebuchet MS";
	font-size: 11pt;
	font-weight : normal;
	font-variant : small-caps;
	letter-spacing : 0.1em;
	color: white;
}

.comment {
	margin: 8px 8px 0px 20px;
	font-size: 10pt;
	font-family : "Times New Roman", serif, "Trebuchet MS";
	font-style : italic;
	/* letter-spacing : 0.05em; */
	line-height : 140%;
	color: #FFE4B5;
}

a:link, a:visited, a:active {
	color: #EEE8AA;
	text-decoration: none;
	border-bottom: 1px dotted Gray;
}

a:hover {
	/* background-color: #D4D7F5; */
	color: white;
	text-decoration: underline;
}


	
.gallery {
	display: block;
	}

.gallery a:link, .gallery a:visited, .gallery a:active { 
	color: white;
	text-decoration: none; 
	border: 0px;	
}

/* .gallery a:hover { 
	} */

.lotsoftext {
	margin: 8px;
	max-width : 45em;
}

UL {
	list-style-type: square;}

LI {
	padding-bottom : 5px;
	line-height : 16px }										  

.copyright {
	font-size : 8pt;
	font-variant : normal;
	letter-spacing : 0.2em;
	color: Gray;
	margin-left : 234px;
}		 

.small {
	font-size: 60%
}

.topnavigation {
	font-size : 8pt;
	font-variant : small-caps;
	letter-spacing : 0.2em;
	line-height : 100%;
	color : silver;	
	margin : 0px 15px 0px 0px;
}

.topnavigation a:link, .topnavigation a:visited { 
	color : silver;
	text-decoration : none;	
	border-bottom: none;
}

.topnavigation a:hover {
	color : White;
	text-decoration : none;
	background: none; 
	/* border-bottom: dotted 1px; */
}			 

input.textfield {
	line-height: 150%;
	padding: 0px 3px 1px 3px;
	border: 1px solid black;
	background-color: white;
	font-family : monospace;
	font-size : 10pt;
}	  

.button {
	color: White;
	border: 1px black solid;
	background-color: #637D92;
	font-weight: normal;
}			   


.menu, .menu a:link, .menu a:visited {
        font-size: 8pt;
	font-variant : small-caps;
	letter-spacing : 0.1em;
	color : #F0F8FF;
	margin : 1px 0px 1px 0px;
	display : block;
	background-color : #434651; /*#505050;*/
	padding: 1px 5px 1px 10px;
	border-bottom: none;
}

.menu a:hover {
	font-variant : small-caps;
	color : #F0F8FF;
	letter-spacing : 0.1em;
	text-decoration : none;
	display: block;
	background-color : #7C7690;
	border-bottom: none;
}			 

.menuposition {
	font-variant : small-caps;
        font-size: 8pt;
	letter-spacing : 0.1em;
	color : black;
	display : block;
	margin : 1px 0px 1px 0px;
	padding: 1px 5px 1px 10px;
	background-color: #ECE9D4; /*Silver;*/
	border-bottom: none;
}

.linkerkolomtekst {
	margin: 8px 8px 0px 20px;
	color: #FFEFD5;
}

img.thumbnail {
	border: 1px solid black;
	padding: 0px;
	margin: 8px;
} 

img.show {
	border: 5px solid #000;
	padding: 0px;
	margin: 8px;
} 

hr {
	color: #CCCCCC;
}
.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	line-height: 1.8em;
	color: #E6E6E6;
	margin: 8px;
}

