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

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

/* Global
--------------------------------------------------------------------*/
* { 
	font-family: arial;
	color: #606060; 
}

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.25em;
	text-align: center;
	background: url(/css/images/bg_body_next.jpg) repeat-x;
}

body.index {
	background: url(/css/images/bg_body.jpg) repeat-x;
}

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

h1 {
	margin: 0;
	padding: 5px 0 10px 0;
	color: #284a7c;
	font-weight: normal;
	font-size: 1.8em;
}

h2 {
	margin: 0;
	padding: 5px 0 10px 0;
	color: #c8d352;
	font-weight: normal;
	font-size: 1.6em;
}

a.headlink {
	color: #c8d352;
	font-size: 1.4em;
	text-decoration: none;
}

a.headlink:hover {
	text-decoration: underline;
}

a.readmore {
	text-decoration: none;
}

a.readmore:hover {
	text-decoration: underline;
}

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

/* Header
--------------------------------------------------------------------*/
	div#site div#header {
		position: relative;
		height: 141px;
	}
	
	div#site div#header div#logo {
		position: absolute;
		left: 19px;
		top: 34px;	
	}
	
	/* Header :: menu
	----------------------------------------------------------------*/
	div#site div#header div#menu {
		position: absolute;
		height: 60px;
		width: 672px;
		right: 0;
		bottom: 0;
		background: url(/css/images/bg_menu.jpg) repeat-x;
	}

	div#site div#header div#menu ul {
		position: absolute;
		top: 30px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	div#site div#header div#menu ul li {
		float: left;
		padding: 0 25px 0 0;
	}

	div#site div#header div#menu ul li.first {
		padding: 0 25px 0 25px;
	}

	div#site div#header div#menu ul li a {
		font-family: verdana;
		font-size: 0.75em;
		color: #fff;
		text-decoration: none;
	}

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

	/* Header :: submenu
	----------------------------------------------------------------*/
	div#site div#header div#submenu {
		position: absolute;
		left: 362px;
		top: 38px;
		height: 16px;
	}

	div#site div#header div#submenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#site div#header div#submenu ul li {
		float: left;
		padding-right: 25px;
		height: 16px;
	}

	div#site div#header div#submenu ul li a {
		color: #396497;
		text-decoration: none;
		font-size: 0.69em;
		height: 16px;
	}

	div#site div#header div#submenu ul li a:hover {
		text-decoration: underline;
	}


	/* Header :: search
	----------------------------------------------------------------*/
	div#site div#header div#search {
		position: absolute;
		right: 0;
		top: 60px;
		height: 34px;
		width: 262px;
	}

	div#site div#header div#search div#searchinput {
		position: absolute;
		width: 165px;
		height: 18px;
		left: 80px;
		top: 6px;
	}
	
	div#site div#header div#search div#searchinput input {
		border: 0;
		height: 18px;
		width: 165px;
		padding: 2px;
		background: url(/css/images/bg_inputsearch.jpg) no-repeat;
	}
	div#site div#header div#search div#searchsubmit {
		position: absolute;
		top: 6px;
		left: 245px;
	}

	/* Header :: language
	----------------------------------------------------------------*/
	div#site div#header div#language {
		position: absolute;
		right: 18px;
		top: 30px;
	}

/* FRONTPAGE
--------------------------------------------------------------------*/

	/* Middle-index
	----------------------------------------------------------------*/
	div#middle-index {
		position: relative;
		width: 999px;
		height: 216px;
	}
	
	/* Middle-content
	----------------------------------------------------------------*/
	div#middle-content {
		position: relative;
		margin-left: 332px;
		width: 599px; /* 667px */
		min-height: 115px; /* 161px */
		padding: 23px 34px;
		font-size: 0.75em;
	}
	
	/* Bottom
	----------------------------------------------------------------*/
	div#bottom {
		position: relative;
		width: 999px;
	}
	
		/* Bottom :: left
		-------------------------------------------------------------*/
		div#bottom div#bottom-left {
			position: relative;
			float: left;
			width: 206px; /* 326px */
			padding: 20px 60px;
			color: #345e90;
			font-size: 0.75em;
		}

		/* Bottom :: middle
		-------------------------------------------------------------*/
		div#bottom div#bottom-middle {
			position: relative;
			float: left;
			width: 378px; /* 438px */
			padding: 20px 30px;
			font-size: 0.75em;
		}
	
		div#bottom div#bottom-middle h1 {
			color: #cbd300;
		}
	
		/* Bottom :: right
		-------------------------------------------------------------*/
		div#bottom div#bottom-right {
			position: relative;
			float: left;
			width: 195px; /* 235px */
			padding: 20px 20px;
			color: #345e90;
			font-size: 0.75em;
		}


/* NEXTPAGES
--------------------------------------------------------------------*/

	/* Middle-next
	----------------------------------------------------------------*/
	div#middle-next {
		position: relative;
		width: 999px;
		height: 46px;
		background: url(/css/images/img_next1.jpg) no-repeat;
	}

	/* Left
	----------------------------------------------------------------*/
	div#left {
		position: relative;
		float: left;
		margin-top: 40px;
		width: 207px; /* 327px */
		min-height: 400px;
		padding: 0 60px;
		background: url(/css/images/bg_left.jpg) no-repeat top right;
		color: #396497;
		font-size: 0.75em;
	}

	/* Right
	----------------------------------------------------------------*/
	div#right {
		position: relative;
		float: left;
		margin-top: 40px;
		width: 600px; /* 660px */
		min-height: 400px;
		padding: 0 30px;
		font-size: 0.75em;
	}

	div.errors {
		color: #c00;
		padding: 10px 0;
	}

	input.error {
		border: 1px solid #c00;
	}

	/* Sitemap
	----------------------------------------------------------------*/
	ul.sitemap {
		
	}
	
	ul.sitemap li {
		
	}
	
	ul.sitemap li a {
		text-decoration: none;
	}

	ul.sitemap li a:hover {
		text-decoration: underline;
	}

/* Footer
----------------------------------------------------------------*/
div#footer {
	position: relative;
	width: 999px;
	height: 30px;
	margin-top: 20px;
	border-top: solid 1px #cbd300;
}

	/* Footer :: left
	-------------------------------------------------------------*/
	div#footer div#footer-left {
		position: absolute;
		top: 10px;
		left: 30px;
	}

	div#footer div#footer-left ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div#footer div#footer-left ul li {
		float: left;
		padding-right: 20px;
	}

	div#footer div#footer-left ul li a {
		color: #396497;
		text-decoration: none;
		font-size: 0.68em;
	}

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

	/* Footer :: right
	-------------------------------------------------------------*/
	div#footer div#footer-right {
		position: absolute;
		right: 10px;
		top: 10px;
		color: #88a2c1;
		font-size: 0.68em;
	}


/* Other
----------------------------------------------------------------*/
div.clear {
	clear: both;
}

div.links p {
	margin: 0;
	padding: 0;
}