/* Presentation Stylesheet */

a { color: #612e01; background: transparent; font-weight: normal; text-decoration: none;}
a:hover { color: #fe7900; background: transparent; font-weight: normal; text-decoration: none;}
a.highlight { color: #fe7900; background: transparent; font-weight: normal; text-decoration: none;}





h1 {
	font-size: 180%;
	color: #D74044;
	background: transparent;
	line-height: 120%;
	font-weight: bold;

	padding: 0;
	margin: 0 0 15px 0;
}

h2 {
	color: #D74044;
	background: transparent;
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0 0 3px 0;
	border: 1px solid #fe7900;
	border-width: 0 0 1px 0;

}

h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 105%;
	line-height: 120%;
	color: #0585dd;
	background: transparent;
}

p{
	margin: 0 0 1em; }


strong {
	font-weight: bold;
	color: #612e01;
}

hr {
  	border: 0;
  	width: 100%;
  	color: #0585dd;
	background-color: #0585dd;
	height: 1px;
	clear: both;
	margin: 8px 0 8px 0;
}



#content a.meerinfo{
	padding: 0 25px 0 0;
	float: right;
	background: transparent url(../img/icons/content-arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}





/* tabel voor paginaindex op verschillende content pagina's */
#content table.content-pageinfo{
	font-size: 85%;
	width: 100%;
	border: 0;
	margin-top: 10px;
	height: 30px
}

#content table.content-pageinfo a.first{
	padding-left: 20px;
	background-image: url(../img/icons/arrow-left.gif);
    background-repeat: no-repeat;
	background-position: 0px 1px;
}


#content table.content-pageinfo a.last{
	padding-right: 20px;
	background-image: url(../img/icons/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}




/* outer bottom*/

.bottom2{
	background: #333;
	height: 20px;
	display: block;
	width: 940px;
}

/* Image styling */


img.padding-left{
	margin: 0px 0px 10px 15px;
}





/* LEFTCOL */

#leftcol ul{

	font-size: 95%;	
	
	margin: 20px 0 20px 0;
	padding: 0;
	width: 180px;
	
	font-weight: bold;
	list-style-type: none;
	
}

#leftcol ul li{
	
	width: 180px;

	margin: 0;
	padding: 0;
	background: transparent url(../img/icons/leftcol-arrow.gif);
	background-repeat: no-repeat;
	background-position: 150px 8px;

}

#leftcol ul li.highlight a{
	color: #ff6309;
	text-decoration: underline;
}




#leftcol a { 
	display: block; 
	font-weight: roman; 
	font-style: italic;
	font-size: 15px;
	color: #5F3000;
		
	text-decoration: none;
	margin: 0 0 10px 0; 
	padding: 3px 0 3px 20px;
}

#leftcol a:hover { 
	text-decoration: none;
	background: #a4d766 url(../img/icons/leftcol-arrow-highlight.gif);
	background-repeat: no-repeat;
	background-position: 150px 8px;
}

#leftcol a.highlight { 
	color: #fff; 
	background: #a3d765; 
	font-weight: bold; 
	text-decoration: none;
}


/* SWE start copy extra opties */
/* Extra opties in linker colom */

#leftcol div.extraoptions{
	
	margin: 0px 0 0 0px;
	color: #fff;	
	background: #a3d765;
	
	width: 160px;
	
	padding: 10px 0 10px 20px;
	
	
}


#leftcol div.extraoptions p{

	font-weight: roman; 
	font-style: italic;
	font-size: 15px;
	color: #5F3000;
	margin: 0 0 5px 0;
}


#leftcol div a.submit{
	
	font-size: 12px;
	
	color: #fff;
	
	font-weight: bold;
	margin: 0;
	
	padding: 2px 5px 2px 10px;
	display: block;
	width: 75px;
	
	border: 1px solid #fe6309;
	
	background: #fe6309 url(../img/icons/leftcol-extra-01-arraow.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	
	
	
	
}

#leftcol div a:hover.submit{
	
	text-decoration: none;
	border: 1px solid #fff;
	background: #fe6309 url(../img/icons/leftcol-extra-01-arraow.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	
	
}







/* rightcol styles */



#rightcol div{
	color: #000;
	width: 130px;
	
	margin: 10px 0 0  0;
	padding: 8px;
	border: 2px solid #d74044;
	
	background-color: #F5CFD0;
}

#rightcol div.sub{
	background-color: #d3ebb7;
	
}



#rightcol div h2{
	color: #d74044;
	font-size: 100%;
	margin: 0;
	padding: 0 0 0 5px;
	border: 0;
}


#rightcol div h2 a{
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	color: #d74044;
	font-weight: bold;
}

#rightcol div h2 a:hover{
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	color: #d74044;
	font-weight: bold;
}


#rightcol div p{
	font-size: 95%;
	margin: 0;
	padding: 0 0 0 5px;
}


/* SWE 23/05/2006: added next one to turn off color when rightcol banner link */
#rightcol div p a{
	font-weight: normal;
	color: #462202;	
	text-decoration: none;
}
/* SWE 23/05/2006: added next one to turn off hover color when rightcol banner link */
#rightcol div p a:hover{
	font-weight: normal;
	color: #462202;	
	text-decoration: none;
}

#rightcol div img{
	padding: 4px;
	border: 0;
}


#rightcol div a { color: #ff6309; background: transparent; font-weight: normal; text-decoration: none;}
#rightcol div a:hover { color: #ff6309; background: transparent; font-weight: normal; text-decoration: underline;}


/* SWE 23/05/2006: added next ,#rightcol a:visited.meer */
#rightcol a:link.meer, #rightcol a:visited.meer, #rightcol a:hover.meer {
	background-image: url(../img/icons/meer.gif);
    background-repeat: no-repeat;
	background-position: right center;
	padding: 0 17px 0 0px;	/* top, right, bottom, and left */
	color: #d74044;			/* SWE 03/05/2006: added this to make text "meer" also orange */
	
}








/* Nieuws artikelen op homepage */


ul#nieuwsitems{

	font-size: 90%;	
	margin: 0;
	padding:  0;
	list-style-type: none;
	
}

ul#nieuwsitems li{
	
	
	margin: 0;
	padding: 0 15px 5px 0;

	background: transparent url(../img/icons/content-arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 40%;

}


ul#nieuwsitems a { display: block; width: 100%;   text-decoration: none;}
ul#nieuwsitems a:hover { color: #ff6309;  text-decoration: none;}






/* Nieuw artikelen op nieuwspagina */

#nieuwsitems div.nieuwsitem {
	border: 1px solid #ff6309;
	border-width: 1px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
	overflow: auto;
	margin: 5px 0 12px 0;
}



#nieuwsitems div.nieuwsitem img {
	margin: 0 20px 0 0;
	border: 0;
}


#nieuwsitems div.nieuwsitem h2 {
	padding: 0;
	margin: 0 0 5px 0;
	border: 0;
	font-size: 100%;
	
}

#nieuwsitems div.nieuwsitem p {
	float: left;
}


#nieuwsitems div.nieuwsitem h2 a {
	font-weight: bold;
	color: #ff6309;
}


/* SWE 23/05/2006: added next one to turn off hover color when on aanbiedings-tekst */
#nieuwsitems div.nieuwsitem p a {
	font-weight: normal;
	color: #462202;
}

/* SWE 23/05/2006: reused next */
#nieuwsitems a:link.meer, #nieuwsitems a:visited.meer {
	background-image: url(../img/icons/meer.gif);
    background-repeat: no-repeat;
	background-position: right center;
	padding: 0 17px 0 0px;	/* top, right, bottom, and left */
	color: #d74044;			/* SWE 03/05/2006: added this to make text "meer" also orange */
	
}








/* Breadcrums */

ul#breadcrums{
	
	list-style-type: disc;
	margin: 0px 0 5px 0;
	padding: 0;
}

