html {
	min-height:100%;
}

body, #bgBild{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;padding:0px;margin:0px;top:0;left:0;background-image:url(../images/bg.jpg);background-position:top center; background-repeat:no-repeat; background-color:#000;}

img {
	border:0px;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#b20404;
	text-decoration:none;
}

h1 {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	padding-top:0px;
	margin-top:0px;
}

ul { 
	margin-left:0;
	padding-left:0;
	list-style:none;
}
li {
	line-height:16px;
	padding-bottom:7px;
	padding-left:16px;
	background: url(../images/rechteck.gif) 0 3px no-repeat;
}
* html li { 
	background: url(../images/rechteck.gif) 0 4px no-repeat;
}
*+html li { 
	background: url(../images/rechteck.gif) 0 4px no-repeat;
}



#logo {
	left:0px;
	top:0px;
	position:absolute;
	z-index:5;
}

#navigation {
	left:0px;
	top:144px;
	position:absolute;
	width:811px;
	height:45px;
	z-index:5;
}
#navigationUms {
	left:13px;
	top:410px;
	position:absolute;
	z-index:5;
	width:235px;
	
	/*height: 100%;
	background: pink;*/
}

/* ---------- CONTAINER -------------- */
#container{width:811px;min-height:10px;height:expression(this.scrollHeight > 10 ? "auto":"10px");left:50%; margin-left:-405px;padding:0px 0px 0px 0px;position:relative;}


/* ---------- CHART ----------- */
#chart{float:left;width:811px;margin:0px;padding:0px; padding-top:189px; padding-left:0px; position:relative; z-index:3;}
#chartBgOben{height:197px; width:785px; margin:0px;padding-left:13px; background-color:#fff;}

.chartTitel {font-size:12px; font-weight:bold; }
.chartText {font-size:12px;}

/* ---------- CHART INHALT ------------ */
#content{
	min-height:363px;
	height:expression(this.scrollHeight > 363 ? "auto":"300px");
	margin:0px;
	padding:0 20px 0 272px;
	background-color:#FFF; 
	line-height:15px;
	width: 518px;
}

.chartBild{margin:0px 22px 10px;}
#content table {margin:0px 22px;}
#content p {margin:0px 22px; width:456px;}
#content table p {margin:0px 0px; width:295px;}
#content a {color:#b20404; text-decoration:none;}
#content a:hover {color:#b20404; text-decoration:none;border-bottom: dotted 1px #cc0000;}

/* ---------- CHART FOOTER ------------ */
#footer {
	font-size: 12px;
	color:#828287;
	
	width:811px;  
	margin:10px 0 0 0;
	padding: 7px; 
	
	background-repeat:none; 
	background-color: black; 
}

#footer a {
	color:#828287;
}


/* ----- ALLGEMEINE KLASSEN ----- */

/* Bild 100% gross. Klasse für img-Tag! */
.imgResponsive {
	max-width: 100%;
	margin: 0;
  	border: 0;
  	vertical-align: middle;
	/*width:2000px;*/ /* Falls parent grösser als Bild */
}

/* Layout generisch */
.visible { visibility:visible; }
.hidden { visibility:hidden; }

.inline { display:inline-block; }
.block { display:block; }
.none { display:none; }

.left { float:left; }
.right { float:right; }
.clear, .clearfix:after { clear: both; content: ""; display: table; }
.clearOhneClear { 
	overflow: auto;
	overflow-y:hidden; /* Patch Safari */
	width: 100%;
}

.bb { /* padding nach innen */
	-webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.uppercase { text-transform: uppercase; }

.fussbuendig { display: table-cell; vertical-align: bottom; }/* Fussbündig. ACHTUNG: funzt nur ohne float */
.vEingemittet { display: table-cell; vertical-align: middle; }/* Vertikal einmitten. ACHTUNG: funzt nur ohne float */
/*Vertikal einmitten mit transform:translateY(-50%) und position: absolute ODER absolute: */
/*position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);*/

.containerEinmitten { /* ACHTUNG: body muss height und width mit 100% haben */
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -447px;
	margin-top: -273px; 
}


/* Text-Pfeil. TO DO: mit css-before oder -after lösen */
.linkTextPfeil { font-size:32px; line-height:1px; vertical-align:-2px; font-family:'Lato', 'Courier', sans-serif; font-weight: 400; }