/* Stylesheet importeren */
@import url("../_style/style.css");

html, body {
	background		: #00A4DE;
	margin			: 0px;
	padding			: 0px;
	text-align		: center;
	height			: 100%; /* needed to display container at full height in IE */
}

body {
	margin			: 0px;
	padding			: 0px;
	text-align		: center;
}

* html #background {
	height			: 100%; /*sets container to full height in IE w short content -- also need height:100% in body*/
}

#background {
	position		: absolute; /*needed to expand to full height beyond content in FF */
	top				: 0px;
	right			: 0px;
	height			: auto; /* FF needs this setting to expand div to fit long content */
	width			: 100%;
	background		: url("../_images/background_mid.png") repeat-y center top;
	_background		: transparent ;
	text-align		: center; /*centers #main in old IE*/
}

#background #container	{
	_background		: transparent url("../_images/background_mid.png") repeat-y center top;
	margin			: 0 auto;
	width			: 961px;
	height			: auto;
	text-align		: left;
	padding			: 0px;	
}

#background #container #header	{
	float			: left;
	background		: transparent;
	margin			: 0 auto -155px auto;
	width			: 961px;
	height			: 325px;
	text-align		: left;
	padding			: 0px;
}

#background #container #print_header	{
	display:			none;
}

#background #container #content {
	float			: left;
	margin			: 0 auto;
	width			: 961px;
	text-align		: left;
	padding			: 0px;
}

#background #container #content #leftside{
	float				: left;
	background-position : 10px top;
	margin				: 0;
	height				: auto;
	width				: 226px;
	text-align			: left;
	padding				: 0;
}

#background #container #content #leftside #left_navigation{
	padding: 36px 0px 0px 17px;
   color: black;
}

#background #container #topNav{
   position: relative;
   float:right;
   margin-right: -33px;
}

#background #container #topNav td {
   line-height: 32px;
   text-transform: uppercase;
}

#background #container #topNav td a {
   text-decoration: none;
   color: #01435d;
   font-size: 12px;
}

#background #container #topNav td a:hover {
   text-decoration: none;
   color: #00ccff;
}

#background #container #topNav td.nav_spacer {
	width				   : 21px;
   width				   : 16px\0/IE8+9;
	padding				: 0px;
	background			: transparent url("../_images/topnavspacer.png") no-repeat center center;
	font-size			: 1px;
}

#background #container #content #leftside #adres{
	float: left;
padding: 10px 30px 0 30px;
color: #01435D;

}

div.left_nav {
	position	: absolute;  
	padding		: 12px 0px 0px 10px;
	font-family	: Times New Roman, Serif;
	font-weight	: bold;
	font-style	: italic; 
	font-size	: 15px;
	color		: #01435D;
}

#background #container #content #main{
	float			: left;
	height			: auto;
	margin			: 0;
	width			: 715px;
	text-align		: left;
	padding			: 0;
}

#background #container #content #main #navigation{

	height			: 86px;
	margin			: 0;
	width			: 704px;

	text-align		: left;
	padding			: 0px 0px 0px 10px;
	font-weight		: bold;
	color			: #ffffff;
}

#background #container #content #main #navigation td a{
	font-size: 12px;
   text-transform: uppercase;

}

#background #container #content #main #main_content{

	margin			: 0;
	text-align		: left;
	padding			: 15px;
   line-height    : 165%;
}


#background #container #footer	{
	float			: left;
	background		: transparent url("../_images/footer.png") no-repeat left bottom;
	margin			: 0 auto;
	width			: 960px;
	height			: 60px;
	text-align		: left;
	padding			: 0px;
}

#background #container #footer #footer_nav	{
	padding			: 64px 0 20px 0;
	color			: #ffffff;
	font-size		: 10px;
	text-align		: center;
}

#background #container #footer #footer_disclaimer	{
	position: 	relative;
	top:			-12px;
	padding			: 0px 0px 0px 28px;
	color			: #ffffff;
	font-size		: 10px;
}

#printknop {
   margin-top: 8px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#slides_aanbod .slides_container {
	width:685px;
	overflow:hidden;
	position:relative;
	display:none;
   height:172px;
}

#slides_aanbod .slides_container img {
	border: 0;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides_aanbod .slides_container div.slide {
	width:685px;
	height:172px;
	display:block;
}

#slides_aanbod .slides_container div.slide .item {
   float: left;
   width: 228px;
   overflow: hidden;
   position: relative;
}


#slides_aanbod .slides_container div.slide .item a{
	color:#fff;
	text-decoration:none;
}

#slides_aanbod .slides_container div.slide .item .status{
	position: absolute;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-0px;
	left:0;
	padding:5px;
	background: transparent url(../_images/black.png);
	width:218px;
	color:#fff;
}

#slides_vestiging .slides_container {
	width:203px;
	overflow:hidden;
	position:relative;
	display:none;
   height:260px;
}


.clear {
   clear: both;
   font-size:0;
   text-indent:-999em;
   height:0;
   width:0;
   overflow:hidden;
}

.language {
   position: relative;
   top: 55px;
   right: 10px;
   
   float: right;
}

a img {
   border:0;
}

.logo
{
   width: 300px;
   height: 129px;
   margin: 38px 0 0 10px;
}