/* CSS für discorsi.de Januar 2009 */
* { padding: 0; margin: 0; } /* Kalibrierung - Abstände auf 0 */
html {height: 101%; } /* erzwingt Scrollbar im Firefox */
h1, h2, h3, h4, h5 {margin-bottom: 0.25em; }/* Abstand nach unten */
h1, h2, h4 {color: #58696E; } /* Schriftfarbe Überschriften */
h3, h5 { color: #7e9ca6 ;} /* Schriftfarbe Rubriken und Dachzeilen */
h6 {color: #057466; font-weight: bold; }

p, ul, ol { margin-bottom: 1em; } /* Abstand nach unten Absätze, Listen */
ul ul { margin-bottom: 0; }/* Verschachtelte Listen ohne Abstand */
li {margin-left: 1em; margin-bottom: 0.3em; }/* Abstand von links und unten */
hr { size: 1px; color: #7e9ca6; }

.bildlinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
.bildrechts {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	}
.bildlinksrahmen {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	}	

.clearing { clear: both; }

img { border: none; }

body {
	color: black;
	background-color: #fff ;
	font-family: Geneva, Arial, Helvetica, sans-serif ;
	font-size: small;
	}
#wrapper {
	border: 1px solid #7E9CA6 ;
	color: #000000;
	background-color: #FFFFFF;
	width: 760px; /* Breite des Inhaltsbereichs */
	margin-top: 10px;
	margin-right: auto; /* zum Zentrieren */
	margin-bottom: 10px; 
	margin-left: auto; /* zum Zentrieren */
	}
#kopfbereich {
	position: relative; /* positioniert, aber ohne Werte > soll nur p Orientierung geben */
	color: black;
	background-color: #E8F1F4;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	#kopfbereich p {
	position: absolute;
	top: 20px;
	right: 10px;
	font-weight: bolder;
	padding: 5px 5px 5px 0;
	margin-bottom: 0; /* sonst 1 em - hat nicht funktioniert, daher oben #kopfbereich padding-bottom von 0 auf 5 px erhöht, jetzt gehts */
			}
	#kopfbereich p span { color:#990000 ; } /* roter Punkt */
	#kopfbereich a:hover, a:focus { border-bottom: none; }

#navibereich {
	background-color: #fff ;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-top: 1px solid #7E9CA6 ;
	border-bottom: 1px solid #7E9CA6 ;
	}
	#navibereich ul {margin-bottom: 0; }
	#navibereich li {
		display: inline; /* li-Elemente nebeneinander anzeigen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0 30px 0 0; /* rechts 30 px, sonst 0 */
		}
	#navibereich a {
		color: #990000;
		font-weight: bolder;
		}
	#navibereich a:hover,
	#navibereich a:focus {
		color: #990000;
		}
	#navibereich a:active {
		color: #FFFFFF;
		background-color: #58696E;
		}
		
#spaltenwrapper {position: relative; }

#einspalter {
	background-color: white;
	padding: 15px;
	margin: 10px;
	}

#hauptspalte {
	background-color: white;
	padding: 15px;
	margin: 10px;
	margin-right: 241px;
	border-right: 1px solid #7E9CA6 ;
	}

#randspalte {
	position: absolute; 
	top: 0;
	right: 0;
	width: 200px;
	padding: 20px;
	}

h1 { font-size: 150%; }
	#buchtitel {
		color: #057466;
		font-weight: bold;
		}
	#buchautor {
		color: #58696E;
		margin-bottom: 0;
		}

h2 { font-size: 130%; }
	#titel {
		color: #057466;
		font-weight: bold;
		}
	#autor {
		color: #057466;
		font-weight: normal;
		margin-bottom: 0;
		}

h3 { font-size: 115%; }
h6 {font-size: 100% }
a { /* Unterstreichung entfernen */
	text-decoration: none;
	outline: none;
	}
a:link { 
	color: #000;
	text-decoration: none;
	}
a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:focus {
	border-bottom: 1px solid #990000;
	}
a:active {
	color: white;
	background-color: #58696E;
	}
.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	}


/*#hauptspalte p a {
	border-bottom: 1px solid #990000;
	} - alternativ:*/

#hauptspalte p a {
	border-bottom: 1px solid #58696E;
	}

#hauptspalte ul a {
	border-bottom: none; outline: none;
	}
#hauptspalte ul a:visited {border-bottom: none; outline: none;
	}
	
#hauptspalte ul a:hover,
#hauptspalte ul a:focus {
	border-bottom: 1px solid #990000;
	}
	
#hauptspalte a:hover,
#hauptspalte a:focus {
	border-bottom: 1px solid #990000;
	}

#randspalte p a {
	border-bottom: 1px solid #58696E;
	}

#randspalte p a:hover,
#randspalte p a:focus {
	border-bottom: 1px solid #990000;
	}

#randspalte ul a {
	border-bottom: none; outline: none;
	}
#randspalte ul a:visited {border-bottom: none; outline: none;
	}

#randspalte ul a:hover,
#randspalte ul a:focus {
	border-bottom: 1px solid #990000;
	}
	
#einspalter a {
	border-bottom: 1px solid #58696E;
	}
#einspalter ul a {	border-bottom: none;	outline: none;}
#einspalter a:hover,
#einspalter a:focus {
	border-bottom: 1px solid #990000;
	}
	

.schmuckbild {
	float: right;
	padding: 5 px;
	margin: 0 0 5px 5px ;
	}
.quelle {
		color: #58696E;
		font-weight: bold; }
		
form#bestellformular {
	width: 700px;
	background: #fff;
	color: #000;
	line-height: 2 ;
	padding: 10px;
	border: 0 ;
	margin: 0;
	}
	fieldset {
		padding: 10px;
		border: 1px solid #7e9ca6 ;
		margin: 0;
		}
	legend {
		font-weight: bold;
		color: #58696e ;
		padding: 0 10px ; 
		border: none ;
		}		
	label {
		position: relative; /* etwas höher */
		bottom: 2px ;
		cursor: pointer ;
		}
	label.davor {
		float: left ;
		clear: left ;
		width: 75px ;
		text-align: right ;
		margin-right: 10px ;
		}
	input#anrede_herr,
	input#anrede_frau,
	input#agb {
		padding-left: 0;
		margin-left: 85px ;
		}
	#abschicken {
		cursor: pointer ;
		padding: 5px ;
		margin-top: 10px;
		margin-left: 10px ;
		}
	form p {
		margin: 0;
		margin-left: 10px ;
		}