html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;

	margin: 0px;
	
	padding: 0px;

	font-family: arial, sans-serif;
	font-size: 11px;

}



/*--- Opmaak voor de site-layout tabellen ---*/
#siteHead
{
	width: 100%;
	height: 150px;
	
	border-spacing: 0px;
	border-collapse: collapse;

	table-layout: fixed;
}

#siteLayout
{
	width: 100%;
	height: 100%;
	
	border-spacing: 0px;
	border-collapse: collapse;

	table-layout: fixed;
}

#loLogo
{
	width: 175px;
	height: 125px;
 	
	text-align: center;
	vertical-align: middle;

	padding: 0px;

	color: #CCCCCC;	
	background-color: #EEEEEE;
}

#loBanner
{
	width: 600px;
	height: 100px;
	
	
	padding: 0px;

	text-align: center;	
	vertical-align: middle;

	color: #CCCCCC;	
	background-color: #CA0A1A;

	background-image: url("../images/banners/banner.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#loMenu
{
	width: 600px;
	height: 25px;
	
	padding: 0px;
		
	vertical-align: bottom;
	text-align: left;
	background-color: #EEEEEE;
}

#loLeft
{
	width: 175px;

	vertical-align: top;

	padding-top: 0px;
	padding-left: 15px;

	background-color: #EEEEEE;	
}

#loNavBar
{
	width: 600px;
	height: 20px;

	border-color: #CA0A1A;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
}

#loContent
{
	width: 600px;
	height: 100%;

	padding: 5px;

	vertical-align: top;

	border-color: #CA0A1A;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	
	background-image: url("../images/backgrounds/content_background.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #FFFFFF;
}

.empty
{
	height: 100%;

	background-color: #777777;

	background-image: url("../images/backgrounds/empty.gif");
	background-repeat: repeat;

}



/*--- Logo ---*/
#loLogo img
{
	border-width: 0px;
	border-style: none;
}



/*--- Main menu  ---*/

#menu
{
	background-color: #EEEEEE;

	margin: 0px;
	padding: 0px;

	list-style: none;

	font-family: arial, sans-serif;
	font-size: 10px;
}

#menu li
{
	background-color: #EEEEEE;
		
	border-width: 0px;
	
	float: left;

	vertical-align: middle;
}

#menu li a
{
	color: #000000;
	text-decoration: none;

	background-color: #AAAAAA;
	background-image: url("../images/tabs/tab_tunix.gif");
	background-position: top right;
	background-repeat:  no-repeat;

	padding: 4px 7px 2px 4px; 

	border-right-width: 1px;
	border-right-color: #EEEEEE;
	border-right-style: solid;
	
	display: block;
}

#menu .activePage 
{
	color: #FFFFFF;
	text-decoration: none;

	background-color: #CA0A1A;
	background-image: url("../images/tabs/tab_tunix_active.gif");
	background-position: top right;
	background-repeat:  no-repeat;

	border-right-width: 1px;
	border-right-color: #EEEEEE;
	border-right-style: solid;

	display: block;
}

#menu li a:hover, #menu li a.jsHover
{
	color: #CA1A0A;
	text-decoration: none;
}

#menu .activePage:hover, #menu .activePage.jsHover
{
	color: #FFFFFF;
	text-decoration: none;
}



/*--- Submenu ---*/

.subMenu 
{
	position: absolute;
	width: 140px;	

	visibility: hidden;	
	
	top: auto;

	border-style: solid;
	border-width: 1px;
	border-color: #777777;

	background-color: #EEEEEE;

	list-style: none;
	padding: 0px;
	margin: 0px;
}

#menu li:hover .subMenu a, #menu li.jsHover .subMenu a
{
	color: #000000;
	text-decoration: none;
	font-weight: normal;

	background-color: #EEEEEE;
	background-image: none;
	
	width: 138px;

	padding: 0px 0px 0px 2px;
	margin: 0px;
	
	border-width: 0px;

	display: block;
}

#menu li:hover .subMenu a:hover, #menu li.jsHover .subMenu a:hover
{
	color: #CA1A0A;
}

#menu li:hover .subMenu, #menu li.jsHover .subMenu
{
	visibility: visible;
}



/*--- sub-submenu ruleset ---*/

.subSubMenu 
{
	position: absolute;

	top: auto;	

	list-style: none;
	margin: -15px 0px 0px 140px;
	
	width: 188px;

	border-style: solid;
	border-width: 1px;
	border-color: #777777;

	background-color: #EEEEEE;

	padding: 0px 0px 0px 2px;
}

#menu li:hover .subMenu li:hover .subSubMenu li a, #menu li.jsHover .subMenu li.jsHover .subSubMenu li a
{
	width: 186px;
	
	padding: 0px;
}

.subMenu li .subSubMenu 
{
	visibility: hidden;
}

.subMenu li:hover .subSubMenu, .subMenu li.jsHover .subSubMenu
{
	visibility: visible;
}


/*-- Sitemap --*/
#sitemap a
{
	font-weight: bold;

	list-style: none;

	color: #CA1A0A;
}

#sitemap ul a
{
	font-weight: normal;

	color: #555555;
}

#sitemap ul a:hover
{
	color: #CA1A0A;
}


#sitemap ul ul
{
	font-style: italic;

	list-style: none;
}



/*-- Left panel --*/
#loLeft table
{
	width: 150px;	

	border-width: 0px 0px 1px 0px;
	border-color: #CA1A0A;
	border-style: solid;

	border-spacing: 0px;
	border-collapse: collapse;

	background-color: #EEEEEE;

	font-family: arial, sans-serif;
	font-size: 11px;
}

#loLeft table td 
{
	background-color: #FFFFFF;

	border-width: 0px 1px 0px 1px;
	border-color: #CA1A0A;
	border-style: solid;

	padding: 1px;
}

#loLeft table .nieuwsKop
{
	color: #FFFFFF;

	font-weight: bold;
}

#loLeft table .nieuwsKop td
{
	background-color: #CA0A1A;
	background-image: url("../images/tabs/tab_nieuws.gif");
	background-repeat: no-repeat;
	background-position: top right;

	border-width: 0px 0px 0px 1px;

	color: #FFFFFF;
	font-weight: bold;
}

#loLeft table tr .nieuwsActive a
{
	text-decoration: none;
	text-align: justify;
	color: #CA1A0A;	
}

#loLeft table a
{
	text-decoration: none;

	text-align: justify;

	color: #333333;
}

#loLeft table a:hover
{
	color: #CA1A0A;
}

#loLeft img
{
	border-width: 0px;
	border-style: none;
}


#loLeft .testimonial
{
	text-align: center;	

	padding: 2px;
}

#loLeft .testimonial img
{
	border-color: #777777;
	border-width: 1px;
	border-style: solid;

	width: 100px;
	height: 100px;
}

#zoekVeld 
{
	width: 143px;
}


/*--- forms ---*/

input, textarea
{
	background-color: #EEEEEE;	

	border-color: #777777;
	border-width: 1px;
	border-style: solid;
}

textarea
{
	width: 312px;
}

.invalid
{
	color: #CA0A1A;
}

.overbooked
{
	color: #CA0A1A;
}

.invalid input, .invalid textarea
{
	border-color: #CA0A1A;
	border-width: 1px;
	border-style: solid;
}


/*--- Titels ---*/
.pageTitle
{
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #CCCCCC;
	
	width: auto;
}

.pageTitle td
{
	font-size: 18px;
}

.holdingTitle
{
	font-weight: bold;

	color: #CA0A1A;
}

#loContent table.homeItem
{
	border-width: 0px;
	border-style: none;

	width: 270px;
}

#loContent table.homeItem a
{
	text-decoration: none;
	
	color: #555555;
}

/*--- ruleset voor content ---*/


#loContent .page
{
	width: 550px;
	
	text-align: justify;
}

#loContent .currency
{
	text-align: right;
}

#loContent .nieuwsKop
{
	font-weight: bold;

	/*background-color: #FEF6DE;*/
}

#loContent img.icon
{
	border-width: 0px;
	border-style: none;
}

#loContent img
{
	border-color: #777777;
	border-width: 1px;
	border-style: solid;
}

#loContent img.rating
{
	border-width: 0px;
	border-style: none;
}

#loContent li 
{
	font-weight: normal;

	list-style: none;
}



#loContent td.image
{
	width: 100px;
	height: 100px;
}

#loContent td.image img
{
	width: 100px;
	height: 100px;
}

#loContent a
{
	text-decoration: none;
	color: #CA0A1A;
}

#loContent a.grijs
{
	text-decoration: none;
	color: #555555;
}

pre, listing
{
	font-size: 9px;
	font-family: arial, sans-serif;
}

/*--
a
{
	text-decoration: none;
	
	color: #555555;
}
--*/


a:hover
{
	color: #CA0A1A;
}



h1
{
	font-size: 18px;

	color: #CA0A1A;
}

h2
{
	font-size: 15px;

	color: #555555;
}

table
{
	border-collapse: collapse;
	border-spacing: 0px;
	
	padding: 2px;

	font-size: 11px;
}

table td
{
	padding: 2px 4px 2px 4px;
	vertical-align: top;
}

table tr th
{
	text-align: left;

	color: #CA0A1A;
	font-weight: bold;

	height: 0%;
}