/* CSS Document */

html {
  height: 100%;
  max-height:100%; 
  /* \*/ 
  overflow: hidden; 
  /* */ 
}

body {
  height: 100%;
  max-height: 100%; 
  font: 100.01% StoneSans, TheSans, Trebuchet MS, Arial, Helvetica, sans-serif; /*StoneSans, */
  overflow: hidden;
}

.rotobenlinks {
	background-color: #860038;
	background-image: url(images/rot.jpg);
	position: absolute;
	z-index: 1;
	height: 600px;
	width: 141px;
	left: 5.14%;
	top: 0px;
}

img.peinemann {
	position: absolute;
	z-index: 4;
	height: 108px;
	width: 172px;
	left: 3.9%;
	top: 62.18%;
}


img.illustration {
	position: absolute;
	z-index: 4;
	height: 136px;
	width: 172px;
	left: 11.5%;
	top: 36px;
}

.weisshinterillu {
	background-color: #FFFFFF;
	background-image: url(images/weiss.jpg);
	position: absolute;
	position: absolute;
	z-index: 3;
	height: 116px;
	width: 123px;
	left: 8.56%;
	top: 31px;
}

.rotuntenlinks {
	background-color: #860038;
	background-image: url(images/rot.jpg);
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 141px;
	left: 5.14%;
	bottom: 0px;
}

.grauobenrechts {
	background-color: #717074;
	background-image: url(images/grau.jpg);
	position: absolute;
	z-index: 3;
	height: 113px;
	width: 68.55%;
	right: 20px;
	top: 36px;
}

.weiss {
	background-color: #FFFFFF;
	background-image: url(images/weiss.jpg);
	position: absolute;
	z-index: 2;
	height: 193px;
	width: 68.55%;
	right: 20px;
	top: 0px;
	}
	
.weissunten {
	background-color: #FFFFFF;
	background-image: url(images/weiss.jpg);
	position: absolute;
	z-index: 2;
	height: 32px;
	width: 68.55%;
	right: 20px;
	bottom: 0px;
	}	


.weisshinternavi {
	background-color: #FFFFFF;
	background-image: url(images/weiss.jpg);
	position: absolute;
	z-index: 4;
	height: 25px;
	width: 49.6%;
	right: 15%;
	top: 128px;
}

.navihintergrund {
	background-color: #860038;
	background-image: url(images/rot.jpg);
	position: absolute;
	z-index: 5;
	height: 29px;
	width: 48.2%;
	right: 14.2%;
	top: 132px;
}

.navilinie {
	background-color: #860038;
	background-image: url(images/rot.jpg);
	position: absolute;
	z-index: 5;
	height: 4px;
	width: 48.2%;
	right: 14.2%;
	top: 165px;
}

.grauunten {
	background-color: #717074;
	background-image: url(images/grau.jpg);
	position: absolute;
	z-index: 3;
	height: 21px;
	width: 62.4%;
	right: 20px;
	bottom: 0px;
}

img.grauelinieunten {
	background-color: #717074;
	position: absolute;
	z-index: 4;
	height: 4px;
	width: 62.4%;
	right: 20px;
	bottom: 25px;
}

.dje {
	position: absolute;
	z-index: 5;
	height: 75px;
	width: 121px;
	right: 20px;
	bottom: 0px;
}

.navitop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	z-index: 6;
	position: absolute;
	left: 40%;
	top: 142px;
}

.navibottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	z-index: 6;
	position: absolute;
	left: 40%;
	bottom: 5px;
}

.subnavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717074;
	z-index: 6;
	position: absolute;
	left: 40%;
	top: 179px;
}

a.subnavilink:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #860038;
	}

a.subnavilink:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #860038;
	}
	
a.subnavilink:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #860038;
	}

img.philosophie {
	position: absolute;
	z-index: 3;
	height: 119px;
	width: 404px;
	left: 31.3%;
	top: 241px;
	}
	
a.navilink:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	}

a.navilink:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	}
	
a.navilink:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #717074;
	}

.djetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	z-index: 5;
	position: absolute;
	right: 52px;
	bottom: 80px;
}



div#content {
  display: block;
  height: 100%;
  max-height:100%;
  overflow: auto;
  position: relative; 
  margin: 0 0 75px 40%;
  padding: 0 226px 0 0;
  z-index:1;
}

div#abstand2 {
  display: block;
  height: 234px;
}

div#abstand3 {
  display: block;
  height: 397px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #860038;
	font-weight: bold;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

li.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #860038;
	list-style-position: outside;
	list-style-image: url(images/aufzaehlung.jpg);
	list-style-type: square;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #860038;
	}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #860038;
	}
	
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #717074;
	}
	
img.textbild {
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
div#newshlbg {
	z-index: 5;
	position: absolute;
	right: 20px;
	top: 233px;
	width: 124px;
	height: 28px;
	background-color: #717074;
}

div#newsline {
	z-index: 5;
	position: absolute;
	right: 20px;
	top: 264px;
	width: 124px;
	height: 5px;
	background-color: #717074;
}

div#newsrot {
	z-index: 7;
	position: absolute;
	right: 0px;
	top: 222px;
	width: 39px;
	height: 25px;
	background-color: #880038;
}

.newshl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 6;
	position: absolute;
	right: 65px;
	top: 244px;
	background-color: #717074;
}

.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #3a3738;
	font-weight: normal;
	z-index: 7;
	position: absolute;
	right: 20px;
	top: 274px;
	width: 109px;
	background-color: #dedee0;
	padding-top: 5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:5px;
}