body { /* Gilt für den ganzen Body */
    font-size: 100.01%;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 2px 12px 1px 12px;
    background: #EFEFEF;
    color: black
}

/* -------------------- Haupt-Navigation -------------------- */
#header {
	position: relative;
	width: 100%;
	height: 2em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

ul#tabnav {
	margin: 0 0 0 180px;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

ul#tabnav li  {
	display: inline;
	list-style: none;
}

ul#tabnav span, ul#tabnav a {
	width: 6em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 3px;
	text-align: center;
	font-weight:bold;
	font-size: 85%;
	text-decoration: none;
	color: black;
}

ul#tabnav span {
	border: 1px solid #3C3;
	border-bottom: none;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
	background: #FFFDF3;
	padding-bottom: 6px;
	margin-top: 0;
}

ul#tabnav a {
	background: #FFF7CD;
	border: 1px solid #AAA;
	border-bottom: none;
	-moz-border-radius-topleft: 11px;
	-moz-border-radius-topright: 11px;
}

ul#tabnav a:hover {
	margin-top: 0;
	border-color: #4A4;
	background: #FFF7CD;
	padding-bottom: 5px;
}


#wrapper {/* umschließt alles */
	border: 1px solid #33CC33;
	background: #FFFDF3;
	clear: both;
}
/* -------------------- Sub-Navigation -------------------- */
#submenue {
    float: left;
    font-size: 75%;
    width: 164px;
    color: #3C3;
    font-weight:bold;
    margin: 0;
    padding:5px 0 10px 4px;
    background: url(../pix/bg.gif) repeat-y top left;
}
#submenue a, #submenue a:link, #submenue a:visited, #submenue a:hover, #submenue a:active {
    text-decoration: none;
    color: #000000;
}

/* -------------------- Content -------------------- */

#wrapper {/* umschließt alles */
	border: 1px solid #3C3;
	background: #FFFDF3;
	clear: both;
}

#content { /* - Normaler Text - */
	font-size: 80%;
    line-height: 120%;
    padding: 2px 5px 10px 178px;/* 10 im orginal */
    color: black;
    margin: 0;
    background: url(../pix/bg.gif) repeat-y top left;
    /*border-left: 169px solid #FFF7CD;*/
}

a, a:link, a:visited, a:hover, a:active, a:focus, .g_contact a:link {
    color: black;
}

#content td.ch {
    background: url(../pix/bg.gif) repeat-y top center;
}
/* -------------------- Text-------------------- */
/* - Überschrift 1. Ordnung - */
.title {
    font:  bold 125% Arial, Sans-Serif;
    color: black;
    margin: 5px 0;
}

/* - Überschrift 2. Ordnung - */
.subtitle {
    font:  bold 110% Arial, Sans-Serif;
    color: black;
    margin-bottom: 2px;
    margin-top: 7px;
}

/* - Absatzüberschrift - */
.parahead {
    font:  bold 100% Verdana, Sans-Serif;
    border-bottom:1px solid #3C3;
    color: black;
    margin-bottom: 2px;
    margin-top: 7px;
}

.imgfloat {
	float: left;
	padding-right: 15px;
}

/* Tabellen */
.bg0 {
    background-color: #F0FFF0;
}

.bg1 {
    background-color: #F0F7FD;
}

.tdr {
	border: 1px solid #3C3;
	text-align: right;
}

.tar {
	text-align: right;
}

.bfw {
	border-top: 1px solid #3C3;
    font-weight:bold;
}

th {
	text-align: left;
    background:#FFF7CD;
    border: 1px solid #3C3;
    vertical-align: top;
}
th[onMouseOver], td[onMouseOver] {
	text-decoration: underline;
}

.omo {
	text-decoration: underline;
}
/* Code für die Hinweistexte */
#edittext {
    position:absolute;
    top:35%;
    left:33%;
    width:200px;
    z-index:999;
    background-color:#FFF7CD;
    border: 7px double #3C3;
    text-align:center;
    padding:20px 20px 17px 20px;
    font-weight:bold;
    font-size:120%;
}

/* - Eingabefelder - */
.input, .inputr {
	/* filter: dropShadow(color=#808080,offx=2,offy=2); */
	border: 1px solid #3C3;
	background: #FFF7CD;
}

.input[readonly~="readonly"], .inputr[readonly~="readonly"] {
	background: #F0E8BF;
}

.inputr {
	text-align: right;
	padding-right: 4px;
}

.button {
	border: 2px outset #3C3;
	background-color: #FFF7CD;
	text-align: center;
    margin:5px;
}
.button:hover {
	border-style: inset;
}

/* Reaktionstest */
.re_box {
	width:80%;
	height:250px;
	border:3px solid #3C3;
}

.re_start {
	text-align:center;
	font-size: 800%;
	font-family:Arial, Sans-Serif;
	color:green;
}

.re_stop {
	text-align:center;
	font-size: 800%;
	font-family:Arial, Sans-Serif;
	color:red;
}

/* --- Gästebuch --- */

.g_entry { /* Kompletter Tabelleneintrag */
	background: #3C3;
	text-align: center;
	width: 90%;
}

.g_name { /* Zeile wo Name und Datum drin steht */
	background: #FFF7CD;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

.g_contact { /* Zelle wo E-Mail und Homepage drin steht */
	background: #FFF7CD;
	font-size: 10pt;
	vertical-align: top;
	text-align: center;
	height: 50px;
}

.g_message { /* Zelle wo Nachricht drin steht */
	background: #FFF7CD;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	width: 90%;
}

/* -------------------- Footer -------------------- */
.footer {
    clear: both;
	margin: 0;
    font: 75% Tahoma, Sans-Serif;
    padding: 10px;
	background: #FFF7CD;
    border-top:1px solid #3C3;
}


.footerimg {
	margin-right: 20px;
}