/***********************************************/
/* FIRMATIC Editor CSS Template 5              */
/* FIRMEDIA 2005                               */
/***********************************************/


/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{
	margin:0;
	padding:0px 0 0 0;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#FDD764;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-shadow-color:#FDD764;
	scrollbar-arrow-color:#FDD764;
	scrollbar-track-color:#ffffff;
	background-color: #FFD064;

} 

body{
	font-size: 8pt;
	line-height: 1.166;	
	font-family: Verdana, Arial;
	color:#000000;
	background-color: #FFD064;
	margin:0px;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

a:active {
	color: #006699;
	text-decoration: none;
}

/* Farbe für Textfeld  > class="textfeld1" < an Textfeld kopieren */
.textfeld1 {
	background-color: white;
	color: #333333;
	border: 1px solid #000000;
}

/* Farbe für Textfeld  > class="textfeld2" < an Textfeld kopieren */
.textfeld2 { 
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
	
/* Farbe für Button  > class="button" < an Button kopieren */
.button {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #000000;
}

/* alle Tabellen werden mit diesen Einstellungen formatiert */
/* sofern sie nicht anderweitig extra definiert werden      */

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	align:left;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* Div das alle anderen Divs beinhaltet */
.aussen { 
	text-align:left;
	/*margin-left:auto;
	margin-right:auto;*/
	border: 1px solid #000000;
	background-color:#FFDD8C; 
	width: 980px;
}

/* Div für zB. die Kopfgrafiken der Webseite */
.header{
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0 solid #000000;
	border-left: 0px solid #000000;
	/*width: 980px;*/
	width: 100%;
	padding:0;
	margin:0 0 -2px 0;
}

/* Div das das Unter-Div inhalt_komplett enthält und sich an die Bildschirmbreite anpasst */
.screen_width {
	width:100%; 
	text-align:left;
	position:relative; 
	background-color:#FFD064;
	margin-left:auto; 
	margin-right:auto;
	/* border-top: 1px solid #000000; */
	/*border-right: 0px solid #000000;*/
	/* border-bottom: 1px solid #000000; */
	/*border-left: 0px solid #000000;*/
}

/* Div das alle bearbeitbaren Templates, Kategorien und Contents beinhaltet */
.inhalt_komplett{
	width:980px; 
	text-align:left;
	min-width: 500px; 
	/*margin-left:auto; 
	margin-right:auto;*/
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
}

/* Floateigenschaften zurücksetzen (keine Änderung notwendig) */
.clr { clear:both; }

/***************************************************/
/* Div für Linken Navigations- und Contentbereich  */
/***************************************************/

/* Div das den Linken Navigation- und Contentbereich beinhaltet */
.navBarLinks{
	width:190px; 
	float:left; 
	position:relative; 
	margin-left:-190px; 
	margin-right:3px;
}

/* Div das den Kategorieaufbau für die linke Spalte enthält */
.navBarLinksContent { 
	margin: 5px 2px 10px 2px; 
	color: #ffffff; 
	background-color: #ffffff;
	text-align:left;
	height:100%; 
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}

/* Überschrift für den Content der der Kategorie */
/* in der linken Spalte zugewiesen ist           */ 

.firmaticKatUeberschriftLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	background-color: #FFC54A;
	text-transform:uppercase;
	padding: 2px 2px 2px 2px;
	color:#000000;
	font-weight: bold;
}

/* Contenttext für den Content der der Kategorie */
/* in der linken Spalte zugewiesen ist           */

.firmaticKatContentLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	padding: 1px 2px 2px 2px;
	color:#000000;
	background-color: #ffffff;
	font-weight: normal;
	border-bottom: 1px solid #000000;
}
.firmaticKatContentLinks table{ 
	font-size:7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
 
/****************************************************/
/* Div für Rechten Navigations- und Contentbereich  */
/****************************************************/

.firmaticKatUeberschriftRechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
/*	background-color: #CC0000; */
	text-transform:uppercase;
	padding: 2px 2px 2px 10px;
	color:#000000;
	font-weight: bold;
}

