body {background-color: black; font-family: Times, serif; color: silver}
#wrap {position: relative; width: 814px; margin-top: 100px; margin-right : auto; margin-left: auto}
#logo {position: absolute; top: -70px;}
#menu {position: absolute; top: -50px; left: 176px;}
#menu p {color: #FFAE45}
ul#menu li {display: inline; padding-right: 8px; color: #FFAE45;}
ul#menu a, ul#menu a:link {color:#FFAE45; font-weight: bold; text-decoration: none;
-webkit-tap-highlight-color:yellow;}
ul#menu a:hover {text-decoration: underline}
/* LEFT */

.nextevent {margin-right: 12px; margin-left: 12px;}
.nextevent h2  {color: yellow; font-style: italic; margin-bottom: 0; padding-bottom: 0}
.nextevent p {color: white; margin-top: 0; padding-top: 0}

div.news {padding: 6px;}
h2.news {margin-bottom: 0; padding-left: 6px; padding-bottom: 0; color: #fff }
p.news {margin-top: 0; padding:6px}
p.news img {float: left; margin: 0 12px 12px 0}
.dateline {font-weight: bold; color: white}

#left {float: left; width: 542px; margin-top: 12px;   }

.blockleft h2 {margin: 0; padding: 24px 24px 0 24px;

font-style: italic;
color: yellow
}
.framered_bottom {
background-image: url(../images/bottomwide_red.gif);
background-position: bottom;
background-repeat: no-repeat
}
.framered_top {
background-image: url(../images/topwide_red.gif);
background-position: top;
background-repeat: no-repeat;
}


.blockleft p {padding: 12px 24px 12px 24px; color: silver}
/* RIGHT */
.blockright { width: 240px; margin-top: 24px; margin-left: 564px;
padding-bottom: 12px;
background-image: url(../images/bottom.gif);
background-position: bottom;
background-repeat:repeat-y;
font-family: verdana, san-serif;
font-size: 10px;

}
.blockright h3 {margin: 0; padding: 12px;
background-image: url(../images/top.gif);
background-position: top;
background-repeat: no-repeat;
font-style: italic;
color: silver
}
h3.bgtopgreensml {
background-image: url(../images/bggreen_topsml.gif);
}
.bgbottomgreensml {
background-image: url(../images/bggreen_bottomsml.gif);
}

.blockright ul {margin-left: 12px; padding-left: 0}
.blockright li {list-style: none; margin-left: 0; padding-left: 0}
.blockright p {margin: 12px; font-family: Verdana, san-serif; font-size: 10px;}

.comment {font-family: Verdana; font-size: 10px; margin: 12px 24px}
.sender {font-weight: bold}
#commentform {margin: 12px 24px}
#commentform label {float: left; width: 120px;}
#commentform textarea {width: 344px; height: 200px}
#commentform input {width: 340px;}
#commentform #savebutton {width: auto}

.ingredients {text-align: center; font-style: italic;}
#subline {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-style: italic; font-size: 11px;}
table#links {margin-left: 6px}
table#links td {vertical-align: text-top}
table#links tr.linkrow:hover {cursor: pointer; background-color:  #333333; color: white}

.WCBox {background-color: #333333; }
.WCBox .BoxHeader {height: 4px; background: transparent url(../images/corners/4_3/TL.gif) 0 0 no-repeat; }
.WCBox .BoxHeader div {height: 4px;  background: transparent url(../images/corners/4_3/TR.gif) top right no-repeat; }
.WCBox .BoxContent {background-color: transparent; margin: 12px;}
.WCBox .BoxFooter {height: 4px; background: transparent url(../images/corners/4_3/BL.gif) bottom left no-repeat;  }
.WCBox .BoxFooter div {height: 4px; background: transparent url(../images/corners/4_3/BR.gif) bottom right no-repeat;  }
.WCBox .BoxContent .PartHeader {padding:4px 18px 8px 0;line-height:14px; font-size:12px;font-weight:bold;border-bottom:1px solid #dfdfdf;}

h3.spijsheader {color: white; margin-bottom: 0; padding-bottom: 0}
table.spijskaart {background-color: #333333; padding: 12px}
table.emp {background-color: maroon}
table.spijskaart p {margin: 0; padding: 0; font-family: Verdana, san-serif; font-size: 10px}

.pbpimgs {margin: 18px;text-align: center }
.pbpimgs img {margin: 6px; }

#footer {margin-top: 32px;margin-right: 48px; margin-left: 48px; text-align: center; font-family: Verdana, san-serif; font-size: 10px; height: bold; color: silver;
padding-top: 24px;}	
.title {font-style: italic; font-weight: bold;}
.imgleft {float: left; padding-right: 12px; padding-bottom: 12px;}
.clear {clear: both}
a, a:link {color:white; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: 0}
.italic {font-style: italic}
.bold {font-weight: bold}