/*
--------------------------------------------------------
CSS document
Copyright 2006 Palindroom - www.limburgvanuitdelucht.be
--------------------------------------------------------

Global definitions
-------------------
*/
html{
	/*defaults*/
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:center;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	line-height:16px;
}
body{
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	height:100%;
	text-align:center;
	width:817px;
	padding-top: 0px;
	padding-bottom: 0px;
}
p{
	margin-top:0px; /*firefox*/
}
a{
	color:#304c58; /*default color*/
}

a:hover{
	text-decoration:none;
}
#coloured{
	color:#304c58; /*default color*/
}
/*site container*/
#body-site{
	height:100%;
	margin-left:10px;
	margin-right:10px;
}
#body-site .coloured {
	color:#304c58; /*default color*/
}
#body-site #header {
	background-image: url(../images/header.jpg);
	height: 77px;
	margin-bottom: 5px;
}


/*navigation-container bevat de volledige navigatie structuur*/
#body-site  #navigation-container{
	height:25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #000000;
	border-bottom-color: #000000;
	background-image: url(../images/navigation-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#body-site #navigation-container #navigation-main{
	float: left;
	height: 25px;
	font-weight: bold;
	color: #000000;
}

#navigation-container a{
	text-decoration:none;
	color:#000000;
	height:20px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	display:block;
	float:left;
}
#navigation-main span{
	width:1px;
	background-image: url(../images/navigation-spacer.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	display:block;
	float:left;
	height:25px;
}
#navigation-main a:hover{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#000000;
	height:20px;
	padding-top:5px;
	display:block;
	float:left;
}
#navigation-main a.active{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#000000;
	height:20px;
	padding-top:5px;
	display:block;
	float:left;
}
#navigation-main a.active2{
	text-decoration:none;
	background-color:#ded270;
	color:#000000;
	height:20px;
	padding-top:5px;
	display:block;
	float:left;
}
#body-site #navigation-container #navigation-privacy{
	float: right;
	height: 25px;
	font-weight: bold;
	color: #000000;
}
#slideshow
{
	border: 1px solid #636363;
	width:309px;
}
#slideshow .title
{
	background-color:#636363;
	display:block;
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	padding-left:4px;
}
#slideshow .content
{
	padding:4px;
	background-color:#FFFFFF;
}
#slideshow .download
{
	display:block;
	margin-top:4px;
}

#slideshow2
{
	border: 1px solid #636363;
	width:618px;
}
#slideshow2 .title
{
	background-color:#636363;
	display:block;
	height:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	padding-left:4px;
}
#slideshow2 .content
{
	padding:4px;
	background-color:#FFFFFF;
}
#slideshow2 .download
{
	display:block;
	margin-top:4px;
}



/*overschrijven van de navigation-main default waarde voor de privacy link*/
#navigation-privacy a{
	padding-right:10px;
	float:none;
}

#navigation-privacy a:hover{
	color:#FF0000;
}

#body-site #navigation-container img{
	
	vertical-align:middle;
	margin-right:10px;
	margin-top:3px;
	display:block;
	float:right;
	border:none;
}
/*end navigation*/




/*Content elements*/
#body-site #content-container{
	float: left;
	width: 644px;
	padding-top:6px;
	text-align:left;
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;	
}
#body-site #content-container #content{
	padding-right:6px;
	
}

#content-container h1{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	background-image: url(../images/vlaanderen.gif);
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:10px;
	margin-top:0px;
	margin-bottom:5px;
	padding-left: 40px;
}


#content-container a.button
{
	display:block;
	height:19px; /*23px-4padding*/
	width:77px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(../images/custom-button.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top:4px;
	text-decoration:none;
}
#content-container a.action-button
{
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	display: block;
	float:left;
	height: 20px;
	clear:both;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}

#content-container a.action-button-right
{
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	display: block;
	float:right;
	height: 20px;
	clear:both;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}
#content-container .title{
	font-weight:bold;
	color:#000000;
	display:block;
	clear:both;
	height:20px;
}
/*End content elements */
/*Banner elements*/
#body-site #banner-container{
	float:left;
	width:152px; /*152px - 2 padding*/
	margin-bottom:10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
}
#body-site #banner-container a{
margin:0px;
padding:0px;
float:left;
display:block;
}


#body-site #banner-container a img{
	
	margin-top:6px;
	margin-left:6px;
	margin-right:0px;
	border: 1px solid #CCCCCC;	
}
#picstext{
		font-size:8px;
}
/*footer elements*/
#footer{
	height: 25px;
	padding-top: 4px;
	clear:both;
	text-align:left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	color:#666666;
}
#footer a{/*overwrite default*/
	color:#666666;
}

#footer a:hover{/* overwrite default*/
	color:#666666;
	text-decoration:none;
}

#footer .company{
	display:block;
	float:left;
}

#footer .company-info{
	display:block;
	float:right;
}

#footer  ul{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
#footer ul li{
	float:left;
	padding-left: 10px;
	margin-left:10px;
	display:block;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;	
}
.dp-none
{
	display:none;
}
.choose
{
	color:#FFFFFF;
	background-color:#304c58;
}
/*end*/