/* defines three main regions:

---------------------------------------------
|     |   titlebar                          |
|     |                                     |
|     |-------------------------------------|
|     |                                     |
| NAV | #normalbody div#textstart           |
|     |                                     |
|     |                                     |
|     |                                     |
|     |                                     |
|     |                                     |
|     |                                     |
|     |                                     |
------| - - - - - - - - - - - - - - - - - - |- end of browser-height
|     |                                     |
|left-|                                     |
|space|                                     |
---------------------------------------------

With the following properties:
- navbarpos and titlebar should not scroll
- text comes into a div named #textstart
- for older browsers which do not support 'fixed',
  we provide the region '#normalbody div#leftfreespace'
  which continues the background color of the navbar
- Scrollbars in navbarpos should be displayed if necessary.
*/

#normalbody {
/* 
This here is a workaround for older browsers which don't 
support position:fixed. They scroll down and below the navbar is the same
color as in the navbar while the textstart-section has white background.
*/
	background-color:#FFFFFF;
	vertical-align:middle;
	margin:0px;
	
/*
 * It would be quite good to use 'position:fixed; overflow:scroll;'. However,
 * both features are not ready to use (especially in IE), so we hide a part of the main text below 
 * the titlebar with z-index.
 * This should not be a problem except that anchors will be displayed BELOW titlebar.
 * This can be circumvented by a javascript check which scrolls automatically on page load
 * if an anchor has been requested.
 */
	position:absolute;
	top:80px;
	left:0px;
}

#normalbody div#textstart {
	background-color:white;
/*	background-image: url(../img/background.gif);*/
	margin-left:170px;
	padding:1.3em;
	padding-right:1.7em;
	width:850px;
}


/************************************************/
/* Top part                                     */
/************************************************/
/*
 * A div which spans the complete width.
 * Put the #titlebar into this div!
 * @note this is a work around. Please take a look at #titlebar for details.
 */
#topcomponents {
	
	background-color:#0060B0;
	background-image:url(../img/gradient2.gif);
		height:80px;
	width:100%;
	vertical-align:middle;
	text-align:center;
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#topcomponents img {
	border-style:none;
}

/* 
 * This #div will contain the titlebar and its components.
 *
 * @remark It is encapsulated in another div (#topcomponents) because older Internet Explorer have non-standard behavior of padding and height/width.
 * The extra-div will be processed correctly.
 */
#topcomponents #titlebar {
	padding-top:0px;
	margin-left:170px;
}

#topcomponents * {
	font-size:14pt;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	font-family:bitstream vera sans,sans-serif;
	text-decoration:none;
}

#topcomponents a:link {color:black;}
#topcomponents a:hover {
	color:black; 
	background-color:transparent;
	text-decoration:none;
}
#topcomponents a:visited {color:white;}
#topcomponents a:active {color:white;}

#topcomponents #logoright {
	margin:-10px 8px 0 0;
	float:right;
}

/************************************************/
/* Navbar                                       */
/************************************************/

#navbarpos {
	margin:0px;
	padding:0px;
	width:170px;
	height:100%;
	vertical-align:top;
	background-image:url(../img/gradient.gif);
	line-height:130%;
	position:absolute;
	overflow:visible;
	background-color:#0060B0;
	top:0px;
	left:0px;
	z-index:3;
	font-family:serif;/* !important */
}

#navbarpos #logoleft {
	background-color:#0060B0;
	background-position:0px 0px;
	background-image:url(../img/gradient.gif);
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:80px;
}
#navbarpos #logoleft img {
	position:relative;
	top:0px;
	left:0px;
}

#navbarpos #logoleft a {
	width:170px; /* using 100% would be better, but IE does not understand it */
	height:150px;
	position:absolute;
	top:0px;
	left:0px;
}

/************************************************************************
 * overwrite any side specific changes to the default layout so that the 
 * outer frame is always the same
 */
#navbarpos * {
	/* this is the same as in main.css */
/*	font-weight:normal; */
	font-style:normal;
	font-variant:normal;
	font-size:10pt;
	font-family:bitstream vera sans,sans-serif;
	line-height:130%;
	text-decoration:none;
	color:white;
	font-weight:bold;
}

/*#navbarpos a:link {
	color:ffffff;
	font-weight:bold
}*/

#navbarpos a:hover {
	color:#0060B0; 
	background-color:#C7DCEE;
	text-decoration:none;
}
#navbarpos a:visited {color:0060B0;}
#navbarpos a:active {color:0060B0;}

/************************************************************************/

/* modern browsers: make navbar and title fixed */
html>body #navbarpos {  
    position:fixed;
}

html>body #topcomponents {
    position:fixed;
}

#navbarpos #groupname {
	font-size:16px;
	margin-top:130px;
	text-align:center; 
	font-weight:bold; 
	margin-bottom:30px;
	/* white-space:nowrap; */
}