/*
	Layout by Vidal van Bergen.
	BASIC COLOR VALUES:
			Rood:             #C8071A
			Donker Grijs:     #474747
			Middel Grijs:     #787A79
			Light  Grijs:     #ADADAD
*/

/* Master Stylesheet */

/* @group Global Settings */

html, body, iframe {
	border: 0;
	margin: 0;
	padding: 0;
	height: 100%;
}

html { overflow-y: scroll; }

body {
	font: 11pt/1.4em Arial, Helvetica, Geneva, sans-serif;
	color: #333;
}

a,
a:link,
a:visited,
a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
a img   { border: none; }

/* @end Global Settings */


/* @group Common Formatting */

p, ul, ol {
	margin: 0;
	padding: 0 0 1.25em 0;
	line-height: 1.25em;
}

ul, ol { padding: 0 0 1.25em 2.5em; }

fieldset { border: 1px solid #D6D5D9; padding: 5px;}
legend { color: #335EA8; }

/* @end Common Formatting */



/* @group Links */


input[type=submit],label,select,.pointer    { cursor:pointer; }

/* @end Links*/



/* @group Forms */

form {
	margin: 0;
	padding: 0;
	display: inline;
}

textarea {
	width: 100%;
	line-height: 1.25;
	
	/* Because it gets this vague gray background in Firefox sometimes: */
	background: white;
	border: 1px solid #AAA;
	overflow-y: scroll;
}

/* @end Forms */



/* @group Tables */
table {
	border: 0;
	margin: 0 0 1.25em 0;
	padding: 0;
}
/* @end Tables */


/* @end Global Classes*/

/* ---------------------------------------- */

/* @group Site Specific */

#ArboCatalogus {
	background: #FFF url('../Images/backgroundgradient.png') repeat-x;
}
#header {
	margin: 0 2%;
	min-width: 850px;
	position: relative;
	height: 110px;
	background: url('../Images/headerbg.png');
}
.headerLogo {
    position: relative; 
    top: 21px; 
    left: 10px; 
}



/* 1.1 Navigatie */
.navigation-wrap {
	position: absolute;
	right: 0; left: 390px;
	bottom: 0;
	padding-right: 10px;
}
ul.navigation		{ float: right; margin: 0px; padding: 10px 0px; }
ul.navigation li	{ display: inline; float: left; }
ul.navigation li a	{
	color: #333;
	font-weight: bold;
	font-size: 11pt;
	line-height: 16px;
	padding: 0 7px;
	
	text-shadow: 0 1px 0 white;
}
ul.navigation li.selected a,
ul.navigation li a:hover { color: #C8071A; }

/* END Navigatie */

/* 2. START SubHeader */
.mainFrame 
{
	min-width: 600px;
	min-height: 400px;
}

#barContent {
	height: 175px;
	position: absolute;
	top: 110px;
	width: 100%;
	min-width: 890px;
	background: #C8071A url('../Images/headerbar_bigsmall.png') repeat-x;
	color: White;
	overflow: hidden;
}
/* END SubHeader */

#mainIE6Content
{
	width:100%;
	max-height: 200px;
	height: 470px;
	position: absolute;
	top: 285px;
	bottom: 40px;
	left: 0%; right: 0%;
	background: white url('../Images/topshadow.png') repeat-x;
	overflow:auto;
}

/*
#navIE6Content
{
	width: 100%;
	min-height: 400px;
	background: white url('../Images/topshadow.png') repeat-x;
	overflow:auto;
}
*/

/* 3. START Content */
#mainContent {
	min-width: 860px;
	min-height: 280px;
	position: absolute;
	top: 285px;
	bottom: 40px;
	left: 2%; right: 2%;
	background: white url('../Images/topshadow.png') repeat-x;
}
/* 3. END Content */

/* 4. START Footer */
#footer {
	position: fixed;
	bottom: 0px;
	height: 40px;
	width: 100%;
	background: url('../Images/footer.png') repeat-x;
}

* html #footer { position: absolute; }

#footer span {
    position: absolute;
    top: 0px ;height: 24px;
    right: 2%; left: 2%;
    
    min-width: 830px;
    padding: 5px 10px 0px 10px;
    
    color: white;
    font-size: 10pt;
    font-weight: bold;
}

#footer span .left { float: left; }
#footer span .right { float: right; }
#footer a { color: white; text-decoration: underline;}
#footer a:hover { text-decoration: none; }
/* 4. END Footer */



/*------------------- START MENU ------Catalog.aspx ----------------*/
.Menu
{
	position:relative;
	float:left;
	width:305px;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
.Menu div table tr { border-bottom: 1px solid white; } /* Seperator */
.Menu div table tr:hover td { text-decoration: underline; cursor: pointer; } /* Makes hover work for browsers other then IE */

.ManageButtons
{
	float:left;
	width:100%;
}
.Level0
{
	color: white;
	background-color:#C8071A;
	float:left;
	width:65%;
    border-bottom: 1px solid white;		
	padding: 2px 4px;
	margin-right: 2px;
}
.Level1
{
	color: white;
	background-color:#474747;
	width:65%;
	float:left;
	/* text-indent:10px; */
    border-bottom: 1px solid white;		
	padding: 2px 4px;
	margin-right: 2px;
}
.Level2
{
	color: white;
	background-color:#787A79;
	float:left;
	width:65%;
	/* text-indent:20px; */
    border-bottom: 1px solid white;		
	padding: 2px 4px;
	margin-right: 2px;
}
.Level3
{
	color: white;
	background-color: #ADADAD;
	float: left;
	width: 65%;
	/* text-indent: 30px; */
    border-bottom: 1px solid white;		
	padding: 2px 4px;
	margin-right: 2px;
}
.Level4
{
	color: white;
	background-color: #88071A;
	float:left;
	width:65%;
    border-bottom: 1px solid white;		
	padding: 2px 4px;
	margin-right: 2px;
}

/*------------------- EIND MENU ------------------------------*/

.TDTitle
{
    width:150px;   
    vertical-align:top;    
}

#ContentDiv { overflow:auto; }
#ThemePanel { border: 1px solid red; }

.DisplayExample { 
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	position: absolute;
	
	font-size: 120%;
	line-height: 1.4em;
}

/* ----- Search Page ------- */
.InvalidSearchInput 
{
    position: absolute;
    top: 142px; left: 105px;
    font-weight: bold;
}
.SearchField 
{
    position: absolute;
    top: 119px;
    left: 100px;
    right: 280px;
    min-width: 500px;
}
.SearchButton
{
    position: absolute;
    top: -175px;
    right: 60px;
}
.MagnifyStilskin 
{
    position: absolute;
    top: 0px;
    right: 44px;
}

/* ------ Seach Page ------- */

.subHeaderLargeText 
{
    position:relative;
    left:100px;
    top: 0px;
    font-family: 'Josef Pro', Arial, Helvetica, Geneva, sans-serif;
}
/* @end site specifics */