/* Standard-CSS BLAU für DynaLex - CMS - hier Lutherstift - Bildungsnische */

/* Wichtige Farben, die ich auf diese Weise schnell wiederfinde, als Notiz im Kommentar hinterlegt:
Dunkelblau = #1E2D72 : Div-Hintergründe, Links, Sektionen-Hintergrund, Besuchte Links
Dunkelschwarzblau = #000066 : Div(Sektionen)-Rahmenfarbe
Taubenblau =	     #006699 : Mouse-Over-Farbe,  Aktivlinks
Grau = #999999 :  Mous-Over Navcontainer,
Weiß: #FFFFFF = Standard-Hintergrund, Headerrechts-Textfarbe
Schwarz: #000000 = Standard-Text und Überschriftenfarbe, Border Navcontainer
Pagehintergrund: meinbg.jpg
Navcontainer Backgroundimage bei hover: haken.gif

*/
/* Hier werden alle Innen- und Außenabstände auf null gesetzt. Damit ist die Arbeit
übersichtlicher und ich habe mehr Kontrolle die Abstände, da diese jetzt 
einzeln gesetzt werden müssen.
Weiterhin gebe ich auch hier meist eine Schrift für alle Elemente an und spare mir Zeit
und Code.
*/ 
html, body, div, p, h1, h2, h3, h4, h5, h6,  
span, a, table, td, form, img, {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: decimal;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: disc;
}

li {
  margin-left: 20px;
  padding-left: 0;
}

/* HTML und Body werden mit CSS versorgt
Ein Tipp: Verwenden Sie bei Grafiken immer ein gewisses Schema. CSS Hintergrundbilder 
enden meist bei mir mit "_bg" + Dateiendung. Wird es im Body eingebaut "body_bg", 
wird es zum Beispiel in der Navigation eingebaut "navi_bg". "font-size: 101%;" 
hilft bei relativen Schriftgrößenproblemen.
*/ 
html, body {
   background: #FFFFFF url(/setbilder/meinbg.jpg) repeat;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 101%;
}
/* Allgemein gültige Formatierungen werden gesetzt
*/
a:link {
   color: #000000;
   text-decoration: underline;
}

a:visited {
   color: #000000;
   text-decoration: underline;
}

a:hover {
   color: #000000;
   text-decoration: underline;
}

a:active {
   color: #000000;
   text-decoration: underline;
}

strong {
   font-weight: bold;
}

.c {
   clear: both;
}

.center {
   text-align: center;
}

img {
   border: 0;
}

.klein {
   font-size: 10px;
}

.right {
   text-align: right;
}

.top {
   vertical-align: top;
}
.headerrechtstext {
	font-size: 12px;
	color: #000000;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}
.headermittetext {
	color: #000000;
 	padding: 0px;
	font-size: 18px;
	line-height: 125px;
	margin: 0px;
	text-align: right;
	border: none #000066;
}

h1 {
   font-size: 18px;
   color: #000000;
   margin: 0px;
   border-bottom: 1px solid #fff;
}

h2 {
   font-size: 16px;
   color: #000000;
   margin: 0px;
}

h3 {
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;

}
h4 {
	font-size: 12px;
	color: #000000;
	margin: 25px 0px 0px;
	padding: 25px 0px 0px;

}
h5 {
	font-size: 10px;
	color: #000000;
	margin: 25px 0px 0px;
	padding: 25px 0px 0px;

}
h6 {
	font-size: 9px;
	color: #000000;
	margin: 25px 0px 0px;
	padding: 25px 0px 0px;

}
p, ul {
   font-size: 12px;
   line-height: normal;
   color: #000000;
   margin: 0px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0px none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Formatierung von Sektionen
*/
#navcontainer {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
#navcontainer a:link, #navcontainer a:visited, #navcontainer a:active {
	background-color: #1E2D72;
	border: 1px solid #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	list-style-type: none;
	font-weight: bold;

}
#navcontainer a:hover {background:url(haken.gif)
	no-repeat 100% 50%; padding-right:15px;
	text-decoration: none;
	background-color: #999999;
	
/* #navcontainer a:hover {
	background-color: #999999; */

}
#headermitte {
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 625px;  
	height: 125px;
	top: 10px;
	left: 145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	border: none #000066;
}

#inhalt {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin: 0px;

}
#headerrechts {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	border: none #000066;
	width: 215px;
	height: 125px;
	left: 780px;
	top: 10px;
	line-height: 15px;
}
#spaltentext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #000000;
	margin: 0px;
	padding-left: 5px;
}
#logo {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin: 0px;
	border: none #000066;
	width: 125px;
	height: 125px;
	left: 10px;
	top: 10px;

}
#trennerlinks {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin: 0px;
	height: 20px;
	width: 125px;
	left: 10px;
	top: 142px;

}
#trennermitte {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin: 0px;
	height: 20px;
	width: 625px;
	left: 145px;
	top: 142px;

}
#trennerrechts {
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin: 0px;
	height: 20px;
	width: 215px;
	left: 780px;
	top: 142px;

}