body {
text-align : center;
background-color : #296331;
margin-top : 1px;
margin-bottom : 10px;
color : #4d4d4d;
}

A:link {
color : #c86000;
text-decoration : none;
}

A:visited {
color : #c86000;
text-decoration : none;
}

A:active {
color : #c86000;
text-decoration : none;
}

A:hover {
color : #c86000;
text-decoration : underline;
}

#page_wrapper {
margin-left : auto;
margin-right : auto;
width : 920px;
text-align : left;
background : #ffffff url('../img/content_bg.gif') repeat-y top left;
}

#page_header {
height : 140px;
background : #ffffff url('../img/headergronbier.jpg') no-repeat bottom left;
clear : both;
}

#page_header h1 {
padding-top : 50px;
padding-left : 15px;
margin : 0;
font-family : verdana;
font-size : 26px;
color : #fbd539;
line-height : 26px;
letter-spacing : -1px;
}

#page_header h2 {
margin : 0;
padding-left : 17px;
font-family : verdana;
font-size : 14px;
color : #d5d0b0;
line-height : 24px;
}

#menu_bar {
margin : 0;
padding : 0;
border : 0 dashed #cccccc;
height : 32px;
clear : both;
background : #ffffff url('../img/menu_bg.gif') no-repeat bottom left;
}

#content_wrapper {
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
margin-right : 10px;
border : 0 dashed #ffffff;
}

#center {
margin-left : 178px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#center h3 {
margin-top : 0;
margin-bottom : 5px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 4px;
border : 1px solid #377340;
background-color : #377340;
}



#center h4 {
margin-top : 0;
margin-bottom : 2px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 2px;
border : 1px solid #377340;
background-color : #377340;
}

#center p {
margin-top : 5px;
margin-bottom : 15px;
padding : 4px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
line-height : 18px;
}

#center td {
margin-top : 5px;
margin-bottom : 15px;
padding : 4px;
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height : 18px;
}

#lijst {
margin-left : 178px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#lijst h3 {
margin-top : 0;
margin-bottom : 5px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 4px;
border : 1px solid #377340;
background-color : #377340;
}

#lijst td {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
line-height : 12px;
font-size : 11px;
}

#lijst p {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height : 12px;
}

#lijstlinks {
margin-left : 178px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#lijstlinks2 table {
margin-left : 00px;
margin-right : 0px;
border : 0 dashed #cccccc;
margin-top : 5px;
margin-bottom : 5px;
padding : 2px;
font-family : verdana, arial, sans-serif;
line-height : 20px;
font-size : 13px;
text-align : left;
}


#lijstlinks h3 {
margin-top : 0;
margin-bottom : 5px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 4px;
border : 1px solid #377340;
background-color : #377340;
}

#lijstlinks td {
margin-top : 5px;
margin-bottom : 15px;
padding : 5px;
font-family : verdana, arial, sans-serif;
line-height : 18px;
font-size : 12px;
text-align : left;
}

#lijstlinks p {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
line-height : 18px;
}

#lijst2 {
margin-left : 5px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#lijst2 table {
padding : 0;
margin-right : 34px;
float : right;
line-height : 20px;
font-size : 13px;
font-family : verdana, arial, sans-serif;
}

#lijst2 p {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
line-height : 18px;
font-size : 13px;
}

#lijstcredits table {
padding : 0;
margin-right : 0;
margin-left : 20px;
float : right;
line-height : 18px;
font-size : 13px;
font-family : verdana, arial, sans-serif;
}

#lijststat table {
padding : 0;
margin-right : 20px;
margin-left : 10px;
float : right;
line-height : 18px;
font-size : 13px;
font-family : verdana, arial, sans-serif;
}

#lijst_bg {
margin-left : 178px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#lijst_bg h3 {
margin-top : 0;
margin-bottom : 5px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 4px;
border : 1px solid #377340;
background-color : #377340;
}

#lijst_bg td {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
line-height : 12px;
font-size : 11px;
background-color : #deffe9;

}

#lijst_bg p {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height : 12px;
}

#lijst_bgbrouw {
margin-left : 178px;
margin-right : 2px;
border : 0 dashed #cccccc;
}

#lijst_bgbrouw table {
margin-top : 5px;
margin-bottom : 15px;
padding : 2px;
font-family : verdana, arial, sans-serif;
line-height : 18px;
font-size : 13px;
background-color : #deffe9;
text-valign : top;

}


