/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2008, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global
--------------------------------------------------------------------*/
* { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	color: #ffffff; 
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	color: #046a9f;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
}

h2 {
	margin: 18px 0 8px 0;
	padding: 0;
	color: #bed125;
	font-size: 11px;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
}

a {
	margin: 0;
	padding: 0;
	color: #9cd9df;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_content2.jpg) #ffffff no-repeat;
}

body.index1 {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_index1.jpg) #ffffff no-repeat;
}

body.index2 {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_index2.jpg) #ffffff no-repeat;
}

body.index3 {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_index3.jpg) #ffffff no-repeat;
}

body.index4 {
	margin: 0;
	padding: 0;
	background: url(css/images/bg_index4.jpg) #ffffff no-repeat;
}

input {
	margin: 0;
	padding: 3px;
	border: 1px #bed125 solid;
	color: #000000; 
}

textarea {
	margin: 0;
	padding: 3px;
	border: 1px #bed125 solid;
	color: #000000; 
}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

table td {
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
}


/* Website
--------------------------------------------------------------------*/
div#site {
	position: relative;
	margin: 0;
	width: 1040px;
	text-align: left;
}

* html div#site {
	position: relative;
	margin: 0;
	width: 1080px;
	text-align: left;
}


/* Header
--------------------------------------------------------------------*/
div#header {
	position: relative;
	margin: 30px 0 0 620px;
	width: 340px;
	height: 34px;
	text-align: right;
}

div#header a {
	color: #0577b3;
	font-size: 11px;
}

/* Submenu
--------------------------------------------------------------------*/
div#submenu {
	position: relative;
	margin: 59px 0 0 420px;
	width: 500px;
	height: 34px;
}

div#submenu a {
	color: #909094;
	font-size: 12px;
}

/* Height
--------------------------------------------------------------------*/
div#height {
	position: relative;
	float: left;
	width: 1px;
	height: 650px;
}

/* Menu
--------------------------------------------------------------------*/
div#menu {
	position: relative;
	float: left;
	width: 265px;
	margin: 0;
	color: #046a9f;
	line-height: 20px;
}

div#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 38px -20px 0 0;
}

div#menu ul li {
	width: 100%;
	text-align: right;
	margin-bottom: 9px;
	height: 19px;
}

div#menu ul li a {
	color: #046a9f;
	padding-right: 30px;
	font-size: 17px;
	line-height: 20px;
}

div#menu ul li a:hover {
	text-decoration: underline;
}

div#menu div#news {
	position: relative;
	margin: 50px 0 0 37px;
	width: 250px;
	color: #046a9f;
	line-height: 20px;
	z-index: 50;
}

div#menu div#news h1 {
	color: #0577b3;
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 5px 10px;
	padding-left: 20px;
	line-height: 15px;
	z-index: 50;
	background: url(css/images/arrow_1.jpg) no-repeat;
}

div#menu div#news p {
	color: #0577b3;
	font-size: 10px;
	margin-left: 30px;
	width: 210px;
	line-height: 15px;
}

div#menu div#news a {
	text-decoration: underline;
	color: #0577b3;
	font-size: 10px;
}

div#menu div#news a:hover {
	text-decoration: none;
}

div#menu div#news .line {
	background: url(css/images/news_line.jpg) no-repeat;
	height: 20px;
	margin-left: 0px;
}


/* Content
--------------------------------------------------------------------*/

div#content {
	position: relative;
	float: left;
	width: 755px;
	margin: 0;
	color: #9cd9df;
	background: url(css/images/bg_content.png) no-repeat 3px 643px;
	line-height: 20px;
}

* html div#content {
	position: relative;
	float: left;
	width: 755px;
	margin: 0;
	color: #9cd9df;
	background: none;
	line-height: 20px;
}

div#content div#page {
	position: relative;
	float: left;
	width: 667px;
	padding: 0;
	margin: 2px 25px 0 57px;
	color: #9cd9df;
	background-color: #079fae;
	min-height: 600px;
}

* html div#content div#page{
	position: relative;
	float: left;
	width: 667px;
	padding: 0;
	margin: 2px 12px 0 16px;
	color: #9cd9df;
	background-color: #079fae;
}

div#content div#page div#box1 {
	float: left; 
	width: 338px; 
	margin: 20px 0 0 45px; 
	color: #ffffff;
}

* html  div#content div#page div#box1 {
	float: left; 
	width: 338px; 
	margin: 20px 0 0 20px; 
	color: #ffffff;
}

div#content div#page div#box2 {
	float: left; 
	width: 126px; 
	margin: 20px 5px 0 0; 
	color: #ffffff;
}

div#content div#page div#box2 ul {
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 20px 0 0 5px;
}

div#content div#page div#box2 ul li {
	width: 100%;
	padding-left: 15px;
	background: url(css/images/arrow_2.jpg) no-repeat left;
	line-height: 18px;
}

div#content div#page div#box2 ul li a {
	color: #bed024;
}

* html div#content div#page div#box2 ul li {
	width: 100%;
	padding-left: 20px;
	margin-top: 15px;
	background: url(css/images/arrow_2.jpg) no-repeat left;
	line-height: 10px;
}


div#content #down {
	margin-left: -9px;
	margin-bottom: -5px;
}

* html div#content #down {
	margin-left: -34px;
	margin-bottom: -5px;
}

div#content div.errors {
	color: red;
}

div#content input.error , div#content textarea.error{
	border: 1px red solid;
}

div#content ul {
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 20px 0 0 5px;
}

div#content ul li {
	width: 100%;
	padding-left: 20px;
	background: url(css/images/li_arrow.png) no-repeat left;
	line-height: 18px;
}

* html div#content ul li {
	width: 100%;
	padding-left: 20px;
	margin-top: 10px;
	background: url(css/images/li_arrow.png) no-repeat left;
	line-height: 10px;
}

div#content td {
	line-height: 30px;
}

div#content.index {
	position: relative;
	float: left;
	width: 710px;
	margin: 0;
	padding: 0 0 0 20px;
	color: #000000;
}

div#content .box1 {
	position: absolute;
	top: 25px;
	left: 85px;
	width: 300px;
	background-color: none;
}

div#content .box1 p {
	color: #046a9f;
	line-height: 20px;
	font-size: 10px;
}

div#content .box2 {
	position: absolute;
	top: 320px;
	left: 85px;
	width: 300px;
}

div#content .box2 h3 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #c1d72e;
}

div#content .box2 p {
	font-size: 11px;
	margin: 0 0 3px 0;
	color: #ffffff;
	line-height: 17px;
	width: 200px;
}

div#content .box2 ul {
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0;
	margin: 15px 0 0 5px;
}

div#content .box2 li a {
	color: #0577b3;
	font-weight: bold;
}

div#content .box3 {
	position: absolute;
	top: 410px;
	left: 370px;
	width: 300px;
}

div#content .box3 h1 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #ffffff;
	line-height: 20px;
}

div#content .box3 h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 3px 0;
	color: #ffffff;
	line-height: 18px;
}

div#content .box3 p {
	font-size: 11px;
	margin: 0 0 3px 0;
	color: #ffffff;
	line-height: 17px;
	width: 200px;
}



/* Footer
--------------------------------------------------------------------*/
div#footer {
	position: relative;
	height: 30px;
	width: 970px;
	padding: 10px;
	margin-top: 0px;
	text-align: right;
}

div#footer a {
	font-size: 11px;
	color: #0577b3;
	text-decoration: none;
	margin-right: 25px;
}

div#footer a:hover {
	text-decoration: underline;
}