/* Set the general font family here (sans-serif for screen output */
body, td, ul, ol, p, h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Set the margin and padding to 0 */
body { margin: 0px; padding: 0px; }

body, p, ul, ol, td {
	font-size: 14px;  
}

/* Definizion of different gradations (dark to light) of bg colors */
.DarkBgColor  { background-color: #840000; }	/* c0 */
.BgColor1     { background-color: #8E100C; }	/* c1 */
.BgColor2     { background-color: #982018; }	/* c2 */
.BgColor3     { background-color: #A23024; }	/* c3 */
.BgColor4     { background-color: #AC4030; }	/* c4 */
.BgColor5     { background-color: #B6503C; }	/* c5 */
.BgColor6     { background-color: #C06048; }	/* c6 */
.BgColor7     { background-color: #CA7054; }	/* c7 */
.BgColor8     { background-color: #D48060; }	/* c8 */
.BgColor9     { background-color: #DE906C; }	/* c9 */
.LightBgColor { background-color: #EC9E78; }	/* c10 */

/* Definizion of different gradations (dark to light) of fg colors */
.DarkFgColor  { color: #840000; }				/* c0 */
.FgColor1     { color: #8E100C; }				/* c1 */
.FgColor2     { color: #982018; }				/* c2 */
.FgColor3     { color: #A23024; }				/* c3 */
.FgColor4     { color: #AC4030; }				/* c4 */
.FgColor5     { color: #B6503C; }				/* c5 */
.FgColor6     { color: #C06048; }				/* c6 */
.FgColor7     { color: #CA7054; }				/* c7 */
.FgColor8     { color: #D48060; }				/* c8 */
.FgColor9     { color: #DE906C; }				/* c9 */
.LightFgColor { color: #EC9E78; }				/* c10 */

/* Styles for the content area */
h1 {								/* main title of the page */
	font-size: 1.5em;
	color: #EC9E78;					/* c10 */
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
h2 {								/* subtitles in the content */
	font-size: 1.2em;
	color: #FFFFFF;
}
div.content {						/* the real content of the page */
	border: 1px dotted #EC9E78;		/* c10 */
	background-color: #982018;		/* c2 */
	padding: 15px;
}

/* Styles for the navigation area */
div.navbar {						/* global configuration */
	margin: 0px; 
	margin-top: 20px;
	font-size: 0.8em;
}
div.navbar a.navbar {				/* the links */
	text-decoration: none;
}
div.navbar a.navbar:hover {			/* onmouseover */
	background-color: #982018;		/* c2 */
}
div.navbar .lev1 {					/* indent for navbar of level 1 */
	margin-left: 0.0em;
}
div.navbar .lev2 {					/* indent for navbar of level 2 */
	margin-left: 1.5em;
}
div.navbar .lev3 {					/* indent for navbar of level 3 */
	margin-left: 3em;
}
div.navbar a.selected {				/* the selectet item */
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AC4030;		/* c4 */
}
div.navbar .service {				/* the service navigation */
	font-size: 0.8em;
	text-decoration: none;
}

/* Style for the copyright bar and lastchange information */
td.copyright, td.copyright a {
	color: #CA7054;					/* c7 */
	background-color: #982018;		/* c2 */
	text-decoration: none;
}
div.copyright {
	font-size: 0.7em;
	padding-left: 200px;
}

/* Styles for outputs like errors messages */
.ErrorMsg, .Message {
	color: #FFFF00;
	font-weight: bold;
}

/* Style for the form (guestbook and contact) */
.fieldStyle {			/* fields */
	color: #840000;					/* c0 */
	background-color: #FFFFFF;		/* white */
}
.buttonStyle {			/* buttons */
	color: #FFFFFF;					/* white */
	background-color: #A23024;		/* c3 */
}
.smalltext {						/* field labels */
	font-size: 0.8em;
}
.smalltext2 {						/* field labels */
	font-size: 0.9em;
}
.strikeout {
	text-decoration: line-through;
}