html,body { min-height:100%; }
body,td,input,th { font-family: tahoma, sans-serif normal;font-size:12px;color: #270059;margin:0px;}
body { background-image: url(../../gfx/restyle/background.gif);background-repeat: repeat-x;background-color: #FFDE78;text-align:center;}
.sitecontainer {margin-left: auto;margin-right: auto;width:775px;text-align: left; background-image: url(../../gfx/restyle/2column_back.gif);height:100%;background-repeat:repeat-y;}
.siteInfoContainer {margin-left: auto;margin-right: auto;width:775px;text-align: left; background-image: url(../../gfx/restyle/1column_back.gif);height:100%;background-repeat:repeat-y;}

.left { float: left; }
.center { text-align: center;}

.right { float: right; }

.header {  background-image: url(../../gfx/restyle/logo.gif); background-repeat: no-repeat; height:70px; }
.header.opendag { background-image: url(../../gfx/restyle/logo_opendag.gif); }
.header a {
 display:block;
 height:70px;
 text-decoration:none;
 margin:0 90px;
}

a { color:black; }
a.locked { background-image: url(../../gfx/restyle/icon_slot.jpg);background-repeat: no-repeat;background-position: center left;padding-left: 25px;font-size:  150%;font-weight: bold;text-decoration: none;color:black;}
li a   { text-decoration: none;color:black; }
li a:hover { border-bottom:1px dotted black;}

h1 { font-size: 150%; font-weight: bold; margin:0 0 0 0;}
h1 a { text-decoration: none;color: #270059;}
h2 { font-size: 125%; font-weight:bold;margin:0 0 0 0;}

.google_skyscraper {
 /*border:1px solid red;*/
height:600px;
width:120px;
float:left;
margin-top:10px;
margin-left:-130px;
}
.adsense_banner {
  text-align: center;
  margin:10px;
}


.topmenu {background-image: url(../../gfx/restyle/menu_mid_blue.gif); width:100%; height:37px; }
.topmenu ul { padding:5px 0px 0px 0px; margin:0px; }
.topmenu li { height: 26px; background-repeat: no-repeat; list-style-type: none; float:left; }
.topmenu li p { display:none; }
.topmenu li a { display:block; width:100%; height:26px; }
.topmenu li#over { background-image: url(../../gfx/restyle/menu_over.gif); width:168px;}
.topmenu li#mSpeltakken { background-image: url(../../gfx/restyle/menu_speltakken.gif);width:142px; }
.topmenu li#fotoalbum { background-image: url(../../gfx/restyle/menu_fotoalbum.gif);width:129px; }
.topmenu li#speelhoek { background-image: url(../../gfx/restyle/menu_speelhoek.gif);width:136px; }
.topmenu li#gastenboek { background-image: url(../../gfx/restyle/menu_gastenboek.gif);width:136px; }
.topmenu li#nieuws { background-image: url(../../gfx/restyle/menu_nieuws.gif);width:87px; }
.topmenu li#agenda { background-image: url(../../gfx/menu_agenda.gif);width:100px; }
.topmenu li#contact { background-image: url(../../gfx/restyle/menu_contact.gif);width:100px; }

.content {
  background-color: transparent !important;
  border:none !important;
}

.content .maincontent {width:383px}
*> .content .maincontent { width:377px;padding-left:199px;padding-right:199px;background-repeat:repeat-y;background-image: url(../../gfx/restyle/2column_back.gif); }
.content .infoContent { width:574px; }
*> .content .infoContent { width:570px;padding-left:199px;background-repeat:repeat-y;background-image: url(../../gfx/restyle/1column_back.gif); }

.content h1 { font-size: 150%; font: bold; margin:0px;}
.content p { margin-top:3px;}

.content p.summary {font-weight: bold;}
.content div.side { width:186px;padding-left:7px;}

.speltakken { padding-left:3px;width:190px;}
.speltakken h1 { font-size: 150%; font: bold; margin:0px;}
.speltakken p { padding:0px; width:100%; margin:0px; margin-bottom:3px; }
.speltakken ul { margin:0px;padding:0px;color:black;}
.speltakken ul li { margin-top:1px;list-style: none;font-weight: bold;}
.speltakken ul li ul li {background-image: url(../../gfx/restyle/list_yellow.jpg);background-repeat: no-repeat;background-position: center left;font-weight: normal;text-indent:12px;}

.foto img { margin-top:10px; width:177px; border:1px solid black; }

.artikelen,
.oproep,
.agenda {height:120px;overflow: hidden;padding-left:3px;}
.agenda h1 { font-size: 150%; font-weight: bold; margin:0 0 0 0;}
.agenda p { padding:0px; width:100%; margin:0px; margin-bottom:3px; }
.agenda ul { margin:0px;padding:0px;color:black;}
.agenda ul li { margin-top:6px;list-style: none;font-weight: bold;}
.agenda ul li ul li {background-image: url(../../gfx/restyle/list_red.jpg);background-repeat: no-repeat;background-position:0 4px;font-weight: normal;text-indent:10px;margin:0 0 0 1px;}
.agenda ul li ul li.verhuur {background-image: url(../../gfx/restyle/list_blue.jpg);}
.agenda ul li ul li.speltakactiviteit {background-image: url(../../gfx/restyle/list_purple.jpg);}
.agenda ul li ul li.schoonmaak  {background-image: url(../../gfx/restyle/list_lightyellow.jpg);}
.agenda ul li ul li.groepsactiviteit {background-image: url(../../gfx/restyle/list_green.jpg);}

.artikelen h1 { font-size: 150%; font: bold; margin:0px;}
.artikelen p { padding:0px; width:100%; margin:0px; margin-bottom:3px; }
.artikelen ul { margin:0px;padding:0px;color:black;}
.artikelen ul li {list-style: none;background-image: url(../../gfx/restyle/list_yellow.jpg);background-repeat: no-repeat;background-position: center left;font-weight: normal;text-indent:12px;}
.artikelen ul li.co_album { background-image: url(../../gfx/restyle/list_lightgreen.jpg); }
.artikelen ul li.co_nieuws { background-image: url(../../gfx/restyle/list_lightblue.jpg); }

.impeesanet h1 { font-size: 150%; font: bold; margin:0px;}
.impeesanet input {width:102px;border:1px solid black;background-color:#FFDE78;margin-bottom:2px;}
.impeesanet input.button {width:75px;}
.impeesanet a {color:black;}
.impeesanet ul { margin:0px;padding:0px;color:black;}
.impeesanet ul li {list-style: none;background-image: url(../../gfx/restyle/list_yellow.jpg);background-repeat: no-repeat;background-position: center left;font-weight: normal;text-indent:12px;}
.impeesanet ul li.logout {background-image: url(../../gfx/restyle/list_red.jpg);}

.poll { padding-left:3px;margin-bottom:2px;}
.poll h1 { font-size: 150%; font: bold; margin:0px;}
.poll a { color:#270059;text-decoration: none;}
.poll p { padding:0px; width:100%; margin:0px; margin-bottom:3px; }
.poll form { margin:0px;}
.poll #vraag { font-size:110%; margin:2px 0px;}
.poll form .optie {display:block;}
.poll form .optie input { margin-right:3px; }
.poll form .button {width:50px; display:block; text-align: center; border:1px solid #FE8E80;}
.poll .optie div {  background-color: #FE8E80;  border:1px solid #E78071;  height:5px;}

.submenu { padding-left:3px;width:190px;}
.submenu a{ font-weight: normal; text-decoration: none;}
.submenu h1 { font-size: 150%; font-weight: bold; margin:0px;margin-bottom:3px;}
.submenu h2 { font-size: 150%; margin:0px;margin-bottom:3px;}

.submenu p { padding:0px; width:100%; margin:0px; margin-bottom:3px; }
.submenu ul { margin:0px;padding:0px;color:black;}
.submenu ul li { background-image: url(../../gfx/restyle/list_yellow.jpg);background-repeat: no-repeat;background-position:0 4px;font-weight: normal;padding-left:12px;margin-top:1px;list-style: none;font-weight: bold;}
.submenu ul li ul li {;background-image: url(../../gfx/restyle/list_lightyellow.jpg);}

.content #agenda.overview ul { margin:0px;padding:0px;color:black;}
.content #agenda.overview ul li {margin-top:6px;list-style: none;font-weight: bold;}
.content #agenda.overview ul.head {height:27px;margin:0px;}
.content #agenda.overview ul.head a { border:1px solid black;  padding:5px 0 5px 0;  margin:0px;  display:block;}
.content #agenda.overview ul.head a:hover { text-decoration: none; background-color: #FFD34C;}
.content #agenda.overview ul.head li {font-weight:normal;list-style: none;  background-color: #FFD966; text-align: center;margin:0 0 -1px -1px;width:93px; float:left;white-space: nowrap; font-size: 90%; }
.content #agenda.overview ul.head li.active {background-color: #FFCC00;}
.content #agenda.overview ul li ul li {background-image: url(../../gfx/restyle/list_red.jpg);background-repeat: no-repeat;background-position:0 4px;font-weight: normal;text-indent:10px;margin:0 0 0 1px;}
.content #agenda.overview ul li ul li small { display:block;padding-left:45px;text-indent:0px;}
.content #agenda.overview ul li ul li.verhuur {background-image: url(../../gfx/restyle/list_blue.jpg);}
.content #agenda.overview ul li ul li.agenda {background-image: url(../../gfx/restyle/list_blue.jpg);}
.content #agenda.overview ul li ul li.speltakactiviteit {background-image: url(../../gfx/restyle/list_purple.jpg);}
.content #agenda.overview ul li ul li.schoonmaak  {background-image: url(../../gfx/restyle/list_lightyellow.jpg);}
.content #agenda.overview ul li ul li.groepsactiviteit {background-image: url(../../gfx/restyle/list_green.jpg);}


#photogallary {}
#photogallary a:hover { border: none;}
#photogallary li:hover{background-color: #FFD34C;}
#photogallary h3 { font-size:75%;margin:0px;height:2.5em;}
#photogallary ul { margin:0px;padding:0px;color:black;height:410px;}
#photogallary ul li {list-style: none; width:160px;height:123px;  float:left; border:1px solid black;background-color:#FFD966;margin:3px;padding:2px;overflow:hidden;}
#photogallary li img {margin:0 25px;height:80px;width:106px;border:1px solid black;}
#photogallary #thumbs { margin-left:32px;margin-bottom:10px;height:310px;}
#photogallary .body { display:block;padding:2px;height: auto;width:502px;margin-left:32px;border:1px solid black;background-color:#FFD966;margin-bottom:2px;}

#photogallary .pages a { text-decoration: none;font-weight: bold;}
#photogallary .pages a:hover { text-decoration: underline; }

#photogallary .thumb {display:block;width: 102px;height:78px;float:left;}
#photogallary .thumb img { border:1px solid black; opacity:0.5;}
#photogallary .thumb img:hover { opacity:1;width:98px;}
#photogallary th { border:1px solid black;padding:2px;text-align: left;}
#photogallary table {margin-left:3px;width:509px;border-collapse: collapse;background-color:#FFD966;}
#photogallary table td { padding:2px;border:1px solid black;}
#photogallary table td a {text-decoration: none;}
#photogallary table td a:hover {text-decoration: underline;}
#photogallary .selected { background-color:#FFD34C;}


.reactie .body {
  padding:0px 4px;
  border:1px dotted black;
  background-color:#FFD966;
  margin-left:32px;
}

.reactie .footnote {
  border:1px dotted black;
  border-top:0px;
  padding:0px 0px 0px 3px;
  margin:0px 0px 4px 32px;
  background-color:#FFD966;
}

div.relevant_photos {
    background-color:#ffdb63;
    border:1px solid #21005a;
    margin:20px 3px 3px 3px;
    padding:2px 2px 4px 2px;
    width:200px;
    float:right;
}
div.relevant_photos h5 {
    margin:0px;
    padding:0 0 0 10px;
    font-weight: bold;
    font-size:12px;
}

div.relevant_photos ul { margin:0px;padding:0px;color:black;}
div.relevant_photos ul li {list-style: none;background: url(../../gfx/restyle/list_lightgreen.jpg) 0 4px no-repeat;font-weight: normal;text-indent:10px;margin:0 0 0 1px;}

/*  styles for the unit rater     */
#ratingblock {display:block;}
#ratingblock p {margin:0px;}

#ratingblock .loading {height: 30px;background: url('../../include/ajaxstarrater/images/working.gif') 50% 50% no-repeat;}
#ratingblock .unit-rating {list-style:none;margin:3px 0 0 0;padding:0px;height:30px;position: relative;background: url('../../include/ajaxstarrater/images/starrating.gif') top left repeat-x;width:auto;text-align:left;}
#ratingblock .unit-rating li{text-indent: -90000px;padding:0px;margin:0px;height:auto;border:none;float:left;width:auto;background:none;overflow:visible;}
#ratingblock .unit-rating li a {outline: none;display:block;width:30px;height:30px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
#ratingblock .unit-rating li a:hover{background: url('../../include/ajaxstarrater/images/starrating.gif') left center;z-index: 2;left: 0px;}

#ratingblock .unit-rating a.r1-unit{left: 0px;}
#ratingblock .unit-rating a.r1-unit:hover{width:30px;}
#ratingblock .unit-rating a.r2-unit{left:30px;}
#ratingblock .unit-rating a.r2-unit:hover{width: 60px;}
#ratingblock .unit-rating a.r3-unit{left: 60px;}
#ratingblock .unit-rating a.r3-unit:hover{width: 90px;}
#ratingblock .unit-rating a.r4-unit{left: 90px;}
#ratingblock .unit-rating a.r4-unit:hover{width: 120px;}
#ratingblock .unit-rating a.r5-unit{left: 120px;}
#ratingblock .unit-rating a.r5-unit:hover{width: 150px;}
#ratingblock .unit-rating a.r6-unit{left: 150px;}
#ratingblock .unit-rating a.r6-unit:hover{width: 180px;}
#ratingblock .unit-rating a.r7-unit{left: 180px;}
#ratingblock .unit-rating a.r7-unit:hover{width: 210px;}
#ratingblock .unit-rating a.r8-unit{left: 210px;}
#ratingblock .unit-rating a.r8-unit:hover{width: 240px;}
#ratingblock .unit-rating a.r9-unit{left: 240px;}
#ratingblock .unit-rating a.r9-unit:hover{width: 270px;}
#ratingblock .unit-rating a.r10-unit{left: 270px;}
#ratingblock .unit-rating a.r10-unit:hover{width: 300px;}

#ratingblock .unit-rating li.current-rating {background: url('../../include/ajaxstarrater/images/starrating.gif') left bottom;position: absolute;height: 30px;display: block;text-indent: -9000px;z-index: 1;}

#ratingblock .voted {color:#999;}
#ratingblock .thanks {color:#36AA3D;}
#ratingblock .static {color:#5D3126;}


#opendag {
    background-image: url(../../gfx/opendag.gif);
    width:208px;
    height:84px;
    margin-left:470px;
    margin-top:-30px;
    position:absolute;
}

#opendag a {display:block;height:60px;margin-top:20px;text-decoration:none;}


* html #opendag {
  margin-left:273px;
}