/*
Verticaal met footer template CSS

Kleuren stalen:

body: #949393

header alternatief: #b60000 (Voor als de slice niet geladen kan worden)
footer: alternatief: #b60001 (Voor als de slice niet geladen kan worden)


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 */
}

html>body {
	height: 100%;
}

form {
	height: 100%;
}

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

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

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

a:hover {
	text-decoration: none;
}

img {
	border: medium none;
}

p {
}

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

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	/* height: 100%; */
	background: #020178;
}

form {
	height: 100%;
}

#pagewrap {
	margin: 0 auto;
	/* height: 100%; */
	width: 1000px;
	background: #020178;
}
	
	/* Header */
	#header {
		width: 1000px;
		height: 162px;
		overflow: hidden;
		background: url(/upload/1257_bg_header2.jpg) no-repeat;
	}
	
		#header h1 { /* Wegwerken van de h1 header in het logo */
			text-indent: -9999px;
			height: 0px;
			width: 0px;
		}

	/* Content */
	#content {
		width: 1000px;
		position: relative;
	}
	
	marquee {
		width: 800px;
		font-size: 17px;
	}
		
		#sidebar_logo_top {
			margin-top: 10px;
			margin-left: 18px;
			width: 109px;
			height: 69px;
			background: url(/upload/1257_logo_rdw.jpg);
		
		}
		
		
		#sidebar_logo_nap {
			margin: 10px 0 15px 0;
			margin-left: 17px;
			width: 110px;
			height: 44px;
			background: url(/upload/1257_naplogo.png);
		
		}
		
		#sidebar_logo_bottom {
			margin-top: px;
			margin-left: 45px;
			width: 54px;
			height: 57px;
			background: url(/upload/1257_logo_dekra.jpg);
		
		}
		
			
		
		#sidebar {
			width: 140px; /* breedte van je sidebar */
			height: 208 px; 
			display: block;
			margin-top: 20px;
			margin-left:20px;
			float: left;
			
		}
		
			/* Verticale navigatie */
			ul#navigatie {
				display: block;
				width: 140px; /* breedte van button */
				margin: 0px 0 0 0px; /* de X en Y coordinaat van het menu binnen DIV (links boven) */
			}
				
				ul#navigatie li {
					overflow: hidden;
					line-height: 24px;
					display: block; /* Fix voor IE6 */
					/*float: left;*/
				}
					
					ul#navigatie li a {
						display: block;
						margin-top:4px;
						height: 24px; /* hoogte van button */
						width: 140px; /* breedte van button */
						background: url('/upload/1257_button.jpg') no-repeat top left;
						color: #faffff;
						padding: 0 0 0 9px;
					}			
						
					
					ul#navigatie li a:hover { /* bij rollover, uitlijnen naar onder zodat rollover state zichtbaar is */
					background-position: bottom left;
					}
		
		#contenttext {
			width: 780px;
			/* height: 100%;
			In het CMS bij de hoogte de comments weghalen, bij het statisch testen niet!
			*/
			padding: 20px;
			float: right;
			display: inline;
			margin: 0px;
		}
			#contenttext_scroll{
			color: #FFFFFF;
			font-size: 15px;
			font-weight: bold;
			height: 20px;
			
			
			
			}
		
			#contenttext_left {
				width: 380px;
				float: left;
				text-align: left;
			}
			
			#contenttext_right{
				width: 351px;
				height: 400px;
				float: right;
				font-weight: bold;
				text-align: center;
				
				
			}
			
					
				#contenttext_right_img_container{
					float: right;
					}
					
					#contenttext_right_img_1 {
				
					}

					#contenttext_right_img_2 {
					padding-top:15px;
					
					}

					#contenttext_right_img_3 {
					}					
					
					
				}
				#contenttext_right_text {
					width: 351px;
					float: right;
					}
		

		/* Footer */
	#footer {
		overflow: hidden;
		margin: 0 auto;
		bottom: 0px;
		background: url(/upload/1257_bg_pagewrap.jpg) repeat;
	}
	
		#footer #copyright {
		text-align:center;
		}
	
			#footer #copyright h3 {
				font-size: 13px;
				font-weight: normal;
				font-style: normal;
				margin: 0;
				padding: 0;
			}
			
				#footer #copyright h3 a {
					color: #FFFFFF;
					text-decoration: underline;
				}
				
				#footer #copyright h3 a:hover {
					text-decoration: none;
				}