/* Contenttext für den Content der der Kategorie */
/* in der rechten Spalte zugewiesen ist          */ 

.firmaticKatContentRechts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 5px 3px 5px 5px;
	margin:5px;
	color:#000000;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
	width:250px;
}

.firmaticKatContentRechts table{ 
	font-size:8pt;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*******************************************************************/
/* Spalten Bereich (Spalten mit Borderstyle aus und einschalten)   */
/*******************************************************************/

.outer>.inner { border-bottom: 1px solid #00000; }


.inner{margin:0; width:100%;}

.outer{ 
	border: 0px solid #000000; 
	/*/*/ border-left-width: 190px ;  /* left column width. NN4 hack to hide borders */ 
	
	border-left-color: #FFDD8C;   /* Background Farbe der linken Spalte */ 
	border-left-style: solid; 
	/*/*/ border-right-width: 190px; /* right column width. NN4 hack to hide borders */ 
	
	border-right-color: #FFDD8C;  /* Background Farbe der rechten Spalte */ 
	border-right-style: solid; 
	background-color: #FFDD8C; /* center column colour */
	width: auto;
}
 
/* Div das die mittlere Spalte beinhaltet */

.content{
	float: left;
	width: 100%;
	position: relative;
	margin: 0 -8px 0 -2px;
	background-color: #FFDD8C;

}

/****************************************************/
/* Navigation oben horizontal 						*/
/* Zum de-/aktivieren display:none; auskommentieren */
/****************************************************/

.navBarTop{
	display:none;
	font-size: 8pt;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-color: #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	padding: 0;
}

/*********************************************/
/*  Kategorie-Style für die mittlere Spalte  */
/*********************************************/

/* Div das den kompletten Aufbau für die Kategorie in der mittleren Spalte enthält  */
.fmaticKategorieMitteGesamt {
	border: 0px solid #000000;
	width: 545px;
	text-align:left;
	height:auto;
	border-bottom:1px solid #006633;
}

html>body .fmaticKategorieMitteGesamt { min-height:auto; }

/* Überschrift für den Content der der Kategorie */
/* in der mittleren Spalte zugewiesen ist        */

.UeberschriftContentMitte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	padding: 2px 2px 2px 2px;
	color:#000000;
	border-top:0px solid #000000;
	border-right:0px solid #000000;
	border-bottom:0px solid #000000;
	border-left:0px solid #000000;
}

/* Contenttext für den Content der der Kategorie */
/* in der mittleren Spalte zugewiesen ist        */ 

.firmaticKatContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000000;
	padding: 2px 2px 2px 2px;
	height:100%;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	font-weight: normal;
	text-align:left;
}

/* Formatierung für alle Links die in 'firmaticKatContent' stehen */
.firmaticKatContent a:link {
	color:#000000;
	text-decoration:underline;
}
.firmaticKatContent a:visited {
	color:#000000;
	text-decoration:underline;
}
.firmaticKatContent a:hover {
	color:#000000;
	text-decoration:none;
}
.firmaticKatContent a:active {
	color:#000000;
	text-decoration:underline;
}

/* Druck und E-Mail Link innerhalb der Contents  */ 

