/* **************************************************************************************
 *
 * Screen-Theme for http://www.geronet.de
 * Last changed: 17-05-2010
 * Copyright (c) 2005-2010, Geronet - Dr. Wilhelm Stuhlmann
 *
 * *********************************************************************************** */


/*
 * GLOBAL RESET
 * *********************************************************************************** */

* {
	margin: 0;
	padding: 0;
}
UL {
	list-style: none;
}

/*
 * TYPO
 * *********************************************************************************** */

BODY {
	font-family: arial, sans-serif;
	font-size: 0.875em;
	color: #000;
	background: #fff url(../img/page.png) repeat-x 0 0;
	cursor: default;
}
P {
	margin: 1.2875em 0;
	line-height: 1.2857em;
}
UL, OL {
	margin: 1.2875em 0;
	line-height: 1.2857em;
}
LI {
	margin: 1.2875em 0;
}
UL.condensed LI {
	margin: 0;
}
H1 {
	margin: 0.75em 0;
	font-size: 1.7143em;
	font-weight: normal;
	line-height: 1.5em;
}
H2 {
	margin: 0.9em 0;
	font-size: 1.4286em;
	font-weight: normal;
	line-height: 1.8em;
}
H3 {
	margin: 1em 0;
	font-size: 1.2875em;
	font-weight: normal;
	line-height: 1em;
}
H4 {
	margin: 1.2875em 0;
	font-size: 1em;
	line-height: 1.2875em;
}
EM {
	font-style: normal;
	background-color: #f0f0f0;
}

/*
 * LINKS
 * *********************************************************************************** */

A {
	text-decoration: none;
	color: #0bf;
	border-bottom: 1px solid #ccc;
}
A:hover {
	border-bottom-color: #999;
}

/*
 * TABLES
 * *********************************************************************************** */

TABLE {
	border-collapse: collapse;
	border-top: 1px solid #eee;
}
TH, TD {
	padding: 0.5em;
	font-size: 1em;
	line-height: 1.2857em;
	border-bottom: 1px solid #eee;
}
TABLE TH {
	text-align: left;
	vertical-align: top;
	background-color: #f8f8f8;
}

/*
 * MISC
 * *********************************************************************************** */

A IMG {
	border: none;
}
:focus {
	outline: none;
}

/*
 * MAIN GRID
 * *********************************************************************************** */

#header {
	margin: 0 auto;
	padding: 2em 0;
	width: 800px;
	position: relative;
}
#navigation-wrapper {
	background: #555;
	border-bottom: 3px solid #0bf;
}
#navigation, #main, #footer {
	margin: 0 auto;
	width: 800px;
	overflow: auto;
}
#main {
	margin: 2em auto;
}
#content {
	width: 580px;
	float: left;
}
#sidebar {
	width: 200px;
	float: right;
}
#footer {
	border-top: 1px solid #aaa;
}

/*
 * HEADER
 ************************************************************************************* */

#logo {
	margin: 0;
}
#logo A {
	width: 212px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	line-height: 1;
	border: none;
	background: transparent url(../img/logo.png) no-repeat 0 0;
}
#kontakt {
	padding: 0 0 0 37px;
	height: 42px;
	position: absolute;
	top: 2em;
	right: 0;
	display: block;
	font-weight: bold;
	line-height: 42px;
	background: transparent url(../img/email.png) no-repeat 0 50%;
	border: none;
	color: #aaa;
}
#kontakt:hover {
	color: #777;
}

/*
 * NAVIGATION
 ************************************************************************************* */

#navigation UL {
	margin: 0;
	line-height: 1;
}
#navigation LI {
	margin: 0;
	padding: 0.5em 0.5em 0 0;
	float: left;
}
#navigation A {
	padding: 0.5em;
	display: block;
	font-weight: bold;
	color: #ddd;
	background: #777;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-bottom: none;
}
#navigation A:hover {
	color: #eee;
	background-color: #888;
	border-top-color: #999;
}
#navigation LI.active A {
	color: #fff;
	background: #0bf;
	border-top-color: #6df;
	border-left-color: #6df;
}

/*
 * CONTENT
 ************************************************************************************* */

#main UL {
	margin-left: 2em;
	list-style-type: square;
}
#sidebar P, #sidebar UL, #footer P {
	margin: 1.5em 0;
	font-size: 0.8571em;
	line-height: 1.5em;
}
#sidebar UL {
	margin-left: 2em;
}
#footer P {
	color: #777;
	text-align: center;
}
#footer A {
	text-decoration: none;
	color: #777;
	border-bottom: 1px solid #ddd;
}
#footer A:hover {
	color: #555;
	border-bottom-color: #777;
}

/*
 * YEAR LIST
 ************************************************************************************* */

#year-list {
	overflow: auto;
}
#year-list UL {
	margin: 0;
	list-style: none;
}
#year-list LI {
	margin: 0 1em 1em 0;
	float: left;
}
#year-list LI A {
	padding: 1em;
	display: block;
	color: #777;
	background: #eee;
	border: none;
}
#year-list LI A:hover {
	color: #0bf;
	background: #ddd;
}

/*
 * ARROW LIST
 ************************************************************************************* */

UL.list-arrow {
	margin-left: 0 !important;
}
UL.list-arrow LI {
	margin: 0;
	padding: 0.5em 0 0.5em 37px;
	background: transparent url(../img/arrow.png) no-repeat 0 50%;
}

/*
 * FEATURED DOWNLOAD
 ************************************************************************************* */

.download-featured {
	padding-left: 37px;
	background: transparent url(../img/arrow.png) no-repeat 0 0;
	border-bottom: 1px solid #eee;
}