/*--------------------------------------------------------------------
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: #000000; 
}

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

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #7a1315;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	margin: 0 0 0 0;
	padding: 0;
	color: #a6ce39;
	font-size: 12px;
	font-weight: bold;
}

h3 {
	margin: 0 0 0 0;
	padding: 0;
	color: #7a1315;
	font-size: 12px;
	font-weight: bold;
}

p {
	margin: 0;
	padding: 0;
}

a {
	margin: 0;
	padding: 0;
	color: #7a1315;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

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

body {
	margin: 0;
	padding: 0;
}

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

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

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

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

div.clear {
	clear: both;
}

div.line {
	width: 535px;
	height: 9px;
	background: url(css/images/bg_line.jpg) repeat-x;
	margin: 10px 0 10px 0;
}


/* Website
--------------------------------------------------------------------*/
div#site {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
	background: url(css/images/bg_site.jpg) #ffffff no-repeat;
}


/* Header
--------------------------------------------------------------------*/
div#header {
	position: relative;
	height: 280px;
	padding: 10px;
}

div#header div#menu {
	position: absolute;
	top: 252px;
	left: 367px;
}

div#header div#menu ul {
	list-style: none;
}

div#header div#menu li {
	position: relative;
	float: left;
}

div#header div#menu li.empty {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	color: #ffffff;
	font-weight: bold;
}

div#header div#menu li.active {
	position: relative;
	float: left;
	margin-right: 1px;
	width: 115px;
	height: 19px;
	text-align: center;
	padding-top: 3px;
}

div#header div#menu li a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

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


/* Content
--------------------------------------------------------------------*/
div#content {
	position: relative;
	width: 1000px;
	margin: 0;
	padding: 10px;
	color: #333333;
	line-height: 19px;
}

	div#content div#left {
		position: relative;
		float: left;
		width: 273px;
		padding-left: 85px;
	}
	
	div#content div#left input {
		width: 20px;
		border: 0;
		color: #7a1315;
		font-weight: bold;
		font-size: 12px;
	}
	
	div#content div#right {
		position: relative;
		float: left;
		width: 530px;
	}
	
	div#content div#right ul {
		margin-top: 10px;
	}
	
	div#content div#right table td a {
		padding: 0;
		margin: 0;
		color: #a6ce39;
		font-weight: bold;
		font-size: 11px;
		font-family: verdana, sans-serif; 
	}
	
	div#content div#right table td * {
		padding: 0;
		margin: 0;
		color: #333333;
		font-size: 11px;
		font-family: verdana, sans-serif; 
	}
	
	div#content div#right div#contact input {
		color: #ffffff;
		background-color: #a6ce39;
		padding: 3px;
		margin: 2px 0 2px 0;
		border: 1px #a6ce39 solid;
	}
	
	div#content div#right div#contact input.error , div#content div#right div#contact textarea.error{
		border: 1px red solid;
	}
	
	
	

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

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

div#content ul {
	list-style: disc;
	margin: 0;
	padding: 0px 0 0 0;
	margin-left: 15px;
}

div#content ul li {
}

div#content td {
}


/* Footer
--------------------------------------------------------------------*/
div#footer {
	position: relative;
	height: 152px;
	width: 1000px;
	background-color: #0096d3;
	margin-bottom: 20px;
	background: url(css/images/bg_footer.jpg) #ffffff no-repeat;
}

div#footer div#box1 {
	position: absolute;
	top: 110px;
	left: 90px;
	color: #7a1315;
}

div#footer div#box2 {
	position: absolute;
	top: 110px;
	left: 369px;
	color: #333333;
}

div#footer div#box2 a {
	color: #333333;
	text-decoration: none;
}

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

div#footer div#box3 {
	position: absolute;
	top: 133px;
	left: 369px;
	color: #999999;
}

div#footer div#box3 a {
	color: #999999;
}


div#footer a {
	color: #ffffff;
	text-decoration: none;
}

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

