/* Ausgangsdatei: style.css by H.J. Davey 02/2007"

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Quotation marks from q */
q:before, q:after { content :'"'; } 

/* This sets the font weight to start with.*/
h1,h2,h3,h4,p,a,li{
font-weight:normal;
}

/* Try insofar as possible to set all font sizes here. */
h1{font-size: 32px;} /* 2em*/
h2{font-size: 1.2em;}
h3{font-size: 1.0em;}
h4{font-size: 0.8em;}
p{font-size: 1.0em;} 
li{font-size: 1.0em;}


html{
/* This sets the font styles for the entire html file.*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body{
	width:100%; 
	text-align:left;
	background:white;
}	


/* ===== STRUKTUR ===== */

div#logo{
       background:white;
    }

div#ueberschriftinhalt{
	background:#768259;
	color:white;
	font-size: .6em;
	padding-left: 16px;
	margin-bottom: 16px;
	}

div#unterschriftinhalt{
	background:white;
	color:black;
	font-size: .6em;
	margin: 0px 318px 0px 0px;
	padding: 8px 0px 0px 16px; 
	}
	
div#inhalt{
	background: white;
    margin: 0px 318px 0px 16px;
	padding: 0px 0px 0px 0px;
	}
	
/*div#inhalt{
	background: white;
    margin: 0px 318px 0px 0px;
	padding: 0px 0px 0px 16px;
	}*/
	
div#navigation{
	float: right;
	width:298px;
	background: white; /*#ECB96A; #D4E5F7; #FFFFCC; #white; */
	color:#768259;
	border: 1px;
	border-color: #768259;
	border-style: dotted;
	padding: 4px 4px 2px 4px;
	}

/* ===== Logo ===== */

div#menueoben{
	display: none;
}
	
/* ===== Balken ===== */

div#ueberschriftinhalt p{
	padding: 3px;
	}

div#ueberschriftinhalt a{
	text-decoration: none;
	color: white;	
	}
	
div#unterschriftinhalt p{
	padding-top: 8px;
	}

div#unterschriftinhalt a{
	text-decoration: none;
/*	color: white;	*/
	}


/* ===== Navigation / Menue ===== */

/* Farben */

/* aktuelles Menue (grau):  #FFEBBB           */
/* Pfad (gelb):             rgb(206,210,170)    */
/* andere Punkte (grün):    #DADACA  */


#navigation a{
	text-decoration: none;
	color: black;
}

#navigation a.here {
	color: #768259;  /*  #FFEBBB; */
	font-weight:bold;
	border-left-color: #10638E;
	border-left-width: 2px;
	border-right-color: #10638E;
	border-right-width: 1px;
	background-color: #rgb(206,210,170); 
}

#navigation a:hover {
	/*color: #DADACA; /*white;*/
	border-left-color: #10638E;
	border-left-width: 2px;
	border-right-color: #10638E;
	border-right-width: 1px;
	background-color:  #FFEBBB; /*#768259; */
}




#navigation div{
	margin-top: 0px;
	margin-bottom: 2px;
	background-color: rgb(206,210,170);
	font-size: 0.75em;
		padding: 2px;
}



#navigation div.punkt{

}

#navigation div.kapitel{
	margin-left: 10px;
}

#navigation div.abschnitt{
	margin-left: 20px;
}
#navigation div.schritt{
	margin-left: 30px;
}

#navigation div.teilschritt{
	margin-left: 40px;
}

#navigation div.teilteilschritt{
	margin-left: 50px;
}

#navigation div.punkt_menue{
	background-color: #DADACA;
}

#navigation div.kapitel_menue{
	margin-left: 10px;
	background-color: #DADACA;
}

#navigation div.abschnitt_menue{
	margin-left: 20px;
	background-color: #DADACA;
}
#navigation div.schritt_menue{
	margin-left: 30px;
	background-color: #DADACA;
}

#navigation div.teilschritt_menue{
	margin-left: 40px;
	background-color: #DADACA;
}

#navigation div.teilteilschritt_menue{
	margin-left: 50px;
	background-color: #DADACA;
}

#navigation div.punkt_pfad{
	background-color: #FFEBBB;
}

#navigation div.kapitel_pfad{
	margin-left: 10px;
	background-color: #FFEBBB;
}

#navigation div.abschnitt_pfad{
	margin-left: 20px;
	background-color: #FFEBBB;
}
#navigation div.schritt_pfad{
	margin-left: 30px;
	background-color: #FFEBBB;
}

#navigation div.teilschritt_pfad{
	margin-left: 40px;
	background-color: #FFEBBB;
}

