/************************************************/
/* e_Gress                                			*/
/* Medium: screen                           		*/
/* Structural styles: layout and nav         		*/
/* Version: 3                                   */
/* -------------------------------------------- */
/* Copyright Hic et Nunc            						*/
/* www.hicetnunc.nl - info@hicetnunc.nl         */
/* Date: may 2005                               */
/************************************************/

html, body {height:100%;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	background-color: #fff;
}

#searchLayer {
	position: absolute;
	top: 80px;
	left: 265px;
	padding: 10px;
	font-size: 70%;
	color: #005a9c;
	border: 1px solid #5994bf;
	background-color: #d9e6f0;
}
#leftSearchLayer {
	margin: 0;
	padding: 3px;
	font-size: 1em;
	color: #005a9c;
	border: 1px solid #5994bf;
	background-color: #d9e6f0;
}
#searchBox {
	height: 16px;
	border: solid 1px #5994bf;
}

/* Main page Wrapper */
#container {
	position: relative;
	margin: 0 auto;
	width: 100%; 
	height: 93%;
	min-height: 99.8%;
	background: url(../images/leftcolumn_bg.png);
	background-repeat: repeat-y;
}

html>body #container {
	height: auto; /* IE/Win hack */
}


/***********************************************/
/* HEADER STYLES                               */
/***********************************************/

/* Header container */
#header {
	position: relative;
	width: 100%;
	margin: 0;
	background-color: #fff;
}

#headerSiteName {
	margin: 0;
	padding: 0;
}

#headerLanguages {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
}
#headerLanguages img {
	margin-right: 10px;
	border: 1px solid #d9e6f0;
	opacity: 0.7;
	filter: alpha(opacity=70)
}
#headerLanguages img:hover, #headerLanguages img.selected {
	opacity:1;
	filter: alpha(opacity=100)
}

/************** Utility styles *****************/
/* Utility styles for right-align menu: "uitloggen" and "help" */

#headerUtility {
	position: absolute;
	top: 10px;
	left: 540px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	font-weight: bold;
	text-align: right;
}

#headerUtility a {
	line-height: 2.3em;
	color: #5994bf;
	text-decoration: none;
}
#headerUtility a:hover {
	color: #000;
	text-decoration: underline;
}
a.topNavSelected {
	color: #000;
}

/************** Main horizontal navBar *****************/

#mainNavBar {
	position: relative;
	width: 100%;
	height: 19px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #005a9c;
	border-bottom: 1px solid #005a9c;
	background-color: #fff;
}

/* logo */
#logo {
	float: left;
	width: 200px;
	background-image: url(../images/logo_fietsberaad.png);
	background-repeat: no-repeat;
	height: 19px;
	margin: 0;
	padding: 0;
}
#logo_print { display: none; }

/* Menu list */
#mainNav {
	height:19px;
	margin:0;
	padding:0;
	margin-left:220px;
}
#mainNav ul {
	margin: 0;
	padding: 0;
	color: #005a9c;
	font-size: .6em;
	font-weight: bold;
}
#mainNav ul li { display: inline; }
#mainNav ul li a {
	float: left;
	padding: 4px 8px 4px 8px;
	color: #005a9c;
	line-height:1.1em;
	text-decoration: none;
}
#mainNav ul li a:hover {
	background-color: #a6c5dc;
	color: #000;
}

#mainNav ul li#mainNavSelected a {
	color: #ffffcc;
	background-color: #005a9c;
}


/************* Content Container ***************/

/* Container for fixed-width of content */
/* contains 2 colums: left navBar and main content area */
#contentContainer {
	width: 840px;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}




/************* Main Content area: actual page ***************/
/* Also set default font size to %80% */
#content {
	position: relative;
	left: 225px;
	width: 615px;
	padding: 20px 0 4em;
	font-size: .8em;
	line-height:1.4em;
	
}

#pageUtils {
	position: absolute;
	width: 615px;
	top: 0;
	padding: 10px 0 5px 0;
	font-size: .8em;
	line-height: 1em;
	color: #5994bf;
	text-align: right;
}
#pageUtils a { margin-right: 5px; color: #5994bf; text-decoration: none;}
#pageUtils a:hover { color: #000; text-decoration: none; }
#pageUtils img { margin-right: 3px; }

/************* BreadCrumb styles ***************/
#breadCrumb {
	padding: 0 0 8px 0;
	font-size: 80%;
	color: #818181;
}

#breadCrumb a {
	color: #818181;
	text-decoration: none;
}
#breadCrumb a:hover {
	color: #000;
	text-decoration: underline;
}

/************** Footer ****************/
#footer	{
	width: 100%;
	height: 2em;
	bottom: 0;
	margin-bottom: -1px;
	padding-top: 1.5em;
	padding-bottom: .5em;
	font-size: 60%;
	color: #5994bf;
	text-align: center;
	border-top: 1px solid #5994bf;
	background-color: #fff;	
}

#footer a:link, #footer a:visited {
	color: #5994bf;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}