@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#wrapperOuter {
	background-color: #FFFFFF;
	background-image: url(../images/randbalken-links.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 930px; !important /* alle anderen Browser */
	width: 980px; /* IE5 Anweisung */
	padding-left: 50px;
}

/* Header */
/* ************************************* */
#headerOuter {
	background-image: url(../images/header-balken-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 25px;
	width: 930px;
	clear: both;
}
#headerOuter #headerLeft {
	float: left;
	height: 245px;
	width: 490px; !important /* alle anderen Browser */
	width: 700px; /* IE5 Anweisung */
	padding-left: 210px;
	background-image: url(../images/header-M.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* Stimmungsbild Header Mitte */
#headerOuter #headerLeft #headerMoodMiddle {
	background-color: #BDCBE4;
	height: 56px;
	width: 490px;
}
/* Headerclaim */
div#claim {
	display:block;
	width: 470px; !important /* alle anderen Browser */
	width: 490px; /* IE5 Anweisung */
	padding-left: 20px;
	padding-top: 65px;
	font-size: 18px;
	clear: both;
	margin: 0px;
}
/* rechte Spalte im Header */
#headerOuter #headerRight {
	float: right;
	height: 245px;
	width: 230px;
	background-color: #D8E0EF;
}
#headerOuter #headerRight h1 {
	display: block;
	color: #392E7A;
	font-size: 24px;
	padding-top: 148px;
	padding-left: 15px;
	margin:0;
}
/* Headerabschluss blaue Trennlinie */
#headerOuter #headerFooter {
	clear: both;
	background-color: #495EA4;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

/* Box für Inhalte (Navi, Content/recht Spalte mit Stimmungsbild) */
#wrapperContent {
	background-image: url(../images/bgsimulation-columnRight.gif);
	background-repeat: repeat-y;
	background-position: right top;
	clear: both;
	width: 930px;
}
/* Box für Inhalte (Navi, Content) */
#wrapperContent #columnLeft {
	float: left;
	width: 700px;
}
#columnLeft #contentInner {
	float: right;
	width: 430px; !important /* alle anderen Browser */
	width: 490px; /* IE5 Anweisung */
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
}
/* Hauptnavigation */
#columnLeft #navi {
	float: left;
	width: 200px; !important /* alle anderen Browser */
	width: 210px; /* IE5 Anweisung */
	padding: 20px 0px 50px 10px;
}


#columnLeft #columnLeftFooter {
	clear: both;
}
/* Box für Inhalte (rechte Spalte mit Stimmungsbild) */
#wrapperContent #columnRight {
	float: right;
	width: 230px;
	background-color: #D8E0EF;
}
#wrapperContent #columnRight img {
	border-bottom: solid 5px #392E7A;
}


/* Footer, nur im Index anzeigen, auf restlichen Seiten weiss */
#wrapperContent #contentFooter {
	clear: both;
	width: 930px;
}
div.standard {
	background-color: #FFFFFF;
}
div.index {
	background-color: #D8E0EF;
	color: #392E7A;
	text-align: right;
	padding-right: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../images/index-footer-rechts.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
/* IE7 Hack, da oberer Abstand zu gross */
html* div.index {
	padding-top: 5px;
}


/* Textformatierungen für Inhalt (#columnLeft #contentInner) */
#columnLeft #contentInner h1 {
	color: #392E7A;
	font-size: 1.4em;
}
#columnLeft #contentInner h2 {
	color: #495EA4;
	font-size: 1.2em;
}
#columnLeft #contentInner h3 {
	color: #BDCBE4;
	font-size: 1em;
}
#columnLeft #contentInner p,li,td,th,dd,dl {
	color: #000000;
	font-size: 0.8em;
	line-height: 140%;
}
#columnLeft #contentInner a {
	color: #392E7A;
}
#columnLeft #contentInner a:hover {
	color: #fff;
	background-color: #392E7A;
}



/* Formaularstilanweisungen */
label {
	width: 8em;
	float: left;
	clear: left;
	line-height: 150%;
}
input.formInputLong {
	width: 15em;
	clear: right;
	font-size: 1em;
	padding-top: 0.1em;
	border: 1px solid #495EA4;
	margin-bottom: 0.2em;
}
input.formInputMedium {
	width: 11em;
	clear: right;
	font-size: 1em;
	padding-top: 0.1em;
	border: 1px solid #495EA4;
	margin-bottom: 0.2em;
	
}
input.formInputShort {
	width: 3em;
	font-size: 1em;
	padding-top: 0.1em;
	border: 1px solid #495EA4;
	margin-bottom: 0.2em;
}
fieldset {
	margin-top: 2em;
}
legend {
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
}

textarea {
	border: 1px solid #495EA4;
	width: 20em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.formButtonLeft {
	margin-left: 8em;
}
.formError {
	color: #392E7A;
}
}
.bildLinks {
	float: left;
	margin-right: 5px;
}
.bildRechts {
	float: right;
	margin-left: 5px;
}
.beideSeitenFrei {
	clear: both;
}