/* style.css @ stichting-qem.nl */
/* Copyright © 2009 Floow Webdesign. All rights reserved. */
/* Contact: info@floowwebdesign.nl - wwww.floowwebdesign.nl. */

body
{
  background-color: #000000;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	
	overflow-x: hidden;
	overflow-y: auto;
	
  scrollbar-arrow-color:      #000000;
  scrollbar-track-color:      #ffffff;
  scrollbar-face-color:       #ffffff;
  scrollbar-highlight-color:  #ffffff;
  scrollbar-3dlight-color:    #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-shadow-color:     #ffffff;
}


/* div styles */

div#container
{
	background-color: #ffffff;
	width: 500px;
	height: 550px;
	margin:0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -275px 0 0 -250px;
}

div#header
{
	background-color: #ffffff;
	height: 100px;
}

div#menu
{
	background-color: #000000;
	text-align: center;
	width: 500px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

	div#menu a:link		{ display: block; width: 100px; height: 20px; float: left; color: #b2b2b2; font-family: Arial; font-size: 12px; text-decoration: none; }
	div#menu a:visited	{ display: block; width: 100px; height: 20px; float: left; color: #b2b2b2; font-family: Arial; font-size: 12px; text-decoration: none; }
	div#menu a:hover	  { background-color: #ffffff; display: block; width: 100px; height: 20px; float: left; color: #000000; font-family: Arial; font-size: 12px; text-decoration: none; }

div#content
{
  background-color: #ffffff;
  line-height: 130%;
	text-align: left;
  width: 500px;
  height: 360px;
  padding: 25px;
  overflow: auto;
}

	div#content a:link		{ color: #0373E5; font-family: Arial; font-size: 12px; text-decoration: none; }
	div#content a:visited	{ color: #0373E5; font-family: Arial; font-size: 12px; text-decoration: none; }
	div#content a:hover	  { color: #0373E5; font-family: Arial; font-size: 12px; text-decoration: underline; }

div#footer
{
  background-color: #000000;
  color: #b2b2b2;	
	font-family: Arial;
	font-size: 11px;
	text-align: center;
	height: 15px;
}

	div#footer a:link		{ color: #b2b2b2; font-family: Arial; font-size: 11px; text-decoration: underline; }
	div#footer a:visited	{ color: #b2b2b2; font-family: Arial; font-size: 11px; text-decoration: underline; }
	div#footer a:hover	{ color: #6699cc; font-family: Arial; font-size: 11px; text-decoration: underline; }

div#terug
{
	background-color: #000000;
	padding-top: 20px;
	height: 60px;
}

/* vaste styles */

form
{
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
}

h1
{
	color: #000000;
	font-family: Arial;
	font-size: 20px;
	font-weight: normal;
}

h2
{
	color: #000000;	
	font-family: Arial;
	font-size: 15px;
	text-align: left; 
  padding-left: 10px;   
  padding-bottom: 0px;
  margin-bottom: 0px;
}

input
{
	color: #0373E5;
	font-family: Georgia, Arial;
	font-size: 12px;	
  border: 1px solid #E9E9E9;	
}

td
{
	color: #000000;	
	font-family: Arial;
	font-size: 12px;
  padding-left: 10px;	
}

p
{
	color: #000000;	
	font-family: Arial;
	font-size: 12px;
	text-align: left; 
  padding-left: 10px; 
}

select
{
	color: #0373E5;
	font-family: Georgia, Arial;
	font-size: 12px;
  border: 1px solid #E9E9E9;
  width: 365px;  
}

textarea
{
	color: #0373E5;
	font-family: Georgia, Arial;
	font-size: 12px;
  border: 1px solid #E9E9E9;
  width: 365px;  	
}

ul
{
	color: #000000;	
	font-family: Arial;
	font-size: 12px;
	text-align: left; 
  padding-left: 10px; 
}

/* eigen styles */

.button
{
  background-color: #ffffff;
  color: #000000;
  font-family: Georgia, Arial;
  font-size: 12px;
  border: 1px solid #E9E9E9;
}

.fatunderline
{
  font-weight: bold;
  text-decoration: underline;
}
  
.header
{
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}