/* Standard-CSS GRÜN für DynaLex - CMS */

/* Wichtige Farben, die ich auf diese Weise schnell wiederfinde, als Notiz im Kommentar hinterlegt:
Dunkelgrün = #669966 : Div-Hintergründe, Links, Sektionen-Hintergrund
Dunkelschwarzgruen = #333300 : Div(Sektionen)-Rahmenfarbe
Hell-Gruen = #99CC99 : Mouse-Over-Farbe, Mous-Over Navcontainer, Aktivlinks
Grau = #999999 : Besuchte Links, 
Weiß: #FFFFFF = Standard-Hintergrund, Headerrechts-Textfarbe
Schwarz: #000000 = Standard-Text und Überschriftenfarbe
Pagehintergrund: pagegruen_bg.jpg

*/
/* 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/pagegruen_bg.jpg) repeat;
   font-family: Arial, Helvetica, sans-serif;
   color: #000000;
   font-size: 101%;
}
/* Allgemein gültige Formatierungen werden gesetzt
*/
a:link {
   color: #669966;
   text-decoration: underline;
}

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

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

a:active {
   color: #99CC99;
   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 #333300;
}

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: #669966;
	border: 1px solid #333300;
	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;

}
#navcontainer a:hover {
	background-color: #99CC99;

}
#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 #333300;
}

#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 #333300;
	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 #333300;
	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;

}