/* ****************************************************************************
 * Styleinfromation zu frehnerdach.ch
 * ----------------------------------
 *
 * Designe by Claudio Casutt
 * Date: 09.02.2006
 ******************************************************************************/
 
/**
 * Formatierung der Grundelemente
 */
 
/* Seitenelement */
body
{
	/* Hintergrundbild */
	background-image:url(../images/bgdach.jpg);
	/* Textgroesse */
	font-size:12pt;
	/* Textausrichtung */
	text-align:center;
}

/* ************************************************************************** */
/**
 * Formatierung des Inhaltsbereichs
 */
 
/* Allgemeine Bereichsformatierung */
#pagebody
{
	/* Breite */
	width:60em;
	/* Aussenabstand */
	margin:0em auto;
	/* Innenabstand */
	padding:0em;
	/* Rahmen */
	border:2px outset #B17156;
}

/* ************************************************************************** */
/**
 * Formatierung des Titelbereichs und dessen Elemente
 */
 
/* Allgemeine Bereichsformatierung */
#pagetitle
{
	/* Hintergrundfarbe */
	background-color:white;
	/* Rahmen */
	border:1px solid white;
	/* Aussenabstand */
	margin: 0px;
	/* Innenabstand */
	padding:0px;
}
/* Ueberschriftenfornatierung */
#pagetitle h1
{
	/* Darstellung (versteckt) */
	display:none;
}

/* ************************************************************************** */
/**
 * Formatierung des Menubereichs
 */
 
/* Allgemeine Bereichsformatierung */
#pagemenu
{
	/* Feldbreite */
	width:9.5em;
	/* Umflussbestimmung */
	float:left;
	/* Aussenrand */
	margin:1em 0em;
	/* Innenrand */
	padding:0em;
	/* Textausrichtung */
	text-align:center;
}
/* Verweisformatierung */
#pagemenu a
{
	/* Darstellung (als Blockelement) */
	display:block;
	/* Hintergrundfarbe */
	background-color: #B17156;
	/* Aussenabstand */
	margin: 0em 0.5em;
	/* Innenabstand */
	padding:0em;
	padding-left:0.3em;
	/* Elementsbreite */
	width:7.5em;
	/* Textfarbe */
	color:#4D3125;
	/* Textdekoration (z.B. Unterstrichen) */
	text-decoration:none;
	/* Schriftdicke (Fett) */
	font-weight:bold;
}
/* Verweisverhaltensformatierung */
#pagemenu a:link, /* unbenutzer Link */
#pagemenu a:visited /* besuchter Link */
{
	/* Randformatierung mit Groesse, Style, Farbe */
	border: 3px outset #B17156;
}
#pagemenu a:active, /* aktiver Link */
#pagemenu a:hover /* markierter Link */
{
	/* Randformatierung mit Groesse, Style, Farbe */
	border: 3px inset #B17156;
}
/* Trennstrichbereich */
#pagemenu span
{
	/* Darstellung (versteckt) */
	display:none;
}

/* ************************************************************************** */
/**
 * Formatierung des Informationsbereichs
 */

/* Allgemeine Bereichsformatierung */
#pagecontent,
#pagephpbook
{
	/* Feldbreite */
	width:42em;
	/* Umflussbestimmung */
	float:left;
	/* Aussenabstand */
	margin:1em 0em;
	/* Innenabstand */
	padding:0em;
	/* Textausrichtung */
	text-align:center;
}
#pagecontent h2
{
	font-size:20pt;
	margin-top:0em;
	margin-bottom:0.5em;
	margin-left:0em;
	margin-right:0em;
}
#pagecontent h3
{
	font-size:16pt;
	margin-top:0em;
	margin-bottom:0.5em;
	margin-left:0em;
	margin-right:0em;
	padding-top:0em;
}
#pagecontent h4
{
	font-size:14pt;
	margin-top:0em;
	margin-bottom:0.5em;
	margin-left:0em;
	margin-right:0em;
	padding-top:0em;
}
#pagecontent div a
{
	text-align:center;
	font-size:12pt;
	color: black;
	margin-top:0em;
	margin-bottom:0.5em;
	margin-left:0em;
	margin-right:0em;
	padding-top:0em;
}

#pagecontent p
{
	font-size:16pt;
	font-weight:bold;
	margin: 1em 0.5em;
	padding: 0em 1em;
	text-align:center;
}
#pagecontent h5
{
	text-align:right;
}
#pagecontent div,
#pagecontent table tr td p
{
	font-size:14pt;
	background-color: #B17156;
	border: 3px solid #80523E;
	text-align:justify;
	margin: 1em 3em;
}
#pagecontent div h3
{
	background-color: #80523E;
	padding: 0em 0.5em;
	margin: 0em;
	color:black;
}
#pagecontent div h4
{
	font-size:16pt;
	padding: 0.2em 0.5em;
	margin: 0em;
	color:blue;
	text-align:center;
}
#pagecontent div p
{
	padding: 0em 0.5em;
	margin: 0em;
}
#pagecontent div form div
{
	padding: 0em 0.5em;
	margin: 0em;
	font-size:16pt;
}
#pagecontent div form div span
{
	/* Darstellung (als Blockelement) */
	display:block;
	/* Umflussbestimmung */
	float:left;
	/* Feldbreite */
	width:5em;
	height:1.3em;
	background-color: #C08060;
	font-weight:bold;
	vertical-align:bottom;
	padding: 0.1em 0.2em 0em 0.2em;
	margin: 0.6em 0em 0.1em 0em;
}
#pagecontent div form div .value,
#pagecontent div form div textarea
{
	/* Darstellung (als Blockelement) */
	display:block;
	/* Umflussbestimmung */
	float:left;
	/* Feldbreite */
	width:19em;
	font-size:16pt;
	background-color: #C08060;
	margin: 0.5em 0em 0em 0em;
}
#pagecontent div form div textarea
{
	height:7em;
	font-weight:bold;
}
#pagecontent div form div .button
{
	/* Aussenabstand */
	margin:0.5em 0em;
	/* Innenabstand */
	padding:0em;
	font-size:14pt;
	background-color: #B17156;
	border-color:#B17156;
}

#pagecontent div form div br
{
	clear:both;
}
#pagecontent table
{
	width:100%;
}

#pagecontent table td
{
	font-size:14pt;
	font-weight:bold;
}
#pagecontent a
{
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
}
#pagecontent a img
{
	border-style:none;
}

/* ************************************************************************** */
/**
 * Formatierung des Nachrichtenbereichs
 */
 
/* Allgemeine Bereichsformatierung */
#pagenews
{
	/* Blockbreite */
	width:8em;
	/* Umflussbestimmung */
	float:right;
	/* Aussenabstand */
	margin:1em 0em;
	/* Innenabstand */
	padding:0em;
	/* Textausrichtung */
	text-align:left;
}
/* ************************************************************************** */
/**
 * Formatierung des Impresums
 */
 
/* Allgemeine Bereichsformatierung */
#pageimpresum
{
	/* Blockbreite */
	width:58em;
	/* Aussenabstand */
	margin:0.1em auto;
	/* Innenabstand */
	padding:0em;
}

/* ************************************************************************** */
/**
 * Formatierung ruer versteckte Elemente
 */

.areabreak,  /* Klasse fuer Trennstrich */
#pagedivmenu /* ID fuer Abschnittsverweise */
{
	/* Darstellung (Versteckt) */
	display:none;
}