/*
 * Used colors:
 *	Coloro scheme "desert"
 *	#d9d9d9	bright grey		(Background color)
 *	#22437f	very dark blue		(separator line)
 *	#22434f very very dark blue	(borders of separation line)
 *
 *	#1160a0	dark blue		(Navigation buttons background)
 *	#5976b2	not so dark blue	(Frame color NAV block)
 *					(Top border color of menu entries)
 *	#22437f	more dark blue		(Bottom border color of menu entries)
 *	#34548f	more more dark blue	(Hover on inactive menu entry)
 *	#1884dd	bright blue		(active menu entry)
 *	#172e56	very very dark blue	(hover on active menu entry)
 *
 *	#eeeeee	light grey		(Text color in menu entries)
 *
 *	#fff	white			(Header & Content BG)
 *	#000	black
 *	#555	dark grey		(Text left side outside Navigation)
 *	#aaa	light grey		(frame line of content container)
 *	#777	not so dark grey	(Footer text)
 *
 *	#900	dark red		(unvisited Link)
 *	#48468f	blue			(visited Link)
 *	#f20	light red		(hover on Link)
 *
 */

/* Default Body attributes (BG color, font) */
body {
	font-size: 0.9em;
	font-family: bitstream vera sans,sans-serif;
	margin: 0;
	padding: 0;
	/* (The background color is specified elsewhere, so do a global replacement if it ever changes) */
	background-color: #d9d9d9;	/*####:BGCOLOR*/
}

/* no ugly blue frames on images */
img {
	border: 0;
}

/* unvisited Link */
a:link {
	color: #900;
}
a:visited {
	color: #48468f;
}
a:hover {
	color: #f20;
}


/*
 * Header part
 */
#header {
	background-color: #fff;
	height: 62px;
}
#header-logo {
	/* position is offset by the header padding amount */
	position: absolute;
	left: 20px;
	top: 10px;
	z-index: 3;
}
/* Sizing of header logo */
#header-logo img {
	width: 160px;
	height: 50px;
}

/* Items on right hand side of Header (right aligned) */
#header-items {
	/* position is offset by the header padding amount */
	position: absolute;
	right: 10px;
	top: 15px;
	text-align: right;
	display: inline;
}
#header-items a {
	color: #000;
	text-decoration: none;
	padding: 7pt;
	font-size: 0.8em;
}
#header-items a:hover {
	color: #f20;
	cursor: pointer;
}
#header-items img {
	margin-right: 1px;
}

/* Items on right hand sode of Header (left aligned) */
#header-items-left {
	/* position is offset by the header padding amount */
	position: absolute;
	left: 200px;
	top: 17px;
	text-align: left;
	display: inline;
}
#header-items-left a {
	color: #000;
	text-decoration: none;
	padding: 7pt;
	font-size: 0.8em;
}
#header-items-left a:hover {
	color: #f20;
	cursor: pointer;
}
#header-items-left img {
	margin-right: 1px;
}

/* Trennzeile oben */
#nav {
	margin: 0;
	padding: 0;
	background-color: #22437f;	/*####:SeparationLine*/
	font-size: 0;
	height: 5px;
	border-top: 1px solid #22434f;	/*####:BorderSeparationLine*/
	border-bottom: 1px solid #22434f;	/*####:BorderSeparationLine*/
}


/*
 * Navigation part (left side)
 */
#side-left {
	position: absolute;
	z-index: 2;
	width: 13.8em;
	/* Space down for the approx line height (fonts) */
	left: 12px;
	top: 2px;
	/* add to the top margin to compensate for the fixed sizes */
	margin-top: 75px;
	color: #555;
	font-size: 0.9em;
}

/* Label: hidden */
#side-nav-label {
	display: none;
}


/*
 * Navigation Menu
 */
