/* style sheet */
/* darkbrown        #442008 */
/* orange           #ffa518 */
/* dark orange      #e76300 */
/* pink             #e715c7 */
/* dark green       #0b7e16 */
/* cyan             #11a6e0 */
/* dark blue        #072977 */

/* pink             #e2007a */
/* dark pink        #9c0155 */


body { background: #e2007a url(images/bck_1px_snoep.gif) repeat-x top left; font: x-small/12pt Verdana; width:; }

h3   { color: #e76300;
       font-size: large;
       margin-top: 10px; }

h4   { font-size: small;
       font-weight: bold;
       background: url(images/pijl.gif) no-repeat left center;
       padding-left: 20px;
       margin: 4px;
      }

a       { color: #9c0155; }
a:hover { color: #e2007a; }


/* misc */

.text      { padding: 10px; padding-top: 0; }
.inleiding { font-weight: bold; color: #9c0155; }
.item      { width: 225px; height: 175px; display: block; float: left; margin: 2px; }
.item img  { border: 0; }
.item a h4 { color: #000; text-decoration: none; }
a h4 { color: #000; text-decoration: none; }

.small { font-size: 7pt; }

.spacerdiv { clear: both; height: 1px;}

.div   { border: 1px solid red; }

input    { border: 1px solid #e76300; background: #fefefe; color: black; margin-top: 1px; }
textarea { border: 1px solid #e76300; background: #fefefe; color: black; margin-top: 1px; }

/* Bovenkant*/

.menu, .menu a   { color: #442008;
                   font-size: 11px;
                   font-weight: normal;
                   text-decoration: none;
                   background: white; }
.menu a:hover    { text-decoration: underline; color: #e76300; }
.menu a:active   { font-weight: normal; color: #e76300; }
#active          { font-weight: bold; color: #e76300; }


/* Midden*/

.main    { width: 100%;
           height: 500px;
           height: 100%;
          }

.content { width: 940px;
           height: 100%;
          }

.left     { margin-top: 20px;
            width: 212px;
            height: 100%;
            float: left;
           }
.left img { border: 0; }

.midden    { margin-top: 20px;
             margin-left: 10px;
             width: 494px;
             float: left;
            }

.right     { margin-top: 15px;
             margin-left: 10px;
             width: 185px;
             float: left;
            }

.date_news {font-size: 10px;}


.selector            { width: 392px; height: 246px; padding-top: 1px; background: url(images/selector/selector_kader.gif) no-repeat left top; }
.selector img.button { margin:0; margin-left: 1px; }
.question       { text-align: center; border: 0px dotted green; clear: both; padding: 10px; }
.question h4    { color: #e76300; }
.answer         { text-align: center; border: 0px dotted blue; clear: both; padding: 10px;  color: #e76300; font-weight: bold; }
.uwselectie     { text-align: left; padding: 10px; }
.selectie       { text-align: center; padding: 10px; }
.selectie img, .selectie a  { border: 0; width: 100px; height: 100px;}
#activequestion {  }

/* banners*/

.footer   { border: 0px dotted #9c0155; background: #e2007a; color: #9c0155; font-size: 7pt; text-align: center; margin: 5px; padding: 5px; clear: both; }
.footer a, .footer a:link, .footer a:hover, .footer a:active, .footer a:visited { color: #9c0155; text-decoration: none; font-size: 7pt; }

.banner1    { background: url(images/banner01.gif) no-repeat top center;
              width: 185px;
              height: 225px;
              text-align: center;
              font-size: 7pt;
             }

.banner2    { background: url(images/banner02.gif) no-repeat center center;
              width: 185px;
              height: 113px;
              margin-top: 5px;
              color: #e715c7;
              font-size: 7pt;
             }
.banner2 a  {  color: #e715c7; text-decoration: none; font-size: 7pt; }

.banner3     { background: url(images/banner03.gif) no-repeat center center;
               width: 185px;
               height: 113px;
               margin-top: 5px;
               color: #0b7e16;
               font-size: 7pt;
              }
.banner3 a   { color: #0b7e16; text-decoration: none; font-size: 7pt; }

.banner4     { background: url(images/banner04.gif) no-repeat center center;
               width: 185px;
               height: 111px;
               margin-top: 5px;
               color: #11a6e0;
               font-size: 7pt;
              }
.banner4 a   { color: #11a6e0; text-decoration: none; font-size: 7pt; }

/* selector */

.automaatdetails        {float: left; padding: 5px;}
.detailfoto                        {float: left;}


/* end */