* {	margin:0; padding:0; }

body {
	margin-top:11px;
	background:#fafbfe;
	background-image:url(../linie1.gif);
	background-repeat: no-repeat;
	background-position: 0 65px;
	text-align:center;
	height:101%;
	overflow-y:scroll; }

.all {
	margin: auto;
	text-align:left;
	width:900px; height:625px;
	color:#3f5758;
	background-image:url(../linie2.gif);
	background-repeat: no-repeat;
	background-position: 0 54px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px; line-height:20px;
	overflow:hidden; }

.back {
	width:20px; height:619px;
	padding-top:30px;
	float:left; }

.areal {
	width:864px; height:533px;
	float:left; }

.link {
	width:135px;
	margin: 4px 0 0 15px;
	background:#ddeae4;
	text-align:center;
	float:left; }

.active {
	width:135px;
	margin: 4px 0 0 15px;
	background:#bdd2c8;
	color:#466;
	display:block;
	text-align:center;
	float:left; }

.krit {
	margin: 0 0 12px 0;
	width:159px;
	height:166px;
	font-variant:small-caps;
	text-align:right;
	border-right: 1px solid #abb;
	float:left; }

.cont {
	margin: 0 0 12px 5px;
	width:295px;
	height:166px;
	float:left;        }           background:#cfc
	
p {
	width:95%;
	padding: 0 0 5px 0; }


span {
	border-bottom: 1px solid #466;
	padding: 0 1px 0 1px;
	cursor:text; }

span:hover {
	border-bottom: 1px solid #fff;
	padding: 0 1px 0 1px;
	background:#8aa;
	color:#fff;
	cursor:text; }

td {
	vertical-align:top; }

a.top:link, a.top:visited {
	display:inline;
	color:#abb;
	text-decoration:none;
	transition: 0.2s ease; }

a.top:hover {
	background:#fff;
	display:inline;
	color:#788;
	text-decoration:none;
	transition: 0.2s ease; }

a:link, a:visited {
	color:#355;
	text-decoration:none;
	transition: 0.2s ease; }

a:hover {
	background:#bdd2c8;
	color:#355;
	display:block;
	text-decoration:none;
	transition: 0.2s ease; }

a.linkbildwechsel {
	width:236px; height:177px;
	display:block;
	background-image:url(foto1.jpg);
	text-decoration:none; }

a.linkbildwechsel:hover {
	background-image:url(foto2.jpg);
	text-decoration:none; }

a.m:link, a.m:visited {
	padding: 0 2px 0 2px; 
	background:#ddeae4;
	color:#466;display:inline;
	text-decoration:none;
	transition: 0.2s ease; }

a.m:hover {
	padding: 0 2px 0 2px;
	background:#bdd2c8;
	color:#355;display:inline;
	text-decoration:none;
	transition: 0.2s ease; }


a.link1 { display:block; width:66px; height:66px; border:0px; background-image:url(ora.gif); }
a.link1:hover { background-image:url(ora.jpg); }

a.link2 { display:block; width:66px; height:66px; border:0px; background-image:url(rot.gif); }
a.link2:hover { background-image:url(rot.jpg); }

a.link3 { display:block; width:66px; height:66px; border:0px; background-image:url(vio.gif); }
a.link3:hover { background-image:url(vio.jpg); }

a.link4 { display:block; width:66px; height:66px; border:0px; background-image:url(bla.gif); }
a.link4:hover { background-image:url(bla.jpg); }

a.link5 { display:block; width:66px; height:66px; border:0px; background-image:url(gru.gif); }
a.link5:hover { background-image:url(gru.jpg); }

a.link6 { display:block; width:66px; height:66px; border:0px; background-image:url(gel.gif); }
a.link6:hover { background-image:url(gel.jpg); }

a.link7 { display:block; width:66px; height:66px; border:0px; background-image:url(wei.gif); }
a.link7:hover { background-image:url(wei.jpg); }

a.link8 { display:block; width:66px; height:66px; border:0px; background-image:url(sch.gif); }
a.link8:hover { background-image:url(sch.jpg); }



a.tschichold { display:block; width:121px; height:80px; border:0px; background-image:url(tschichold1.gif); }
a.tschichold:hover { background-image:url(tschichold2.gif); }

a.raster2 { display:block; width:121px; height:80px; border:0px; background-image:url(raster21.gif); }
a.raster2:hover { background-image:url(raster22.gif); }

a.raster3 { display:block; width:121px; height:80px; border:0px; background-image:url(raster31.gif); }
a.raster3:hover { background-image:url(raster32.gif); }