body {
font-size                   : small;
background-color            : #E7EFE6;
background-image            : url('../image/bgmain.png');
background-repeat           : repeat-y;
background-attachment       : fixed;
background-position         : center bottom;
color                       : darkgreen;
/*color                       : darkblue;*/
font-family                 : 'Comic Sans MS', 'clean', 'sans-serif';
text-align                  : left;
}

body.left {
font-size                   : small;
background-color            : #E7EFE6;
background-image            : url('../image/bgmain.png');
background-repeat           : repeat-y;
background-attachment       : fixed;
background-position         : center bottom;
color                       : darkgreen;
font-family                 : 'Comic Sans MS', 'clean', 'sans-serif';
text-align                  : left;
}	

body.center {
font-size                   : small;
background-color            : #E7EFE6;
background-image            : url('../image/bgmain.png');
background-repeat           : repeat-y;
background-attachment       : fixed;
background-position         : center bottom;
color                       : darkgreen;
font-family                 : 'Comic Sans MS', 'clean', 'sans-serif';
text-align                  : center;
}

body.border {
background-repeat     : repeat;
background-image      : url('../image/bgtop.jpg');
background-color      : #E7EFE6;
background-position   : left top;
color                 : darkgreen;
font-family           : 'Comic Sans MS', 'clean', 'sans-serif';
text-align            : center;
}


div {
font-size             : small;
/*color                 : red;*/
}

td {
font-size             : x-small;
}

div.hiddentext {
font-size             : x-small;
border                : 1px solid;
}

div.head {
font-weight           : bold;
text-align            : left;
}

div.headdate {
font-size             : small;
text-align            : left;
}


p.blauw {
font-size             : medium;
background-color      : rgb(100,177,255);
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}

p.geel {
font-size             : medium;
font-weight           : bold;
background-color      : #FFFAAA;
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}

p.rood {
font-size             : medium;
background-color      : red;
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}

p.groen {
font-size             : medium;
background-color      : green;
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}

p.paars {
font-size             : medium;
background-color      : #AAAFFF;
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}

p.oranje {
font-size             : medium;
background-color      : orange;
color                 : black;
width                 : 100%
padding-top           : 1px;   /* padding is outside */
padding-bottom        : 1px;
margin-top            : 1px;   /* margin is inside */
margin-bottom         : 1px;
border                : 1px solid black;
text-align            : left;
}


table {
text-align            : left;
width                 : 100%;
}

table.pagemodified {
font-size             : small;
}

table.head {
border                : 1px;
text-align            : right;
}

table.team {
font-size             : small;
}

table.team td.headerleft, table.team td.headerleft {
border                : outset 2px;
text-align            : left;
}

table.team td.tdleft {
border                : outset 2px;
text-align            : left;
font-size             : medium;
}

table.team td.tdright {
text-align            : left;
font-size             : small;
}


td.headdate {
font-size             : small;
width                 : 20%;
text-align            : right;
margin                : 0em;
padding               : 0em;
}

td.headtitle {
margin                : 0em;
padding               : 0em;
border                : outset 2px;
font-weight           : bold;
text-align            : left;
width                 : 80%;
}


table.pagemodified td {
font-weight           : bold;
text-align            : right;
}

table.kalender {
border                : outset 2px;
width                 : 100%;
}


table.kalender td {
border                : inset 2px;
text-align            : left;
}


table.mededelingen {
border                : outset 2px;
width                 : 100%;
}


table.mededelingen td {
border                : inset 2px;
text-align            : left;
}



td.date {
width                 : 10em;
}


td.mededeling {
background-image            : url('../image/greenstar.gif');
background-position         : left top;
text-align                  : left;
cell-width                  : 11%;
}

img {
align        : middle;
}

img.selectpicture {
border            : 6px solid darkgreen;
width             : 200px;
}

img.photo {
border            : 6px solid darkgreen;
}

img.picture {
border            : 6px solid darkgreen;
}

img.icon {
border            : 0px;
}

a:link {
color             : green;
}

a:visited {
color             : darkgreen;
}

a:active, a:hover {
background-color  : #E7EFE6;
color             : #22B7BC;
font-weight       : bold;
}


a.geel:active, a.geel:hover {
background-color  : #FFFAAA;
color             : green;
font-weight       : bold;
}

a.border:link {
color             : green;
}

a.border:visited {
color             : darkgreen;
}

a.border:active, a.border:hover {
background-color   : #E7EFE6;
color              : #22B7BC;
font-weight        : bold;
}

/*
ul {
list-style-image  : url('../image/greenstar.gif');
color             : red;
}
*/

div.section, div.poll {
background-color : #E7EFE6;
color            : darkgreen;
border           : 6px solid #13600E;
padding          : 3px;
margin-left      : 11%;
margin-right     : 9%;
font-size        : small;
}

div.poll {
text-align       : left;
font-size        : x-small;
}


div.tight {
background-color      : #E7EFE6;
/*color                 : darkgreen;*/
margin                : 0em;
padding               : 0em;
text-align            : left;
}

div.bestuursfunctie {
background-color : #E7EFE6;
border           : 6px solid #13600E;
padding          : 3px;
margin-left      : 11%;
margin-right     : 9%;
font-size        : large;
font-weight      : bold;
font-family      : 'Comic Sans MS', 'clean', 'sans-serif';
text-align       : center;
}

div.commissie {
background-color : #E7EFE6;
border           : 6px solid #13600E;
padding          : 3px;
margin-left      : 11%;
margin-right     : 9%;
font-weight      : bold;
font-family      : 'Comic Sans MS', 'clean', 'sans-serif';
text-align       : center;
}


body.bordertop {
background-repeat     : repeat;
background-image      : url('../image/bgtop.jpg');
background-color      : darkgreen;
background-color      : #E7EFE6;
background-position   : left top;
font-family           : 'Comic Sans MS', 'clean', 'sans-serif';
text-align            : left;
}


table.border {
text-align         : left;
padding            : 0em;
margin             : 0em;
}




div.kader {
background-color : #E7EFE6;
border           : 6px solid #13600E;
padding          : 3px;
margin-left      : 11%;
margin-right     : 9%;
font-weight      : bold;
font-family      : 'Comic Sans MS', 'clean', 'sans-serif';
text-align       : left;
}

div.praatje {
background-color : #E7EFE6;
border           : 2px solid #13600E;
padding          : 1px;
font-family      : 'Comic Sans MS', 'clean', 'sans-serif';
font-size        : small;
text-align       : center;
margin-bottom    : 1em;
}


p.name {
font-style             : italic;
font-size              : small;
}

p.date {
font-style             : italic;
font-size              : small;
}


div.pagelink {
border                 : 6px solid;
border-color           : #13600E;
}

