/* ---------------------------------------- */
/*                 Margins                  */
/* ---------------------------------------- */

/*
margin 0       = all
margin 0 0     = top/botton left-right
margin 0 0 0 0 = up right down left
*/


/* ---------------------------------------- */
/*                 BODY                     */
/* ---------------------------------------- */


BODY
{  margin              : 8px;

   font-family         : verdana, arial, helvetica, sans-serif;
   font-size           : 12px;
   color               : black;

   /* background         : url("/geer/images/bground/bg.gif"); */

   /* background-image    : url("/geer/images/bground/collage.jpg"); */
   background-color    : rgb(244,244,244);

   background-repeat     :  repeat;
   background-attachment :  fixed;
}


/* ---------------------------------------- */
/*                DIV - General             */
/* ---------------------------------------- */


div.style-center
{  text-align      : center;
}


div.style-right
{  text-align      : right;
}


div.style-justify
{  text-align      : justify;
}


div.style-overflow-vertical-scroll
{  overflow-x      : scroll;
   width           : 100%;
}


/* ---------------------------------------- */
/*                Text - General            */
/* ---------------------------------------- */


.text-color-black
{  color           : black;
}


.text-color-blue
{  color           : blue;
}


.text-color-yellow
{  color           : yellow;
}


.text-color-red
{  color           : red;
}


.text-color-white
{  color           : white;
}


.text-color-gray
{  color           : gray;
}


.text-color-lgreen
{  color           : #90EE90; /* lightgreen */
}


.text-color-cyan
{  color           : #00FFFF; /* cyan */
}


.text-color-purple
{  color           : #CC99CC;
}


.text-size-10
{  font-size       : 10px;
}


.text-size-11
{  font-size       : 11px;
}


.text-size-12
{  font-size       : 12px;
}


.text-size-14
{  font-size       : 14px;
}


.text-size-16
{  font-size       : 16px;
}


.text-size-18
{  font-size       : 18px;
}

/* ---------------------------------------- */


.text-warningavailability
{
	 color           : blue;

   font-size       : 14px;
   font-weight     : bold;
}


.text-artikelcategorie
{  color           : white;

   font-size       : 20px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : center;

   padding         : 8px 0;
   margin          : 0px 0 20px 0;

   width           : 746px;

   background-color: #de0000;

   border-radius   : 10px;

   border          : 2px solid #000;

   display         : block;

   overflow : hidden;
}


.text-artikelsubcategorie
{  color           : black;

   font-size       : 18px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : center;

   padding         : 6px 0;
   margin          : 50px 0 30px 0;

   width           : 746px;

   background-color: #ffffaa;

   border          : 2px solid #000;

   display         : block;

   overflow : hidden;
}


.text-no-order
{  color           : black;

   font-size       : 14px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : left;

   padding         : 6px 10px;
   margin          : 20px 0 30px 0;

   width           : 726px;

   background-color: #ffffaa;

   border          : 1px solid #000;

   display         : block;

   overflow        : hidden;
}


.text-shopartikel
{  width           : 730px;

   text-align      : center;

   padding         : 10px;
   margin          : 0px 0 20px 0;

   background-color: #ffffaa;

   border          : 1px solid #000;

   /* display         : block; */
   clear           : both;

   overflow        : hidden;   /* nodig voor FF; boxoprekken */
}


.text-shopartikel-left
{  width           : 390px;

   padding         : 8px 0;
   margin          : 10px 0 10px 0;

   font-size       : 12px;
   font-family     : verdana, arial, helvetica, sans-serif;
   color           : black;

   /* border          : 1px solid #000; */

   text-align      : left;

   display         : block;

   float           : left;
}

.text-shopartikel-right
{  color           : black;

   font-size       : 12px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : left;

   padding         : 8px 0;
   margin          : 10px;

   width           : 300px;

   background-color: #ffffaa;

   /* border          : 2px solid #000; */

   display         : block;

   float           : left;
}

.text-shopartikel-order
{  text-align      : center;

   margin          : 30px auto 0 auto;

   background-color: #ffffaa;

   /* border          : 2px solid #000; */

   display         : block;
}


.text-shopartikel-addtocart
{  color           : black;

   font-size       : 12px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : left;

   padding         : 8px 8px 0 8px;
   margin          : 25px 0 0 0;

   width           : 250px;

   background-color: #ffff99;

   border          : 1px solid #000;
}


.text-paragraph, h2
{  color           : black;

   font-size       : 14px;
   font-family     : verdana, arial, helvetica, sans-serif;
   font-weight     : bolder;

   text-align      : left;

   width           : 100%;

   padding         : 8px 0;
   margin          : 10px 0;

   border-bottom   : 1px solid #202020;

   display         : block;
}


