/*******************************************************************************
 *     ___ ___ ___ 
 *   / __/ __/ __/
 *  | (__\__ \__ \
 *  \___|___/___/
 *   
 *   CSS-Stylesheet
 *   
 *
 *
 *   andreas-oelzner.de design
 *
 *   Copyright 2008, Andreas Oelzner
 *   www.andreas-oelzner.de
 * 
 ******************************************************************************/


/******* Allgemein ************************************************************/

body {
	margin: 0;
	background: white;
	text-align: center;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #003c79;}

#layout {
	width: 1020px;
	margin: auto;
	text-align: left;}

#kopf {
	width: 1020px;
	height: 214px;}

#inhalt {
	width: 1020px;}

a {
	color: #0695e5;
	text-decoration: none;
	line-height: 1.5em;}

a:hover, a:active {
	color: #0695e5;}

#spalte_rechts a {
	color: #003c79;}

#spalte_rechts a:hover {
	color: #0695e5;}

#layout img {
	border: 0;}

#spalte_links img, #spalte_rechts img {
	border: 1px solid #82c3e8;}

#layout img.por {
	margin: 5px 15px 15px 0;}

/******* Navigation ***********************************************************/

#navigation {
	background: white url(../graphics/navigation.jpg) no-repeat;
	height: 53px;
	font: 1.15em Tahoma, Arial, Helvetica, sans-serif;}

#navigation ul {
	padding-left: 81px;
	list-style-type: none;
	overflow: auto;
	margin: 0;}

#navigation ul li {
	float: left;}

#navigation ul li a {
	padding: 12px 0 9px 18px;
	margin-right: 32px;
	display: block;
	text-decoration: none;
	text-align: left;
	color: white;
	background: url(../graphics/pfeil_inact.gif) no-repeat;}

#navigation ul li a:hover, #navigation ul li a.aktiv {
	color: #003c79;
	background: url(../graphics/pfeil_act.gif) no-repeat;}

/******* Navigation Spalte ****************************************************/

#spalte_rechts ul {
	padding: 0;
	margin: 0 0 0 25px;}

/******* Spalten **************************************************************/

#spalte_links {
	background-color: #c0d4e8;
	float: left;
	margin: 0 0 0 10px;
	padding: 40px 90px 0 70px;
	width: 581px;
	height: 430px;
	overflow: auto;}

#spalte_rechts {
	background: white url(../graphics/back_spalte_rechts.jpg) no-repeat;
	float: left;
	width: 217px;
	height: 380px;
	padding: 90px 25px 0 25px;
	margin: 0;}

#fueller {
	clear: both;
	height: 5px;}
	
/******* Artikeldarstellung ***************************************************/

#spalte_links p, #spalte_breit p {
	margin: 0 0 10px;}

h1 {
	font: bold 1.9em Verdana, Arial, Helvetica, sans-serif;
	color: #003c79;
	margin: 0 0 20px;
	padding: 0;}

#titel {
	width: 450px;
	border-bottom: #003c79 1px solid;}

/******* Footer ***************************************************************/

#footer {
	background: white url(../graphics/back_footer.jpg) no-repeat;
	clear: both;
	margin: 0;
	padding: 0;
	width: 1020px;
	height: 77px;}