/*
Horizontaal met footer

Kleuren stalen:

body: #949393
pagewrap: #7A7A7A

header alternatief: #b60000
content: #7A7A7A


Aanpassen van de opbouw van de website kan vanaf STRUCTUUR.
Aanpassen van de typografie (fonts e.d.) in het gedeelte TYPOGRAFIE en GLOBALE TAGS
Voor het gebruik van het horizontale menu is aangegeven waar waardes moeten worden aangepast.
*/

/******************************************
** RESETS
******************************************/

* {
	padding: 0px;
	margin: 0px;
	border: none;
}

/******************************************
** TOOLS
******************************************/

.clear {
	clear: both; /* Clearen na een float */
}

.borderTest {
	border: 1px solid red;
}

html>body #header {
	z-index: 10; /* Prevent certain problems with form controls */
}

html>body #footer {
	z-index: 10; /* Prevent certain problems with form controls */
}

form {
	height: 100%;
}

/* html>body #content {
	height: 100%;
} */

/******************************************
** TYPOGRAFIE en GLOBALE TAGS
******************************************/

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #98AC20;
}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #393939;
}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #98AC20;
}

h6 {
	font-size:11px;
	margin: 0 10px 30px 204px;
	padding:0;
	float: left;
}

#footermenu {
	float: left;
}

a {
	text-decoration: underline;
	outline-style: none;
	color: #FF6600;
}

a:hover {
	text-decoration: none;
}

img {
	border: medium none;
}

p {
}

strong {
	font-weight: normal;
}

/******************************************
** STRUCTUUR
******************************************/

html {
	/* height: 100%; */
	margin: 0;
	padding: 0;
}

body {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	/* height: 100%; */
	background: url(/upload/3498_bg.jpg) #3774C3 repeat-x; /* Zet een herhalende pixel background in de #pagewrap background! */
	margin: 0 0 30px 0;
}

#pagewrap {
	margin: 0 auto;
	/* height: 100%; */
	width: 950px;
}

	/* Content */
	#content {
		width: 950px;
		background: url(/upload/3498_background_content.jpg) #FFFFFF repeat-x;
	}
		
		#contenttext {
			width: 890px;
			margin: 0 auto;
			padding: 30px;
		}
		
			#contenttext_left {
				width: 625px;
				float: left;
				text-align: left;
			}
			
			#contenttext_left2 {
				width: 525px;
				float: left;
				text-align: left;
			}
			
			#contenttext_right {
				width: 235px;
				float: right;
				text-align: right;
			}
			
			#contenttext_right2 {
				width: 335px;
				float: right;
				text-align: right;
			}
			
			#contenttext ul {
				margin: 0 0 0 15px;
			}
	
	/* Header */
	#header {
		width: 950px;
		height: 230px;
		background: url(/upload/3498_background_header.jpg) no-repeat;
		position: relative;
	}
		
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}
		
		/* Horizontale navigatie */
		ul#navigatie {
			display: block;
			width: 950px;
			height: 30px;
			text-align: center;
			position: absolute;
			top: 200px;
		}
		
			ul#navigatie li {
				display: inline;
				line-height: 30px;
				margin-left: 25px;
				margin-right: 25px;
				position: relative;
			}
			
				ul#navigatie li a {
					color: #5C7291;
					text-decoration: none;
					font-weight: bold;
					text-align: center;
				}
				
					ul#navigatie li a:hover {
						text-decoration: none;
						color: #98AC20;
					}
			
			/* dropdown */
			ul#navigatie li ul.dropdown {
				display: none;
				position: absolute;
				left: 0;
				top: 23px;
				width: 200px;
				background: #FFFFFF;
				border-left: 1px solid #3774C3;
				border-right: 1px solid #3774C3;
				border-bottom: 1px solid #3774C3;
				list-style: none;
			}
			
			ul#navigatie li ul.dropdown li {
				height: 30px;
				display: block;
				line-height: 30px;
				background-image: none;
				text-align: left;
				margin-left: 10px;
				margin-right: 10px;
				clear: left
			}
				
				ul#navigatie li ul.dropdown li a {
					line-height: 30px;
					color: #5C7291;
					text-decoration: none;
					font-weight: bold;
				}
					
					ul#navigatie li ul.dropdown li a:hover {
						text-decoration: none;
						color: #98AC20;
					}
	
/* Footer */
#footer {
	width: 890px;
	overflow: hidden;
	margin: 30px auto 0 auto;
	bottom: 0;
	background: #FFFFFF;
	border-top: 1px dotted #AAAAAA;
	padding: 30px 0 0 0;
}

	#footertext {
		width: 890px;
		margin: 0 auto;
	}

		#footer_left {
			width: 414px;
			float: left;
			padding: 0 30px 0 0;
			border-right: 1px dotted #D4D4D4;
		}
		
		#footer_right {
			width: 415px;
			float: right;
			padding: 0 0 0 30px;
		}

/* Copyright */
#copyright {
	width: 950px;
	margin: 30px auto 0 auto;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
}

	#copyright a {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
		#copyright a:hover {
			text-decoration: none;
		}