.text-header
{  text-align      : center;

   margin          : 8px 0;

   display         : block;
}


.data-fotos
{  text-align      : center;

   width           : 100%;

   margin          : 20px 0 50px 0;

   overflow        : hidden;

   display         : block;
}


.welkom-foto
{
  padding         : 20px;

  margin          : 0 40px 40px 10px;

  border          : 1px solid #aaa;

  background-color: #ffffee;

  float            : left;
}


.welkom-text
{
  /* float            : left; */
}

.welkom-clear
{
  clear            : both;
}


/* ---------------------------------------- */


.text-log-date
{  color           : cyan;
}


.text-log-ip
{  color           : yellow;
}


.text-log-referer
{  color           : lightgreen;
}


/* ---------------------------------------- */
/*             Links - General              */
/* ---------------------------------------- */


:link
{  color           : red;
   text-decoration : none;
}


:visited
{  color           : red;
   text-decoration : none;
}


a:hover
{  color           : black;
   text-decoration : none;
}


A.links:link
{  color           : red;
   text-decoration : none;
}


A.links:visited
{  color           : red;
   text-decoration : none;
}


A.links:hover
{  color           : black;
   text-decoration : none;
}


/* ---------------------------------------- */
/*             Links - Specific             */
/* ---------------------------------------- */


A.navbar-menuitem-link:link,
A.navbar-menuitem-link:visited           {  color : black;     text-decoration : none;  }
A.navbar-menuitem-link:hover             {  color : blue;       text-decoration : none;  }



/* ---------------------------------------- */
/*              Images - General            */
/* ---------------------------------------- */


.image-style-border
{  border          : 0;
}


/* ---------------------------------------- */
/*              Images - Specific           */
/* ---------------------------------------- */


.image-tooltip
{  padding         : 10px;
	 border          : 1px solid black;
	 background-color: #f7372d;
}


.image-tooltip-caption
{
   text-align      : center;

   font-size       : 12px;

   padding-bottom  : 4px;

   background-color: #ff8888;
}


.tooltip-extrainfo
{
  padding          : 20px;

  font-size        : 12px;

  border           : 1px solid black;

  background-color : #ccc;
}


/* ---------------------------------------- */
/*             Tables - General             */
/* ---------------------------------------- */


TD
{  font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 11px;
   color           : rgb(255, 255, 255);
}


TD.tablecell-style-center
{  text-align      : center;
}


TD.tablecell-style-left
{  text-align      : left;
}


TD.tablecell-style-right
{  text-align      : right;
}


/* ---------------------------------------- */
/*             Tables - Specific            */
/* ---------------------------------------- */


TABLE.productimages
{  width           : 300px;

   padding         : 0;
   margin          : 0 auto;

   text-align      : center;

   /* border          : 1px solid #aaa; */

   color : white;
}


TD.productimages
{  vertical-align  : top;

   padding         : 20px;

   margin          : 20px;

   border          : 1px solid #aaa;

   background-color: #ffeeee;
}


TD.productimages-new
{  vertical-align  : top;

   padding         : 18px;

   margin          : 18px;

   border          : 1px solid #aaa;

   background-color: #ffeeee;
}


TD.productimages-text-new
{  /* vertical-align  : top; */

   padding         : 18px;

   margin          : 18px;

   border          : 1px solid #aaa;

   background-color: #ffeeee;

   color           : black;

   font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 14px;
   font-weight     : bold;
}



TD.shopproductimages
{  vertical-align  : top;

   padding         : 15px;

   border          : 1px solid #aaa;

   color           : red;
   background-color: #ff8;
}


TABLE.timetable
{  width           : 400px;

   margin          : 0 auto;

   text-align      : center;

   border          : 1px solid #aaa;

   background-color : #ffaaaa;
}


TH.timetable_header
{  vertical-align  : center;
   text-align      : center;

   padding         : 2px;

   border          : 1px solid #aaa;

   color           : white;
   background-color: #ff1408;
}


TD.timetable_day
{  vertical-align  : center;
   text-align      : left;

   padding         : 2px;

   border          : 1px solid #aaa;

   color           : black;
   background-color: #ffeeee;
}


TD.timetable_time
{  vertical-align  : center;
   text-align      : left;

   padding         : 2px;

   border          : 1px solid #aaa;

   color           : black;
   background-color: #ffeeee;
}


.cart-div
{  width           : 746px;
	 height          : 100%;

	 position        : relative;
}


.cart-closebutton1
{
	position         : absolute;

	right            : 8px;
	top              : 8px;
}


.cart-closebutton2
{
  float            :  right;

  margin           :  2px 6px 2px 10px;
}


