/* naam van de template: basis template */
/* De meeste standaard styles zijn classes. Maak, waar mogelijk, hiervan id's. */

/*
De body style (voor het geval je dat nog niet wist),
dus niet in de html instellen maar hier.
*/
BODY {
	margin           : 0px;
	background-color : #ff0000;
	color            : #000000;
	height: 100%;
	width: 100%;
	text-align: center;
	background-image: url(../images/bgcolor.gif);
	background-repeat: repeat-x;
}
/* end */

/*
alle td's, tr's, p's, en div's krijgen deze style.
*/
td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
}
/* end */

/*
elke unordered list krijgt deze style.
*/
ul {
  margin           : 0px 0px 0px 0px;
}
/* end */

/*
alleen de modules (meestal menu's) met de "Menu Class Suffix" -nav krijgen de style van deze unorderd list
*/

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	width: 400px;
	
}

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
  width: 15%;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #cccccc;
	margin-right: 20px;
}

ul#mainlevel-nav li a
{
	width: 100%;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #A08F49;
	background: #EDE8D5;
	
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #A08F49;
	}
/* end */

/*
weet ik nog niet
*/
.boxes {
		  background-color: White;
		  border-top: 35px #C5B989 solid;
		  border-bottom:10px #C5B989 solid;
		  border-left:2px #C5B989 solid;
		  border-right:2px #C5B989 solid;
}
/* end */

/*
wordt voor de titel gebruikt. Moet je wel zelf een class aanmaken (liefst veranderen in #title en er een id van maken.
*/
.title {
font-family: sans-serif;
font-size: 24px;
font-weight: bold;
color: #C5B989;
}
/* end */

/*
style voor de pathway, een pathway geeft de links die je hebt gebuikt, om op de pagina te komen waar je nu bent, weer.
*/
.pathway {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}

a.pathway:link, a.pathway:visited {
  color            : #ffffff;
  font-weight      : normal;
}

a.pathway:hover {
  color            : #ffffff;
  font-weight      : normal;
  text-deoration   : underline;
}
/* end */

/* --Default Class Settings-- */

/*
menu style
*/
/*a.mainlevel:link, a.mainlevel:visited {
        color: #675A25;
        background-position: left;
        text-align: left;
        font-weight: bold;
 }

a.mainlevel:hover {
        color: #C5B989;
        background-position: left;
        text-align: left;
        }*/
/* end */
		
/* 
een andere mogelijkheid om een rollover op het menu te maken 
*/

a.mainlevel_tjmenu:link, a.mainlevel_tjmenu:visited {
	display: block;
	background: url(../images/btnbg.jpg) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ff0000;
	text-align: left;
	padding-top: 3px;
	padding-left: 7px;
	height: 18px !important;
	height: 18px;
	width: 100px;
	text-decoration: none;
}

a.mainlevel_tjmenu:hover {
	display: block;
	background: url(../images/btnbg_over.jpg) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #D20101;
	text-align: left;
	padding-top: 3px;
	padding-left: 7px;
	height: 18px !important;
	height: 18px;
	width: 100px;
	text-decoration: none;
}
/* end */

        a.mainmenu:link, a.mainmenu:visited {
        color: #333333; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
        font-weight: bold;
        }

a.mainmenu:hover, {
        color: #C5B989; text-decoration: underline;
        }

a.sublevel:hover {
        color: #C5B989; text-decoration: underline;
        }

a.sublevel:link, a.sublevel:visited {
        color: #675A25; font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
        font-weight: normal;
}

/* 
style voor de back button.
Deze kan ook zonder image.
*/
.back_button {
  float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
/* end */

/* 
style voor de pagina navigatie, als er meerdere pagina's per link zijn. Bijvoorbeeld een link heeft 3 pagina's en krijgt dus onderaan vorige en volgende te staan (dit wordt gestyled).
*/
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}
/* end */

/*
Style voor de modules, door het toevoegen van een stuk tekst, bijvoorbeeld _mainmenu (table.moduletable_mainmenu) kan je een apparte style geven aan de mainmenu module.
*/
table.moduletable {
        width: 95%;		  
		  margin: 0px 5px 15px 5px;
		  padding: 0px 5px 15px 5px;
        }

table.moduletable th {
  font-size        : 11px;
  font-weight      : bold;
  color            : #C5B989;
  text-align       : left;
  background-image : url(../images/mod_title_bg.gif);
  background-repeat: no-repeat;
  width            : 100%;
 height: 40px;
  text-indent: 25px;
  padding: 7px;
  
  
}

table.moduletable td {
        font-size: 10px;
        font-weight: normal;
		   margin: 5px 5px 5px 5px;
			
        }
		
table.moduletable_tjmenu {
	margin: 0px 0px 0px 37px;
	padding: 0px;
}

table.moduletable_tjmenu th {
}

table.moduletable_tjmenu td {
	margin: 0px;
	padding: 0px;
}
/* end */		

/*
style voor de standaard poll module
*/
.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}
/* end */

/*
style voor de sections? even checken
*/
.sectiontableheader {
/*  background-color : #CCCCCC;
*/  color            : #333333;
  font-weight      : bold;
}

.sectiontableentry1 {
/*  background-color : #F0F0F0;
*/}

.sectiontableentry2 {
/*  background-color : #E0E0E0;
*/}
/* end */

/*
volgens mij iets voor de footer tekst enz.
*/
.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}
/* end */

/*
style voor de content. Dus de pagina's (inhoudelijk)
*/
.contentpane {
  /*background       : #FFFFFF;*/
}

.contentpaneopen {
  /*background       : #FFFFFF;*/
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : bold;
  color            : #C5B989;
  text-align       : left;
}
/* end */

/* 
aanmaak datum style 
*/
.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}
/* end */

/*
form button style
*/
.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #EBE6D3;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}
/* end */

/*
form input box style
*/
.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #EBE6D3;
  border           : 1px solid #CCCCCC;
}
/* end */

/*
de basis links op de pagina
*/
a:link, a:visited {
  color            : #009600;
  text-decoration  : none;
}

a:hover {
  color            : #D20101;
  text-decoration  : none;
}
/* end */

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #C5B989;
	text-decoration: underline;
	font-weight: bold;
	}
/* end */
/*
speciale link style voor category's
*/
a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #C5B989;
}
/* end */

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}

/* begin TokoJoyce CSS */
/* styles voor IE 5 Mac */
#horizon {
	background-color: transparent;
	position: absolute;
	top: 28px;
	left: 28px;
}
 
/* onzichtbaar voor IE 5 */
#horizon {
	position: absolute;
	height: 100%;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	left: 0px;
	top: -28px;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 760px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	background-repeat: repeat-y;
	background-image: url(../images/contentbg.jpg);
	background-position: 3px 61px;
}

#header {
	position: absolute;
	top: 28px;
	height: 137px;
	width: 760px;
	left: 0px;
}

#foto {
	background-image: url(../images/foto.jpg);
	position: absolute;
	height: 137px;
	width: 760px;
	left: 0px;
}

#logo {
	position: absolute;
	height: 120px;
	width: 297px;
	left: 447px;
	top: 17px;
}

#menu {
	position: absolute;
	top: 165px;
	height: 200px;
	width: 150px;
}

#spacertop {
	height: 165px;
	width: 760px;
}

#content {
	width: 760px;
	background-repeat: repeat-y;
}

#content div {
	margin-left: 150px;
	margin-right: 24px;
}

#spacerbtm {
	height: 28px;
	width: 760px;
}

#footer {
	width: 760px;
	height: 28px;
	text-align: left;
	margin: 0px auto;
	background-image: url(../images/footerbg.jpg);
}

#footer div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align: right;
	color: #7e6d3a;
	padding-right: 34px;
	padding-top: 13px;
}

/* style voor links */
a#footerlink:link, a#footerlink:visited {
	font-size        : 9px;
	color            : #524725;
	text-decoration  : none;
	font-family      : Arial, Helvetica, sans-serif;
}

a#footerlink:hover {
  color            : #000000;
  text-decoration  : none;
}
/* end style */
.tabletop {
	background-image: url(../images/infobg_top.jpg);
	background-repeat:no-repeat;
	height: 34px;
	width: 334px;
}

.tableleftnrd {
	background-image: url(../images/infobg_left.jpg);
	background-repeat:repeat-y;
	width: 5px;
}

.tablebtmnrd {
	background-image: url(../images/infobg_btm.jpg);
	background-repeat:no-repeat;
	height: 5px;
	width: 565px;
}

.tablerepnrd {
	background-image: url(../images/infobg_rep.jpg);
	background-color:#e8d5b4;
	background-repeat: repeat-x;
	width: 319px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.tablerep2nrd {
	background-image: url(../images/infobg_rep2.jpg);
	background-repeat: repeat-y;
	width: 231px;
}




.tableleft {
	background-image: url(../images/infobg_left.gif);
	height: 190px;
	width: 565px;
}

.tableright {
	background-image: url(../images/infobg_right.gif);
	height: 190px;
	width: 565px;
}

.menukaarten {
	background-image: url(../images/bgmenukaart.gif);
	height: 197px;
	width: 581px;
	background-repeat: no-repeat;
	background-position: bottom;
}

.contact_bck {
	background-image: url(../images/bgcontact_bck.gif);
	height: 256px;
	width: 561px;
	background-repeat: no-repeat;
}

.contact_fr {
	background-image: url(../images/bgcontact_fr.gif);
	height: 256px;
	width: 561px;
	background-repeat: no-repeat;
}

.catering {
	background-image: url(../images/catering_bg.gif);
	width: 430px;
	background-repeat: repeat-y;
}

.catering_foto {
	background-image: url(../images/foto_catering.jpg);
	width: 123px;
	background-repeat: no-repeat;
	height: 487px;
	background-position: 2px 25px;
}

a.menu:link, a.menu:visited {
  color            : #000000;
  text-decoration  : none;
}

a.menu:hover {
  color            : #D20101;
  text-decoration  : none;
}
/* einde TokoJoyce CSS */