html, body {
	height: 100%;
}
body {
	behavior:url(csshover.htc);
}


/* hiermee zet je voor alle elementen de m en p op 0, hoef je alleen de uitzonderingen op te geven */
* {
	margin: 0;
 	padding: 0;
}

body {
	/*background-color:#280014;*/
	background-color:#633388;
  	background-position: top center;
  	background-repeat: no-repeat;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color: #DCABF5;
	scrollbar-track-color: #ffffff;
	scrollbar-shadow-color: #DCABF5;
	scrollbar-highlight-color: #DCABF5;
	scrollbar-3dlight-color: #DCABF5;
	text-align:left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: small; /* voor IE5/5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 80%; /* juiste grootte */
	line-height: 1.5em;
}

/* homepage */

#container {
	background-color: #FFF;
	background-repeat: no-repeat;
	position:relative;
	width: 848px;
	padding-left: 120px;
	margin:20px auto;
	height:577px;
}

.ingelogd #container {
	height:510px;
	margin: 0 auto 20px;
}

#hp #container {background-image: url("images/bg_container_hp.gif"); padding: 0; width: 968px;}
#volg1 #container {background-image: url("images/bg_container_volg1.jpg");}
#volg2 #container {background-image: url("images/bg_container_volg2.jpg");}
#volg3 #container {background-image: url("images/bg_container_volg3.jpg");}
#volg4 #container {background-image: url("images/bg_container_volg4.jpg");}
#volg5 #container {background-image: url("images/bg_container_volg5.jpg");}

#menuboven-ingelogd {
	width: 968px;
	margin: 20px auto 0;
	height: 67px;
	background: #765A8E;
}
#menuboven-ingelogd ul {
	list-style: none;/*hiermee zet je de standaard-listbullets uit. Als je de indenting niet wilt (inspringen) zet je hier een padding-left: 0; bij*/
	padding: 0;
	margin: 0;
	height: 67px;
	overflow-y: hidden;
}

#menuboven-ingelogd li {
	float: left;
	margin-left: 6px;
}

#menuboven-ingelogd a {
	width: 162px;
	display: block;
}
#menuboven-ingelogd .home a { width: 112px;}
#menuboven-ingelogd .aangesloten a { width: 165px;}

#menuboven-ingelogd a:hover {
	text-indent: -999em;
}

#menuboven-ingelogd img {
	border: 0;
}

#naar-home {
	position:absolute;
	margin-left:-112px;
	width: 100;
	height: 155;
}
	

#kolom1-foto {
	background-image: url("images/foto_linksboven.jpg");
	float:left;
	width:80px;
	margin-left:8px;
	height:87px;
	display:inline; /* voor IE want maakt anders een dubbele left-margin; combi float-left met left-margin */
}

#kolom2-wit {
	background-color:#FFFFFF;
	float:left;
	width:180px;
	height:87px;
}
#kolom3-koorboven {
	background-image: url("images/fotoboven_koorkolom3.jpg");
	float:right;
	width:165px;
	height:87px;
	margin-left:8px;
}
#kolom4-koorboven {
	background-image: url("images/fotoboven_koorkolom4.jpg");
	float:right;
	width:165px;
	height:87px;
	margin-left:8px;
}
#kolom5-koorboven {
	background-image: url("images/fotoboven_koorkolom5.jpg");
	float:right;
	width:165px;
	height:87px;
	margin-left:8px;
}
#kolom6-koorboven {
	background-image: url("images/fotoboven_koorkolom6.jpg");
	float:right;
	width:165px;
	height:87px;
	margin-left:8px;
	margin-right:8px;
	display:inline; /* voor IE want maakt anders een dubbele right-margin; combi float-right met right-margin */
}

#wit-horizontaal {
	float:left;
	width: 968px;
	height:161px;
}


#kolom1-fotoonder {
	background-image: url("images/fotoonder_kolom1.jpg");
	float:left;
	width:80px;
	margin-left:8px;
	height:329px;
	display:inline; /* voor IE6 want maakt anders een dubbele left-margin; combi float-left met left-margin */
}

#kolom2-adres {
	background-color:#FFFFFF;
	float:left;
	width:180px;
	height:87px;
	margin-top:200px;
}
p.hp-adres {
	color:#660099;
	font-weight:bold;
	font-size:0.8em;
	letter-spacing:0.05em;
	line-height:2.5em;
	padding:0px 8px 8px 25px;
}
#kolom3-kooronder {
	background-image: url("images/fotoonder_koorkolom3.jpg");
	float:right;
	width:165px;
	height:329px;
	margin-left:0px;
}
#kolom-actueel-onder {
	background-color:#FFFFff;
	float:right;
	width:519px;
	height:329px;
	margin-right:0px;
	margin-left:8px;
	overflow:auto;
}
#advertentie-hp {
	float:right;
	width:165px;
	height:600px;
	margin-right:6px;
	margin-left:25px;
	text-align:right;
}
#advertentie-hp p{
	font-size:0.8em;
	line-height:1.5em;
	color:#660066;
	padding-right:2px;
	padding-left:2px;
}
#advertentie-hp p img {
	border:#660066 1px solid;
}

