body  {
	font-family: Verdana;
	font-size: 9pt;
	text-align: left;
	color: #000000;
	background:  url(../../bilder/fussel.gif) #FFFFFF;
	padding: 0; 
	margin-top : 0px;
	margin-left : 0px;
}
td  {
	font-family : Arial;
	font-size : 11;
	line-height: 1.4em;
	text-align: left;
	color : #000000;
}
p  {
	font-family: Arial;
	font-size: 11;
	text-align: left;
	color: #000000;
}

a  {
	font-family : Arial;
	font-size : 11;
	line-height: 1.4em;
	color : #2D2706;
	text-decoration : none;
}
a:link  {
	color : #2D2706;
		}
a:hover  {
	color : #789E19;
}

.navi {
	font-family : Arial;
	font-size : 10;
	font-weight: bold
	line-height: 1.4em;
	color : #2D2706;
	text-decoration : none;
}

h1  {
	font-family : Arial;
	font-size : 14pt;
	color : #333300;
	margin-left: 10px;
}
h2  {
	font-family : Arial;
	font-size : 11;
	font-weight : bold;
	letter-spacing: 0px;
	color : #333300;
	margin-left: 10px;	
}
h3  {
	font-family : Arial;
	font-size : 9pt;
	font-weight : bold;
	letter-spacing: 0px;
	color : #333300;
	margin-left: 10px;
}
h4  {
	font-family : Arial;
	font-size : 9pt;
	font-weight : bold;
	letter-spacing: 0px;
	color : #333300;
	width: 80%;	
}


#container { 
 background: #EEE34D;
 font-family: Arial;
 font-size: 9pt; 
 width: 700px;
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 padding: 10px;
}

/* - Menü - */
#menu { 
 font-family: Arial;
 font-weight: normal;
 font-size: 8pt; 
 color: #2D2706; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist, also den Menüpunkt der Seite auf der wir uns gerade befinden. */
}

#menu a {
 color : #2D2706; /* Hier ist das mit der Linkfarbe genau so, sie soll 333300 sein. */
 text-decoration: none;
}

#menu a:hover {
 color : #789E19; /* Hier ist das mit der Linkfarbe genau so, sie soll 333300 sein. */
 text-decoration: none;
}

/* - Inhalt - */
#main { 
 background: #FFFFFF;
 font-family: Arial;
 font-size: 9pt; 
 width: 700px;
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 padding: 10px;
 min-height: 475px;
}

div#bildspalte {
 background: #FFFFFF;
 width: 350px; /* Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer genügend Platz für den richtigen Inhalt bleibt. */
 min-width: 10em; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
 float: left; /* Damit erreichen wir dass der Inhalt links neben der Subnavigation vorbeifließt und nicht erst unten drunter anfängt. */
 padding: 0px;
 margin: 10px 20px 10px 10px;
}
 
div#inhalt { 
 background: #FFFFFF;
 width: 330px;
 font-family: Arial;
 font-size: 9pt; 
 padding: 0px;
 margin: 10px;
}

/* GeW Added styles for xlquiz */
.qbox {
	/*border-bottom: double 4px #666;*/
	margin-bottom: 5px;
	padding-bottom: 10px;
	margin-left: 10px;
}
.intro {
	/*border-bottom: double 4px #666;*/
	margin-bottom: 5px;
	padding-bottom: 10px;
	margin-left: 10px;
}

code { 
	overflow: auto; 
	width: 75%; 
	border: 1px solid #666; 
	padding: 10px;
	margin: 5px 0;
	display: block;
}
.key {
	margin: 5px 0;
	padding: 10px;
	border: 1px outset #666;
	background-color: #fafafa;
}
.correct {
	color: green;
	font-weight: bold;
}
.wrong { 
	color: red;
}
.your_choice {
	border-bottom: dashed 1px #666;
}
.feedbackForm {
	border-right: solid 3px #ccc;
	border-bottom: solid 3px #eee;
	border-top: none;
	border-left: none;
	width:500px;
	float: left;
}
.feedback {
	width: 5em;
	float: left;
	text-align: right;
	margin: 0 1em 10px 0;
	clear: both
}
.input-box {
	margin-bottom: 10px
}
.submit-button {
	clear: both;
	margin-left: 10px;	
}
.input-name {
	width: 100px;
	font-size: 12px;
	border: inset 2px #eee;
	margin-bottom: 4px;
	margin-left: 10px;	
}
.submit-button-chek {
	width: 100px;
	font-size: 12px;
	border: outset 2px #eee;
	margin-left: 10px	;	
}
.summary {
	width: 50%;
	/*border: solid green 1px;*/
	/*border-width: 1px 2px 2px 1px;*/
	/*padding: 10px;*/
	margin-left: 10px;	
}
.small {
	font-size: 10px;
}