/*
 * weerribben css
 *
 * contact: Menja Mollema (info@onsreklame.nl)
 */
 
@media screen
{
/*
 * algemeenheden
 */

html
{
   background-color: #d6d533;
   background-image: url(background-default.png);
   background-repeat: no-repeat;
}

body
{
   margin: 0;
   padding: 0;
   font-family: 'Verdana', Verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   font-stretch: extra-condensed;
}

h1
{
   font-size: 1.8cm;
   text-align:center;
   padding: 1mm;
}

h2
{
   font-family: "ff kosmik", sans-serif;
   font-size: xx-large;
   margin: 0 0 26px;
   padding: 0;
   color: #08568a;
}

h3
{
   color: #0A1F65;
   font-weight:bold;
   text-decoration: none;
   font-size:x-large;
}

h4
{
   margin: 0;
   padding: 0 0 3px 0;
   color: #0A1F65;
}

p
{
   padding: 0;
   margin 10px 0;
}

a 
{
   color: #08568a;
   text-decoration:underline;
}

a:hover
{
   text-decoration: none;
}

img
{
   border: none;
   margin: 1ex;
}


/*
 * titel
 */

#titel
{
   margin: 0;
   padding: 0;
   width: 157px;
   height: 106px;
   float: left;
}

#titel img
{
  margin: 10 0 0 20;
  padding: 0;
}

#titel h1
{
  display: none;
}


/*
 * toplinks
 */

#toplinks
{
   left: 124px;
   top: 0px;
   margin: 0;
   position: absolute;
   padding: 0;
   height: 106px;
   display: block;
}

#toplinks a
{
   position: relative;
   float: left;
   padding: 0;
   margin: 0;
   vertical-align: middle;
   height: 106px;
   width: 80px;
   text-align: center;
}

.separator
{
   position: relative;
   float: left;
   padding: 0;
   margin: 0;
   vertical-align: middle;
   height: 106px;
   width: 40px;
   text-align: center;
}


/*
 * TOPLINKS STAAN TE VER UITEEN!!
 */
#toplinks img
{
  position: relative;
  margin: 0;
  padding: 0;
}


/*
 * navigatie
 */

#navigatie
{
   position: absolute;
   left: 0px;
   top: 106px;
   margin: 0;
   padding: 12px 48px 0 0;
   width: 200px;
}

#navigatie #linkermenu
{
   font-size: 16px;
}

#linkermenu br
{
   line-height: 40px;
}


#linkermenu a
{
   position: relative;
   margin: 0 45px 0 0;
   padding: 0;
/*   padding: 5px 0 0 16px; */
   width: 209px;
   height: 44px;
   display: block;
   text-decoration: none;
   text-transform: uppercase;
/*   background-image: url(images/menu/knop-groen.png); */
   background-repeat: no-repeat;
   color: #7cc7f8;
}

#linkermenu img
{
  margin: 0;
}


#linkermenu .highlight
{
   color: #fef049;
/*   background-image: url(images/menu/knop-rood.png); */
}


#linkermenu a:hover, #linkermenu .current
{
   color: #327b5e;
/*   background-image: url(images/menu/knop_lblauw.png); */
}

/*
 * toptekstje en bottomtekstje zijn gewoon louche truuken om afgeronde hoeken
 * te krijgen...
 */

.toptekstje
{
  width: 208px;
  margin 20px 0 0 0;
  background-image: url(extra-top.gif);
  background-repeat: no-repeat;
  height: 12px;
  display: block;
}

.bottomtekstje
{
  width: 208px;
  margin 0 0 0 0;
  background-image: url(extra-bottom.gif);
  height: 26px;
  display: block;
}


.tekstje
{
  width: 208px;
  margin: 0;
  background-image: url(extra-center.gif);
  background-repeat: repeat-y;
  font-weight: normal;
  font-size: xx-small;
  padding: 0 0 8px;
  display: block;
}

.tekstje a
{
  font-weight: normal;
}

.tekstje p
{
  margin: 0px 20px 8px 17px;
}



/*
 * inhoud 
 */

#inhoud
{
   position: absolute;
   left: 250px;
   top: 122px;
   width: 450px;
   height: 520px;
   display: block;
/*   overflow: auto;  */
}

#inhoud.fullwidth
{
   width: 100%;
}

.nav
{
  text-align: right;
  width: 100%;
  margin: 1mm 0;
}

.nav a, .nav strong
{
  border-right: solid 1px black;
  padding-right: 1mm;
  margin-right: 1mm;
}


/*
 * tabbox voor tabbox waar titel geen link is
 * tabbox2 voor tabbox waar titel wel link is
 *
 * BOE BOE internet explorer BOE BOE!!!
 */

.tabbox, .tabbox2
{
   margin: 0;
}

.tabbox h3, .tabbox2 h3
{
   width: 386px;
   height: 50px;
   color: white;
   padding: 4px 20px 0;
#   padding: 0 20px;
   margin: 0 0 -4px;
   font-size: medium;
   background-image: url(balkje_blauw.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

.tabbox h3:hover, .tabbox2 h3:hover
{
   color: #08568a;
   background-image: url(balkje_wit.gif);
}

.tabbox h3 a, .tabbox2 h3 a
{
   display: block;
   width: 100%;
   height: 100%;
   color: inherit;
   text-decoration: none;
   padding: 0;
   margin: 0;
}


.tbinhoud
{
   padding: 0 20px;
   margin: 0 0 20px 0;
}

.tbinhoud p
{
   margin: 0 0 20px 0;
   padding: 0;
}

.tabbox table
{
   border: none;
   padding: 0;
   width: 100%;
}

.tabbox table.stock
{
   width: 200px;
}

.tabbox table.prijzen
{
   width: 200px;
}

.tabbox tr
{
  margin-left: 0;
  padding: 0;
}

.tabbox td
{
  margin-left: 0;
  padding 0 1ex 0 0;
}

.tabbox img.illthumb
{
   width: 150px;
   float: right;
}

/*
 * Als er images zijn, moet er vermeden worden dat die buiten de
 * tabbox `drijven'.  Vandaar dat er helaas af en toe een hr-hack
 * gebruikt moet worden.
 */
.tabbox hr, .tabbox2 hr 
{
  display: block; 
  clear: right; 
  visibility: hidden;
}

.tabbox img
{
   margin: 0 0 -4px 0;
}


/*
 * keuzelijst
 */
.keuzelijst a:link, .keuzelijst a:visited
{
        color: #0A1F65;
        text-decoration: underline;
}

ul.keuzelijst
{
        list-style-type: none;
        list-style-image: url(dubbelPijl.gif);
}

ul.keuzelijst ul
{
   display: none;
   font-size: smaller;
}

.keuzelijst ul li
{
   display: inline;
   border-right: 1px solid black;
   margin: 0 0 0 2mm;
   padding: 0 1mm 0 0;
}

.keuzelijst ul a 
{
   color: black !important;
        text-decoration:underline !important;
}

.keuzelijst ul a:hover
{
   color: red;
   text-decoration: none;
}
	/*
 * yahoo
 */
#yahoo
{
  margin: 0 0 12px 0;
}
	/*
 * Ineens ook maar de admin-dingen 
 */

.adminpane
{
   font-size: small;
   background-color: #74a290;
   margin: 0px;
   padding: 2mm;
   color: black;
   border: none;
   width: 90%;
}

.adminpane table
{
   width: 100%;
}

.adminpane textarea
{
   width: 100%;
}

.adminpane input
{
       width: 100%;
}

.adminpane input.checkbox
{
   width: auto;
}

.adminpane select
{
   width: 100%;
}

.adminpane .knop
{
   width: 10em;
}

.adminpane h3
{
   color: black;
   font-family: sans-serif;
   font-size: small;
   font-weight: bold;
   width: 100%;
   border-bottom: 1px solid black;
}

.panel
{
   padding: 0 1em 1ex 1em;
        background-color: #b6d0c6;
        border: thin solid #3b7963;
   margin-bottom: 2mm;
}

.label
{
        background-color: #74a290;
        border: none;
}

.wijzigbox a
{
   background-color: #d10a1d;
        color: white;
        text-align:center;
        float: right;
        width: 10em;
        padding: 1ex 0;
        border: 2px solid black;
        text-decoration: none;
}

.wijzigbox a:hover
{
        background-color: black;
}



/* 
 * onderstaande ogenschijnlijk foutieve accolade sluit het stuk
 * `media screen' af.
 */
}

@media print
{
   #toplinks, #linkermenu, #yahoo
   {
      display: none;
   }
}