@import url('base.css');
body { margin: 0; padding: 0; overflow: hidden; height:100%; max-height:100%; border: 0;  }

/*
======================
Footer 
======================
*/
#footer { height: 23px; position: absolute; left: 0; bottom: 0; width: 100%; overflow-y:scroll; }
#nonFooter { position:fixed; top:0; left:0; bottom:23px; right:0; overflow-y:auto; overflow-x:hidden; }
.container { width: 800px; background: #000 url('../images/bg.jpg') repeat-x; background-attachment: fixed; border-left: solid #000 1px; border-right: solid #000 1px; margin: auto; clear: both; position: relative;}

.audiodownload { padding: 4px 0px; padding-left: 24px; background: url('../images/audio.gif') center left no-repeat; margin-top: 4px; margin:auto; } 
/*
======================
Menu 
======================
*/
.menu { background: #730000; color: #fff; min-height: 23px; text-align: center; font-family: verdana, tahoma, sans-serif; font-size: 0.9em; line-height: 23px; }
.webshop { font-weight: bold;border-bottom: solid 1px red;}
#footer .menu { border-left: solid #000 1px; border-right: solid #000 1px; width: 800px; margin: auto; clear: both;}
.menu a { color: #fff; height: 23px; text-decoration: none;}
img { border: none;}
#header { height: 94px; margin: 0; padding: 0; position: relative; background: url('../images/kampen_boys_choir.gif') center no-repeat;}
#links { position: absolute; left: 0; top: 0; background: url('../images/links.jpg'); width: 123px; height: 94px;}
#rechts { position: absolute; right: 0; top: 0; background: url('../images/rechts.jpg') center no-repeat; width: 170px; height: 94px;}
#header span { position: absolute; left: -1000px; top: -1000px;}
#footer .menu ul { width: 200px; margin-right: -200px;}
.sep { font-weight: bold; padding: 0 8px;}
div#content {  min-height: 300px; clear: both; margin: auto; border: solid 1px transparent; margin: 1em; line-height: 1.3em;}
div#content img[align=left] { margin-right: 10px;}
div#content img[align=right] { margin-left: 10px;}
#newscolumn { width: 27%; float: right; border: solid 1px transparent; margin-right: 1em;}
#homepage { width: 66%; float: left; margin-left:1em;}
#text { margin-left: 1em; margin-right: 1em;}
#newscolumn h2 { margin:0; padding: 0;}
#newscolumn p { margin-top: 0;}
.newsitem  {margin-top: 2em; border-bottom: solid 1px transparent;}
.field_list { list-style: none; margin: 0; padding: 0;}
.field_list textarea { width: 100%; height: 120px;}
.fielderror { color: red; background: url('../images/error_arrow.gif') top left no-repeat; padding-bottom: 1px; padding-left: 18px; }
.edit li { margin-top: 0.7em; }
span.required, p.required { font-size: 90%; font-weight: bold; color: #000; }

.clearit { clear: both; height: 0; line-height: 0; visibility: hidden; font-size: px; /*for IE*/ }
.img_left { float: left; margin-right: 0.5em; margin-bottom: 0.5em;}
.grid { border-collapse: collapse; border-spacing: 0;}
.grid td { border: solid 1px #ccc; padding: 0.3em 0.5em;}
.grid th { background-color: #ccc; color: #000; padding: 0.3em 0.5em;}
#www.label { display: none;}
.date { color: #B0B0B0;}