#kolom6-kooronder {
	background-color: #ffffff;
	float:right;
	width:165px;
	height:329px;
	margin-left:8px;
	margin-right:8px;
	display:inline; /* voor IE6 want maakt anders een dubbele right-margin; combi float-right met right-margin */
}

#menu {
	position: relative;
	z-index: 1000;
}

#hp #menu {
	float:left;
	margin: 12px 0 0 295px;
	_margin-left:147px;	/* voor IE6-bug die de marge verdubbeld */
	_padding-left: 1px;
	width: 147px;
	height:149px;
}

#menu ul {
	list-style: none;/*hiermee zet je de standaard-listbullets uit. Als je de indenting niet wilt (inspringen) zet je hier een padding-left: 0; bij*/
	padding: 0;
	margin: 0;
}

#menu li {
	position: relative;
	padding: 0;
	margin: 0;
}

.volg #menu li {
	float: left;
}

#menu a {
	position: relative;
	font-size:0.9em;
	font-weight:bold;
	color:#633388;
	text-align: center;
	text-decoration:none;
	display:block;
	_zoom: 1;
	border-bottom: 4px solid #FFF;
	overflow: hidden;
}

#hp #menu a {
	_display: inline-block;	/* fixed IE6 probleem met positionering van submenu's */
	_margin-bottom: -2px;	/* don't ask */
	width: 147px;
	height: 20px;
	text-align: right;
}

.volg #menu a {
	border-left: 6px solid #FFF;
	width: 162px;
	height: 127px;
}

.menutekst {
	display: none;
}

.volg #menu .menu-aangeslotenkoren a {width: 165px;}

/* voorbereiding voor image-replacement techniek */
#menu a span {
	display: block;
	position:absolute; left:0; top:0; z-index:1;
	width: 100%;
	height: 100%;
}

.volg #menu li a span {
	background-position: 220px 0;
}

.volg #menu li:hover a span {
	background-position: bottom left;
}

.volg img {
	border: 0;
}

#menu a:hover {
	cursor: pointer;	/* IE6 toont anders geen link-cursor (handje) bij mouse-overs */
}

#menu li ul {
	display: none;
	position: absolute;
}

.volg #menu li ul {
	left: 0;
	top: 127px;
	border-top: 4px solid #FFF;
}

.volg #menu li ul li {
	float: none;
}

#hp #menu li ul {
	left: 147px;
	top: 0;
	padding: 0 0 0 7px;
}

#menu li:hover ul {
	display: block;
}

#container #menu li ul a {
	background: #FFB301;
	text-align: left;
	padding: 0 6px;
	width: 422px;
	height: 20px;
	float: none;
	_margin-bottom: 0;
}

#container #menu li ul a:hover {
	background: #FF6;
}

#container #menu li.menu-aangeslotenkoren ul a {
	width: 153px;
}

/* Menu images voor homepage */
#hp .menu-baz span {background: url("images/hp-baz.gif") top left no-repeat;}
#hp .menu-baz a, #hp li.menu-baz:hover a span {background: url("images/hp-baz-act.gif") top left no-repeat;}
#hp .menu-aangeslotenkoren span {background: url("images/hp-aangeslotenkoren.gif") top left no-repeat;}
#hp .menu-aangeslotenkoren a, #hp li.menu-aangeslotenkoren:hover span {background: url("images/hp-aangeslotenkoren-act.gif") top left no-repeat;}
#hp .menu-prikbord span {background: url("images/hp-prikbord.gif") top left no-repeat;}
#hp .menu-prikbord a, #hp li.menu-prikbord:hover span {background: url("images/hp-prikbord-act.gif") top left no-repeat;}
#hp .menu-aanmelden span {background: url("images/hp-aanmelden.gif") top left no-repeat;}
#hp .menu-aanmelden a, #hp li.menu-aanmelden:hover span {background: url("images/hp-aanmelden-act.gif") top left no-repeat;}
#hp .menu-korendeel span {background: url("images/hp-korendeel.gif") top left no-repeat;}
#hp .menu-korendeel a, #hp li.menu-korendeel:hover span {background: url("images/hp-korendeel-act.gif") top left no-repeat;}

/* Menu images voor volgpagina's  */
.volg .menu-baz span {background: url("images/vlg-baz-act.gif") no-repeat;}
.volg .menu-aangeslotenkoren span {background: url("images/vlg-aangeslotenkoren-act.gif") no-repeat;}
.volg .menu-prikbord span {background: url("images/vlg-prikbord-act.gif") no-repeat;}
.volg .menu-aanmelden span {background: url("images/vlg-aanmelden-act.gif") no-repeat;}
.volg .menu-korendeel span {background: url("images/vlg-korendeel-act.gif") no-repeat;}

#menu-ingelogd {
	position: relative;
	z-index: 1000;
	padding: 15px 10px 15px 30px;
	_width: 808px;
	overflow-x: hidden;
}