#navigation div.teilteilschritt_pfad{
	margin-left: 50px;
	background-color: #FFEBBB;
}




#inhaltsverzeichnis div.punkt{

}

#inhaltsverzeichnis div.kapitel{
	margin-left: 10px;
}

#inhaltsverzeichnis div.abschnitt{
	margin-left: 20px;
}
#inhaltsverzeichnis div.schritt{
	margin-left: 30px;
}

#inhaltsverzeichnis div.teilschritt{
	margin-left: 40px;
}





/* ===== INHALT ===== */


div#inhalt h2{
	background: rgb(206,210,170); 
    color: #768259; 
	font-size: 1.2em;
	font-weight: 700;
	text-align:center;
    padding: 8px 0 8px;	
	}

div#inhalt h3{
	background: white; 
    color: #AD4000;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.2em 0em;
	padding: 6px 0px;
	border: 1px;
	border-color: #AD4000;
	border-bottom-style: dotted;
	text-align:left;
	}	

	
h3.wasist{
	background: white; 
    color: #AD4000;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.2em 0em;
	padding: 6px 0px;
	border: 1px;
	border-color: #AD4000;
	border-bottom-style: dotted;
	text-align:left;
	}	

h3.allesklar{
	background: white; 
    color: #AD4000;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.2em 0em;
	padding: 6px 0px;
	border: 1px;
	border-color: #AD4000;
	border-bottom-style: dotted;
	text-align:left;
	clear: right;
	}		

h3.neu{
	background: white; 
    color: #AD4000;
	font-size: 1.0em;
	font-weight: bold;
	margin: 0.2em 0em;
	padding: 6px 0px;
	border: 1px;
	border-color: #AD4000;
	border-bottom-style: dotted;
	text-align:left;
	clear: left;
	}		
	
div#inhalt p {
    padding: 6px 0px;
    }	
	
	
/*#inhalt li { 
    list-style-type : circle; 
	list-style-position: inside; 	
	}*/

#inhalt ul li {
list-style-type : circle;
list-style-position: inside;
}

#inhalt ol li {
list-style-type : decimal;
list-style-position: inside;
}

p.umrandetesbild {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2; 
  color: black;
}

p.beispiel {
  color: black;
}

span.anweisung {
  font-family: "Courier New";
  color: black;
}

span.konzept {
  color: #AD4000;
  font-weight: bold;
}

span.begriff {
  color: #AD4000;
}

code {
  font-family: "Courier New";
  color: black;
  font-weight: bold;
}

table {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-bottom: thin dotted gray;
  border-color: #BAC1A2; 
  color: black;
  background: white; 
}

table td, th {
  font-size: 1em;
  font-weight: normal;
}

td {
  padding: 4px;
}


th {
  border-top: thin dotted gray;
  border-bottom: thin dotted gray;
  padding: 4px;
}

table.mitLinien {
  border: thin dotted gray;
}

table.mitLinien th {
  border: thin dotted gray;
} 

table.mitLinien td {
  border: thin dotted gray;
} 
img.rand {
  border: 2px;
  border-style: solid;
  border-color: gray;  
}

img.rechts {
  float: right;
}

img.links {
  float: left;
}

div.python {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2; 
  
/*  white-space: pre-wrap; */ /* Zeilenumbruch */
}

img.python {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2; 
  
/*  white-space: pre-wrap; */ /* Zeilenumbruch */
}

div#inhalt h3.aufgabe{
	background: white; 
    color: #768259; /*#AD4000;*/
	font-size: 1.0em;
	/*font-weight: bold;*/
	margin: 0.2em 0em;
	padding: 6px 0px;
	border: 1px;
	border-color: #768259; /*#AD4000;*/
	border-bottom-style: dotted;
	text-align:left;
	}

span.quelle {
  font-size: 0.8em;
}	

div.def {
  background: #FFEBBB;/*#FFE7B3;*/
  margin: 6px 0px;
  padding: 0px 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2;/*#AD4000; */
}

pre.quelltext {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2;
  font-family: "Courier New";
  color: black;
  background: #E8E8DD;/*white; */
  font-size: 0.8em;
}

pre.text {
  margin: 4px 0px;
  padding: 6px;
  border: 1px;
  border-style: dotted;
  border-color: #BAC1A2;
  font-family: "Courier New";
  color: black;
  background: white; 
  font-size: 0.8em;
}

table.kopfOben {
  border: thin solid gray;
}

table.kopfOben th {
  font-weight: bold;
  border: thin dotted gray;
} 

table.kopfOben td {
  border: thin dotted gray;
} 

table.kopfOben thead {
  
  background: #DADACA;
}