* {font-family: "Scala Sans", Arial, Helvetica, sans; margin: 0px; padding: 0px}
body {background-color: #eeb; font-size: 101%; }
img {border: 0px solid #000}
p {font-size: 0.75em;  }
strong {font-weight: bold}
em {font-style: italic;}

#container {position: relative; margin: 0px auto 0px auto; width: 800px; padding: 0px 0px 20px 0px;
	border: solid 1px #bbb; border-top: solid 0px #bbb; background: url(../beeld/flautist.jpg) no-repeat #fff;}

#logo-png {position: absolute; top: 20px; left: 20px; width: 160px; height: 99px; visibility: visible; }
#logo-gif {visibility: hidden; }

#menukolom {position:absolute; left: 20px; top: 139px; width:120px; background-color: #790e85; padding: 20px}

ul#taalkeuze {list-style-type:none; list-style-position: inside; text-align: left;  }
ul#taalkeuze li {display: inline; }
ul#taalkeuze li a {font-size: 0.7em; color:#fff; text-decoration: none; text-transform: uppercase; font-weight: normal; 
	letter-spacing: 1px; padding: 4px 2px 3px 2px; border: 1px solid #fff; }
ul#taalkeuze li a.actief {background-color: #fff; color: #790e85; border: 1px solid #fff; }

ul#ul-menu {margin: 25px 0px 0px 0px; padding: 0px; list-style-type: none; list-style-position: inside; }
ul#ul-menu li {margin: 5px 0px 0px 0px; text-align: right; }
ul#ul-menu li a {font-size: 0.7em; color:#fff; text-decoration: none; text-transform: uppercase; font-weight: bold; 
	letter-spacing: 1px; padding: 5px; border: 1px solid #790e85; width: 108px; display: block;}
ul#ul-menu li a:hover {border: 1px solid #fff; }
ul#ul-menu li a.actief {background-color: #fff; color: #790e85; border: 1px solid #790e85; }
ul#ul-menu li.leden a {color:#9b58a4; }

ul#ul-menu li.sub {margin: 0px 0px 0px 15px; text-align: right; }
ul#ul-menu li.sub a {color:#790e85; text-decoration: none; text-transform: none; font-weight: bold; 
	letter-spacing: 0px; padding: 5px; width: 93px; display: block;
	background-color: #fff;  border-bottom: 1px solid #790e85; }

#contentkolom {float: left; margin: 40px 0px 0px 200px; width: 540px; background-color: #fff; 
	padding: 15px 20px 0px 20px; min-height: 300px; }

#contentkolom p {line-height: 20px; margin: 0px 140px 10px 0px; }
#contentkolom p.inleiding {font-size: 0.90em; line-height: 20px; margin: 0px 0px 10px 0px; }
#contentkolom p.text {line-height: 20px; margin: 0px 0px 10px 0px; }
#contentkolom h1 {font-size: 1.40em; line-height: 24px; margin: 0px 40px 10px 0px;  }
#contentkolom h2 {font-size: 1.20em; line-height: 18px; margin: 20px 140px 6px 0px; color: #790e85;}
#contentkolom h3 {font-size: 0.90em; line-height: 18px; margin: 0px 140px 0px 0px; }
#contentkolom h4 {font-size: 0.90em; line-height: 18px; margin: 0px 140px 10px 0px; }
#contentkolom img {margin: 0px 0px 10px 0px;}
#contentkolom img.links {float: left; margin: 0px 20px 0px 0px;}
#contentkolom img.rechts {float: right; margin: 0px 0px 0px 20px; }
#contentkolom ul { font-size: 0.75em; list-style-type: square; list-style-position: outside; line-height: 18px; margin: 0px 10px 10px 16px;  }
#contentkolom ul li { padding: 0px 0px 0px 4px; }
#contentkolom div.panel {float: right; width: 200px; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 10px;
	background: #f6f6f6; border-bottom: 1px dotted #999; border-top: 1px dotted #999;}
.panel p {width: 190px; }
.panel img.luister {float: left; padding: 2px 5px 0px 0px;}

table.agenda {width: 540px; border-collapse: collapse; margin-bottom: 10px; border-top: 1px dotted #999;}
table.agenda th {caption-side: top; background-color: #fff; padding: 0px 0px 5px 0px; font-size: 1.2em; color: #000; 
	font-weight: bold; text-align: left; border-bottom: 1px dotted #999; color: #790e85; } 
table.agenda td {background-color: #f6f6f6; font-size: 0.75em; line-height: 1.2em; vertical-align: top; padding: 3px; border-bottom: 1px dotted #999; }
table.agenda td.tijd {width: 130px; }
table.agenda td.plaats {width: 110px; }
table.agenda td.programma {width: 130px; font-size: 0.85em; }
table.agenda td.programma a {font-size: 1.1em; font-weight: bold; color: #790e85; text-decoration: none;  }
table.agenda td.programma a:hover { text-decoration: underline; }
table.agenda td.toegang {width: 180px; font-size: 0.70em; }

#footer {clear: both; margin: 0px 40px 0px 220px; border-top: dotted 1px #999; padding-top: 18px; }
#footer p {color: #999; margin-bottom: 0px; font-size: 0.7em;}