/*
   Stichting Klein Galgenwaard
   Main stylesheet
   16-04-2008 i-Aspect B.V.
   door: Rutger Laurman
*/

/* basis tags */
html{ background:url(../images/bg.gif) repeat-x top; }
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
   h1, h2#title{ margin:0px; margin-top:5px; padding:0px; height:29px; width:552px; background:url(../images/dots.gif) repeat-x bottom; color:#1c3f94; font-size:16px; }
   h2{ height:20px; margin:0px; margin-top:10px; padding:0px; font-size:14px; }
   h4{ margin:0px; }
   p{ line-height:16px; }
   div.hr { border:0px; padding:0px; margin:0px; background:url(../images/dots.gif) repeat-x bottom; height:2px; clear:both; }
      div.hr hr { display: none; }
   a { border-bottom:1px dotted #d52013; color:#d52013; text-decoration:none; }
   a.normal{ border:none; }
   .hide{ display:none; }

/* pagina indeling */
   div#container{ width:949px; margin:auto; position:relative; }
      div#header{ height:243px; padding-top:16px; background:url(../images/bg_header.gif) no-repeat 53px 59px; }
         div#header div.logo{ width:271px; height:204px; float:left; }
         div#header div.headercontent{ float:left; padding-top:68px; padding-left:21px; }
            div#header div.headercontent img.slogan{ padding-top:35px; padding-left:120px; float:left; }
            div#header span#sportsholder{ height:115px; width:270px; display:block; overflow:hidden; float:left; }
               div#header span#sportsholder img{ padding-right:20px; }

               
   /* pagina inhoud */
      div#content{ margin-left:53px; padding-left:16px; padding-right:9px; overflow:hidden; background:url(../images/bg_content.gif) repeat-y right #ffffff; }

      /* linker kolom */
         div#content div.leftcolumn{ width:552px; float:left; }
				div#content div.leftcolumn .poster { border: 2px solid #1c3f94; }
            ul.laatsteNieuws{ list-style:none; margin:0px; padding:0px; }
               ul.laatsteNieuws li{ margin:0px; overflow:hidden; padding:8px; background:url(../images/bg_laatstenieuws.gif) repeat-x bottom; }
                  ul.laatsteNieuws li small{ color:#ee3224; }
                  ul.laatsteNieuws li p{ margin-top:0px; padding:0px; overflow:hidden; line-height:150%; }
                     ul.laatsteNieuws li p img{ border:1px solid #d6d6d7; padding:2px; margin-left:10px; }
                     ul.laatsteNieuws li p span.left{ float:left; margin-right:10px; margin-left:0; }
                     ul.laatsteNieuws li p span.right{ float:right; margin-left:10px; }

                  ul.laatsteNieuws li a.btn_leesverder{ width:106px; height:18px; display:block; background:url(../images/btn_leesverder.gif) no-repeat left; border:none; }
                     a.btn_bekijkarchief{ width:120px; height:20px; display:block; margin:10px; float:right; background:url(../images/btn_bekijkarchief.jpg) no-repeat left; border:none; }
                  ul.laatsteNieuws li.frontpage strong{ font-weight:normal; }

                  ul.laatsteNieuws li.activiteitenagenda p{ margin:0 inherit; padding:0; }

                  /* fix voor dubbele geneste P tags */
                  ul.laatsteNieuws li.frontpage p{ margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
                  ul.laatsteNieuws li.frontpage p p{  }

            /* intro van home content pagina */
            p#introtekst{ padding:10px 20px 10px 10px; margin-bottom:3px; margin-right:10px; font-size:110%; border:1px solid #ccc; line-height:1.3em; background-color:#efefef; }
               a.btn_leesmeerorganisatie{ width:285px; height:18px; margin:5px 10px 0 0; display:block; background:url(../images/btn_leesmeerorganisatie.gif) no-repeat left; float:right; border:none; }

            div#intro{padding-bottom:15px;}

            /* medewerkers submenu*/
            ul.clean{ list-style:none; margin:0; padding:0; }
               ul.blocks ul.clean li{ background:none; height:20px; }
               ul.blocks ul.clean li a { border-bottom:1px dotted #d52013; color:#d52013; text-decoration:none; }

            /* content pagina */
               div.contentblock{ padding:8px; }
                  div.contentblock img{ padding:2px; border:1px solid #d6d6d7; margin:5px; }
                  p img.left{ float:left; }
                  p img.right{ float:right; }
                  div.contentblock p{ padding-right:10px; line-height:150%; }
                  a.btn_terugoverzicht{ width:169px; height:20px; margin:5px; display:block; background:url(../images/btn_terugoverzicht.gif) no-repeat left; float:right; border:none; }

               /* nieuws detail pagina */
                  strong.nieuwsdatum{ color:#ee3224; padding-left:15px; }

               /* tabel in content block */
                  div.contentblock table{ border:1px solid #ccc; line-height:1.3em; border-collapse:collapse; background-color:#efefef; width:90%; margin-bottom:2em; }
                     div.contentblock th, div.contentblock td{ padding:0.5em 1em; border-bottom:1px solid #ccc; }
                     div.contentblock th{ text-align:right; width:30%; padding-right:0.6em; vertical-align:top; }
                     div.contentblock td{ text-align:left; width:70%; padding-left:0.5em; background-color:#fff; }
                     
            /* cruyff court strip */
               a#cruyffcourtStrip{ display:block; margin:50px 0 0 5px; border:0; width:535px; height:186px; background:url(../images/btn_cruyffcourt_strip.gif) no-repeat left top; }
                  a#cruyffcourtStrip strong{ display:none; }
               
      /* rechter kolom */
         div#content div.rightcolumn{ width:317px; float:left; }
            ul.blocks{ list-style:none; margin:0px; margin-left:1px; padding:0px; }
               ul.blocks li{ margin:0px; margin-left:2px; padding:0px 0px 10px 10px; background:url(../images/dots.gif) repeat-x left bottom; }
               ul.blocks li a{ border:none; }
               ul.blocks li h3{ height:23px; margin:0px; margin-top:10px; padding:0px; color:#1c3f94; }
               ul.blocks li div h3{ margin:0; padding:0; }
               div#agendablock{ width:306px; min-height:171px; background:url(../images/block_agenda.jpg) no-repeat bottom; margin-bottom:10px; background-color:#2d55b5; }
                  div#agendablock h3{ background:url(../images/kop-activiteitenagenda.gif) no-repeat top left; width:306px; height:40px; text-indent:-5000px; }
                     div#agendablock ul{ list-style:none; background-color:none; padding:0px 0px 0px 22px; margin:0px; }
                        div#agendablock ul li{ background:none; padding:0px; margin:0px; color:#fff; }
                           div#agendablock ul li a{ color:#fff; text-decoration:none; display:block; padding:5px; padding-left:0px; }
                              div#agendablock ul li a:hover{ text-decoration:underline; }
                     div#agendablock a.button{ background:url(../images/btn_bekijkagenda.gif) no-repeat top left; width:306px; height:32px; text-indent:-5000px; display:block; }
                  div#vriendenblock{ width:306px; min-height:171px; background:url(../images/block_vrienden.jpg) no-repeat top; background-color:#d72113; }
                     div#vriendenblock p{ padding:0px 0px 0px 22px; margin:10px 0; line-height:16px; color:#fff; }
                     div#vriendenblock h3{ background:url(../images/kop-vriendenvan.gif) no-repeat top left; width:306px; height:40px; text-indent:-5000px; }
                     div#vriendenblock a.button{ background:url(../images/btn_wordtvriend.gif) no-repeat top left; width:306px; height:32px; text-indent:-5000px; display:block; }
  

                     div#nieuwsbrief{ width:306px; min-height:127px; background:#e8e8e8 url(../images/block_projecten.jpg) no-repeat top right; margin-bottom: 10px;}
                     div#nieuwsbrief input{ margin: 0 10px 10px 10px; padding: 5px; width: 263px; border: 1px solid #d7d7d8;color:#595959;}
                     div#nieuwsbrief h3{ background:url(../images/kop-nieuwsbrief.gif) no-repeat top left; width:306px; height:40px; text-indent:-5000px; }
                     div#nieuwsbrief button{ background:url(../images/btn_nieuwsbrief.gif) no-repeat top left; width:306px; height:32px; text-indent:-5000px; display:block; cursor:pointer; }
                     
                     div#nieuwsbrief p#response {padding: 0;padding-left:15px;padding-bottom:5px; margin:0;}
  

  div#projectenblock {
   width:306px;
   min-height:100px;
   background:url(../images/block_projecten.jpg) no-repeat top;
   margin-bottom:10px;
   margin-top: 10px;
   background-color:#e8e8e8;
   }
                  
      div#projectenblock h3{
         background:url(../images/kop-projecten.gif) no-repeat top left;
         width:306px;
         height:40px;
         text-indent:-5000px;
      }
          div#projectenblock ul{
             list-style:none;
             background-color:none;
             padding:0px 0px 0px 22px;
             margin:0px;
          }
            div#projectenblock ul li{
               background:none;
               padding:0px;
               margin:0px;
               color:#fff;
            }
               div#projectenblock li a{
                  color:#595959;
                  text-decoration:none;
                  font-style: normal;
                  font-weight: bold;
                  display:block;
                  padding:5px;
                  padding-left:0px;
               }
                  div#projectenblock ul li a:hover{ text-decoration:underline; }
                     
                     div#projectenblock a.button{ background:url(../images/btn_bekijkprojecten.gif) no-repeat top left; width:306px; height:32px; text-indent:-5000px; display:block; padding-bottom: 20px;}
     
     /* nieuwsberichten op nieuws pagina */
            ul.blocks ul.nieuwsberichten{ margin:0px; padding:0px; padding-left:10px; list-style:none; }
               ul.blocks ul.nieuwsberichten li{ padding:0px; margin:0px; background:none; }
                  ul.blocks ul.nieuwsberichten li h4{ margin-top:5px; margin-bottom:5px; font-size:12px; }
                  ul.blocks ul.nieuwsberichten li p{ margin-top:0px; }
                  ul.blocks ul.nieuwsberichten li small{ color:#d52013; }
                  ul.blocks ul.nieuwsberichten li a{ display:block; text-align:right; padding-right:20px; }
                  ul.blocks ul.nieuwsberichten li.maand a{ text-align:left; padding-left:20px; }

      /* sponsors op de sponsor pagina */
         ul.sponsors{ margin:0px; padding:0px; list-style:none; }
            ul.sponsors li{ float:left; padding:10px 20px; width:200px; margin:3px; }
            ul.sponsors li.wide{ padding-left:150px; }
            ul.sponsors li img{ border:3px solid #bb160a !important; }

/* footer */
   div#footer{ width:100%; background:url(../images/bg_footer.gif) repeat-x; height:31px; padding-top:25px; }
      div#footer div{ width:850px; overflow:hidden; padding-left:73px; margin:auto; }
      div#footer span{ float:left; color:#fff; padding:4px; }
         div#footer span a{ color:#fff; text-decoration:none; border:none; }
      div#footer ul{ float:right; margin:0px; padding:0px; list-style:none; }
         div#footer ul li{ margin:0px; padding:4px; float:left; color:#fff; border-right:1px solid #d22315; border-left:1px solid #a31106; }
            div#footer ul li.first{ border-left:0px; }
            div#footer ul li.last{ border-right:0px; }
            div#footer ul li a{ color:#ffffff; text-decoration:none; background:url(../images/bg_footerlink.gif) bottom repeat-x; }

/* contact formulieren */
   div.formblock{ background:url(../images/dots.gif) repeat-x left top; padding:40px 0px 10px 10px; overflow:hidden; }
   form{ padding:0; margin:0; }
   fieldset{ border:0; }
   form fieldset p strong{ float:left; font-weight:normal; font-style:italic; width:248px; display:block; }
   form fieldset p{ clear:both; padding:5px 0; }
   label{ display:block; float:none; font-weight:bold; padding:0.1em 0.3em; }
   label.errorMessage{ float:left; color:#d72113; padding:0.4em; }

   input, textarea{ float:left; border:1px solid #d7d7d8; -moz-border-radius:2px; margin:1px; padding:0.6em 0.7em; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; width:350px; }
      input.errorMessage, textarea.errorMessage{ border-color:#d72113; border-width:2px; margin:0; }
   textarea{ height:150px; }
      input#postalcode{ width:70px;}
      input#city{ margin-left:20px; width:240px; }
   em.verplicht{ color:#d82619; }
   button{ background:none; border:0; padding:0; margin:0; }
   button#versturen{ width:119px; height:32px; background:url(../images/btn_versturen.gif) no-repeat top left; cursor:pointer; text-indent:-5000px; float:left; }
      button:hover#versturen{ background-image:url(../images/btn_versturen-on.gif); }
      button:active#versturen{ background-image:url(../images/btn_versturen.gif); }

   span#singleErrorMessage{ display:block; clear:both; color:#d82619; font-weight:bold; }

   span#homepage-image{
      float:right;
      text-align:center;
      margin-left:10px;
      font-weight:bold;
   }
   .donaties{
      position:absolute;
      top:0px;
      right:0px;
   }
      .donaties a{
         background:url(../images/btn_donaties.gif) no-repeat top left;
         width:181px;
         height:33px !important;
         display:block;
         text-indent:-5000px;
         border:0;
      }
         .donaties a:hover{ background-position:left -33px; }

/* enquete */
#enquete {
   background-color:#efefef; 
   margin-bottom : 10px;
}
   #enquete h3{
      padding: 8px;
   }
   
   #enquete #enqueteResponse {
      display:none;
   }
   
   #enquete #enqueteResponse.active{
      display:block;
   }
   
   #enquete legend { 
      display: none; 
   }
   
   #enquete .messages {
      color: red;
      margin: 0 0 4px 4px;
   }
   
   #enquete input {
      border: 1px solid #D7D7D8;
      color: #595959;
      margin: 0 2px 10px;
      padding: 5px;
      width: 267px;
   }
   #enquete select {
      border: 1px solid #D7D7D8;
      color: #595959;
      margin: 0 2px 10px;
      padding: 5px;
      width: 280px;
   }
   #enquete button {
      background-color: #FF0000;
      cursor: pointer;
      display: block;
      height: 32px;
      color: #FFF;
      padding: 4px;
      float: right;
      margin-right: 3px;
   }
   
   #enquete #question4d {
      display: none; 
   }
   
   #enquete #question4d.active {
      display: block; 
   }

/* enquete */
#enquete {
   background-color:#efefef;
   margin-bottom : 10px;
}
   #enquete h3{
      padding: 8px;
   }

   #enquete #enqueteResponse {
      display:none;
   }

   #enquete #enqueteResponse.active{
      display:block;
   }

   #enquete legend {
      display: none;
   }

  #enquete .messages {
      color: red;
      margin: 0 0 4px 4px;
   }
  
   #enquete input {
      border: 1px solid #D7D7D8;
      color: #595959;
      margin: 0 2px 10px;
      padding: 5px;
      width: 267px;
   }
   #enquete select {
      border: 1px solid #D7D7D8;
      color: #595959;
      margin: 0 2px 10px;
      padding: 5px;
      width: 280px;
   }
   #enquete button {
      background-color: #FF0000;
      cursor: pointer;
      display: block;
      height: 32px;
      color: #FFF;
      padding: 4px;
      float: right;
      margin-right: 3px;
   }

   #enquete #question4d {
      display: none;
   }
  
   #enquete #question4d.active {
      display: block;
   }