/* Menu Block (Background color) */
#side-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #5976b2;
	border-top: 0;
	background-color: #1160a0;
}
/* List Entries (border colors) */
#side-nav li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #5976b2;
	border-bottom: 1px solid #22437f;
}
/* Inactive menu item (text style) */
#side-nav a {
	margin: 0;
	color: #eeeeee;
	display: block;
	text-decoration: none;
	padding: 4px 6px;
}
/* Hover on an inactive menu item (darker BG color) */
#side-nav a:hover {
	background-color: #34548f;
	color: #fff;
}
/* active (strong) Nav menu entry */
#side-nav strong a {
	font-weight: normal;
	color: #fff !important;
	background-color: #1884dd;
}
/* Hover on active menu entry */
#side-nav strong a:hover {
	background-color: #172e56 !important;
}


/*
 * Content conatiner
 */
#content-container {
	font-size: 0.9em;
	/* position: relative; */ /* relative to utilize z-index */
	width: auto;
	min-width: 120px;
	margin: 10px;
	z-index: 3; /* content can overlap when the browser is narrow */
}
/* required to attach properly to the left NAV section */
#content-container {
	margin-left: 14em;
	padding-left: 24px;
}

/* Defs for content window */
#content {
	padding: 24px;
	border: 1px solid #aaa;		/*####:ContentFrameLine*/
	background-color: #fff;
        color: #000;			/*####:ContentColor*/
}

/* define look of HR bar */
#content hr {
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #aaa;
 border-bottom: solid 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

/* H Headers are undelined by an fine line */
#content h1 {
/*    border-bottom: 1px solid #aaa;	/*####:HBottomLine*/
    margin-bottom: 0;
}
#content h2 {
    border-bottom: 1px solid #aaa;	/*####:HBottomLine*/
    margin-bottom: 0;
}
#content h3 {
    border-bottom: 1px solid #aaa;	/*####:HBottomLine*/
    margin-bottom: 0;
}
#content h4 {
    border-bottom: 1px solid #aaa;	/*####:HBottomLine*/
    margin-bottom: 0;
}

/*
 * 4 round corners of content container
 */
.corner-tl, .corner-tr, .corner-bl, .corner-br {
	background-color: #d9d9d9;	/*####:BGCOLOR*/
	position: relative;
	width: 19px;
	height: 19px;
	/* The following line is to render PNGs with alpha transparency within IE/Win, using DirectX */
	/* Work-around for IE6/Mac borkage (Part 1) */
	display: none;
}

.corner-tl, .corner-bl { float: left; left: 0px; }
.corner-tr, .corner-br { float: right; right: 0px; }
.corner-tl, .corner-tr { top: 0px; }
.corner-bl, .corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}

html>body .corner-tl { background: #d9d9d9 url("../img/corner-tl.png") no-repeat left top; }	/*####:BGCOLOR*/
html>body .corner-tr { background: #d9d9d9 url("../img/corner-tr.png") no-repeat right top; }	/*####:BGCOLOR*/
html>body .corner-bl { background: #d9d9d9 url("../img/corner-bl.png") no-repeat left bottom; }	/*####:BGCOLOR*/
html>body .corner-br { background: #d9d9d9 url("../img/corner-br.png") no-repeat right bottom; }	/*####:BGCOLOR*/

.corner-tl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner-tl.png',sizingMethod='scale'); }
.corner-tr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner-tr.png',sizingMethod='scale'); }
.corner-br { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner-br.png',sizingMethod='scale'); }
.corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/corner-bl.png',sizingMethod='scale'); }

.corner-tl, .corner-tr, .corner-bl, .corner-br {
	/* Restore the view for everything but IE6/Mac (part 2 of the "IE/Mac fix") */
	display: block;
}
/* */

.corner-bl, .corner-br {
	/* Compensate for Opera's inability to position some things correctly (Part 2) */
	top: 0px;
}

.content { margin: 0 1em }


/*
 * Footer
 */
#footer {
	font-size: 0.75em;
	text-align: center;
	color: #777;	/*####:FooterTextColor*/
	margin-bottom: 2em;
}


/*
 * News page
 */
div.newsdate {
    text-align: right;
    color: #777;
}
div.newstext {
    margin-left: 1em;
    margin-right: 10em;
}


/*
 * Contribution page
 */
div.contribdate {
    text-align: right;
    color: #777;
}
div.contribtext {
    margin-left: 1em;
    margin-right: 10em;
}


/*
 * email style
 */
#email {
   font-style: italic
}