body {
	background-color: #FFF;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	margin: 0px;
	padding: 0px;
}

a {
	padding: 0;
}

h1 {
	font-size: 100%;
}

h2 {
	font-size: 110%;
}

h3, h4 {
	font-size: 90%;
	text-align: left;
}

cite {
	font-style: normal;
	color: #005301;
}

.imageblockleft {
	border: 0;
	margin: 5px;
	margin-left:0;
	padding: 0;
	float: left;
}

.imageblockright {
	border: 0;
	margin: 5px;
	margin-right:0;
	padding: 0;
	float: right;
}

/* Container über alles */
#all {
	margin: 0;
	padding: 0;
}

/* alle name-anker die außerhalb eines Blocks erscheinen */
#all>a  {
	position: absolute;
	left: -1024px;
	top: -1024px;	
}

/* Überschrift Lernpilot */
#head {
	background-image: url(img/verlauf.jpg);
	background-repeat: repeat-x;
	background-position: left;
	height: 190px;
	margin: 0;
	padding: 0;
	border: 0;
	/* border: 1px solid black; */
}

/* alle Überschriften im Header außer dem Hauptlink */
#head h2, #head h1 {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

#head h2 {
	position: relative;
	top: -10px;
	padding:0;
	margin:0;
	padding-left: 10px;
	z-index: 5;
}

/* Position des Hauptlinks */
#head h1 {
	padding: 0;
	margin: 0;
	padding-top: 0.4em;
	padding-left: 0px;
	font-size: 200%;
	z-index: 3;
	position: relative;
	top: -15px;
}


/* Überschrift Link Lernpilot.de */
#head h1 a {
	text-decoration: none;
	background-color: inherit;
	color: #2C55C8;
	border: 0;
	padding: 0;
}

#head h1 a:hover, #head h1 a:focus {
	/*background-color: #CCD2E3;
	color: black;
	color: Blue;
	background-color: inherit;
	*/
}

#streifen {
	background-repeat: no-repeat; 
	background-position: right;
	position:relative;
	height: 76px;
	top: -98px;
	z-index: 2;
	margin: 0 0px 0 0px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #444;
}

#underlogo {
	color: #EC8D46;
	position: relative;
	top: 20px;
	left: -150px;
	font-size: 20px;
}

#underlogo:focus, #underlogo:hover {
	color: black;
	background-color: inherit; 
}

#inheader {	
	display: inline;
	position: relative;
	top: 40px;
	left: 10px;
	z-index: 1;
	font-weight: bold;
	font-style: italic;
}

#headoptions {
	z-index: 4;
	margin: 0.3em;
	padding: 0;
	position: absolute;
	top: 55px;
	right: 10px;
	font-size: 80%;
	text-align: right;
}

#headoptions li {
	display: inline;
	margin: 0;
	padding: 2px;
	list-style: none;
}

#headoptions li a {
	padding-right: 8px;
	border-right: 1px solid black;
}

#headoptions fieldset {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

#headoptions form {
	display: block;
	position: relative;
	top: 6px;
	border: 0;
	margin: 0;
	padding: 0;
}

#headoptions input, #headoptions select {
	font-size: 80%;
}

#headoptions a:focus, #headoptions a:hover {
	/*
	background-color: blue;
	color: yellow;
	*/
	background-color: #FFF;
	color: black;
}

#inhalt {
	background-color: #FFF;
	margin: 0;
	margin-right: 5px;
	/* platz für Werbung */
	margin-left: 180px;
	/*******************/
	margin-top: 0;
	padding: 0 1em 0 1em;
	margin-right: 210px;
	border: 1px solid #FFF;
	/* border: 1px solid gray; */
	min-width: 200px;
	position: relative;
	z-index: 7;
}

#inhalt p, #inhalt code, #inhalt li {
	font-size: 90%;
}

#inhalt h1, #inhalt h2 {
	color: #FFF;
}

#inhalt .item h2 {
	color: #2F6AA6;
}

#inhalt h1, #inhalt h2, #inhalt p{
	margin: 0;
	padding: 5px;
}

#inhalt h2 {
	border: 0;
	margin-top: 1em;
	background-color: #9CB0C9;
}

#inhalt p {
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#inhalt a:focus, #inhalt a:hover {
	/*
	background-color: blue;
	color: yellow;
	*/
	background-color: #CCD2E3;
	color: black;
}

#inhalt .bComment fieldset fieldset {
	border: 0;
}

.item {
	margin: 0;
	margin-top: 0.5em;
	padding: 0;
}

#inhalt .item h2 {
	margin: 0;
	background-color: #C8D3F2;
}

