/*
 File: 							frontend.css
 Author: 						(c) Ivo Deisenroth
 Contact: 					id@polyvision.de
 Last Modified: 		23. Februar 2007
 Last Modified by:	Ivo Deisenroth
 Type:							CSS-File
 Description:				Stylsheet-Datei für das Design im Redaktions-Frontend
*/
/* BODY: Grund-Schriftgröße wird auf 11pt (Standard) bzw. benutzerdefinierte       */
/* Standard-Schriftgröße festgelegt. Font wird vordefiniert.                       */
body {	font-family:			Verdana, Arial, Helvetica, sans-serif;
				font-size:				12px;
				font-style: 			normal;
				line-height: 			1.5;
				font-weight: 			normal;
				color:						#562922;
				background-color: #FFFFFF;
}
/* Trotz BODY-Def wird in manchen Browser Font nicht oder nicht richtig vererbt:   */
TR,TD,P,OL,DL,DIV,ADDRESS,BLOCKQUOTE,FORM,H1,H2,H3,H4,H5,H6 {
				font-family:			Verdana, Arial, Helvetica, sans-serif;
				font-size:				12px;
				font-style: 			normal;
				line-height: 			1.5;
				font-weight: 			normal;
				color:						#562922;
}
/* Seitenkopf mit Hintergrundbild   																							 */
.SiteHead {
				height: 180px;
				background-image: url(./../images/head.jpg);
				background-repeat: no-repeat; background-position: left center;
}
.BildSubTitle { font-size: 9px; color: #98000B; text-align: center; }
.PageTable 		{ border-bottom: solid 2pt white; }

.lore_1 			{ font-size: 10px; color: #98000B; font-weight: bold; }
.lore_2 			{ font-size: 10px; color: #98000B; font-weight: bold; }
.lore_3 			{ font-size: 10px; color: #98000B; font-weight: bold; }

/* Klassen zur Erzeugung von 8pt und 12pt Schriftgrößen. Diese werden damit zwingend 		*/
/* vorgeschrieben, d.h. keine FONT, BIG, SMALL, ... im HTML-Quelltext!               		*/
.blocksatz{ text-align: justify; }
.spacer		{	font-size: 0.2em; }
.kleiner	{	font-size: 0.85em; }
.klein		{	font-size: 0.9em; }
.groesser	{	font-size: 15pt; }
.dick			{	font-weight: bold; }
/* Klasse für Fliesstext außerhalb von Tabellen (= 10pt bei Standardeinstellungen) 			*/
.fliess		{ font-size: smaller;	}
/* Standardlink 																																				*/
a:link 	{ font-size: 12px; font-style: normal;
	  			line-height: normal; font-weight: bold; text-decoration: underline; color: #562922; }
a:visited{font-size: 12px; font-style: normal;
	  			line-height: normal; font-weight: bold; text-decoration: underline; color: #562922; }
a:hover { font-size: 12px; font-style: normal;
	  			line-height: normal; font-weight: bold; text-decoration: underline; color: #C38469; }
a:active{ font-size: 12px; font-style: normal;
	  			line-height: normal; font-weight: bold; text-decoration: underline; color: #562922; }
/* Kopfnavigation																																				*/
a.LinkHN:link			{ display: block; line-height: 20px; font-size: 9pt; color: #562922; text-decoration: none; 
										text-indent: 15px; font-weight: normal;
										background-image: url(./../images/icons/quadrat_braun.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkHN:visited	{ display: block; line-height: 20px; font-size: 9pt; color: #562922; text-decoration: none; 
										text-indent: 15px; font-weight: normal; 
										background-image: url(./../images/icons/quadrat_braun.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkHN:hover		{ display: block; line-height: 20px; font-size: 9pt; color: #C38469; text-decoration: none; 
										text-indent: 15px; font-weight: normal; 
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkHN:active		{ display: block; line-height: 20px; font-size: 9pt; color: #562922; text-decoration: none; 
										text-indent: 15px; font-weight: normal; 
										background-image: url(./../images/icons/quadrat_rot.gif);
										background-repeat: no-repeat; background-position: left center;
}
/* Fussnavigation																																				*/
a.LinkFN:link			{ display: block; line-height: 30px; font-size: 8pt; color: #DA8D00; text-decoration: none; 
										text-indent: 15px; 
										background-image: url(./../images/icons/quadrat_orange.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkFN:visited	{ display: block; line-height: 30px; font-size: 8pt; color: #DA8D00; text-decoration: none; 
										text-indent: 15px; 
										background-image: url(./../images/icons/quadrat_orange.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkFN:hover		{ display: block; line-height: 30px; font-size: 8pt; color: #C38469; text-decoration: none; 
										text-indent: 15px; 
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: left center;
}
a.LinkFN:active		{ display: block; line-height: 30px; font-size: 8pt; color: #DA8D00; text-decoration: none; 
										text-indent: 15px; 
										background-image: url(./../images/icons/quadrat_rot.gif);
										background-repeat: no-repeat; background-position: left center;
}

/* Style-Definition für die Bilder selber										          									 */
.Bilder {	border:0px solid #000000; }

/* Style-Definition für den Link "weiter"  			          	          						*/
a.LinkGo:link				{ font-size: 8pt; color: #FFFFFF; text-transform: lowercase; text-decoration: none; }
a.LinkGo:visited		{ font-size: 8pt; color: #FFFFFF; text-transform: lowercase; text-decoration: none; }
a.LinkGo:hover			{ font-size: 8pt; color: #CA0053; text-transform: lowercase; text-decoration: none; }
a.LinkGo:active			{ font-size: 8pt; color: #FFFFFF; text-transform: lowercase; text-decoration: none; }

/* Style-Definition für die First-Level-Navigation																*/
div.firstLevel, div.firstLevelActive {
										display:							block;
										width: 								235px;
										height:								29px;
										border-top: 					1px solid #FFFFFF;
}
div.firstLevel a, div.firstLevel a:active, div.firstLevel a:visited {
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: bold; 
										text-align: right; line-height: 29px; color: #562922; text-decoration: none;
										background-image: url(./../images/icons/quadrat_braun_links.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die First-Level-Navigation bei Mouse-Over									*/
div.firstLevel a:hover { 
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: bold; 
										text-align: right; line-height: 29px; color: #C38469; text-decoration: none;
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die First-Level-Navigation bei aktivem Link								*/
div.firstLevelActive a, div.firstLevelActive a:active, div.firstLevelActive a:visited {
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: bold; 
										text-align: right; line-height: 29px; color: #98000B; text-decoration: none;
										background-image: url(./../images/icons/quadrat_rot.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die First-Level-Navigation bei aktivem Link und Mouse-Over*/
div.firstLevelActive a:hover { 
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: bold; 
										text-align: right; line-height: 29px; color: #C38469; text-decoration: none;
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die Second-Level-Navigation																*/
div.secondLevel, div.secondLevelActive {
										display:							block;
										width: 								235px;
										height:								29px;
										/*border: 1px solid #FF0000;*/
}
div.secondLevel a, div.secondLevel a:active, div.secondLevel a:visited {
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: normal; 
										text-align: right; line-height: 29px; color: #562922; text-decoration: none;
										background-image: url(./../images/icons/quadrat_braun_links.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die Second-Level-Navigation bei Mouse-Over								*/
div.secondLevel a:hover { 
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: normal; 
										text-align: right; line-height: 29px; color: #C38469; text-decoration: none;
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die Second-Level-Navigation bei aktivem Link							*/
div.secondLevelActive a, div.secondLevelActive a:active, div.secondLevelActive a:visited {
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: normal; 
										text-align: right; line-height: 29px; color: #98000B; text-decoration: none;
										background-image: url(./../images/icons/quadrat_rot.gif);
										background-repeat: no-repeat; background-position: right center ;
}
/* Style-Definition für die Second-Level-Navigation bei aktivem Link und Mouse-Over*/
div.secondLevelActive a:hover { 
										display: block; width: 235px; height:29px; font-size: 12px; font-weight: normal; 
										text-align: right; line-height: 29px; color: #C38469; text-decoration: none;
										background-image: url(./../images/icons/quadrat_over.gif);
										background-repeat: no-repeat; background-position: right center ;
}

/* seperate Darstellung des Frontends über Klassen                                */
/* Kopfnavigation Fussnavigation                                                  */
.NavHeadText {
				display:							block;
				width:								30px;
				font-size:						9pt;
				font-style:						normal;
				font-weight: 					normal;
}
.NavFootText {
				display:							block;
				width:								20px;
				font-size:						8pt;
				font-style:						normal;
				font-weight: 					normal;
}
.FootText {
				font-size:						7pt;
				font-style:						normal;
				font-weight: 					normal;
				color: 								#DA8D00;
}
/* Haupüberschrift eines Inhaltes                                                 */
.ContentTitle {
				font-size:						14pt;
				font-style:						normal;
				font-weight: 					bold;
				line-height: 					2;
				color:								#98000B;
}
/* Style-Definition für die Navigation bei Aufzählung aller Content-Inhalte       */
a.LinkNav:link			{ font-size: 8pt; text-indent:20px; text-align: left; color: #562922; text-decoration: none;}
a.LinkNav:visited		{ font-size: 8pt; text-indent:20px; text-align: left; color: #562922; text-decoration: none;}
a.LinkNav:hover			{ font-size: 8pt; text-indent:20px; text-align: left; color: #C38469; text-decoration: none;}
a.LinkNav:active		{ font-size: 8pt; text-indent:20px; text-align: left; color: #562922; text-decoration: none;}
/* Navigation der Seitenzahlen - Seite [123] word-spacing:					2pt;*/
.SeiteNav {
				font-size:						12px;
				font-style:						normal;
				font-weight: 					normal;
				color:								#562922;			
}
/* Style-Definitionen für die unterschiedlichen Absatzüberschriften der Inhalte   */
.PartTitle, .PartTitle1, .PartTitle2, .PartTitle3, .PartTitle4 {
				margin-bottom:				-10px;
				font-style:						normal;
				font-weight: 					bold;
				color:								#562922;
}
.PartTitle1 { color: #98000B; } /* rot */
.PartTitle2 { color: #98000B; font-style:	italic; } /* rot kursiv */
.PartTitle3 { color: #FFFFFF; } /* weiss */

.ErrorMessage {
				font-size:						10pt;
				font-style:						normal;
				font-weight: 					bold;
				color:								#CA0053;
}
.ErrorMessageList {
				font-size:						10pt;
				font-style:						normal;
				color:								#CA0053;
}
.comment {
				font-style:						normal;
				font-size:						8pt; 
}