/*
 * Main Stylesheed vvjisp.nl
 ******************************
 * Created August 25th 2007
 * main.css
 * 
 * 
 */
 
html {
	height:						100%;
	margin:						0px;
	padding:					0px;
	width:						100%;
}
body {
	background:					url("img/bg.png") center;
	color:						white;
	font:						10pt "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	height:						100%;
	margin:						0px;
	width:						100%;
	padding:					0px;
}

a {
	color:						#a45101;
	text-decoration:			none;
}

a:hover {
	color:						#800;
}

h3 {
	color:						#a45101;
	display:					block;
	font-size:					16pt;
	margin-bottom:				20px;
	margin-top:					0px;
	padding-top:				0px;
	text-align:					left;
	width:						100%;
}

h4 {
	color:						rgb(255, 153, 0);
	font-size:					13pt;
}

.subh3 {
	color:						gray;
	font-size:					9pt;
	font-weight:				bold;
}

/* ID's */
#Main {
	overflow:					scroll-y;
}
#bgTable {
	height:						100%;
	margin:						0px;
	min-width:					1013px;
	width:						100%;
}
#bgleft {
	border:						blue 0px solid
}
#bgright {
	border:						green 0px solid
}

#bgMain {
	min-height:					100%;
	vertical-align:				top;
	width:						803px;
}
#bgMenu {
	min-width:					200px;
	width:						200px;
}
#menuHeader {
	height:						140px;
}
#menuFloating {
	position:					fixed;
	top:						140px;
	width:						200px;
}
#menuTopRow {
	background:					url("img/menutoprow.gif") no-repeat;
	height:						13px;
	width:						200px;
}
#menuMainRow {
	background:					url("img/menubg.gif");
	border-left:				1px solid black;
	padding:					8px;
	vertical-align:				top;
}
#menuMainRow a {
	color:						white;
}
#menuMainRow a:hover {
	color:						#820;
}
#menuBottomRow {
	background:					url("img/menubottomrow.gif") no-repeat;
	height:						13px;
}
#menuBottom {
	height:						100%;
}
#menuTable {
	height:						100%;
	width:						100%;
}
#Header {
	height:						124px;
	margin:						0px;
	width:						803px;
}
#HeaderLogo {
	background:					url('img/header.gif') no-repeat 4px;
	float:						left;
	height:						124px;
	margin:						0px;
	width:						627px;
}

#TopRow {
	background:					url('img/toprow2.gif') no-repeat top left;
	height:						38px;
	margin:						0px;
	width:						803px;
}

#BottomRow {
	background:					url('img/bottomrow.gif') no-repeat top left;
	height:						16px;
	margin:						0px;
	width:						803px;
}

.MainImg {
	background:					url('img/mainimg2.gif');
	height:						302px;
	left:						-10px;
	position:					relative;
	top:						-10px;
	width:						803px;
}

#Spacer {
	height:						1px;
}

#MainForm {
	height:						100%;
}

#MainTable {
	height:						100%;
	width:						803px;
}

#MainRow {
	height:						100%;
}

.MenuItem {
	font-size:					9pt;
	min-height:					18px;
	margin-bottom:				3px;
	text-align:					left;
}
.MenuItem .MenuBase {
	border-left:				1px dotted white;
	display:					block;
	font-size:					9pt;
	padding:					6px;
	margin:						6px;
	margin-bottom:				10px;
	text-align:					left;
	vertical-align:				top;
}

.MenuOver {
	display:					block;
}
.SubMenu {
	display:					block;
}
.MenuOut {
	display:					block;
}

/* Tekst deel */
#Text {
	background:					url('img/mainbg.gif');
	height:						100%;
	vertical-align:				top;
}
.TextBase {
	padding:					10px;
	position:					relative;
	text-align:					left;
	top:						-38px;
	width:						783px;
}

.EditMenu {
	float:						left;
	height:						16px;
	margin-left:				4px;
	margin-right:				5px;
	margin-top:					3px;
	width:						38px;
}

.ExtraMenu {
	border: 					1px solid #4c4d4e;
	color:						black;
	display: 					block;
	height: 					21px;
	margin: 					5px;
	padding: 					2px;
	width:						80px;
}
.ExtraMenu:hover {
	color:						white;
}

/* Contact */

#Contact {
	color:						white;
	font:						8pt "Verdana", Helvetica, Arial, sans-serif;
	position:					absolute;
	right:						20px;
	text-align:					right;
	top:						15px;
	z-index:					10;
}
#Contact a {
	color:						#a45101;
}
#Contact a:hover {
	color:						#800;
}
#Info {
	background:					url("img/bg.png") center;
	border:						1px solid white;
	font:						8pt "Verdana", Helvetica, Arial, sans-serif;
	display:					none;
	margin-top:					5px;
	margin-right:				5px;
	padding:					5px;
	position:					absolute;
	right:						0px;
	text-align:					left;
	top:						10px;
	z-index:					100;
}
#Contact:hover #Info {
	display:					block;
	width:						200px;
}

/* Classes */
.Clear {
	clear:						both;
}

.navpos {
	background:					#dfcab5;
	border:						1px solid #533518;
	color:						#533518;
	font-size:					8pt;
	padding:					2px;
	margin-bottom:				10px;
}

.bremlogo {
	background-image:			url('img/brem-logo.png');
	background-repeat:			no-repeat;
	background-position:		center center;
	height:						60px;
	margin-top:					5px;
	width:						100%;
}
.copyright {
	color:						white;
	font-size:					9pt;
	height:						25px;
	text-align:					center;
	text-transform:				uppercase;
	width:						803px;
}