TABLE.cart
{  width           : 746px;

   background-color: #ffffaa;

   border-color    : black;
   border-style    : solid;
   border-width    : 2px;

   padding         : 8px 0;
   margin          : 0px 0 20px 0;
}


TD.cart
{  color           : black;
}


TD.cart_nr
{  width           : 20px;
	 color           : blue;
}


TD.cart_artid
{  width           : 100px;
	 color           : black;
}


TD.cart_header
{ padding-bottom  : 4px;

  font-size       : 14px;
  font-weight     : bold;

	color           : black;

	text-align      : center;
}


TD.cart_fullmsg
{ padding-bottom  : 10px;

  font-size       : 12px;

  color           : black;

	text-align      : center;
}


TD.cart_button
{ padding-top     : 10px;

  font-size       : 12px;

	color           : black;

	text-align      : center;
}

TD.cart_note
{ padding-top     : 8px;
	padding-bottom  : 4px;

  font-size       : 10px;
  font-weight     : bold;

	color           : black;

	text-align      : center;
}


TD.cart_footer
{ padding-top     : 8px;
	padding-bottom  : 4px;

  font-size       : 10px;
  font-weight     : bold;

	color           : black;

	text-align      : justify;
}


TABLE.addtocart
{  width           : 240px;
}


TD.addtocart-label
{  color           : black;
   width           : 50px;
}


TD.addtocart-label-disabled
{  color           : gray;
   width           : 50px;
}


TD.addtocart-value
{  color           : black;
}


TD.addtocart-button
{ padding         : 10px 0 0 0;

	text-align      : center;

	color           : black;
}


TD.addtocart-header
{ padding         : 0 0 10px 0;

	text-align      : center;

	color           : black;
}


/* ---------------------------------------- */
/*                Guestbook                 */
/* ---------------------------------------- */


TABLE.editartikel-write
{  width           : 450px;

   border-color    : black;
   border-style    : solid;
   border-width    : 2px;

   margin          : 0 auto;
}


TD.editartikel-write-header
{  font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 14px;
   font-style      : normal;
   font-weight     : bolder;

   color           : #00FFFF;  /* cyan */
   background-color: rgb(100,100,100);

   text-align      : center;
   padding         : 6px;
}


TD.editartikel-write-footer
{  background-color: rgb(255,255,136);
   text-align      : center;
}


TD.editartikel-write-field
{  width           : 20%;

   font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 12px;
   font-style      : normal;
   font-weight     : normal;

   color           : black;
   background-color: rgb(255,255,136);

   padding         : 0 6px;

   text-align      : left;
}


TD.editartikel-write-value
{  font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 12px;
   font-style      : normal;
   font-weight     : normal;

   color           : black;
   background-color: rgb(255,255,170);

   padding         : 0 6px;

   text-align      : left;
}


/* ---------------------------------------- */
/*               Search Tabel               */
/* ---------------------------------------- */


TABLE.search
{
  width           : 100%;
}

TH.search
{
  font-family     : verdana, arial, helvetica, sans-serif;
  font-size       : 16px;
  color           : red;
}

TD.search-date
{
  font-family     : verdana, arial, helvetica, sans-serif;
  font-size       : 14px;
  color           : white;
  background-color: red;

  padding         : 4px 0;
}


TD.search
{
  font-family     : verdana, arial, helvetica, sans-serif;
  font-size       : 12px;
  color           : black;
}


/* ---------------------------------------- */
/*                 Full Frame               */
/* ---------------------------------------- */


#fullframe
{  width           : 100%;
   height          : 100%;

   padding         : 0;                /* ruimte boven header */
   margin          : 0;

   text-align      : center;           /* for IE */

   position        : relative;         /* door position: relative wordt de onderste margin van FRAME weergegeven! Wel komt er een margin van 10pixels als margin op 0 auto staat? */
}


/* ---------------------------------------- */
/*                   Frame                  */
/* ---------------------------------------- */


#frame
{  width           : 980px;
   height          : 100%;

   padding         : 0;
   margin          : 0px auto;           /* center content on page */

   /* clear           : both;   */
   /* overflow        : hidden; */
}


#frame-header-logo
{  width           : 976px;
   height          : 180px;

   padding         : 0;
   margin          : 0;

   background-image    : url("/geer/images/logo/logo980_nl.jpg");

   border                   : 2px solid black;
   border-top-left-radius   : 25px;
   border-top-right-radius  : 25px;

   text-align      : center;
}


#frame-header-menu
{  width           : 980px;
   height          : 30px;

   padding         : 0;
   margin          : 0;

   background-color: #910101;
}


/* ---------------------------------------- */


#frame-contentwrapper
{  width           : 976px;

	 min-height      : 1820px;

   position        : relative;

   background-color: #fce8e8;

   border-left     : 2px solid black;
   border-right    : 2px solid black;

   padding         : 0;
   margin          : 0;

/* overflow        : hidden; */
}