.drucken_emaillink {
	text-align:right;
}
.drucken_emaillink a:link, a:visited, a:active { color:#000000; text-decoration:underline; }
.drucken_emaillink a:hover { color:#000000; text-decoration:none; }


/*********************************************/
/*  Div das das Footer-Template beinhaltet   */
/*  Styles für die Formatierungen im Footer  */
/*********************************************/

.footer{
	clear:both;
	font-size: 8pt;
	font-weight:normal;
	color: #ffffff;
	padding: 0px 0;
	text-align: center;
}

.footer img { margin: 2px; }

.footer a:link, .footer a:visited, .footer a:active {
	color:#ffffff; 
	font-weight:normal; 
	text-decoration:underline;
}

.footer a:hover { 
	color:#ffffff; 
	font-weight:normal; 
	text-decoration:none;
}

/********************************************/
/* Styles und Divs die für die Formatierung */
/* im Gästebuch zuständig sind              */
/********************************************/

/* Styles für Gästebuch Layout */

.guestbook_tabelle {
	border: 0px solid #000000;
	width: 590px;
	text-align:left;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 2px;
	height:auto;
}
.guestbook_tabelle_inhalt {}

/* Div und Style für die Formatierung der Gästebuch Einträge */
.guestbook_gesamt {
	border: 0px solid #000000;
	background-color: #ffffff;
	width: 590px;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 7px;
	height:auto;
}
html>body .guestbook_gesamt { min-height:auto; }

/* Div und Styles für die Formatierung der Überschrift im Gästebuch */
.guestbook_ueberschrift {
	font-weight:bold;
	padding: 2px 2px 2px 2px;
	width:420px; float:left;
	background-color:#FFC54A;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

/* Div und Styles für die Formatierung des Contents im Gästebuch */
.guestbook_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#000000;
	padding: 2px 2px 2px 2px;
	height:100%;
	background-color: #ffffff;
	border-top: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	font-weight: normal;
	text-align:left;
}


/*****************************************/
/* Div und Styles für den Aufbau und die */
/* Formatierungen der Bildergalerien     */
/*****************************************/

/* Rahmen um das Bild in der Einzelbildansicht der Bildergalerie */
.firmatic_gallery_einzelbild_rahmen {
	border: 1px solid #FFC54A;
}

/* Bildergalerie Index Anfang */
.firmatic_gallery_column_css {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
    background-color: #ffffff;
	border: 1px solid #FFC54A;
}

.firmatic_gallery_image_css{
/*border-width: 1px 1px 1px 1px; */
	border-color: #000000;
	border-style: solid;
	margin: 5px;
}

.firmatic_gallery_link_css  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.firmatic_gallery_content_css a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}
.firmatic_gallery_content_css a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}
.firmatic_gallery_content_css a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFC54A;
	text-decoration: none;
}
.firmatic_gallery_content_css a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

/* Bildergalerie Index Ende */



/* Style für Navigation falls JavaScript deaktiviert ist */
.sitemap_nojs a {
	color:#0033ff;
	text-decoration: underline;
}
.sitemap_nojs a:hover {
	color:#000000;
	text-decoration: none;
}

/*********************************************************/
/* Styles und Divs die für die Formatierung der          */
/* Navigationspunkte in der Linken Spalte zuständig sind */
/*********************************************************/

/* Div beinhaltet den Aufbau der Linken Navigation */
.navigation_links { 
/* display:none; */
	margin: 5px 0px 5px 0px;
	float:left;
	position:relative;
	width:144px;
	border-top: 1px solid #000000;
}

/* Styles für die Formatierung der jeweiligen Menü-Ebene */
/* die Zahl hinter navigation_ entspricht der Ebene      */
.navigation_0 {
	display: block;
	height: 15px;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	background-color: #FFCC66;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 3px; 
	margin-bottom:0px;
}


.navigation_0:link, .navigation_0:visited, .navigation_0:active {
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	color: #CC0000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFCC66;
}
.navigation_0:hover{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	text-decoration:none;
	color: #CC0000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFCC66;
}
.navigation_1 {
	display: block;
	height:12px;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFF5D2;
	padding: 3px 3px 3px 10px;
	margin-bottom:0px;
}

.navigation_1:active {
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration:underline;
	color: #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFF5D2;
}


.navigation_1:link, .navigation_1:visited{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration:none;
	color: #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #FFF5D2;
}

.navigation_1:hover{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 11px;
	text-decoration:none;
	color: #FFFFFF;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #CC0000;
}

/* Anzeige der Position/akt. Seite */
.firmaticPosition { 
	font-size: 8pt;
	font-family: Verdana, Arial;
	color:#cc0000;
	text-align:right;
	padding: 0px 10px; 
}

.ContentAbsatzUeberschrift {
	background-color: #cc0000;
	color:#ffffff;
}

