@charset "utf-8";
/* CSS Document */

/* ### HTML ###################################################################### */
html {
	height: 100%;
	margin:0;
	padding:0;
}
/* ### BODY ###################################################################### */
body {
	background:#f9f9f9;
	color: #000000;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size:16px;
	height:100%;
	margin:0px;
	paddding:0px;
	}

/* ### Website Rahmen weißes feld bis ganz unten ############################################################ */
/*\*/
* html #site-rahmen {
	height: 100%; /* das hier für den ie */
	
}

/* folgende anweisung wird nicht vom ie interpretiert */

#site-rahmen[id] {
    
    min-height:100%;
	
}


#site-rahmen {
	position:relative;
	margin:0;
	
	padding-left:10px;
	font-size:0.750em;
	width:890px;
	background-image:url(hg_weiss_schatten.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
	
	
	
}
/* ### Website Content ############################################################ */
p {margin-top:0px; margin-bottom:8px;}
#content {display: inline;  width:650px; float:left; margin-top:10px; }
#inhalt {padding-left:12px; width:613px;  font-size:0.938em; padding-right:12px; }
#inhalt a:link {text-decoartion:underline; color:#feab0f;}
#inhalt a:visited {text-decoartion:underline; color:#feab0f;}
#inhalt a:hover {text-decoartion:underline; color:#8095ae;}
#inhalt a:active {text-decoartion:underline; color:#feab0f;}
.clear {clear:both; font-size:0px; display:block; height:0px; line-height:0px;}
#verlag {font-size:1.563em; font-weight:bold;}

