@charset "utf-8";
/* CSS Document */

html {margin: 0px; padding: 0px; background: #3a0f56 url(pics/web_ag.jpg) repeat-y center;}
html>body #hoofdmenu ul li a, #submenu ol li a {width:auto;}
body {margin: 0px; padding: 0px; font-size: 100%; background: url(pics/web_lotus_ag.jpg) no-repeat top center;}
h3 {margin: 0px; padding: 0px; display: none;}
ul, ol {list-style-type: none; padding: 0px; margin: 0px; }
.bodytekst {font: normal 0.9em Georgia, "Times New Roman", Times, serif; color:#665e05; text-align: justify;}
#container {margin: 0px auto; width: 892px; position:relative; z-index: 1; left: 0px; top: 0px; padding: 0px; height: 900px;}
#header {margin: 0px; padding: 0px; width: 892px; height: 143px; position: relative; z-index: 2; left: 0px; top: 0px; background: url(pics/logo.jpg) no-repeat top left;}
#ladder {margin: 0px; padding: 0px; width: 240px; height: 100%; position: relative; z-index: 3; float: left;}
#counter {text-align:center; padding-top:3em;}
#content {margin: 0px; padding: 0px; width: 652px; height: 100%; position: relative; z-index: 4; float: right;}
#hoofdmenukop {margin: 0px; padding: 0px; position: relative; z-index: 5; left: 20px; top: 0px; width: 200px; height: 40px; background: url(pics/hoofdmenu.jpg) no-repeat top left;}
#hoofdmenutekst {margin: 0px; padding: 0px; text-align: left; position: relative; z-index: 6; left: 20px; top: 0px; width: 200px; height: 90px;}
#hoofdmenutekst ul li, #submenutekst ol li {font: bold 0.9em Georgia, "Times New Roman", Times, serif;  border-bottom: 1px solid #665e05;}
#hoofdmenutekst ul li a, #submenutekst ol li a { display:block; padding: 2px 2px 2px 4px; border-left: 10px solid #665e05; text-decoration: none; color:#665e05;}
#hoofdmenutekst ul li#n1 a { border-left: 10px solid #fc0; background-color: #665e05; color: #fafbde;}
#hoofdmenutekst ul li a:hover, #submenutekst ol li a:hover { border-left: 10px solid #fc0; background-color: #665e05; color: #fafbde;}
#submenukop {margin: 0px; padding: 0px; position: relative; z-index: 7; left: 20px; top: 30px; width: 200px; height: 40px; background: url(pics/in_deze_editie.jpg) no-repeat top left;} 
#submenutekst {margin: 0px; padding: 0px; position: relative; z-index: 8; text-align: left; left: 20px; top: 30px; width: 200px; height: 90px;}
#artikel1 {margin: 0px; padding: 0px; position: relative; z-index: 9; left: 0px; top: 0px; width: 632px; overflow: auto; background: url(pics/kp_15jaar.jpg) no-repeat top left; border-bottom: 2px solid #665e05}
#kol1a {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; height: auto; float:left; }
#kol1b {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; height: auto; float:right;}
#artikel2 {margin: 10px 0px 0px 0px; padding: 0px; position: relative; z-index: 10; left: 0px; width: 632px; overflow: auto; background: url(pics/kp_rtqcatering.jpg) no-repeat top left; border-bottom: 2px solid #665e05}
#kol2a {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; float:left;}
#kol2b {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; float:right;}
#artikel3 {margin: 10px 0px 0px 0px; padding: 0px; position: relative; z-index: 11; left: 0px; width: 632px; overflow: auto; background: url(pics/kp_ningcookery.jpg) no-repeat top left; border-bottom: 2px solid #665e05}
#kol3a {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; float:left;}
#kol3b {margin: 0px; padding: 40px 0px 10px 0px; width: 310px; float:right;}
#kol1a a, #kol1b a, #kol2a a, #kol2b a, #kol3a a, #kol3b a {color: #665e05; text-decoration: underline;}
#kol1a a:hover, #kol1b a:hover, #kol2a a:hover, #kol2b a:hover, #kol3a a:hover, #kol3b a:hover {color: #F00;}