body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fffbf2;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#gesamtseiteOuter {
	margin: auto;
	padding: 0px;
	text-align: center;
}
#contentOuter {
	padding-right: 40px;
	padding-left: 40px;
	text-align: center;
	margin: auto;
	clear: both;
}
#footer {
	font-size: 0.7em;
	padding-top: 10px;
	color: #972321;
}
#footer span.flumpi {
	font-size: 1.4em;
	font-weight: bold;
}
#footer a {
	color: #972321;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	background-color: #972321;
}

#headerOuter {
	height: 280px;
	background-image: url(../pics/bg-header.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#contentOuter #contentInner {
	width: 770px;
	text-align: left;
	margin: auto;
}
#contentInner #contentInnerTop {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 15px;
}
#contentInner #contentInnerMiddle {
	padding-right: 15px;
	padding-left: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#contentInner #contentInnerBottom {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 10px;
}
/*verschiedene Rahmen je nach Thema*/
/* erste Hilfe */
#contentInner #contentInnerTop.ersteHilfe {
	background-image: url(../pics/contentInner-top-ersteHilfe.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.ersteHilfe {
	background-image: url(../pics/contentInner-ersteHilfe.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.ersteHilfe {
	background-image: url(../pics/contentInner-bottom-ersteHilfe.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Polizei */
#contentInner #contentInnerTop.polizei {
	background-image: url(../pics/contentInner-top-polizei.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.polizei {
	background-image: url(../pics/contentInner-polizei.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.polizei {
	background-image: url(../pics/contentInner-bottom-polizei.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Spiele */
#contentInner #contentInnerTop.spiele {
	background-image: url(../pics/contentInner-top-spiele.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.spiele {
	background-image: url(../pics/contentInner-spiele.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.spiele {
	background-image: url(../pics/contentInner-bottom-spiele.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Sicherheit */
#contentInner #contentInnerTop.sicherheit {
	background-image: url(../pics/contentInner-top-sicherheit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.sicherheit {
	background-image: url(../pics/contentInner-sicherheit.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.sicherheit {
	background-image: url(../pics/contentInner-bottom-sicherheit.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* Autogramm */
#contentInner #contentInnerTop.autogramm {
	background-image: url(../pics/contentInner-top-autogramm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.autogramm {
	background-image: url(../pics/contentInner-autogramm.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.autogramm{
	background-image: url(../pics/contentInner-bottom-autogramm.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* Flumpi Fahrradfahren */
#contentInner #contentInnerTop.flumpi {
	background-image: url(../pics/contentInner-top-flumpi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.flumpi {
	background-image: url(../pics/contentInner-flumpi.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.flumpi {
	background-image: url(../pics/contentInner-bottom-flumpi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* Flumpi Eltern */
#contentInner #contentInnerTop.eltern {
	background-image: url(../pics/contentInner-top-eltern.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentInner.eltern {
	background-image: url(../pics/contentInner-eltern.gif);
	background-repeat: repeat-y;
	background-position: left top;	
}
#contentInner #contentInnerBottom.eltern {
	background-image: url(../pics/contentInner-bottom-eltern.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/***********************************/
#contentOuter #contentInner p,li,label,input {
	font-size: 14px;
}
#contentOuter #contentInner h2 {
	font-size: 21px;
	color: #666666;
}
/*Klassen für verschiedene Themenüberschriften*/
#contentInner h1 {
	color: #990000;
	font-size: 24px;
}
/* erste Hilfe */
#contentInner h1.ersteHilfe {
	padding-left: 110px;
	padding-top: 40px;
	background-image: url(../pics/h1-ersteHilfe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Polizei */
#contentInner h1.polizei {
	padding-left: 110px;
	padding-top: 40px;
	background-image: url(../pics/h1-polizei.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Spiele */
#contentInner h1.spiele {
	padding-left: 110px;
	padding-top: 40px;
	background-image: url(../pics/h1-spiele.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Sicherheit*/
#contentInner h1.sicherheit {
	padding-left: 110px;
	padding-top: 40px;
	background-image: url(../pics/h1-sicherheit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Autogramm*/
#contentInner h1.autogramm {
	padding-left: 110px;
	padding-top: 40px;
	background-image: url(../pics/h1-autogramm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Flumpi Fahrradfahren */
#contentInner h1.flumpi {
	padding-left: 70px;
	padding-top: 40px;
	background-image: url(../pics/h1-flumpi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100px;
}
/* Flumpi Eltern */
#contentInner h1.eltern {
	padding-left: 70px;
	padding-top: 40px;
	background-image: url(../pics/h1-eltern.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
}
/* Flumpi Kontakt */
#contentInner h1.kontakt {
	padding-left: 70px;
	padding-top: 40px;
	background-image: url(../pics/h1-kontakt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
}

/* Linkgestaltung innerhalb des Contents */
#contentInner a {
	color: #990000;
}
#contentInner a:hover {
	color: #fff;
	background: #990000;
}

#contentOuter #contentBoxLeftTop {
	background-image: url(../pics/bg-box-flumpi-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 370px;
	height: 17px;
}
#contentOuter #contentBoxLeftMiddle {
	background-color: #FABD42;
	width: 360px;
	background-image: url(../pics/bg-flumpi-middle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 190px;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 60px;
}
#contentOuter #contentBoxLeftBottom {
	background-image: url(../pics/bg-box-flumpi-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 370px;
	height: 17px;
}
#contentOuter #contentBoxRightTop {
	background-image: url(../pics/bg-box-verkehrsregeln-top-inverse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 17px;
	width: 370px;
}
#contentOuter #contentBoxRightMiddle {
	width: 360px;
	height: 130px;
	padding-top: 120px;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
}
#contentOuter #contentBoxRightBottom {
	background-image: url(../pics/bg-box-verkehrsregeln-bottom-inverse.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 17px;
	width: 370px;
}
#contentOuter #contentBoxRightOuter {
	background-color: #00B0E6;
	width: 370px;
	background-image: url(../pics/bg-verkehrsregeln-middle.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#contentOuter #contentBoxFooter {
	background-image: url(../pics/bg-box-contentFooter.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 80px;
	padding-top: 40px;
	font-size: 24px;
	font-style: italic;
	color: #FFFFFF;
	padding-left: 180px;
	width: 590px;
	text-align: left;
}
.bildLinks {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.clearBoth {
	clear: both;
}

/* Formularstilanweisungen */
label {
	width: 7em;
	float: left;
	clear: left;
	height: 20px;
	padding-top: 5px;
}
label.textarea {
	width: 20em;
	clear: both;
	display: block;
	float: none;
	padding-top: 20px;
}
input.textfield {
	font-size: 16px;
	font-weight: bold;
	width: 280px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-left: 0;
	background-color: #fcfbfa;
}
div.textfield {
	background-image: url(../pics/bg-input.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;
	width: 304px;
	height: 34px;
	float: left;
	clear: right;
	padding-left: 10px;
}
textarea {
	border: 0px none #fffbf2;
	font-size: 16px;
	font-weight: bold;
	height: 220px;
	background-color: #fcfbfa;
	width: 390px;
	margin-top: 8px;
}
div.textarea {
	background-image: url(../pics/bg-textarea.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 235px;
	background-color: #fffbf2;
	width: 410px;
	clear: both;
	padding: 5px;
}
input.buttons {
	height: 2em;
	font-weight: bold;
	font-size: 18px;
}
.formError {
	color: #FF6600;
}