#left_side {
float : left;
width : 160px;
border : 0 dashed #cccccc;
}

#left_side h3 {
margin-top : 0;
margin-bottom : 5px;
font-family : verdana, arial, sans-serif;
font-size : 12px;
color : #ffffff;
padding : 4px;
border : 1px solid #377340;
background-color : #377340;
}

#left_side p {
margin-top : 5px;
margin-bottom : 15px;
padding : 10px;
font-family : verdana, arial, sans-serif;
font-size : 11px;
line-height : 16px;
color : #666666;
}

#page_footer {
height : 60px;
background : #296331;
clear : both;
border-left : 1px solid #296331;
border-right : 1px solid #296331;
border-bottom : 1px solid #296331;
}



#page_footer table {
padding-top : 15px;
text-align : center;
font-family : verdana;
font-size : 10px;
line-height : 14px;
color : #d5d0b0;
}

#page_footer A:link {
color : #fbd539;
text-decoration : none;
}

#page_footer A:visited {
color : #fbd539;
text-decoration : none;
}

#page_footer A:active {
color : #fbd539;
text-decoration : none;
}

#page_footer A:hover {
color : #fbd539;
text-decoration : underline;
}

#navcontainer ul {
padding-left : 0;
margin-left : 0;
margin-top : 0;
background-color : #c86000;
background : url('../img/bar.jpg') no-repeat top right;
color : white;
float : left;
width : 100%;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}

#navcontainer ul li {
display : inline;
}

#navcontainer ul li a {
padding-top : 5px;
padding-bottom : 7px;
padding-left : 10px;
padding-right : 10px;
background-color : transparent;
color : white;
text-decoration : none;
float : left;
border-right : 1px solid #bd620e;
}

#navcontainer ul li a:hover {
background-color : #de6b02;
background : url('../img/bar_bg_hover.gif') repeat-x bottom left;
color : #fff;
}

#linklist {
padding-left : 0;
margin-left : 0;
border-bottom : 1px solid #d1d9c4;
width : 160px;
}

#linklist li {
list-style : none;
margin : 0;
line-height : 20px;
border-top : 1px solid #d1d9c4;
font-family : verdana;
font-size : 12px;
}

#linklist li a:hover {
background-color : #d5d0b0;
}

#linklist li a {
text-decoration : none;
}

#linklist li A:hover {
color : #000000;
text-decoration : none;
}

.thumbnail_left {
float : left;
margin-right : 10px;
margin-bottom : 5px;
border : 0;
}

.thumbnail_right {
float : right;
margin-left : 10px;
margin-bottom : 5px;
border : 0;
}


#ts_tabmenu {
font-size: .75em; /* set the font size */
padding: 0px 0px 0px 0px; /* set the padding */
}
#ts_tabmenu ul {
line-height: 1em; /* setting the line height now so we don't have any headaches*/
margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
list-style-type: none; /* we remove the UL's default disc bullets */
float: left; /* we float the list to the left like we will all the elements inside*/
padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
float: left; /* floatin' left */
}
#ts_tabmenu ul li a {
text-decoration: none; /* remove the default underline off the anchor text */
display: block; /* we display this text as block so that we can apply padding/margin without problems */
float: left; /* floatin' left, to make the menu horizontal */
padding: 0px 0px 0px 10px; /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
background: url(../img/tabs.gif) no-repeat left top; /* we link to the tabs image, no tiling, showing the top left part of it */
margin-left: -5px; /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
z-index: 0; /* keep it on layer 0 (default) */
position: relative; /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
color: #666666; /* color of the tab text */
}
#ts_tabmenu ul li a strong {
font-weight: normal; /* remove the bold effect */
display: block; /* display the strong element as a block so we can pad it, etc. */
float: left; /* float it left as well */
background: url(../img/tabs.gif) no-repeat right top; /* now we show the right part of the tab and we complete the "puzzle" */
padding: 6px 10px 7px 5px; /* important, as through this you define the position of the text within the tab */
cursor: pointer; /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(../img/tabs.gif) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000; /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
background-image: url(../img/tabs.gif) no-repeat;
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a,
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a,
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a,
#tsmenu7 #li_tsmenu7 a {
position: relative;
z-index: 5;
background: url(tabs.gif) no-repeat left bottom;
color: #000000;
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong,
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong,
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong,
#tsmenu7 #li_tsmenu7 a strong {
background-image: url(../img/tabs.gif) no-repeat;
position: relative;
z-index: 5;
background-position: right bottom;
}