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

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

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

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

a       { color: #e76300; }
a:hover { color: #442008; }


ul.sitemap    , .automaatdetails ul    { list-style-image: url(images/smallarrow_bullet.gif);  height: auto;}
ul.sitemap li , .automaatdetails ul li { height: auto; margin: 1em 1em 1em 1em ;}

/* misc */

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

.bron 	{ font-size: xx-small; font-style: italic; margin: .5em 0 1em 1em; display: block;}

.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: x-small;
					margin: auto;
                   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; }
.menu hr         { size: 1px; color: #442008; }


/* Midden*/

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

.content { width: 919px;
           height: 100%;
		   margin: auto;
          }

.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(./selector/images/selector_kader.gif) no-repeat left top; }
.selector img.button { margin:0; margin-left: 0px; }
.question            { text-align: center; border: 0px dotted green; clear: both; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; }
.question h2         { color: #e76300; }
.answer              { text-align: left; border: 0px dotted blue; clear: both; padding-left: 10px; color: #e76300; font-weight: bold; }
.uwselectie          { text-align: left; padding: 10px; }
.uwselectie h2       { text-align: left; }
.uwselectie p        { margin: 0; height:2em; text-align: left; }
.selectie            { text-align: center; padding: 10px; }
.selectie img, .selectie a  { border: 0; width: 100px; height: 100px;}
#activequestion      {  }
#selectieresult div  { float: left; display: inline; margin-left: 10px; }
#selectieresult img  { width: 75px; height: 75px; }

/* banners*/

.footer   { border: 0px dotted #e76300; background: #ffa518; color: #e76300; 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: #e76300; 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: 115px;
              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: 115px;
               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: 115px;
               margin-top: 5px;
               color: #11a6e0;
               font-size: 7pt;
              }
.banner4 a   { color: #11a6e0; text-decoration: none; font-size: 7pt; }

/* selector */

.automaatdetails        { float: left; padding: 5px;}
.automaatdetails h2     { display: inline; }
.automaatdetails ul     { list-style-image: url(./images/smallarrow_bullet.gif);
                          margin: 0px;
                          width: 240px;
                          border: 0px solid orange;
                         }
.detailfoto             { margin-right: 10px;}
.bestellenbij           { width: auto;
                          display: block;
                          clear: both;
                          height: 100px;
                          border: 1px solid orange;
                          padding: 0.5em;
                          margin-top: 2em;
                         }
.onlinebestelling       { width: auto;                          
                          display: block;
                          clear: both;
                          height: 260px;
                          border: 1px solid orange;
                          padding: 0.5em;
                          margin-top: 2em;
                         }


/* end */