/* Copyright (C) Joost Schellevis */

/* Algemeen */

html, body {
	margin: 0px;
	padding: 0px;
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/bg.gif');
	background-position: top center;
	background-repeat: repeat-y;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	overflow-y: scroll;
}

.hidden, #menu h3 {
	display: none;
}

img, a img, #tekst img, #teskt a img { border: none; border-bottom: none; }

/* Container */

#container {
	margin: 0 auto;
	padding: 0px;
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/bg-top.gif');
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 750px;
}		

/* Pagina */

#pagina {
	margin: 0 auto;
	padding: 113px 0px 0px 0px;
	width: 710px;
}

/* Header */

#header {
	height: 120px;
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-repeat: no-repeat;
}

#header h1, #header h1 a {
	height: 71px;
	width: 283px;
	display: block;
}

#header h1 {
	float: left;
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/logo-1.gif');
}

#header h1 span {
	display: none;
}

#header h2 {
	float: left;
	height: 71px;
	width: 397px;
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/logo-2.gif');
}

#header h2 span {
	display: none;
}

/* Inhoud */

#inhoud {
	margin: 0px;
	padding: 0px;
	min-height: 300px;
	width: 710px;
}

/* Menu */

#menu {
	float: left;
	width: 200px;
}

#menu, #menu ul, #menu ul li {
	margin: 0px;
	padding: 0px;
}

#menu ul {
	margin-top: 45px;
	list-style: none;
	font-size: 20px;
	text-transform: lowercase;
/*	font-weight: bold;*/
	letter-spacing: 1px;
}


#menu ul li a {
	padding: 7px 0px 8px 0px;
	width: 180px;
	display: block;
	color: #a3a3a3;
	text-decoration: none;
}

#menu ul li a:hover, #menu ul li.geselecteerd a {
	color: #0d9dc1;
}

/* Tekst */

#tekst {
	float: right;
	margin: 0px;
	padding: 7px 0px 0px 0px;
	width: 510px;
}

#tekst .tekst, #tekst .tweekolom, #tekst .driekolom {
	text-align: justify;
	clear: both;
}

#tekst .uitlijnen {
	text-align: justify;
}


/* Twee kolommen */

#tekst .tweekolom .links {
	float: left;
	width: 245px;
	padding-right: 10px;
}

#tekst .tweekolom .rechts {
	float: right;
	width: 245px;
	padding-left: 10px;
}

#tekst .tweekolom .links-groot {
	float: left;
	width: 293px;
	padding-right: 10px;
}

#tekst .tweekolom .rechts-klein {
	float: right;
	width: 197px;
	padding-left: 10px;
}

#tekst .tweekolom .links-klein {
	float: left;
	width: 197px;
	padding-right: 10px;
}

#tekst .tweekolom .rechts-groot {
	float: right;
	width: 293px;
	padding-left: 10px;
}


/* Drie kolommen */

#tekst .driekolom .links {
	float: left;
	width: 156px;
	padding-right: 10px;
}

#tekst .driekolom .midden {
	float: left;
	width: 157px;
	padding-right: 10px;
	padding-left: 10px;
}


#tekst .driekolom .rechts {
	float: right;
	width: 157px;
	padding-left: 10px;
}

/* Tekst en tabellen */

#tekst table {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#tekst table tr {
	margin: 0px;
	padding: 0px;
}


#tekst table tr td {
	margin: 0px;
	padding: 2px 10px 2px 0px;
	vertical-align: top;
	text-align: left;
}

#tekst p, #tekst table tr td {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	line-height: 21px;
	color: #555;
	word-spacing: 3px;
}

#tekst p a, #tekst table a {
	color: #0d9dc1;
	text-decoration: none;
	/*border-bottom: #0d9dc1 1px dashed;*/
	font-weight: bold;
}

#tekst p a:hover, #tekst table a:hover {
	color: #777;
	/*border-bottom: #777 1px dashed;*/
}

#tekst table a, #tekst table a:hover {
	border: none;
}


/* H1, H2 */

#tekst h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 25px;
	font-weight: normal;
	color: #0d9dc1;
	letter-spacing: -1px;
	font-family: Georgia, "Times New Roman", Times, serif;
	clear: both;
}

#tekst h2 {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 16px;
	color: #777;
	clear: both;
}

#tekst h2 a {
	color: #0d9dc1;
	text-decoration: none;
}

#tekst h2 a:hover {
	color: #777;
}

/* Meer structuur */

#tekst .meer a, #tekst a.meer {
	padding: 0px 0px 0px 10px;
	color: #0d9dc1;
	font-weight: bold;
	text-decoration: none;
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/pijl.gif');
	background-position: left 3px;
	background-repeat: no-repeat;
	border: none;
}

#tekst .meer a:hover, #tekst a.meer:hover {
	color: #777;
	background-position: left -17px;
	border: none;
}

#tekst .grijs a, #tekst a.grijs {
	color: #777;
	background-position: left -17px;
	border: none;
}

#tekst .grijs a:hover, #tekst a.grijs:hover {
	color: #0d9dc1;
	background-position: left 3px;
	border: none;
}

#tekst .nadruk {
	color: #0d9dc1;
	font-weight: bold;
}

#tekst .cv {
	color: #AAA;
	width: 150px;
	text-align: right;
}

#tekst ul.lijstje {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}

#tekst ul.lijstje li  {
	margin-bottom: 5px;
	font-size: 14px;
}

#tekst ul.lijstje li a {
	margin-top: 3px;
	padding-bottom: 1px;
	padding-left: 20px;
	color: #777;
	text-decoration: none;
	/*border-bottom: #777 1px dashed;*/
	background-image: url('http://img.gwx.nl/js/v1-20100304-19/pijl.gif');
	background-position: left -17px;
	background-repeat: no-repeat;
}

#tekst ul.lijstje li a:hover {
	color: #0d9dc1;
	/*border-bottom: #0d9dc1 1px dashed;*/
	background-position: left 3px;
}


/* Contactformulier */

#contactformulier input, #contactformulier textarea {
	font-family: Arial, Helvetica, sans-serif;
	border: #BBB 1px solid;
	padding: 3px;
	color: #555;
	font-size: 13px;
}

#contactformulier input:focus, #contactformulier textarea:focus {
	border: #0d9dc1 1px solid;
}

#contactformulier textarea {
	margin: 0px;
	width: 500px;
}

#contactformulier input#comment-post {
	border: #0d9dc1 1px solid;
	background-color: #0d9dc1;
	color: #FFF;
	font-size: 14px;
}

#contactformulier input#comment-post:hover, #contactformulier input#comment-post:focus {
	border: #777 1px solid;
	background-color: #777;
}

/* Footer */

#footer {
	clear: both;
	height: 120px;
	background-position: left top;
	background-repeat: no-repeat;
}

#footer .footer {
	padding-top: 70px;
	font-size: 14px;
	text-align: center;
	color: #888;
}