/* creates a container block that is horizontally centered */

.divContainer
{
	position: relative;
	margin: 10px auto;
	margin-top: 0px;
	width: 1000px;
	border-left: 2px solid #b6b6b6;
	border-right: 2px solid #b6b6b6;
}

/* the topmost bar with logo and top right menu */

.divMasthead
{
	height: 90px;
	padding-right: 5px;
}

.divTopMenu
{
	position: relative;
	text-align: right;
	height: 15px;
}

.divLogoBanner
{
	position: relative;
	top: 5px;
	left: 13px;
	width: 982px;
}

.spanLogo
{
}

.spanBannerFull
{
	margin-left: 192px;
}

/* the main menu (tabs) */

.divTabs
{
	height: 21px;
	background-image: url("../img/tab_bar_empty.png");
	padding-left: 8px;
}

/* a container makes sure the left and right borders are shown even when there is little content */
/* it also is a canvas for absolute positioning of its child blocks */

.divContentContainer
{
	width: 974px;
	margin: 0px;
	min-height: 514px;
	padding-top: 14px;
	padding-left: 13px;
}

/* the block that will contain the regular page content */

.divContent
{
	width: 800px;
	margin-bottom: 20px;
	/*margin-left: 13px;*/
	/*margin-left: -987px;*/
	/*float: left;*/
	/*position: relative;*/
	/*left: 100%*/
}

/* the rightmost block that contains the 3 Vind/Plaats blocks */

.divBlocks
{
	width: 160px;
	float: right;
}

/* 60 px block for Plaats Opdracht */

.divBlock1
{
	width: 160px;
	height: 60px;
	background-image: url("../img/block_60.png");
}

/* 190 px block for Vind Interim/Opdracht */

.divBlock2
{
	margin-top: 20px;
	width: 160px;
	height: 190px;
	background-image: url("../img/block_190.png");
	border-color: 
}

/* inner padding for blocks and form input style(s)*/

.divBlockContent
{
	position: relative;
	top: 10px;
	left: 10px;
}

.blockinput
{
	margin-top: 1px;
	margin-bottom: 8px;
	width: 132px;
	padding-left: 4px;
	padding-top: 3px;
	font-family: verdana;
	font-size: 11px;
	color: #333333;
}

.blockselect
{
	margin-top: 1px;
	width: 140px;
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	height: 18px;
}


/* content block for displaying special messages such as error messages, tips and submenu's */

.divMessageContainer
{
	width: 800px;
	height: 60px;
	background-image: url("../img/long_block_message.png");
	margin-bottom: 20px;
}

.divMessage
{
	position: relative;
	width: 780px;
	height: 39px;
	top: 11px;
	left: 10px;
	overflow: auto;
}

/* content block with icon on the right for displaying special messages such as error messages, tips and submenu's */

.divIconRightContainer
{
	width: 800px;
	height: 60px;
	background-image: url("../img/long_block_icon_right.png");
	margin-bottom: 20px;
}

.divIconRight
{
	position: relative;
	width: 730px;
	height: 39px;
	top: 11px;
	left: 10px;
	overflow: auto;
}

/* content block with icon on the left for displaying special messages such as error messages, tips and submenu's */

.divIconLeftContainer
{
	width: 800px;
	height: 60px;
	background-image: url("../img/long_block_icon_left.png");
	margin-bottom: 20px;
}

.divIconLeft
{
	position: relative;
	width: 730px;
	height: 39px;
	top: 11px;
	left: 60px;
	overflow: auto;
}

/* content block for raw content */

.divTextContainer
{
	margin-bottom: 20px;
}

.divText
{
}

/* content block for the filmstrip on the homepage */

.divFilmstripContainer
{
	width: 800px;
	height: 105px;
	background-image: url("../img/long_block_filmstrip.png");
	margin-bottom: 20px;
}

.divFilmstrip
{
	height: 85px;
	width: 780px;
	background-image: url("../img/filmstrip.png");
	position: relative;
	top: 10px;
	left: 10px;
}

.imgFilmstrip
{
	float: left;
	margin-left: 5px;
	margin-top: 12px;
}

/* content block for headings/titles (used as paragraph/subsection separators within one page) */

.divHeadingContainer
{
	width: 800px;
	height: 21px;
	background-image: url("../img/long_block_21.png");
	margin-bottom: 10px;
}

.divHeading
{
	position: relative;
	top: 1px;
	left: 10px;
	font-weight: bold;
	color: #fb6400;
}

/* table layout */

.tblTable
{
	border-bottom: 1px dotted  #fb6400;
	margin-bottom: 20px;
	margin-left: 10px;
}

.tblTable th
{
	text-align: left;
	padding-right: 20px;
	border-bottom: 1px dotted  #fb6400;
}

.tblTable td
{
	text-align: left;
	padding-right: 20px;
}

.tblTrOdd
{
	background-color: #f9f9f9;
}

.tblRowHover
{
	background-color: #eeeeee;
	cursor: pointer;
}


/* bottom menu */

.divBannerLeader
{
	width: 1000px;
	border-top: 2px solid #b6b6b6;	
	text-align: center;
	height: 90px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.divBottomMenu
{
	width: 1000px;
	border-top: 2px solid #b6b6b6;	
	border-bottom: 2px solid #b6b6b6;	
	text-align: center;
	height: 20px;
	line-height: 17px;
	background-color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

.divFooter
{
	text-align: center;
	height: 25px;
	background-color: #ffffff;
	font-size: 9px;
	text-decoration: none;
}

.divFooter a
{
	text-decoration: none;
}

.divFooter a:hover
{
	text-decoration: underline;
}

.divBannerSkyL
{
	position: absolute;
	top: 111px;
	left: -127px;
}

.divBannerSkyR
{
	position: absolute;
	top: 111px;
	right: -127px;
}