/*
---------------------------------------
Website: www.dalinst.nl
CSS: Ron Horn
E-mail: dezine@hotmail.com
URL: www.dezine.nl
---------------------------------------
*/

@import url("front.css");

a:link, a:visited {
	color: #2F578A;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt;
	font-family: Verdana, sans-serif;
	outline: none;
}

a:hover		{color: #C00000; text-decoration: underline; cursor: pointer;}

table, td, p, body, div{
	color: #333333;
	font-size: 8pt;
	text-decoration: none;
	font-family: Verdana, sans-serif;
}

span	{
	color: #333333;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, sans-serif;
}

img{ 
	border:0; 
} 

* {
	margin: 0;
}

html, body {height:100%;} 

html,body {
	margin: 0;
	padding: 0;
}

body {	
	background-color: #F2F0D8;
	background-image: url('images/bg-header.png');
	background-repeat: repeat-x; 
}
	
#container {
	width: 780px; 
	background-color: #99B8D7;
	background-image: url('images/bg-content.png');
	background-repeat: repeat-y; 
  position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
}
	
#header {
	width: 780px;
	height: 200px;
	background-image: url('images/header.png');
	background-repeat: no-repeat;
	background-color: #99B8D7;
	margin: 0px;
	padding: 0px;
	position: relative;
}

* html #header {height: 200px;he\ight: 200px}

#submenu, #content{ 
	float: left; 
} 

#submenu {
	float: left;
	width: 200px;
	padding-top: 0px;
	padding-left: 30px;	
	padding-right: 0px; 
 	padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

#content {
	float: left;
	width: 500px;
	padding-top: 10px;
	padding-left: 20px;	
	padding-right: 0px; 
 	padding-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}

#push {
	clear: both;
	width: 780px;
	height: 180px; /* .push must be the same height as .footer */
	margin: 0 auto;
	padding: 0px;
}

#footer {
	position: relative;
	width: 780px;
	height: 180px; /* .push must be the same height as .footer */
	margin: 0 auto;
	background: url(images/footer.png) no-repeat;
	padding: 0px;
}

#footercontainer {
	position: relative;
	width: 100%;
	height: 180px; /* .push must be the same height as .footer */
	margin: 0 auto;
	padding: 0px;
	background: url(images/bg-footer.png) repeat-x;
}