/*
	Hieronder staan globale standaard pagina instellingen
*/
html { 
	margin: 0px; padding: 0px; 
}

body {
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	background:url(../img/back_main.gif) repeat-x;
	font-size: 11px;
	text-align: center;
}
/*
	opmaak van HTML tags die over de hele website gelden
*/
div { margin: 0px; padding: 0px; }
p {padding: 0px; margin: 0px;}
td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #404a6b;
}	
/*-------------DW----------------------------*/
/*----masthead----*/

#main {
	width:1020px;
	text-align: left;
}

#masthead {
	height:150px;
}

#pagecell {
	background: url(../../img/back_mid.gif);
	min-height: 300px;
}
#left_img {
	
	float:left;
	width: 25px;	
}
#nav_left {

	float: left;
	width: 184px;
}
#content {	
	margin-left: 209px;
	width: 730px;
	padding: 5px;
}
#right_img {
	float:right;
	width: 70px;
	
}

#footer {
	clear:both;
	height: 30px;
	text-align: center;
	background: #FFFFFF;
	font-size: 10px;
	color: #757c97;
}

#sitelocator {
    padding : 5px;
	font-size: 10px;
}
.header {
    padding : 0px;
	font-size: 130%;
	color: #263b82;
	font-weight:bold;
}
label.overlabel {
    color:#999;
}

label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}

/* -----------------------------------------FORMULIEREN--------------------------------------------- */
/* In tag input type : class="cmd" onblur="this.className='cmd'" onfocus="this.className='txt'" */
/* Tekst en achtergrondkleur invulveld  */
.txt {
	font-family: arial;
	font-size:10px;
	border-style:solid;
	border-width:1px;
	border-color:#BCB3A4; /* kleur veld actief */
	color:#210503; /* kleur tekst actief */
	background-color:#FFFFFF;
}
.cmd {
	font-family: arial;
	font-size:10px; /* moet gelijk zijn aan .txt font-size */
	border-style:solid;
	border-width:1px;
	border-color:#BCB3A4; /* kleur veld inactief, ook button */
	color:#210503; /* kleur tekst inactief, ook button */
	background-color:#FFFFFF;
}
.selectbox {
	font-family: arial;
	font-size:10px; /* moet gelijk zijn aan .txt font-size */
	border-style:solid;
	border-width:1px;
	border-color:#BCB3A4; /* kleur veld inactief, ook button */
	color:#CCCCCC; /* kleur tekst inactief, ook button */
	background-color:#FFFFFF;
}
/* buttons */
.login_button
{
	border: none;	
	height: 15px;
}

#inloggen {
	background:#FFFFFF url(../img/inloggen.gif) no-repeat;
	width: 74px;
}
#registreren {
	background:#FFFFFF url(../img/registreren.gif) no-repeat;
	width: 89px;
}

.button
{
	font-family: arial;
	font-size:11px;
	color: #210503;
	background-color:#FFFFFF;
	border: 1px solid #BCB3A4;
	font-weight: bold;
}
/* --------------------------------------LINKS------------------------------------------- */


#sitelocator a:link,a:active,a:visited {
	color: #263b82; 
	text-decoration:none;
}
#sitelocator a:hover {
	color: #ca0343;
	text-decoration:none;
}

/* Menu */
.navigationicon { margin : 0px 0px 0px 3px; }
.navigationlevel1 { margin-left: 0px; font-size : 12px; font-style : normal; font-variant : normal; font-weight: bold;}
.navigationlevel2 { margin-left: 14px; font-size : 12px; font-style : normal; font-variant : normal; font-weight: normal;}
.navigationlevel3 { margin-left: 26px; font-size : 10px; font-style : normal; font-variant : normal; font-weight: normal;}
.navigationlevel4 { margin-left: 38px; font-size : 10px; font-style : normal; font-variant : normal; font-weight: normal;}
.selectedrow     { background-color: #C61031; }

a.menu:link, a.menu:visited {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;	
}
a.menu:hover {
    color: #FBBCCB;
    text-decoration: none;
	font-weight: bold;
}

#nav_menu {
	padding:8px;
	text-align:left;
}

