html, body { margin: 0; padding: 0; height: 100%; }

body { background-color : #22A2C9; font-family : "Comic Sans MS", "MS Sans Serif"; text-align: center; font-size:0.8em; overflow:-moz-scrollbars-vertical; }

#container {background-image: url(backgrounds/standard.gif);background-position: 200px 0px;background-repeat: repeat-y;background-color : #B3D14F;  margin:0px auto 0px auto;width: 800px;min-height: 100%;height:auto !important; /* voor moderne browsers */height:100%; /* voor IE */}
#introflashdiv { background-repeat: no-repeat;background-color : #669900;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 800px; float: none;clear: both;}
#menu { font-size: 1.2em;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 200px; float: left;min-height: 100%;height:auto !important; /* voor moderne browsers */height:100%; /* voor IE */text-align: center;}
#content { text-align: left;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  width: 600px; float: left; position: relative;min-height: 100%;height:auto !important; /* voor moderne browsers */height:100%; /* voor IE */}

/* submenu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
#submenu { text-align: center;  font-size: 0.9em; margin: 0px 0px 10px 0px; }
#submenu A { text-decoration: none; color : #000000; }
#submenu A:HOVER { text-decoration: underline; }
#submenu .nonactief { text-decoration: none; }
#submenu .actief { text-decoration: underline; }

/* innercontent xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
#innercontent { margin: 0px 10px 10px 10px;  }
#innercontent A { text-decoration: none; color : #336699;}
#innercontent A:HOVER { text-decoration: underline; }
#innercontent UL { }
#innercontent UL STRONG { text-decoration: underline; color : #cc0000; }
#innercontent UL .adres { font-size: 0.9em; }
#innercontent UL .tel { font-size: 0.9em; }
#innercontent UL .url { font-size: 0.9em; }
#innercontent UL .email { font-size: 0.9em; }
#innercontent LI {  }
#innercontent fieldset { margin: 0em 0em 1em 0em; padding: 10px 0px 10px 0px; border : 0px solid #628680;  }
#innercontent fieldset .fieldset_title { padding: 3px 10px 3px 10px; margin: 0px 0px 3px 0px;  background-color : #628680; color : #FFFFFF; }	
#innercontent fieldset .form_row {}	
#innercontent fieldset .form_label { padding: 0.2em 0.2em 0.2em 0.2em; width:140px; clear: left;  float:left; text-align: right; color: #000000;}
#innercontent fieldset .form_element { padding: 0.2em 0.2em 0.2em 0.2em; width:400px; float:left;}
#innercontent HR { color: #f00; background-color: #f00; height: 5px; }

/* css for homepage */
#covers { text-align: center; clear: both; float: left;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; }
#covers .cover { clear: none; float: left; width:150px; margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 0px; text-align: center; font-weight: bold;}
#covers .spacer { clear: none; float: left; width:25px; margin: 0px 0px 0px 0px ; }
#covers .cover .abonnement { width: 150px; display: block; background-color : #009933; color : #FFFFFF; text-decoration: none; margin: 10px 0px 0px 0px; text-align: center; padding: 2px 0px 2px 0px; }
#covers .cover .abonnement:HOVER { width: 150px; display: block; background-color : #000000; color : #FFFFFF; text-decoration: none; text-align: center; }
#covers .cover .proefabonnement { width: 150px; display: block; background-color : #009933; color : #FFFFFF; text-decoration: none; margin: 10px 0px 0px 0px; text-align: center; padding: 2px 0px 2px 0px; }
#covers .cover .proefabonnement:HOVER { width: 150px; display: block; background-color : #000000; color : #FFFFFF; text-decoration: none; text-align: center; }
#covers .cover .bijbestellen { width: 150px; display: block; background-color : #009933; color : #FFFFFF; text-decoration: none; margin: 10px 0px 0px 0px; text-align: center; padding: 2px 0px 2px 0px; }
#covers .cover .bijbestellen:HOVER { width: 150px; display: block; background-color : #000000; color : #FFFFFF; text-decoration: none; text-align: center; }

/* css for club */
.innerclub #submenu { color : #FFFF4C; }
.innerclub #submenu A { color : #349A66; }
.innerclub H3 { color : #349A66; }

/* css for links */
.innerlinks #submenu { color : #BFFFBF; }
.innerlinks #submenu A { color : #673434; }
.innerlinks H3 { color : #673434; }

/* css for bijbestellen */
.bijbestellencover { float:left;  text-align: center; margin: 2px 2px 2px 2px;padding: 0px 0px 0px 0px;}
.bijbestellencover table {height: 120px;width: 54px;}
.bijbestellencover td {height: 120px;text-align: center;}

/* css for abo */
.korting { font-size: 0.9em; color:#ffff00; }

/* css for steekkaarten */
#steekkaarten { text-align: center; clear: both; margin: 20px 0px 0px 5px;}
#steekkaarten .steekkaart { clear: none; float: left; width:190px; text-align: center; }

/* css for steekkaarten */
.error { color : #E83038; margin: 10px 0px 10px 0px; }

/* css for lesbrieven */
.lesbrievenTable { width:100%; }
.lesbrievenTable .nummer { width:40%; vertical-align: top; text-align: right; }
.lesbrievenTable .files { vertical-align: top; text-align: left; }

/* css for prikbord */
#formke {text-align:center; width:580;}
#bord {text-align:center; width:580;float:none; clear: left;}
.bericht { align: center; width:500px; background-image: url(backgrounds/punnaise.jpg);background-position: 0px 0px;background-repeat: no-repeat; 
background-color : #FFFFFF; padding: 0px 0px 5px 0px; margin: 10px auto 0px auto; border : 1px solid #999999;}
.bericht .naam { text-align: right; padding: 10px 10px 0px 10px;margin: 0px ; color : #666666;}
.bericht .datum { text-align: right; padding: 0px 10px 0px 10px;margin: 0px ; color : #666666;}
.bericht .message { text-align: left; padding: 10px 10px 25px 10px;margin: 0px ;}
.bericht .reageer { text-align: right;  padding: 10px 10px 0px 10px; color : #999999;margin: 0px ;}
.bericht .editienote { text-align: right; font-size: 0.8em; padding: 0px 10px 10px 10px; color : #999999;margin: 0px ;}
.reactie {width:400px;background-color : #FFFFFF; color : #33cc00; background-image:none; margin: 0px auto 0px auto; background-image: url(backgrounds/punnaise2.jpg);background-position: 0px 0px;background-repeat: repeat-x; border-top : 0px dotted #000000;}


/* menu xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
#menu A { text-decoration: none; color : #000000; }
#menu A:HOVER { text-decoration: underline; }
#menu .nonactief { text-decoration: none; }
#menu .actief { text-decoration: underline; }

/* footer xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
#footer { font-size: 0.7em; padding: 10px 0px 40px 0px; margin: 40px 0px 0px 0px; text-align: center; border-top : 2px dotted #000000; }
#footer A { text-decoration: none; color : #000000; }
#footer A:HOVER { text-decoration: underline; }
#footer .nonactief { text-decoration: none; }
#footer .actief { text-decoration: underline; }

#clearDIV { clear: both; }