/* CSS Document */

/* BASIC COLORS
	HEADER BORDER TOP
	**
	99368d	hardpaars
	594857	paars	
	dbd6da	grijs

	HEADER BORDER BOTTOM
	**
	d4182b	hardrood	
	bf5660	rood
	d3ccd3	grijs	

*/
	
/* reset */
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, form, textarea, input, 
p{margin:0;padding:0;} 
ul li{list-style:none;}



/* GENERAL */

body {
	height:100%;
	background-color: #f5f5f5;
	font:12px/1.8 Tahoma,sans-serif;
	color: #333333;	
}

#container {
	height:	100%;
}

a {
	color: #d41835;
	text-decoration: none;
}

img {
  border: 0px;
}

h1 {
	font:16px/1.8 Tahoma,sans-serif;
	color: #d41835;
	margin-bottom: 10px;
}

h2 {
	font:14px/1.8 Tahoma,sans-serif;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

p {
  margin-bottom: 10px;
}

/* HEADER */

#header {
	padding-top: 10px;
	background-color: white;
	width: 100%;
}

#inner_header {
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 752px;
	position: relative;
}

#logo {
	float: left;
}

#logininfo {
  text-align: right;
}

#nav {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

#border_header {
  height: 4px;
  background-image: url('../media/site/border_top.png');
  background-repeat: repeat-x;
  text-align: right;
  clear:both;
}

/* CONTENT */

#content {
	background-color: #f5f5f5;
	width: 100%;
	background-image: url('../media/site/headershadow.png');
	background-repeat: repeat-x; 
}

#content_header {
	height: 25px;
}

#inner_content {
	background-color: #ffffff;
	width: 752px;
	border: 1px solid #dddddd;
	margin-left:auto;
	margin-right:auto;
}

#inner_content.figures {
	min-height: 350px;
	background-image: url('../media/site/figuurtjes_vlakken.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#inner_content.figures_left {
	min-height: 540px;
	background-image: url('../media/site/figuurtjes_vlakken_left.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#inner_content.quicktour {
	min-height: 475px;
	background-image: url('../media/site/quicktour_figure2.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#inner_content_html {
	padding: 20px;
}

#inner_content_left {
	float: left;
}

#inner_content_html_left {
	padding: 20px;
	float: left;
}

#inner_content_right {
	margin-right: 20px;
	float: right;
	width: 205px;
}

#info {
	clear: both;
	width: 752px;
	margin-left:auto;
	margin-right:auto;	
	text-align: center;	
	font:10px/1.8 Tahoma,sans-serif;
}

/* FOOTER */

#footer {
	padding-bottom: 10px;
	padding-top: 60px;
	height: 100px;
	width: 100%;
}

#inner_footer {
	width: 752px;
	margin-left:auto;
	margin-right:auto;
}

#border_footer {
	height: 25px;
	background-image: url('../media/site/border_bottom.png');
	background-repeat: repeat-x;
	clear:both;
}

/*  FORMS */

input {
  background-color: #f4e0e2;
  border: 1px solid #bf5660;
  padding: 2px;
  color: #333333;
}

select {
  background-color: #f4e0e2;
  border: 1px solid #bf5660;
  padding: 2px;
  color: #333333;
}

input.button {
  background-color: #bf5660;
  border: 0px solid #bf5660;
  padding: 2px;
  color: #ffffff;  
}

input[type="checkbox"] {
  border: 0px;
  background-color: white;
}
table td {
  vertical-align: top;
  font:12px/1.8 Tahoma,sans-serif;
}

#message {
  font-weight: bold;
  color: #d4182b;
  font-size: 11px;
}



ul li {
  list-style-type: disc;
  margin-left: 14px;
}


/* homepage DIVs*/
#login_top {
}
#login_body{
  background-image: url('../media/site/login_body.png');
  background-repeat: repeat-y;  
  padding: 4px;
}
#login_bottom{
}
input[type="image"] {
  border: 0px;
  background-color: white;
}

#message.login {
  background-image: url('../media/site/login_body.png');
  background-repeat: repeat-y;  
  padding: 10px;  
}

#loginsubmit {
  background: transparent url('../media/site/login.png') no-repeat center top;
  width: 45px;
  height: 25px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  
}