.skills {
	margin: 0;
	padding: 0;
	padding-top: 1em;
	font-size: 70%;
	background-color: #EEE;
}

.bCommentTitle {
	background-color: #DDD;
	border: 1px dashed black;
	border-bottom: 0;
	padding: 0.2em;
}

.bCommentText {
	font-size: 80%;
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	padding: 0.4em;
}

.bCommentSmallPrint {
	border: 1px dashed black;
	border-top: 0;
	font-size: 70%;
	padding: 0.4em;
	background-color: #EEE;
	margin-bottom: 5px;
}

.bComment label, .bComment .notes, .bComment .label {
	font-size: 0.8em;
	border: 0;
}

.bComment .label label {
	font-size: 1em;
	border: inherit;
}

#sidebar {
	background-color: #9CB0C9;
	font-size: 80%;
	margin: 0;
	padding: 0;
	width: 200px;
	position: absolute;
	right: 0.6em;
	top: 208px;
	z-index: 6;
}

#sidebar h3, #sidebar h2, #sidebar h1 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 0;
	border-top: 15px solid #FFF;
	border-bottom: 5px solid #FFF;
	color: #FFF;
	/*
	border-top: 1px solid black;
	border-right: 1px solid black;
	*/
}

.bSideItem h3 {
	font-size: 110%;
}

#sidebar>h2:first-child {
	margin-top: 0;
	border-top: 0;
}

#sidebar p {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	border: 0;
	background-color: #EEE;
	/* border-right: 1px solid black; */
}

#sidebar ul {
	background-color: #EEEEEE;
	margin: 0; 
	padding: 0;
	border: 0;
	padding-left: 5px;
}

#sidebar ul ul {
	border-right: 0;
	padding-left: 1em;
}

#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar ul li.odd {
	background-color: #DDD;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

#sidebar ul li a {
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em; 
	display: block;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

#sidebar ul a:focus, #sidebar ul a:hover {
	background-color: #CCD2E3;
	color: black;
	/* background-color: #FFF; */
	border-top: 1px solid #BFC6CE;
	border-bottom: 1px solid #D0D0D0;
}

#sidebar a:focus, #sidebar a:hover {
	background-color: #CCD2E3;
	color: black;
	/*
	background-color: #FFF;
	color: black;
	*/
}

#footer {
	background-color: #EEEEEE;
	display: block;
	margin: 0;
	margin-left: 180px;
	padding: 1em;
	margin-top: 0.5em;
	margin-right: 210px;
}

#leftbar {
	background-color: #FFF;
	font-size: 80%;
	margin: 0;
	border: 0;
	padding: 0;
	width: 160px;
	z-index: 6;
	margin-right: 260px;
	margin-top: 15px;
	position: absolute;
	left: 10px;
	top: 192px;
}

#leftbar h2 {
	background-color: #9CB0C9;
	color: #FFF;
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;
	border: 0;
}

#leftbar .werbung {
	background-color: #EEE;
	border: 0;
	margin: 0;
	padding: 5px;
	margin-bottom: 10px;
}

#leftbar .werbung a {
	background-color: #EEE;
	color: #5384B6;	
}

#leftbar .onlinestatus li{
	list-style: none;
	border:0;
	padding: 0;
	margin: 0;
}

#leftbar .onlinestatus ul {
	border: 0;
	padding: 0;
	margin: 0;
}

#leftbar .onlinestatus .status {
	display: block;
}

#leftbar .onlinestatus {
	margin-bottom: 5px;
}

#footer a:focus, #footer a:hover {
	background-color: #CCD2E3;
	color: black;
	/*
	background-color: inherit;
	color: inherit;
	*/
}


.ignore, .skip {
	position: absolute;
	left: -1024px;
	top: -1024px;
}

img {
	border: 0;
}

p.pages {
	font-weight: bold;
	font-size: 150%;
	line-height: 2em;
	border: 1px solid #DDD;
	padding: 5px;
}

p.pages a {
	padding: 5px;
	font-size: 150%;
}

.SidebarWerbung {
	text-align: center;
}

.SidebarWerbung ul li {
	list-style: none;
	padding: 3px;
}

.InlineWerbung {
	display: block;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.InlineWerbung p {
	color: gray;
	font-size: 0.8em;
	line-height: 4px;
}

pre {
	font-family: courier, fixed;
	font-size: 80%;
	border: 1px solid black;
	padding: 3px;
}

div.offline {
	font-size: 1.4em;
	font-weight: bold;
	color: #999;
}

div.online {
	font-size: 1.4em;
	font-weight: bold;
	color: #008E01;
}