#frame-navbar
{  width           : 150px;
   height          : 1725px;

   position        : absolute;
   top             : 15px;
   left            : 0px;

   padding         : 10px 0;
   margin          : 0;

   background-color: #ffcfcf;

   border-top      : 2px solid black;
/* border-left     : 2px solid black; */
   border-right    : 2px solid black;
   border-bottom   : 2px solid black;

   border-top-right-radius      : 12px;
   border-bottom-right-radius   : 12px;

   -webkit-box-shadow: 8px 8px 14px 1px #808080;
           box-shadow: 8px 8px 14px 1px #808080;
}


#frame-content
{
  width            : 750px;

  padding          : 15px 25px 15px 200px;

  text-align       : left;
}


#frame-content-order
{
  width            : 750px;

  padding          : 15px;

  margin           : 0 auto;

  text-align       : left;
}


/* ---------------------------------------- */


#frame-footer
{  width           : 976px;
   height          : 30px;

   /* position        : absolute;
   bottom          : 10px;  */

   padding         : 5px 0;
   margin          : 0 0 0 0;

   border-top      : 1px solid #000;
   border-bottom   : 2px solid #000;
   border-left     : 2px solid black;
   border-right    : 2px solid black;

   border-bottom-left-radius   : 25px;
   border-bottom-right-radius  : 25px;


   background-color: #ffcfcf;

   text-align      : center;

   clear           : both;

/* overflow        : hidden; */
}

#frame-footer-margin
{  width           : 976px;
   height          : 10px;
}


#frame-footer-arrow
{  width           : 40px;
   height          : 40px;

   border-top      : 2px solid black;
   border-left     : 2px solid black;
   border-right    : 2px solid black;

   border-top-left-radius  : 10px;
   border-top-right-radius : 10px;

   background-color    : #ffffcc;
/*
   background-image    : url("/geer/images/misc/arrow.jpg");
   background-repeat   : no-repeat;
   background-position : center;
*/
   position        : fixed;
   left            : 50%;
   bottom          : 0;
   margin-left     : 500px; /*half the width*/

   padding         : 6px;


/*
   position        : fixed;
   bottom          : 0px;
   right           : 0px;

   padding         : 0;
   margin          : 0;
*/
/* float           : right; */
}


/* ---------------------------------------- */
/*               Mainpage Columns           */
/* ---------------------------------------- */


.navbar-homeandflags
{  width           : 150px;
	 height          : 40px;
   background-color: #fce3e1;

   padding         : 8px 0;
   margin-bottom   : 14px;

   border-top      : 2px solid #606060;
   border-bottom   : 2px solid #606060;

   clear : both;
}


.navbar-separator
{  width           : 150px;
   height          : 24px;
   background-color: red;
   color           : white;

   padding         : 0;
   margin          : 0;

   border-right    : 1px solid #606060;

   line-height     : 24px;

   clear : both;
}


.navbar-menuitem
{  width           : 150px;
   height          : 18px;
   background-color: #fce3e1;

   padding         : 0;
   margin          : 0;

   border-top      : 1px solid #ffffdd;
   border-bottom   : 1px solid #202020;

   line-height     : 18px;

   display         : block;
}


.navbar-menuitem-active
{  width           : 150px;
   height          : 18px;
   background-color: #fc7c7c;

   padding         : 0;
   margin          : 0;

   border-top      : 1px solid #ffffdd;
   border-bottom   : 1px solid #202020;

   line-height     : 18px;

   display         : block;
}


.navbar-menuitem :hover
{
  background-color : #fc7c7c;

  display          : block;
}


.smallcart
{  width           : 100px;
   height          : 85px;

   position        : relative;

   border          : 2px solid black;

   border-radius   : 10px;

 -webkit-box-shadow: 4px 4px 10px 2px #808080;
         box-shadow: 4px 4px 10px 2px #808080;

   background-color    : #ffffff;

   margin-left     :  20px;
   margin-bottom   :  20px;

   font-family         : verdana, arial, helvetica, sans-serif;
   font-size           : 18px;
   color               : black;
}


.smallcart-products
{  position        :  absolute;

	 top             :  14px;
	 left            :  28px;

   font-family     : verdana, arial, helvetica, sans-serif;
   font-size       : 18px;
   font-weight     : bolder;
   color           : red;
}


.searchbox
{  width           : 80px;
   height          : 20px;

   position        : relative;

   border          : 1px solid black;

   border-radius   : 6px;

   background-color    : #fcbdbd;

   margin          :  10px auto;

   padding         :  8px 6px;

   font-family         : verdana, arial, helvetica, sans-serif;
   font-size           : 12px;
   color               : black;
}