.balken_blaugrau{color:#8095ae;}
#adresse {color:#66849b; font-weight:bold; font-size:0.938em; padding-top:16px; margin-bottom:0px; display:block;}
#balken_orange_1 {background-color:#feab0f; display:block; height:16px; width:625px;}
#balken_blaugrau_1 {background-color:#8095ae; display:block; height:16px; width:625px;}
#balken_druck {display:none;}

.abstand_8px {height:8px; line-height:8px; font-size:8px; clear:both;8 display:block;}


#header_1 {display:block; height:80px;}
h1 {color:#feab0f; border-bottom:#feab0f 1px solid; margin-top:10px; margin-bottom:4px; font-size:1.064em;}
h2 {color:#000000; font-size:1.064em; margin-top:0px; margin-bottom:0px;}
h3 {color:#66849b; font-size:1em; margin-top:0px; margin-bottom:0px; font-weight:normal; font-style:italic;}
h4 {color:#66849b; border-bottom:#d9dada 1px solid; font-size:1.064em; margin-top:0px; margin-bottom:0px; font-weight:bold; font-style:italic; margin-bottom:4px;}
h5 {color:#000000; border-bottom:#d9dada 1px solid; margin-top:10px; margin-bottom:4px; font-size:1.064em;}
h6 {color:#feab0f; border-bottom:#feab0f 1px solid; margin-top:10px; margin-bottom:4px; font-size:1.375em; font-family:Verdana, Geneva, sans-serif;}

.gross_fett {color:#000000; font-size:1.064em; margin-top:0px; margin-bottom:0px; font-weight:bold;}
.gross_blau {color:#66849b; font-size:1.064em; margin-top:0px; margin-bottom:0px;}
.linie {background-color:#feab0f; height:1px; line-height:1px; font-size:1px; clear:both; margin-bottom:4px; display:block;}
.graue_linie {background-color:#d9dada; height:1px; line-height:1px; font-size:1px; margin-bottom:4px; display:block; clear:both;}

.blau {color:#66849b;}
.blau_italic {color:#66849b; font-style:italic;}
#buchdetail_zurueck {float:right; margin-top:10px;}
#buchdetail_zurueck a:link {text-decoration:none; color:#66849b;}
#buchdetail_zurueck a:visited {text-decoration:none; color:#66849b;}
#buchdetail_zurueck a:hover {text-decoration:none; color:#feab0f;}
#buchdetail_zurueck a:active {text-decoration:none; color:#66849b;}
#buchdetail_titel {color:#feab0f; font-size:1.064em; font-weight:bold; float:left; margin-top:10px;}
#buchdetail_bild {float:left; display:block; width:160px;}
#buchdetail_text {float:left; display:block; width:453px;}
.buchdetail_links {float:left; display:block; width:160px;}
.buchdetail_rechts {float:left; display:block; width:453px;}
.buchuebersicht_bild {float:left; display:block; width:128px;}
.buchuebersicht_text {float:left; display:block; width:485px;}
.buchuebersicht_linie {background-color:#d9dada; height:1px; line-height:1px; font-size:1px; margin-bottom:4px; margin-top:4px; display:block; clear:both;}
.autor_bild {float:left; display:block; width:108px;}
.autor_text {float:left; display:block; width:178px;}
.autorbox_0 {float:left; margin-right:10px; width:286px; border-bottom:#d9dada 1px solid; height:180px; margin-bottom:8px;}
.autorbox_1 {float:right;  width:286px; border-bottom:#d9dada 1px solid; height:180px; margin-bottom:8px;}
#buchinfo {float:left; display:block; width:269px; padding-right:20px;}
#bestellen {float:left; display:block; width:164px; margin-top:10px; color:#8095ae;}
.newsuebersicht {border-bottom:#d9dada 1px solid; margin-bottom:8px; padding-bottom:4px;}
.links_vom_text {margin-right:15px; float:left;}
.rechts_vom_text {margin-left:15px; float:right;}



/* ### QUIZ ############################################################ */
#quiz_inhalt {padding-left:12px; width:820px;  font-size:0.938em; padding-right:12px; }
#quiz_inhalt a:link {text-decoartion:underline; color:#feab0f;}
#quiz_inhalt a:visited {text-decoartion:underline; color:#feab0f;}
#quiz_inhalt a:hover {text-decoartion:underline; color:#8095ae;}
#quiz_inhalt a:active {text-decoartion:underline; color:#feab0f;}
#quiz_links {display:inline; float:left; width:409px; border-right:#FEAB0F 1px solid; border-top:#FEAB0F 1px solid; border-bottom:#FEAB0F 1px solid; background-color:#FFF9E0; height:163px;}
#quiz_rechts {display:inline; float:right; width:410px; border-top:#FEAB0F 1px solid; border-bottom:#FEAB0F 1px solid; background-color:#FFF9E0; height:163px;}



/* ### Startseite ############################################################ */
#startbox_0 {float:left; margin-right:25px; width:294px; margin-bottom:8px; }
#startbox_1 {float:right;  width:294px; margin-bottom:8px; }

.startbuch_bild {float:left; display:inline; width:100px; padding-left:5px;}
.startbuch_bild_links {float:left; display:inline; width:90px; padding-left:5px; margin-right:8px;}
.startbuch_bild_rechts {float:right; display:inline; width:90px; padding-right:5px;}

.startbuch_text_links {float:left; display:inline; width:184px;}
.startbuch_text_rechts {float:left; display:inline; width:184px; padding-left:5px;}
.startbuch_text {float:left; display:inline; width:184px;}
.startbuch_text_ohne { display:block; width:284px; padding-left:5px;}

.orange_headline {color:#fa7700; font-size:1.064em; font-weight:bold; margin-top:10px;}
.rahmen_gelb_headline {color:#fa7700; font-size:1.064em; font-weight:bold; margin-top:10px; text-indent:5px;}
.rahmen_blau_headline {color:#66849b; font-size:1.064em; font-weight:bold; margin-top:10px; text-indent:5px;}
.gelb_headline, .keine_headline {color:#feab0f; font-size:1.064em; font-weight:bold; margin-top:10px;}
.boxfarbe_rahmen_gelb {border-left:#feab0f 1px solid; border-right:#feab0f 1px solid; padding-top:1px; padding-bottom:1px; background-color:#ffffff;}
.boxfarbe_rahmen_blau {border-left:#66849b 1px solid; border-right:#66849b 1px solid; padding-top:1px; padding-bottom:1px; background-color:#ffffff;}
.rahmen_rund {height:5px; line-height:5px; font-size:5px; margin:0px; padding:0px;}
.boxfarbe_orange {background-color:#fff0db; border-bottom:#fff0db 1px solid; border-top:#fa7700 1px solid; padding-top:5px; padding-bottom:5px;}
.boxfarbe_gelb {background-color:#fff9e0; border-bottom:#fff9e0 1px solid; border-top:#feab0f 1px solid; padding-top:5px; padding-bottom:5px;}
.boxfarbe_keine {background-color:#ffffff; border-bottom:#ffffff 1px solid; border-top:#feab0f 1px solid; padding-bottom:5px; padding-top:5px;}

.extra_orange {color:#fa7700; font-size:1.064em; font-weight:bold;}
.extra_gelb {color:#feab0f; font-size:1.064em; font-weight:bold;}
.extra_keine {color:#feab0f; font-size:1.064em; font-weight:bold;}
.box_ue_2 {color:#000000; font-size:1.064em; margin-top:0px; margin-bottom:0px; font-weight:bold; padding-left:5px; padding-right:5px;}

.fotou {font-size:0.875em;}
/* das hier für den ie */
* html .boxfarbe_orange { height: 150px; }
* html .boxfarbe_gelb { height: 150px; }
* html .boxfarbe_keine { height: 150px; }
/* folgende anweisung wird nicht vom ie interpretiert */
html>body .boxfarbe_orange {min-height:150px;}
html>body .boxfarbe_gelb {min-height:150px;}
html>body .boxfarbe_keine {min-height:150px;}



/* ### Website Sitebar ############################################################ */
#sitebar {display: inline; width:200px; float:left;  margin-top:10px; margin-left:0px;}
#balken_orange_2 {background-color:#feab0f; display:block; height:16px; width:200px;}
#balken_blaugrau_2 {background-color:#8095ae; display:block; height:16px; width:200px; color:#ffffff; font-weight:bold; text-indent:8px;}
#header_2 {display:block; height:80px;}

#balken_orange_2 a:link {text-decoration:none; color:#FFFFFF; font-weight:bold;}
#balken_orange_2 a:visited {text-decoration:none; color:#FFFFFF; font-weight:bold;}
#balken_orange_2 a:hover {text-decoration:underline; color:#FFFFFF; font-weight:bold;}
#balken_orange_2 a:active {text-decoration:none; color:#FFFFFF; font-weight:bold;}
#suchenbox {margin-top:0px;}
#suchform {margin-top:0px;}
.suchfeld {background-color:#ffeecf; border:1px solid #7b7b7a; font-size:11px; height:12px; margin-top:0px; width:155px; display:inline;}
#drucken {text-align:right; margin-top:5px;}
#drucken a:link {text-decoration:none; color:#66849b;}
#drucken a:visited {text-decoration:none; color:#66849b;}
#drucken a:hover {text-decoration:none; color:#feab0f;}
#drucken a:active {text-decoration:none; color:#66849b;}



#sidebar_autor { font-size:0.938em;}
.headline_autor {color:#000000; border-bottom:#d9dada 1px solid; margin-top:10px; margin-bottom:0px; font-size:1.064em; font-weight:bold;}
#sidebar_autor2 {padding-left:10px; background-color:#f9f9f9; margin:0px;  padding-bottom:4px; padding-right:10px; padding-top:10px;}
#sidebar_autor a:link {text-decoartion:underline; color:#000000;}
#sidebar_autor a:visited {text-decoartion:underline; color:#000000;}
#sidebar_autor a:hover {text-decoartion:underline; color:#8095ae;}
#sidebar_autor a:active {text-decoartion:underline; color:#000000;}

.newsbox {background-color:#f9f9f9; border-bottom:#d9dada 1px solid; padding-left:5px; padding-bottom:5px; font-size:0.938em;}
.newsbox a:link {text-decoartion:underline; color:#000000;}
.newsbox a:visited {text-decoartion:underline; color:#000000;}
.newsbox a:hover {text-decoartion:underline; color:#8095ae;}
.newsbox a:active {text-decoartion:underline; color:#000000;}

/* ### Website Footer ############################################################ */
#footer {border-top:#d9dada 1px solid; text-align:center; width:840px; margin-left:10px; margin-top:12px; margin-bottom:12px; height:14px;}
#footer a:link {text-decoartion:underline; color:#000000;}
#footer a:visited {text-decoartion:underline; color:#000000;}
#footer a:hover {text-decoartion:underline; color:#8095ae;}
#footer a:active {text-decoartion:underline; color:#000000;}

/* ### NAVI ###################################################################### */
#navigation { margin-left:80px;}




#nav_1 a:link{
	display:block;
	float:left;
	text-decoration:none; 
	background-color:transparent;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
}
#nav_1 a:visited{
	
	display:block;
	float:left;
	text-decoration:none; 
	background-color:transparent;
	color:#ffffff;
	margin:0;
	
	height:16px;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	
}

#nav_1 a:hover {
	
	display:block;
	float:left;
	text-decoration:none; 
	background-color:#8095ae;
	color:#ffffff;
	margin:0;
	
	height:16px;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
}
#nav_1 a:active{
	
	display:block;
	float:left;
	text-decoration:none; 
	background-color:transparent;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
	
}
#nav_1_act a:link{
	display:block;
	float:left;
	text-decoration:none; 
	background-color:#8095ae;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
}
#nav_1_act a:hover{
	display:block;
	float:left;
	text-decoration:none; 
	background-color:#8095ae;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
}
#nav_1_act a:active{
	display:block;
	float:left;
	text-decoration:none; 
	background-color:#8095ae;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
}
#nav_1_act a:visited{
	display:block;
	float:left;
	text-decoration:none; 
	background-color:#8095ae;
	color:#ffffff;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	height:16px;
	font-weight:bold;
	
}

/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) 

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* Formular Definition */



/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 370px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}

.formgen .formblocksend
{
	margin-bottom: 0px;
	margin-left:120px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 150px;
	margin-left: 0px;
	background-color: #ffffff;
	border:1px solid #585a5a;
}


/* Textfeld */
.formgen .formtext
{
	height: 15px;
    width: 200px;
	background-color: #ffffff;
	border:1px solid #585a5a;
	margin-left: 0px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 0px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 0px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 200px;
	background-color: #ffffff;
	border:1px solid #585a5a;
	color: #57595a;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border:0px solid #ffffff;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: normal;
color: #8cbbc9;
margin-bottom:10px;
padding-left:0px;
margin-left:0px;
text-indent:0px;
display:none;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 0px;
	padding: 5px;
	
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #feab0f;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */