/* KOMMENTAR ------------------------------------------------------------------
Struktur und Design (Grafik, Farben).
Layout in den entsprechenden Klassen (layout) - (moeglichst) nicht mit 
Positionierung mischen.
Schrift hier raus!
------------------------------------------------------------------------- K.P.*/

body {
	background: #99a;
	padding: 10px;
}

#outerwrapper {
	border: 1px #333 solid;
	min-width: 756px;
	max-width: 80em; /* KOMMENTAR 
	IE bekommt JavaScripts
------------------------------------------------------------------------- K.P.*/
	margin:auto; /* KOMMENTAR 
	Debugging: rot , zeigt Luecken bis zum Footer
------------------------------------------------------------------------- K.P.*/
	background: #363 none repeat;
	color: inherit;
}

#innerwrapper {
	border: 1px #ffc solid;
}

/* KOMMENTAR ------------------------------------------------------------------
Logo als Hintergrundbild
------------------------------------------------------------------------- K.P.*/
#header {
	position:relative; 
	height: 70px;
	background: #363 url(../images/logo.gif) no-repeat 2% 55%; /* KOMMENTAR 
	Bild: 257 x 47px
------------------------------------------------------------------------- K.P.*/
	color: inherit;
}

/* KOMMENTAR ------------------------------------------------------------------
Enthaelt Titel und Kopflinks
------------------------------------------------------------------------- K.P.*/
#header-layout {
	border-top: solid 1px #363; /* KOMMENTAR 
	Notwendig, damit der Inhalt nicht nach unten rutscht. Estranho.
------------------------------------------------------------------------- K.P.*/
}

#header-layout h1 {
	font-size: 1.4em;
	font-family: georgia, serif;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	color: #ffc; 
	background-color: inherit;
}

#header-layout h1 span {
	font-family: georgia, serif;
}

/* KOMMENTAR ------------------------------------------------------------------
Tabs
------------------------------------------------------------------------- K.P.*/
#nav {
	background-color: #363;
	color: inherit;
	font-size: .9em; /* KOMMENTAR 
	Uberschriften font-size in blocks.css
------------------------------------------------------------------------- K.P.*/
}

#contentwrapper {
	padding: 1em 0 0em 0em;
	background: #ffc url("../images/bg_left2.gif") repeat top left; /* KOMMENTAR 
	Fuer durchgehenden (linken) Hintergrund (und oberen Rand) per Grafik.
------------------------------------------------------------------------- K.P.*/
	color: inherit;
}

#left {
	background: #cc9 none repeat;
	color: inherit;
}

#left-layout {
	padding-top: 1.5em;
	font-size: .9em; /* KOMMENTAR 
	Uberschriften font-size in blocks.css
------------------------------------------------------------------------- K.P.*/
}/* KOMMENTAR 
	Kein margin - Menue rechts und links buendig.
------------------------------------------------------------------------- K.P.*/

#right {
	background: #eeb none repeat;
	color: inherit;
}

#right-layout {
/* padding-top:1.5em; */
/* margin-left: 1em; */
/* margin-right: 1em; */
	font-size: .9em; /* KOMMENTAR 
	Uberschriften font-size in blocks.css
------------------------------------------------------------------------- K.P.*/
}

#center {
/* border-left: 1px dotted #ddd; */
/* border-right: 1px dotted #ddd; */
	background: #ffc none repeat;
	color: inherit;
}

#center-layout {
	padding-top:1.5em;
	margin-left: 1em;
	margin-right: 1em;
}

#center-layout h1, #center-layout h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#footer {
	background: #ffc none repeat;
	color: inherit;
	margin: 0;
	padding: .3em;
	border-top: 20px  solid #cc9;
	border-bottom: 20px solid #363;
	line-height: 2em;
}

#footer-layout p {
	color: #000;
	background: inherit;
	text-align: center;
	font-size: .8em;
	line-height: 1.2em;
}

#footer-layout p a {
	text-decoration: none;
	color: #996;
	background: inherit;
}