/*****
Projekt:		GS-Webdesing
Funktion:		Stylesheet zur Bildschirmformatierung fuer GS-Webdesign
Dateiname:		screen.css
Autor:			Gregor Streitenberger
Version:		v1.0
Erstellt:		31.03.2010
*****/

/*
Farben:
	allgem. Schriftfarbe:	#13334C
	allgem. Linkfarbe:		#2127DB
	besuchte Links:			#2A72A8
	Links active und hover:	#eb7810
	
*/

/***** allgemeine Formatierungen *****/

/* Werte zurueck setzen */
* {
	margin:				0;
	padding:			0;
}
body {
	background:			#fff;
}
img {
	border:				none;
}
a, a:hover, a:visited, a:active {
	text-decoration:	none;
}
/* Schriften und Links */
body {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:			0.74em;
	color:				#13334C;
}
a {
	color:				#2127DB;
}
a:visited {
	color:				#2A72A8;
}
a:hover, a:active {
	color:				#eb7810;
}
/* Listen und Tabellen */
ul {
	list-style-type:	disc;
	list-style-position: outside;
}
ul, ol {
	margin:				10px 0 25px 0;
}
p + ul, p + ol {
	margin-top:			-15px;
}
li {
	margin-left:		18px;
}
table {
	text-align:			left;
	margin:				10px 0 25px 0;
}
p + table {
	margin-top:			-15px;
}
th, td {
	padding-right:		5px;
}
/* Ueberschriften und Absaetze */
h3, h4, h5, h6 {
	line-height:		1.1em;
	margin-bottom:		0.3em;
}
h3 {
	font-size:			2.2em;
}
h4 {
	font-size:			1.6em;
}
p {
	margin:				5px 0 25px 0;
}
p + p {
	margin-top:			-15px;
}
/* Seite zentrieren */
#wrapper {
	width:				960px;
	margin:				0 auto;
}
/* allgemeine Klassen */
.clear {
	clear:				both;
}
.extern {
	background:			transparent url(../img/ext_link.gif) top right no-repeat;
	padding-right:		20px;
}
.bild {
	background:			#13334C;
}
.bild img {
	border:				solid #e6e8ea 15px;
}
.bild div {
	position:			relative;
	width:				1024px;
	margin:				2% auto;
}

/***** #header *****/
#header {
	background:			transparent url(../img/header.jpg) top right no-repeat;
	width:				960px;
	height:				150px;
	position:			relative;
}
#header div {
	width:				617px;
	float:				right;
	padding:			5px 38px 0 0;
	text-align:			right;
}
#header h1 {
	width:				300px;
	float:				left;
}
#header a {
	text-decoration:	underline;
	font-size:			0.85em;
	margin-left:		5px;
	color:				#13334C;	
}
#header a:hover, #header a:active {
	color:				#eb7810;
}


/***** #navigation *****/
#navigation {
	width:				960px;
	text-align:			right;
}
#navigation a {
	text-decoration:	underline;
	font-size:			1.2em;
	line-height:		2.2em;
	font-weight:		bold;
	color:				#13334C;
	margin:				5px 38px 10px 0;
}
#navigation a:hover {
	color:				#eb7810;
}
#navigation a.aktiv, #navigation a:active {
	color:				#2A72A8;
}


/***** #content *****/
#content {
	width:				960px;
	position:			relative;
	margin-top:			10px;
}
/* #maincontent */
#maincontent {
	background:			transparent url(../img/wasserlogo.jpg) top left no-repeat;
	width:				560px;
	min-height:			450px;
	float:				left;
	padding:			20px 15px 20px 45px;
}
.einspaltig #maincontent{
	width:				877px;
	padding:			20px 38px 20px 45px;
}
.einspaltig #maincontent img {
	float:				left;
	padding:			0 5px 5px 0;
	margin:				0 30px 20px 0;
	background:			transparent url(../img/picschatten.jpg) 5px 5px no-repeat;
}
/* #sidebar */
#sidebar {
	width:				285px;
	float:				right;
	padding:			20px 38px 20px 15px;
}
#sidebar h3 {
	width:				285px;
	position:			relative;
	left: 				-10px;
}
#sidebar h4 {
	font-size:			1.3em;
	margin-bottom:		10px;
}
#sidebar p {
	font-size:			0.9em;
	margin-bottom:		20px;
}
#sidebar img.thumb {
	float:				left;
	padding:			0 3px 3px 0;
	margin:				0 15px 10px 0;
	background:			transparent url(../img/thumbschatten.jpg) 3px 3px no-repeat;
}
.einspaltig #sidebar {
	display:			none;
}


/***** ##footer *****/
#footer {
	width:				960px;
	clear:				both;
	text-align:			center;
	color:				#fff;
	background-color:	#13334C;
}
#footer a {
	color:				#fff;
	font-size:			0.8em;
	line-height:		1.6em;
}
#footer a + a {
	margin-left:		10px;
}
#footer a:hover {
	color:				#eb7810;
}