@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:625px; float:left; margin-top:10px; }
#inhalt {padding-left:12px; width:613px; }
#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 {display:none;}
#balken_blaugrau_1 {display:none;}

#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:1.064em; 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;}
.gross_fett {color:#000000; font-size:1.064em; margin-top:0px; margin-bottom:0px; font-weight:bold;}
.linie {background-color:#feab0f; height:1px; line-height:1px; font-size:1px; clear:both; margin-bottom:4px; display:block;}
.graue_linie {border-top:#d9dada 1px solid; 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 {border-top:#d9dada 1px solid; 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:230px; margin-bottom:8px;}
.autorbox_1 {float:right;  width:286px; border-bottom:#d9dada 1px solid; height:230px; 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;}

/* ### 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:block; width:100px; padding-left:5px;}
.startbuch_bild_links {float:left; display:block; width:100px; padding-left:5px;}
.startbuch_bild_rechts {float:right; display:block; width:100px; }
.startbuch_text_links {float:left; display:block; width:184px;}
.startbuch_text_rechts {float:left; display:block; width:184px; padding-left:5px;}
.startbuch_text {float:left; display:block; 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-left:25px; margin-top:10px;}
#balken_orange_2 {display:none;}
#balken_blaugrau_2 {display:none;}
#header_2 {display:block; height:80px;}
#suchenbox {display:none;}
.suchfeld {display:none;}
#drucken {display:none;}
#sidebar_news {display:none;}
#sidebar_autor {display:none;}
#sidebar_autor {border-bottom:#d9dada 1px solid; padding-bottom:4px;}
#sidebar_autor a:link {text-decoartion:underline; color:#feab0f;}
#sidebar_autor a:visited {text-decoartion:underline; color:#feab0f;}
#sidebar_autor a:hover {text-decoartion:underline; color:#8095ae;}
#sidebar_autor a:active {text-decoartion:underline; color:#feab0f;}

.newsbox {background-color:#f9f9f9; border-bottom:#d9dada 1px solid; padding-left:5px; padding-bottom:5px;}
.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 { display:none;}
#sub_navigation { fdisplay:none;}

/*/////////////////////////////////////////////////////////////////////////////
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 */