#banners {
	padding:8px;
	text-align:center;
}
#lid {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	border: 1px solid #FFFFFF;
	padding: 5px;
	margin-bottom: 4px;
}

.nieuwsbericht .titel{
	font-weight: bold;
}

/*-------------EINDE DW----------------------------*/

/*---------------old vanaf hier-------------*/
/*
.content {
    padding : 12px;
	text-align:left;
}

.midtabel {
    background: url(../img/back_mid.gif);	
    height : 400px;
}

.menutabel {
    padding : 12px;
	text-align: left;
}
.bannertabel {
    padding : 8px;
	text-align: center;
}
*/

/*-----------------------------------------------
	eigenschappen horende bij het Login block

#login h1 {
	font-size: 20px;
	font-weight: bold;
	margin:2px;
	color:  #fff;
	text-align: left;
}
#login input { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color : #000000; 
	background-color: #ffffff; 
	border-width: 1px; 
	border-color: #000000; 
	border-style: solid; 
}
#login form {
	margin:0px;
	text-align: right;
}
#login td {
	font-size: 12px;
	color:  #fff;
}
#login p {
	font-size: 12px;
	color:  #fff;
	text-align: left;
	margin: 2px;
}
#login a {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;
	}
#login a:visited {
	color:  #fff;
	}
#login a:active {
	color:  #fff;
	}
#login a:hover {
	color: #fff;
	text-decoration: underline;
	}
#loginmargins {
	margin: 0px 5px 0px 0px;
}
#login .errormessage {
	font-weight: bold;
	color:  #fff;
}
*/
/*
	eigenschappen horende bij het registerblock in de header

#register p {
	font-size: 12px;
	color:  #fff;
	margin-top:2px;
}
#register a {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;
	}
#register a:visited {
	color:  #fff;
	}
#register a:active {
	color:  #fff;
	}
#register a:hover {
	color: #fff;
	text-decoration: underline;
	}
	*/

