body {
background-color:#aaa;
background-image:url(img/bg-1-2-u.png);
font-family:Verdana,Arial,DejaVu Sans,sans-serif;
}
/*h1 wird nur für die grosse Ueberschrift verwendet*/
h1 {
font-size: 1.3em;
padding:5px;
margin:0px;
}
/*h2 ist die Ueberschrift der einzelnen Schritte*/
h2 {
font-size: 1em;
padding:5px;
margin:0px;
color:#000000;
background-color:#B45C5C;
}
/*h3 wird bei der Hilfe genutzt*/
h3 {
font-size: 1.1em;
padding:5px;
margin:0px;
color:#000000;
}
/*im header ist die Ueberschrift und eine Unterzeile. Die Ueberschrift ist tw. dynamisch (yeah!)*/
.header {
padding:5px;
margin:5px;
font-size:0.9em;
color:#000;
}
/* der bodydiv geht einmal ganz aussenrum. Er umschliesst header, maindiv und footer */
.bodydiv {
width : 650px;
padding:0px;
border-width: 4px;
border-color:#5e5e5e;
border-style:groove;
font-family:Verdana, Arial;
color:#fff;
background-color:#876B3B;
}
span.titlemarker
{
background-color:#f4b871;
}
/*im maindiv ist der Seiteninhalt drin aber nicht die komplette Seite. header und footer nicht.*/
.maindiv {
padding:5px;
margin:15px;
font-size:0.9em;
color:#fff;
#background-color:#444;
}
/*Ein div fuer das hauptmenu*/
.menudiv {
margin:0px;
padding:5px;
background-color:#f4b871;
border-width:0px;
border-color:#5e5e5e;
border-style:groove;
font-size:1em;
color:#000;
}
/*das hauptmenu*/
.menulist {
	margin: 0; 
	padding: 0;
    text-align: left;
    #border: 1px solid black;
    #background-color: silver;
	}
.menulist li {
    list-style: none;
    display: inline;
    margin: 0; 
    padding: 0;
    border-left: 2px solid black;
    }
/*Aehm ja, der footer. Ist ganz unten und hat kleine Schrift.*/
.footer {
margin:0px;
padding:5px;
font-size:0.7em;
border-top: 2px solid #fff;
}
/*Die Links im Menu*/
a.menulink:active {text-decoration:none;}
a.menulink:focus {text-decoration:none;}
a.menulink:link {text-decoration:none;color:#000;}
a.menulink:visited {text-decoration:none;color:#000;}
a.menulink:hover {
  text-decoration:none;
  color:#000;
  background-color:#876B3B;
  }
/*sonstige Text-Links*/
a.textlink:active {text-decoration:none;}
a.textlink:focus {text-decoration:none;}
a.textlink:link {text-decoration:none;color:#000;}
a.textlink:visited {text-decoration:none;color:#000;}
a.textlink:hover {
  text-decoration:none;
  color:#fff;
  background-color:#202020;
  }
  /*Der Link um die Help box anzuzeigen bzw. zu verstecken. Ja, der hat eine eigene class! Nein, das ist GARNICHT übertrieben!*/
a.HideHelpBoxLink:active,a.ShowHelpBoxLink:active {
	text-decoration:none;
	color:#fff;
	background-color:#202020;
  	}
a.HideHelpBoxLink:focus,a.ShowHelpBoxLink:focus {
	text-decoration:none;
	color:#fff;
	background-color:#202020;
  }
a.HideHelpBoxLink:link,a.ShowHelpBoxLink:link {
	text-decoration:none;
	color:#fff;
	background-color:#202020;
  }
a.HideHelpBoxLink:visited,a.ShowHelpBoxLink:visited {
	text-decoration:none;
	color:#fff;
	background-color:#202020;
  }
a.HideHelpBoxLink:hover,a.ShowHelpBoxLink:hover {
	text-decoration:none;
	color:#000;
	background-color:#92B692;
  }
a.HideHelpBoxLink,a.ShowHelpBoxLink {
border: 0px #999 solid;
}  
a.HideAnswerLink:active,a.ShowAnswerLink:active {
	text-decoration:none;
	color:#fff;
	background-color:#876B3B;
  	}
a.HideAnswerLink:focus,a.ShowAnswerLink:focus {
	text-decoration:none;
	color:#fff;
	background-color:#876B3B;
  }
a.HideAnswerLink:link,a.ShowAnswerLink:link {
	text-decoration:none;
	color:#fff;
	background-color:#876B3B;
  }
a.HideAnswerLink:visited,a.ShowAnswerLink:visited {
	text-decoration:none;
	color:#fff;
	background-color:#876B3B;
  }
a.HideAnswerLink:hover,a.ShowAnswerLink:hover {
	text-decoration:none;
	color:#000;
	background-color:#92B692;
  } 

/*Die einzelnen Schritte*/
.step {
font-size:0.9em;
color:#000;
background:#f4b871;
padding:11px;
}
/*Die Helpbox, die per js unter so manchem Schritt erscheint*/
.helpbox {
font-size:1.0em;
color:#000;
background:#ADADAD;
padding:10px;
margin-top:10px;
border: 2px #999 inset;
}
/*Das Help-Icon in dem Hilfetext*/
.helpboxIcon{
float:left;
margin-right:10px;
}

.answer {
font-size:1.0em;
color:#000;
background:#f4b871;
padding:5px;
margin-top:10px;
border: 2px #999 dotted;
}

.warning {
font-size:1.0em;
color:#fff;
background:#f00;
padding:10px;
margin-top:10px;
border: 0px #999 solid;
}
.bluemarker {
background:#1E90FF;
}
.greenmarker {
background:#1BA623;
}