﻿
html, body {
    z-index:-100;
    BACKGROUND-IMAGE: url(01_background_page.jpg);
    BACKGROUND-REPEAT: no-repeat;
    background-color:#e4c283;
    margin:0px;
    padding:0px;
    height:100%;
    font-family:Arial, Helvetica, serif;
    font-size: 18px;

}
#header {
	z-index:100;
	position:fixed;
	top:0px;
	width:100%;
	height:128px;
	padding:0px;
	margin:0px;
    BACKGROUND-IMAGE: url(03_backheader.png);


}
#navigation {
	position:fixed;
	z-index:90;
	top:150px;
	left:30px;
	width:200px;
	padding:0px;
	margin:0px;
	height: 100%;
	overflow: scroll;
}
#content {
	z-index:90;
	position:absolute;
	margin-top: 100px;
	margin-left:280px;
	margin-right:280px;
	padding-right: 5px;
	text-align: justify;
	overflow: scroll;
    font-family:Arial, Helvetica, serif;
	}
#glossar {
	z-index:90;
	position:absolute;
	margin-top: 140px;
	margin-left:180px;
	margin-right:280px;
	padding:0px;
	text-align: justify;
	overflow: scroll;
	}
#footer {
	position:absolute;
	bottom: 0px;
	margin-left:280px;
	margin-right:280px;
}
#features {
	z-index:90;
	position:fixed;
    BACKGROUND-IMAGE: url(05_menue_background.jpg);
	color: black;
	top:150px;
	right:30px;
	width:200px;
	margin:0px;
	height:100%;
	padding-left:5px;
	overflow:scroll;
    font-size:90%;
}
ul.features_liste {
   font-size:110%;
   COLOR:#ff0000;
}
#banner {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	}
#banner_pic {
	position:fixed;
	top:0px;
	border:none;
	width:100%;
	height:120px;
	}
h1,h2,p,ul,table {
	margin-left:0px;
	margin-right:16px;
	font-family:Arial, Helvetica, serif;
    font-size:100%;
	}
table {
	padding: 5px;
	margin-left:5px;
}
h1 {
	font-weight:bold;
	font-style:normal;
	font-size:150%;
	line-height:2.5em;
	color:#3d1f06;
	border-left:#DDA82C solid 20px;
	border-bottom:#DDA82C solid 4px;
	padding-left:12px;
	margin-top:32px;
}
h2 {
	font-weight:bold;
	font-style:normal;
	font-size:130%;
	line-height:1.1em;
	color:#3d1f06;
	margin-top:24px;
	margin-bottom: 5px;
}
#form {
	BACKGROUND-IMAGE: url(08_back_formular.gif);
    padding:4px;
}
p.intro {
	text-align:left;
	font-weight:normal;
	font-style:italic;
	font-size:120%;
	line-height:1.1em;
	margin-left:48px;
	color:black;
}
p.text {
	text-align:justify;
	font-weight:normal;
	font-style:normal;
	font-size:120%;
	line-height:1.1em;
	color:black;
}
li {
	text-align:left;
	font-weight:normal;
	font-style:normal;
	font-size:99%;
	line-height:1.1em;
    margin-left:-18px;
	color:black;
}
td.th {
	text-align:left;
	font-style:normal;
	font-size:120%;
	line-height:1.1em;
	color:rgb(255,0,0);
	padding: 5px;
}
tbody {
    background-image: url(08_back_formular.gif);

}
th {
	font-weight:bold;
	color:#844410;
	font-size:120%;
	padding:5px;
}
tr {
	padding: 12px;
    color:#844410;
}
td {
	padding: 5px;

}
dt {
	font-weight:bold;
	color:#844410;
	font-size:120%;
	margin-top: 2pc;
}
dd {
	font-weight:normal;
	color:black;
	font-size:100%;
	margin-top: 1pc;
	text-align:justify;
}
div.box_title {
	margin-top:16px;
	margin-left:8px;
	margin-right:8px;
	background-color:rgb(130,130,130);
	color:white;
	font-family:Arial, Helvetica, serif;
	font-size:14px;
	font-weight:bold;
	padding:1px;
}
div.box_content {
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	background-color:#E2B650
	border:rgb(130,130,130) solid 2px;
	color:black;
	font-family:Arial, Helvetica, serif;
	font-size:100%;
	font-weight:normal;
	padding:3px;
}

.links, link
{
  COLOR:#1D5430;
  text-decoration: underline;
}

.links:visited, link
{
  COLOR:#9E761A;
  text-decoration: underline;
}

.links:active, link
{
 COLOR:#E2B650;
 text-decoration: underline;
}
a.navi, a.navi_self {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	padding:10px;
    MARGIN: 5px;
    font-family:Arial, Helvetica, serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:3px;
	text-align:left;
    BACKGROUND-IMAGE: url(05_menue_background.jpg);
    background-color:#B88A1E;
    color:#3D1F07;
}
a.navi_first {
    display:block;
	white-space:nowrap;
	overflow:hidden;
	MARGIN: 0px;
    MARGIN-TOP: 30px;
    font-family:Arial, Helvetica, serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:3px;
	text-align:left;
    padding:10px;
    background-color:#3D1F07;
    color: #DDA82C;
}
a.einloggen {
    display:block;
	white-space:nowrap;
	overflow:hidden;
	MARGIN: 5px;
    MARGIN-TOP: 0px;
    font-family:Arial, Helvetica, serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:3px;
	text-align:left;
    padding:10px;
    background-color:#3D1F07;
    color: #DDA82C;
}
a.navi:hover, a.navi_first:hover, a.navi_self:hover, a.einloggen:hover {
	background-color:#DDA82C;
	color:#3d1f07;
    border: 2px double;
}

.ButtonQuiz {
    width: 140px;
    height: 30px;
    border: 1px double;
    margin-right: 10px;
    font-weight: bolder;
    font-size:100%;
    background-color:#3D1F07;
    color: #DDA82C;
    PADDING: 3px;
}

.ButtonQuiz:hover {
    background-color:#DDA82C;
	color:#3d1f07;
    PADDING: 3px;
    border:#DDA82C solid 4px;
}
.RAntwort {
    font-family:Arial, Helvetica, serif;
    color:black;
}
.features_linie  {
   background-color:#3d1f06;

}

