/* Generic things */

body {
   margin            : 0;
   margin-top        : 1px;
   font-family       : Georgia, Times, serif;
   background-color  : transparent;
   font-size         : 10pt;
   background-image  : url(images/bg1.jpg);
}

.even {
   background-color  : rgb(229,216,203);
}

.link, .addcomment {
   width             : 100%;
   white-space       : no-wrap;
   text-align        : right;
}

.link a, .addcomment a, .link div {
   float             : right;
   border-bottom     : 1px dashed white;
}

.commentheader {
   margin-top        : 6pt;
   margin-bottom     : 2pt;
   font-style        : italic;
   margin-left       : -16px;
}

.commentheader img {
   position          : relative;
   top               : 3px;
}

.link a:hover, a:hover {
   text-decoration   : none;
   border-bottom     : 1px dashed rgb(153,102,51);
}

hr {
   border            : none;
   border-bottom     : 1px dashed rgb(204,178,153);
   clear             : both;
   color             : white;
   background-color  : transparant;
   height            : 1px;
}

.intro {
   padding-top       : 30px;
}

h1 {
   font-family       : Georgia;
   font-weight       : bold;
   font-size         : 16pt;
   margin-bottom     : 3pt;
}

h2 {
   font-family       : Georgia;
   font-weight       : bold;
   font-size         : 10pt;
   background-color  : rgb(102,0,102);
   background-image  : url('images/h.png');
   background-repeat : no-repeat;
   color             : white;
   margin-left       : -0.5cm;
   padding-left      : 0.5cm;
   margin-bottom     : 4pt;
   padding-top       : 2px;
   padding-bottom    : 2px;
}

/* The four colors */

.color1 {
   background-color  : rgb(153,102,51);
}

.color2 {
   background-color  : rgb(204,178,153);
}

.color3 {
   background-color  : rgb(178,140,101);
}

.color4 {
   background-color  : rgb(229,216,203);
}

/* Background images */

#m, #h, #fw, #sq1, #sq2, #sq3 {
   position           : absolute;
   width              : 100%;
   height             : 99%;
   background-repeat  : no-repeat;
}

/* Large 'h' in bottom right */

#h {
   background-image   : url(images/bg2.gif);
   background-position: 100% 100%;
}

/* :// symbol */

#fw {
   background-image   : url(images/bg3.gif);
   background-position: 10px 70px;
}

/* Colored squares */

#sq1, #sq2, #sq3 {
   width              : 75px;
   height             : 75px;
   position           : absolute;
}

#sq1 {
   background-image   : url(images/sq1.gif);
}

#sq2 {
   background-image   : url(images/sq2.gif);
}

#sq3 {
   background-image   : url(images/sq3.gif);
}

/* Table containing menu */

#myMenu {
   position           : absolute;
   top                : 10px;
   left               : 0px;
   width              : 100%;
   height             : 98%;
}

td #myMenu {
   position           : relative;
}

#myMenuMain {
   float              : left;
   width              : 300px;
}

#myMenuSub {
   float              : right;
   position           : relative;
   top                : 40px;
   padding-right      : 15px;
}

#myMenuPath {
   float              : right;
   position           : relative;
   top                : 40px;
   white-space        : no-wrap;
}

.menuitem {
   text-align         : right;
   margin-bottom      : 10pt;
}

.selected {
   font-weight        : bold;
}

#myMenu a:link, #myMenu a:visited {
   font-family        : Trebuchet;
   font-size          : 9pt;
}

#myMenuMain a:hover { 
   border-bottom      : none;
}

td.ulBackground {
   background-color   : rgb(255,252,239);
}

/* Content frame */

#c {
   position           : absolute;
   z-index            : 10;
   margin-top         : 75px;
   padding-bottom     : 25px;
   width              : 85%;
   padding-left       : 5%;
}

.trans1 {
   filter             : alpha(opacity=95);
   -moz-opacity       : 0.95;
   opacity            : 0.95;
}

.trans2 {
   filter             : alpha(opacity=80);
   -moz-opacity       : 0.8;
   opacity            : 0.8;
}

.trans3 {
   filter             : alpha(opacity=65);
   -moz-opacity       : 0.65;
   opacity            : 0.65;
}

.trans4 {
   filter             : alpha(opacity=50);
   -moz-opacity       : 0.5;
   opacity            : 0.5;
}

/* Input forms */

.label {
   display           : block;
   float             : left;
   width             : 150px;
   text-align        : right;
   padding-right     : 1em;
}

.labelindent {
   margin-left       : 150px;
}

br {
   clear             : both;
}

textarea {
   margin-top        : 2px;
   margin-bottom     : 2px;
   width             : 100%;
}

.inputcontainer td {
   font-size         : 7pt;
   white-space       : nowrap;
}

/* _eten pages */

.menu, .guestremarks {
   width             : 400px;
   left              : 30%;
   margin            : 15px;
   margin-left       : -200px;
   padding-left      : 15px;
   padding-right     : 15px;
   padding-bottom    : 30px;
   overflow          : auto;
   position          : relative;
}

.menu {
   background-color  : white;
   text-align        : center;
   border            : 1px solid gray;
}

.menu img.toggle {
   position          : relative;
   top               : -60px;
   left              : 165px;
   cursor            : hand;
}

.menu .title {
   text-align        : center;
   font-size         : 48pt;
   color             : orange;
   letter-spacing    : 0.7em;
   _letter-spacing   : 2em;
   margin-left       : 0.5em;
}

.menu .wines {
   margin-top        : 20px;
   font-style        : italic;
}

.menu #comments {
   display           : none;
   text-align        : left;
}

.menu .date {
   font-size         : 8pt;
   position          : relative;
   margin-bottom     : 15px;
   white-space       : nowrap;
}

.menu .date .link {
   font-size         : 10pt;
}

.menuphotos {
   width             : 500px;
   left              : 30%;
   text-align        : center;
   height            : 80px;
   white-space       : nowrap;
   overflow          : auto;
}

.menuphotos img {
   margin-right      : 3px;
   width             : 80px;
   height            : 60px;
   border            : 1px solid black;
   background-color  : gray;
}

.guests {
   float             : right;
   text-align        : right;
   margin-top        : 15px;
   margin-right      : 50px;
   _margin-right     : 0px;
}

.guests .title {
   font-weight       : bold;
}

.guests .link {
   _width            : 0px;
}

/* Login on index page */

.loginblock {
   position          : relative;
   padding-bottom    : 5px;
   padding-right     : 5px;
   text-align        : right;
}

/* _blog pages */

.category {
   text-align        : right;
   font-size         : 8pt;
   font-style        : italic;
}

/* Photos */

.photo {
   padding-left      : 24px;
   padding-top       : 12px;
   float             : left;
}

.caption {
   font-family       : Tahoma;
   margin-top        : 2px;
   text-align        : center;
   font-size         : 8pt;
}

.previous {
   float             : left;
}

.next {
   float             : right;
}

/* _lijstjes pages */

.lijstje {
   background-color  : white;
   border            : 1px dashed rgb(153,102,51);
   width             : 200px;
   float             : left;
   margin            : 15px;
}

.lijstje .titel {
   background-image   : url("/FritZ/source/images/down.gif");
   background-repeat  : no-repeat;
   background-position: 90% 50%;
   background-color   : rgb(204,178,153);
   font-weight        : bold;
   color              : white;
   padding            : 4px;
}

.lijstje .inhoud {
   padding           : 10px;
   display           : none;
}

.lang {
   position          : absolute;
   top:              : 0px;
   right             : 0px;
}