/* Grundeinstellungen zu www.larisweb.de */

/*	Standardschrift: Arial, Helvetica, sans-serif;
	Standardschriftgröße: 1em
	
	Standardschriftfarbe: #663300 (braun)
	abweichende Schriftfarbe: #FF9933 (orange)
	
	Linkfarbe 	normal: #660000 (braun)
				visited: #993300; (rotbraun)
				hover: #0000FF; (blau)
				
 */

/* 
I: Standards: Schriftart, Schriftgröße, Schriftfarbe, Tabellenrahmenfarbe,
II: Abweichungen: Schriftgröße 
III: 

*/

/* I: */

/*Standardschrift*/
html, body, p, table, a, h1, h2, h3, h4, h5, h6, ul, ol, dl
	{
	font-family: Arial, Helvetica, sans-serif;
}

	/*Standardschriftgröße*/
body, p, table, a, ul, ol, dl {	font-size: medium;	}

	/* Standardschriftfarbe*/
body, p, table, .autor a {color: #663300;	}
	/* Standardtabelle Tabellenrahmenfarbe wie Schriftfarbe */
.standardtabelle, .standardtabelle th, .standardtabelle td
{border-color: #663300;}

/*II: Abweichungen Schriftgröße*/

.font-klein, .tagebuch_einfuehrung, .tagebuch_heldenliste, .bildunterschrift, .bildueberschrift, .link_weiter, .autor, .zitate_kommentar, .mailerklaerung, .rezepte_zutaten 
 {font-size: smaller; vertical-align: baseline;} 
h1.font-klein, h2.font-klein, h3.font-klein	{font-size: medium;}
.font-kleiner {font-size: smaller}

	/* Feste Schrift in der Navigation*/
#topnavi, #topnavi a, #navi a {
	font-size: 12px;
	text-decoration: none;
}

/* andere Schriftfarbe (orange)*/
.datum, .betont { color: #FF9933;}

/* Betonung*/
.datum {
	font-style: italic;
}
.zitat {
	letter-spacing: 0.05em;
}
.betont {font-weight: bold;}
.betont1 {font-weight: bold;}
.betont2 {
	letter-spacing: 0.1em;
}

/* Hintergrund orange*/
body, .history-monate, .kapitel, .rahmen_padding_breit, .rezepte_zutaten, .hg_zwei, .schicker_button, .schickes_textfeld, .zufallsnamen {
	background-color:#FFCC66;
	}

/*HTML Tags*/
body {
	text-align: left;
	background-image: url(../bilder/layout/hg_body_2.gif);
	background-repeat: no-repeat;
	background-position: 780px 5px;
}
caption { text-align: left; }	 
h1, h2, h3, h4, h5, h6 {font-weight:bold; text-align:left;}

/*Verweise*/
a { /*color: #993300;*/ text-decoration: underline; }
a {color:#660000;}
#topnavi a, #navi a, .autor a, #counter a {text-decoration: none;}
#counter a:hover {color:#993300;}
a:visited {color:#993300;}
a:hover { color: #0000FF;}

/* alchimie seiten */
ul.spiel-daten {
	list-style-type: none;
}
ul.spiel-daten-titel {
	font-weight: bold;
}

/*Für Ebenen mit dem eigentlichen Inhalt (lässt sich auch verschachtenl)*/
div.div_inhalt {
	margin-left: 5px;
	margin-right: 5px;
}
div.div_inhalt a {color: #993300;}

/* Fuer Pfeil Buttons */
.link_pfeil { vertical-align: middle; padding-right: 5px; }

/* Bilder oder Rahmen rechts oder links platzieren und den Text dazu richtig setzen*/
.flt-right { float:right; margin: 0px 0px 0px 13px;}/* Rechts gestellt */
.flt-left { float:left; margin: 0px 13px 0px 0px; }/* Links gestellt */
.oben { margin: 13px 13px 0px 13px;}/*Erweiterung zu flt-right oder flt-left*/
.nofloat {
	margin: 10px;
	padding: 10px;
	clear:both;
	float: none;
} /* Links und rechts frei */
h1.flt-right {margin: 5px 10px 0px 13px;} /*Kapitelüberschriften*/
.correct_textflow {	margin-top: 0px;} /* Text ohen Abstand */

/* Rahmen fuer Bilder und Ebenen:*/
.rahmen_schmal {} /*Standardfarbe, Standardbreite, Standardstyle*/
.rahmen_medium {border-width: 2px; border-style:solid;}
.rahmen_breit { border-width: 5px; border-style:solid; } /*Standardfarbe*/
.rahmen_padding_breit { padding: 10px;} /*Standardfarbe, Hintergund wie body */
.bild_abstand { margin: 5px; } /*Hintergrundfarbe geerbt*/
.schmuckrahmen { border-width:thick; border-style: inset;} /*Standardfarbe*/

/*Standardbreite und Standardstyle:*/
.rahmen_padding_breit, .rahmen_schmal, .verweis_ebene1, .verweis_ebene2, .verweis_ebene3, #inhalt, .rezepte_zutaten
{
	border-width: 1px;
	border-style:solid;
}
/*Standardfarbe fuer Rahmen hellbraun:*/
#inhalt, .rahmen_breit, .rahmen_medium, .rahmen_padding_breit, .schmuckrahmen, .rahmen_schmal, .verweis_ebene1, .verweis_ebene2, .verweis_ebene3, .history-monate, .rezepte_zutaten
 {border-color:#CC6600;}


/*Standardtabelle Rahmenbreite und Rahmenstyle*/
.standardtabelle, .standardtabelle th, .standardtabelle td {
	border-style: solid; 
	border-width: 0.1em;
}

/*Bildunterschriften Grundformat*/
.bildunterschrift { margin-right: 5px; padding:0.2em 0em 0.1em 0em; text-align: right; } /*kleine Schrift*/
.bildueberschrift {padding-bottom: 0.2em;} /*kleine Schrift*/

/*Zusaetze in unten.php*/

.autor { margin-left: 10px; }
.link_weiter { float:right;}


/* automatische Zusaetze:*/
.autor 
{margin-left: 50px;} /*kleine Schrift*/

/*kleiner Pfeil (Dreieck) nach oben*/
.datum /*betont*/
	{
	text-align: right;
	margin-top: 20px;
	margin-bottom: -10px;}
	
.tagebuch_einfuehrung { /*kleine Schrift*/
	width: 45%;
	float: left;
	margin-left: 10px;
}

.tagebuch_heldenliste {/*kleine Schrift*/
	width: 50%;
	text-align: right;
	float: left;
}

.mailerklaerung {
	margin-left: 40px;
	padding: 10px;
	margin-right: 10px;
}
.bullet_waffen { vertical-align: middle;}

.rezepte_zutaten {
	padding: 4px;
	margin:-20px 5px 5px 10px;
	border-style:dashed;
	float: right;
	width: 35%;
    text-align: left;

}
.rezepte_zutaten h2 {padding-bottom: 0px;}
.rezepte_zutaten .schicker_button {
	margin-top: 5px;
}
.auswahl_rezepte form {margin-top: 0px;}
.schicker_button {
	background-image: url(../bilder/layout/hg_buttons.jpg);
	}
a.schicker_button {
	background-image: url(../bilder/layout/hg_buttons.jpg);
	border: thin outset #FF9900;
	padding: 2px;
	text-decoration: none;
	}
a.schicker_button:active {
	border: thin inset #CC6600;
}
table.font-klein .schickes_textfeld, table.font-klein .schicker_button {
	font-size: smaller;
}

/* Ebenen zur Seitengestaltung*/
#logo {
	position: absolute;
	height: 108px;
	width: 760px;
	top: 5px;
	left: 10px;
}

#topnavi {
	position:absolute;
	left: 135px;
	top: 95px;
	z-index: 2;
}

#inhalt /*Standardrahmenfarbe, Standardrahmenbreite, Standardrahmenstyle*/
	{
	position: relative;
	top: 115px;
	left: 8.2em;
	width: 620px;
	min-height: 380px;
	padding-left: 5px;
	padding-bottom: 20px;
	background-color: #F1DD77;
	background-image: url(../bilder/layout/hg_inhalt.jpg);
	text-align:justify;
	z-index: 1;
} 

/*Navigation zu Unterseiten:*/
#navi {
	position:absolute;
	top: 118px;
	left: 12px;
	z-index: 3;
}
.verweis_ebene1, .verweis_ebene2, .verweis_ebene3
	{
	background-image: url("../bilder/layout/hg_links1.jpg");
}
.verweis_ebene1 /*Standardrahmenfarbe, Standardrahmenbreite, Standardrahmenstyle*/{
	width: 7em;
	margin-top: 5px;
	padding-left: 7px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 4px;

}
.verweis_ebene2 /*Standardrahmenfarbe, Standardrahmenbreite, Standardrahmenstyle*/{
	width: 6.9em;
	margin-left: 0.4em;
	padding-left: 0.1em;
	border-top: none;
}
.verweis_ebene3 /*Standardrahmenfarbe, Standardrahmenbreite, Standardrahmenstyle*/{
	width: 6.4em;
	margin-left: 0.4em;
	padding-left: 0.6em;
	border-top: none;
	}

/*Unterer Bereich:*/

#counter {
	position: relative;
	left: 720px;
	width: 20px;
	font-size: 0.7em;
	padding-top: 100px;
	z-index: 4;
}
#unten {	
	position: relative;
	top: 113px;
	left: 8.4em;
	width: 623px;
	margin-bottom: 20px;
	z-index: 5;
}

.druck {visibility:hidden; clear:both;} /*Nur bei Ausdruck sichtbar*/