body {
	margin-top: 0px;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
	cursor: default;
}
a {
	color: black;
}
table.main {
	border-collapse: collapse;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: white;
	table-layout: fixed;
	width: 800px;
	border: 0px solid gray;
}
table.main td.bottom {
	font-family: Arial;
	background-color: #333333;
	color: white;
	text-align: center;
	font-size: 9px;
	height: 15px;
	border: 1px solid gray;
}
table.main td.logo {
	background-image: url(../images/kop_onder_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*******************
*** Square cells ***
*******************/
td.squareborder {
	border: 1px solid gray;
}

div.square {
	overflow: hidden;
	position: relative;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

div.text_title_bar_on, div.text_title_bar_off, div.text_title_nobar, div.text_title_bar_small {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 8px;
	height: 24px;
	color: black;
	font-family: Century Gothic;
}

div.text_title_bar_on {
	background-color: #B3081B; /*#4fa8f3;*/
	font-size: 22px;
	background-position: top left;
	background-repeat: no-repeat;
	letter-spacing: 2px;
	color: white;
}

div.text_title_bar_off {
	background-color: transparent;
	color: #B3081B; /*#4fa8f3;*/
	font-size: 22px;
	letter-spacing: 2px;
}

div.text_title_bar_small {
	background-color: #B3081B; /*#4fa8f3;*/
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
}

div.text_title_nobar {
	font-weight: bold;
	font-family: Verdana;
}

div.text_text {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 8px;
	font-size: 11px;
	line-height: 16px;
}

div.overlay {
	visibility: hidden;
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: silver;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
	opacity: 0.2;
	cursor: pointer;
}

/*******************
** Form elements ***
*******************/
input.text {
	background: url(../images/input.gif) left top no-repeat;
	/* background-attachment: fixed; <- not compatible with FF?? */
	background-color: transparent;
	border: 0px none;
	width: 75px;
	height: 19px;
	padding: 3px 5px 0px 5px;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

input.button {
	font-size:11px;
	font-family:Verdana,sans-serif;
	font-style:italic;
}

select, input {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*******************
**** Showrooms *****
*******************/
table.list td {
	height: 15px;
	padding: 8px;
}
td.hover {
	color: white;
	background-color: #4fa8f3;
	cursor: pointer;
}
td.hoverout {
	background-color: transparent;
	color: black;
}
table.listsmall td {
	height: 10px;
	padding: 6px;
}
	
/*******************
*** Vlekkenadvies **
*******************/
span.listheader, span.listheader_hover {
	font-weight: bold;
	cursor: pointer;
	line-height: 30px;
}

span.listheader_hover {
	background-color: black;
	color: white;
}
