/* 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:#ffbbbb;

	vertical-align:top;
	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;

	margin-left:150px;
	padding:1.3em;
	padding-right:1.7em;
}


/************************************************/
/* 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:#f9f9e9; */
	background-color:#ffbbbb;
	
	height:80px;
	width:100%;
	vertical-align:top;
	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:15px;
	margin-left:150px;
}

#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:black;}
#topcomponents a:active {color:black;}

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

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

#navbarpos {
	margin:0px;
	padding:0;
	width:150px;
	height:100%;
	vertical-align:top;
	
	line-height:130%;
	position:absolute;
	overflow:auto;

	background-color:#ffbbbb;
	top:0px;
	left:0px;

	z-index:3;

	font-family:serif;/* !important */
}

#navbarpos #logoleft {
/*	background-image:url(); */
	background-color:#ff8383;
	background-position:0px 0px;
	background-repeat:no-repeat;

	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:80px;
}
#navbarpos #logoleft img {
	position:relative;
	top:7px;
	left:7px;
}

#navbarpos #logoleft a {
	width:150px; /* 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:14px;
	font-family:bitstream vera sans,sans-serif;
	line-height:130%;
	text-decoration:none;
}
#navbarpos a:link {color:black;}
#navbarpos a:hover {
	color:black; 
	background-color:transparent;
	text-decoration:none;
}
#navbarpos a:visited {color:black;}
#navbarpos a:active {color:black;}

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

/* 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; */
}


/************************************************/
/* (nested) lists: */
/************************************************/
#navbarpos ul {
	list-style-type:none;
	margin-left:0px;
	padding:2px 2px 2px 17px;
}

/* the root-list item should be further intended */
#navbarpos ul#navlistroot {
	margin-left:5px;
	/* margin-left:10px; */
}

#navbarpos li {
	/* childs of li#marker need to overwrite list-style-*:  */
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:2px;
	margin-bottom:5px;
}

/* intend lists more to the left if they are deep in the hierarchy */
#navbarpos li ul ul {
	padding-left:10px;
	padding-right:1px;
}


/** opened branch. Used to force visibility. */
#navbarpos li#opened {}

/** opened branch. Used to force visibility.
    This tag here is redundand as we can deduce it (better!) with li#opened,
    but since this deducing does not work in IE, I also provide this 
    possibility. */
#navbarpos ul#opened {}

/* An extension to li#opened which also shows a bullet. */
#navbarpos li#marker {
	display:list-item;
	/* list-style-image:url(http://bullet.png); */ /* Idea: I could use a bullet with a '-' sign in it -> clicking should set id li#marker_no_open */
}

/* The same as li#opened but this one does not expand sub-menus automatically
   Use with care: if auto-expansion of menus does not work, the submenu may not be accessable!
*/
#navbarpos li#marker_no_open {
	display:list-item;
	list-style-image:url(http://.png); /* Idea: I could use a bullet with a '+' sign in it -> clicking should set id li#marker */
}

/* mark the opened/marked branches (but only the directly following texts) */
/*
#navbarpos li#opened>a, #navbarpos li#marker>a, #navbarpos li#marker_no_open>a {
	font-weight:bold;
	font-style:italic;
}
*/


/************************************************/
/* Erweiterung zur dynamischen Ein-/Ausblendung */
/************************************************/

/* do not display sub-lists per default: save space */
#navbarpos li ul {
	display:none;
}


/* display all <ul> which are one hierarchy lower than an 
   li#opened or li#marker */
/* DEPRECATED: #navbarpos ul#opened does the same job
#navbarpos li#opened>ul, #navbarpos li#marker>ul { 
	display:block;
}
*/

/* this does the same task for explicitly 'opened' sublists. */
#navbarpos ul#opened {
	display:block;
}


/*
 display sub list iff the cursor points on 
 the '<li>' one hierarchy above the sub list.
 you can remove the '>' then all sub lists down 
 to the last leaf will be expanded.
*/
/* disabled: was too tricky to navigate:
 * If you want to enable it, you may also want to disable wrapping of insname
#navbarpos li:hover>ul {
	display:block;
}
*/
/************************************************/
/* Link management                              */
/************************************************/

#navbarpos ul a {
	color:black;
	text-decoration:none;
}

#navbarpos ul a:hover {
	background-color:#ff8383;
	text-decoration:none;
}

#hausnummer {
	float:right;
	position:relative;
	top:60px;
	right:40px;
}

#navbarpos .flags {
	margin-left:35px;
}
#navbarpos .flags a {
	margin-right:5px;
}