/*
	eigenschappen horende bij het sitelocator block

#sitelocator p {
	font-size: 12px;
	color:  #fff;
	margin: 2px 5px 0px 2px;
}
#sitelocator a {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;
	}
#sitelocator a:visited {
	color:  #fff;
	}
#sitelocator a:active {
	color:  #fff;
	}
#sitelocator a:hover {
	color: #fff;
	text-decoration: underline;
	}
	


*/
/*
	Eigenschappen horende bij het linker vlak van de drie colommenlay-out

.leftpadding h1 {
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	color:  #fff;
	margin:0px 0px 0px 0px;
}
.leftpadding .navigationicon { margin : 0px 0px 0px 3px; }
.leftpadding .navigationlevel1 { margin-left: 0px; font-size : 12px; font-style : normal; font-variant : normal; font-weight: bold; color : #000000;}
.leftpadding .navigationlevel2 { margin-left: 14px; font-size : 12px; font-style : normal; font-variant : normal; font-weight: normal; color : #000000;}
.leftpadding .navigationlevel3 { margin-left: 26px; font-size : 10px; font-style : normal; font-variant : normal; font-weight: normal; color : #000000;}
.leftpadding .navigationlevel4 { margin-left: 38px; font-size : 10px; font-style : normal; font-variant : normal; font-weight: normal; color : #000000;}
.leftpadding .selectedrow     { background-color: #C61031; }
.leftpadding p {
	font-size: 12px;
	color:  #fff;
	margin:0px 0px 0px 0px;
}
.leftpadding a {
	text-decoration: none;
	color:  #fff;
	outline: none;
}
.leftpadding a:visited {
	color:  #fff;
}
.leftpadding a:active {
	color:  #fff;
}
.leftpadding a:hover {
	color: #fff;
}
.leftpadding .winkelwagentjebestellen {
	text-align: right;
}
.leftpadding td {
	color:  #fff;
}

*/
/*
	Eigenschappen horende bij het rechter vlak van de drie colommenlay-out

.middlepadding a {
	text-decoration: none;
	color:  #000;
	outline: none;
}
.middlepadding a:visited {
	color:  #000;
}
.middlepadding a:active {
	color:  #000;
}
.middlepadding a:hover {
	text-decoration: underline;
	color: #000;
}
.middlepadding {
	color: #000088;
	margin: 0px 10px 0px 20px;
}
.middlepadding td {
	color: #000088;
}
.middlepadding hr {
	height: 2px;
	color: #000088;
}
.middlepadding .onderwerp {
	text-align: justify;
}
.middlepadding .reactie {
	margin-left: 30px;
	padding-left: 5px;
	border-left: 2px solid #000088;
	text-align: justify;
}
.middlepadding .selecteditem {
	background: #eee;
}
.middlepadding .pagenav {
	margin-top: 10px;
	text-align: right;
}
.middlepadding form {
	margin:0px;
}
.middlepadding .nieuwsbericht {
	text-align: justify;
}
.middlepadding .nieuwsbericht .titel{
	font-weight: bold;
}
.middlepadding .nieuwsbericht .datum{
	text-align:right;
	font-style: italic;
	font-size: small;
	margin-bottom:20px;
}
.middlepadding .systemmessage {
	border:1px solid #000000;
	background: #0f0;
	color: #000;
	font-weight: bold;
}
.middlepadding .systemerrormessage {
	border:1px solid #000000;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
.middlepadding .systemwarningmessage {
	border:1px solid #000000;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
.middlepadding textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.middlepadding .advertentiefoto {
	border:1px solid #000088;
}
.middlepadding .terug {
	text-align: right;
}


*/

/*
	Eigenschappen horende bij het rechter vlak van de drie colommenlay-out (de banners)

.rightpadding .banner{
	text-align: center;
	margin-bottom: 30px;
}
*/




/*
	Eigenschappen horende bij de footer van de website

#footer {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #757c97;
	text-align: center;
	margin-top:10px;
}
*/
/*
	Hieronder volgd de positionering van de het bovenste gedeelte van de website.
	Zoals de header, loginblock en sitelocator. Dit bevat een aantal absoluut
	gepositioneerde blokken.

#header {
	margin: 3px 10px 0px 203px;
	padding: 0px 0px 0px 0px;
	background:url(../pics/layout01/headerbgimage.gif) top right no-repeat;
	height: 112px;  ie5win fudge begins 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 112px;
	}
html>body #header {
	height: 109px;  ie5win fudge ends 
	}
	
#sitelocator {
	margin: 0px 10px 0px 203px;
	padding: 0px;
	background: #C51130;
	height: 20px;  ie5win fudge begins 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 20px;
	}
html>body #sitelocator {
	height: 20px;  ie5win fudge ends
	}

#login {
	position: absolute;
	left: 10px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 180px;
	height:109px;
	background: #000088;
}

#register {
	position: absolute;
	left: 10px;
	top: 112px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 180px;
	height:20px;
	background: #000088;
}
*/
/*
	hieronder volgd de positionering van de drie colommen lay-out.

#main1 {
	padding:0;
	margin: 20px 0px 0px 0px;
	background-image	: url(../pics/layout01/right_background.gif);
	background-position	: right top;
	background-repeat	: repeat-y;
	}
#main2 {
	padding:0;
	margin:0;
	background-image	: url(../pics/layout01/left_background.gif);
	background-position	: left top;
	background-repeat	: repeat-y;
	}
#left {
	float:left;
	width:180px;
	margin:0; padding:0;
	}
#right {
	float:right;
	width:180px;
	margin:0; padding:0;
	}
#middle {
	margin:0 180px; 
	}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
	*/