ul#breadcrums li{
	color: #D74044;
	font-size: 11px;
	display: inline;
	
	background: transparent url(../img/icons/breadcrum-arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	
	padding: 0 2px 0 20px;
}

ul#breadcrums li.first{
	background: transparent;
	padding: 0 3px 0 0;
}








/* tabel voor paginaindex op verschillende content pagina's */
#content table.content-pageinfo{
	font-size: 85%;
	width: 100%;
	border: 0;
	margin-top: 10px;
	height: 30px
}

#content table.content-pageinfo a{
	font-weight: bold;
	color: #D74044;
}

#content table.content-pageinfo a:hover{
	color: #D74044;
	text-decoration: underline;
}

#content table.content-pageinfo a.first{
	padding-left: 15px;
	background-image: url(../img/icons/arrow-left.gif);
    background-repeat: no-repeat;
	
	background-position: left center;
}


#content table.content-pageinfo a.last{
	padding-right: 15px;
	background-image: url(../img/icons/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right center;
}





#topnav ul{
	font-size: 95%;	
	
	margin: 65px 0 0 15px;
	padding: 0 0 0 10px;
}

#topnav ul li{
	
	text-align: center;
	
	display: block;
	float: left;
	width: 80px;
	height: 60px;
	
	margin: 0 0 0 23px;
}

#topnav ul li.first{
	margin: 0;
	
}

#topnav a{
	color: #fff;
	letter-spacing: 1px;
	font-size: 95%;
	display: block;
	width: 100%;
	height: 60px;
}

#topnav a:hover{
	text-decoration: underline;
	color: #D74044;
	
}





/* Bottomnav */

#bottomnav ul{
	list-style-type: disc;
	margin: 0 0 0 0;
	padding: 0;
}

#bottomnav ul li{
	color: #bcb5a2;
	display: inline;
	padding: 0 0 0 10px;
	border: 1px solid #bcb5a2;
	border-width: 0 0 0 1px;
	
	font-size: 11px;
	line-height: 10px;
	
}

#bottomnav ul li.first{
	border: 0;
}

#bottomnav a{
	color: #bcb5a2;
}

#bottomnav a:hover{
	color: #bcb5a2;
	text-decoration: underline;
}







/* Footer */

#footer ul{
	list-style-type: disc;
	margin: 0 0 0 0;
	padding: 0;
}

#footer ul li{
	color: #5e2f01;
	
	display: inline;
	
	
	background: transparent url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding: 0 0 0 10px;
}

#footer ul li.first{
	background: transparent;
}






/* Aanmeldformulier */

form{
	margin: 0;
	padding: 0;
}



form.aanmelden fieldset{
  border: 1px solid #612e01;
  margin: 15px 0 10px 0;
  padding: 10px;
  font-size: 95%;
  overflow: hidden;
  width: 450px;			/* SWE added this to make narrower */
}


form.aanmelden fieldset legend{
	font-weight: bold;
	font-size: 110%;
}

* html form.aanmelden fieldset legend{
	margin: 0 0 10px 0;
}


form.aanmelden fieldset.naw label{
	width: 230px;
	float: left;
}

form.aanmelden fieldset strong{
	color: #fe7900;
}


form.aanmelden input.checkbox{
   float: left;
   margin-right: 8px;
}


form.aanmelden input.text{
	border: 1px solid #612e01;
	padding: 0 3px 0 3px;
	margin: 2px;
}




form.aanmelden input.small{
   width: 43px;
}

form.aanmelden input.mid{
   width: 160px;
}

form.aanmelden input.large{
   width: 220px;
}

form.aanmelden strong{
	color: #612e01;
}

form.aanmelden select{
	padding: 0;
	margin: 2px;
	
	border: 1px solid #612e01;
}

form.aanmelden input.submit{
  	border: 1px solid #333;
	padding: 3px 0 3px 0;
	margin: 0;
	width: 170px;
	float: right;
	background: #fe6309 url(../img/icons/leftcol-arrow.gif);
	background-repeat: no-repeat;
	background-position: 145px 8px;
	color: #fff;

}