/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	width:100%;
	font-family:arial,sans-serif;
	font-size:small;
	color:#333;
			background-color:#dddddd;

}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
	text-decoration:underline;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:#c02427;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}



#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background:#dddddd;
		width:100%;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#header {
	background:#dddddd url("../csslayout.gif") 98% 10px no-repeat;
	height:104px;
	

}
	#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

#logo{
	width:318px;
	height:92px;
	float:left;
}

#welkomstblok{
	float:left;
	width:600px;
	padding:1em 1em 1em;}
	
#snel_reserveren{
	float:right;}

#menu {
	background:#910c11;
	float:right;
	width:100%;

}

#logout{
	float:right;
	color:#FFF;
	padding:0.5em;
	text-decoration:none;
}

#logout a:link{
	float:right;
	color:#FFF;
	text-decoration:none;

}

#logout a:visited{
	float:right;
	color:#FFF;
	text-decoration:none;
}



#content {
	padding:4em 1em 1em 210px; /* bottom padding for footer */
	z-index:10000;
		padding-bottom:317px;
		background-color:#dddddd;

}
	#content p {
		text-align:justify;
		padding:0 1em;
				background-color:#dddddd;

	}
#content.links{
	width:50%;
	float:left;
}

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	color:#FFF;
	height:317px;
	z-index:0;
	background-color:#dddddd;

}

#footer_logo{
	background-image:url(../images/index_07.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	float:left;
	height:317px;
	width:210px;
	display:block;
	position:absolute;
	z-index:10;
		background-color:#dddddd;

}

#footer_images{
	float:left;
	position: absolute; 
	bottom: 0px; 
	left: 0px;	
	height:142px;
	background-color:#910c11;
	z-index:0;
	width:100%;
	
}

#footer a:link{
	color:#FFF;
	text-decoration:none;
}

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

#footer a:visited{
	color:#FFF;
	text-decoration:none;
}

	#footer p {
		margin:0;
		color:#FFF;
		font-size:12px;
		padding-left:5px;
				background-color:#dddddd;

	}