/* Gesamtschrift und Gesamtrand festlegen */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.1%;
  margin-top: 0;  
}

/* Überschrift 1 gestalten */
h1 {
  color: #0000A0;
  font-size: 1.4em;
  line-height: 1.4;
  margin-top: 0px;
  background-image: url(verlauf.jpg);
  background-repeat: repeat-y;
  padding: 4px;
}

/* Überschrift 2 */
h2 {
  font-size: 1.1em;
  line-height: 1.4;
  background-image: url(rotkaro.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
  background-position: left;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

/* Überschrift 3 */
h3 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1px;
  background-image: url(reddot.gif);
  background-repeat: no-repeat;
  text-indent: 20px;

}

/* Absatz und div */
p, div, ul, ol, li {
  font-size: 1em;
  line-height: 1.4;
}

div.firststeps {
  width: 600px;
  font-size: 0.8em;
  line-height: 1.3;
}

/* Listenstil für Menüeintrag */
div.menu ul {
  list-style-image: url(karo.gif);
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 0.7em;
  padding-left: 0.7em;
}

div.menu span.obermenuhigh {
  font-weight: bold;
  color: #AF1810;
}

div.menu span.submenuhigh {
  font-weight: bold;
  color: #004080;
}

/* Listenstil für verschachtelten Untermenüeintrag */
div.menu ul ul {
  list-style-image: url(reddot.gif);
  font-size: 1em;
  line-height: 1.4;
  margin-top: 0px;
  padding-top: 0px;

}

/* normaler Listenstil */
ul {
  list-style-image: url(karo.gif);
  font-size: 1em;
  line-height: 1.4;
  margin-left: 0.7em;
  padding-left: 0.7em;
}

hr {
  border: solid 1px #0000A0;
  width: 85%;
  margin-left: 0px;
  text-align: left;
}

a {
  padding: 3px;
  border: solid 1px red;
  border-radius: 5px;
  background-color: tranparent;
  text-decoration: none;
  color: black;
  background: -webkit-linear-gradient(#ddd, #aaa); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ddd, #aaa); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ddd, #aaa); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #ccc); /* Standard syntax (must be last) */
  white-space:nowrap;
}

a.normal {
  padding: 2px;
  border-style: none;
  text-decoration: underline;
  color: darkblue;
}

a.high {
  background-color: #FF8040;
  border-color: red;
  padding-bottom: 5px;
  color: white;
  background: -webkit-linear-gradient(#e44, #a11); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e44, #a11); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e44, #a11); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f44, #a11); /* Standard syntax (must be last) */
}

/* Hovereffekt für Links */
a:hover {
  /* text-decoration: underline; */
  border-color: darkred;
  background: -webkit-linear-gradient(#eee, #bbb); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#eee, #bbb); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#eee, #bbb); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#eee, #bbb); /* Standard syntax (must be last) */
}

/* besuchte Hyperlinks */
a:visited {
 
}

/* für die Eingabemaske beim Eingeben von Benutzernamen und Passwort */
#eingabelogin {
	font: normal normal normal 15px/1.5 arial,sans-serif;
	padding: 5px;
	border-radius: 5px;
	width:30em;
}
#eingabelogin br {
	clear:left
}
#eingabelogin fieldset {
	background-color: #ddd; color:black;
	padding: 5px;
	border: 1px solid black;
	border-radius: 5px;
}

#eingabelogin label,
#eingabelogin input {
	display:block;
	margin-bottom:6px;
}

#eingabelogin input {
	float:left;
	width: 220px;
}
#eingabelogin input:hover {
	border-color: blue;
}

#eingabelogin label {
	float:left;
	width:10em;
	text-align:right;
	padding:2px 6px;
	margin-right: 4px;
	cursor: pointer;
}


#eingabelogin fieldset legend {	
	font-size: 1em;
	font-weight: bold;
}

#eingabelogin input[type='submit'] {
	width:8em;
	cursor:pointer;
	padding:4px;
	border-radius: 5px;
	border-radius: 3px;
	padding:3px 8px;
	border: 1px solid black;
	background-color: #aaa; 
	color:white;
	float: right;
}
	
/* Gestaltung des rechts ausgerichteten Kastens */
div.kasten {
  font-size: 0.9em;
  margin-top: 10px;
  float: right;
  width: 200px;
  border-style: dotted;
  border-width: 2px;
  border-color: silver;
  padding: 3px;
}

/* Einführungsabsatz */
div.lead, div.lead p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:  0.9em;
font-weight: bold;
margin-top: 5px;
margin-bottom: 18px;
line-height: 1.3;
}

/* grauer Rahmen mit Umrandung */
.rahmen {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 0.9em; 
background-color : #EEEEEE; 
border-style : solid; 
border-width : 1px; 
border-color : #CD3326; 
padding : 3px; 
}

/* Rahmen mit gestrichelter Umrandung */
.tipp {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 0.9em; 
border-style : dotted; 
border-width : 1px; 
border-color : gray; 
padding : 3px;
margin-top: 8px;
margin-bottom: 10px; 
}

pre {
  background: #FFFFA6;
}

.code {
  font-family: Courier New, Courier, monospace;
  font-size: 0.8em;
  color: #000099;
}