#menu-ingelogd ul {
	list-style: none;/*hiermee zet je de standaard-listbullets uit. Als je de indenting niet wilt (inspringen) zet je hier een padding-left: 0; bij*/
	padding: 0;
	margin: 0;
}

#menu-ingelogd li {
	margin: 0;
	float: left;
	background: url("images/divider.gif") left 8px no-repeat;
	padding: 3px 0 0 2px;
	border-bottom: 2px solid #FFF;
}

#menu-ingelogd a {
	color:#633388;
	text-align: center;
	text-decoration:none;
	display:block;
	_zoom: 1;
	_float: left;
	padding: 3px 12px 5px;
	font: bold 13px/13px Verdana, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	letter-spacing: .03em;
	white-space: nowrap;
}

#menu-ingelogd a:hover {
	background: #FED426;
}

#menu-ingelogd li ul {
	display: none;
	position: absolute;
	padding: 0 0 0 1px;
	border-left: 1px solid #EC8526;
	width: 800px;
	_top: 39px;
}
#menu-ingelogd li.koreninfo ul,
#menu-ingelogd li.producten ul {
	left: 30px;
}
#menu-ingelogd li.solisten ul {
margin-left: -2px;
	_top: 65px;
	_left: 500px;
}

#menu-ingelogd li ul li {
	border: 1px solid #EC8526;
	border-left: none;
	padding: 0;
	margin-left: -1px;
	background: #FFF;
	height: auto;
}

#menu-ingelogd li ul li a {
	padding: 4px 12px 5px;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
}

#menu-ingelogd li:hover ul {
	display: block;
}

#container #menu-ingelogd li ul a:hover {
	background: #FF6;
}



#tekst-homepage {
	position:absolute;
	left:445px;
	top:87px;
	width: 490px;
	height: 140px;
	padding: 9px 15px 10px 5px;
	color:#633388;
	font-size:0.9em;
	line-height:1.8em;
}
/* einde homepage */

#tekst-volgpagina {
	position:absolute;
	left:140px;
	top:139px;
	width: 825px;
	height: 420px;
	color:#633388;
	font-size:1em;
	line-height:1.8em;
	overflow:auto;
}


#tekst-volgpagina a {
	font-size:0.90em;
	color: #CC3399;
}
#tekst-volgpagina a:hover {
	font-size:0.90em;
	color: #D80101;
}

#tekst-volgpagina.ingelogd{
	left:155px;
	height: 400px;
	top:100px;
	width: 790px;
}
#tekst-volgpagina.ingelogd a {
	font-size:0.90em;
	text-decoration:none;
	color:#993366;
}
#tekst-volgpagina.ingelogd a:hover {
	text-decoration:none;
	color: #D80101;
}



h1 {
	padding: 9px 15px 10px 10px;
	font-size:1.3em;
	font-weight:bold;
	color:#633388;
}
#kolom-actueel-onder h1 {
	padding: 0px 15px 10px 0px;
	font-size:1.3em;
	font-weight:bold;
	color:#633388;
}

h2 {
	padding: 5px 15px 0px 10px;
	font-size:0.9em;
	font-weight:bold;
	color:#8E52AC;
}
/* pagina-menu rechts - bij prikbord - gebruikt h3 */

h3 {
	float:right;
	padding: 5px 35px 5px 10px;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	color:#990000;
	letter-spacing:normal;
	line-height: 1,5em;
	clear:both;
}
h4 {
	padding: 5px 15px 5px 10px;
	font-size:0.8em;
	font-weight:bold;
	color:#D80101;
	letter-spacing:0.05em;
}
h5 {
	padding: 15px 15px 10px 10px;
	font-size:1.0em;
	font-weight:bold;
	color:#CC0000;
}
#kolom-actueel-onder p {
	padding: 9px 15px 10px 0px;
	font-size:0.85em;
	overflow:auto;
}

p {
	padding: 9px 15px 10px 10px;
	font-size:0.85em;
}

ul.tekst {
	padding: 9px 15px 10px 15px;
	list-style:inside disc;
	font-size:0.85em;
	color:#633388;
}

#tekst-volgpagina a{
	color: #4B2469;
}


#tekst-volgpagina a:hover {
	color:#D80101;
}

#korenmenu {
	position:relative;
	float:right;
	width: 375px;
	height:auto;
	padding:0;
}
#korenmenu p {
	padding: 0px 15px 10px 10px;
	font-size:0.9em;
}

.kooractief {
	font-size: 0.95em;
	color:#ED8722;
}

table {
	padding-left:10px;
}

table td{
	font-size:1em;
	font-weight: bold;
	color:#ED8722;
	line-height:1.5em;
	vertical-align:top;
}


table.ca {
	padding-left:10px;
	border-collapse:collapse;
	border-color:#CC3399;
	caption-side:left;
}

table.ca th{
	font-weight: bold;
	border-color:#CC0066;
}

table td{
	font-size:1em;
	font-weight: normal;
	color:#4B2469;
	line-height:1.5em;
	vertical-align:top;
	border-color:#CC3399;
}

.extranadruk {
	font-weight:bold;
	color:#CC3399;
}


 /* kruimelspoor */