@media screen {
	body {  
		font-family: 'Quattrocento', Arial, sans-serif;

		background-color: #fff;
		color:#000;
		z-index: -1000;
	} 
}

@media print {
body {font-family:Quattrocento, serif;}
.druck { display: none; }
 }
@font-face{
font-family:'Quattrocento';
src: url('../Quattrocento-Regular.otf') format('opentype');
}
<!--[if IE]>
<style type="text/css" media="screen">

@font-face{
font-family:'Quattrocento';
src: url('Quattrocento-Regular-webfont.eot');
}

</style>
<![endif]-->


a {   color:#000000;}
a:visited {    color:#000000; }
a:active {   color:#000000;}

a.navi1 { font-size:12pt;  text-decoration:none; line-height:1.3;  color:#000000; }
a.navi1:visited { font-size:12pt;  text-decoration:none;  line-height:1.3;  color:#000000;}
a.navi1:active{ font-size:12pt;  text-decoration:none; line-height:1.3;  color:#000000;}
a.navi1:hover{ font-size:12pt;  text-decoration:underline; line-height:1.3;  }
p.navi { line-height:1.3;}
b.navi1 {line-height:1.3; font-size:12pt; }

p.small { font-size:10pt;}
p.druck { font-size:11pt;}

strong.autor { font-size:12pt; font-weight:bold; }

td  {   	font-size:12pt;  }
th, strong  {  	font-size:12pt;  }
p, li {font-size:12pt; margin-top: 0.4em;  margin-bottom: 0.5em}
p.bild {font-size:11pt; margin-top: 0.4em;  margin-bottom: 0.5em}
ol, ul { margin-top: 0.1em;  margin-bottom: 0.0em}

div.seite { position:absolute; width:1000; left:50%;  margin-left:-360; 	background-color: #F1EFEE; min-height:900; height:auto; z-index:-2;}



div.logo { position:absolute; top:10; left:50%; margin-left:350;  }
div.logo2 { position:absolute; top:10; left:50%; margin-left:-360; width:200; }
div.titel { position:absolute; top:100; left:50%; margin-left:-150; width:610;  }
div.navi {position:absolute; top:165; left:50%; margin-left:-348; width:189; z-index:3; }
div.text { position:relative; top:185; left:50%; margin-left:-150; width:610; background-color: #F1EFEE;	  z-index:2;}

div.grau { position:absolute; top:185; left:50%; margin-left:-360; width:830; 	background-color: #F1EFEE;   z-index:-1;}
div.textgrau { position:relative; top:0;  left:210;  width:590; 	 text-align: justify; z-index:-50;}

div.bild { position:absolute; top:440; left:50%;  margin-left:-145; width:610;}
div.bild2 { position:absolute; top:370; left:50%;  margin-left:-145; width:610;}

div.bereich { position:absolute; top:15; left:50%;  margin-left:-300; height:120; width:600; text-align:center;}
div.bereich2 { position:absolute; top:165; left:5;  }

h2.titel2 {font-weight: normal; font-size:28pt; }
h2.titel {font-weight: normal; font-size:18pt; }

hr{ border: 0px; /* F�r Firefox und Opera */
 border-top: solid 1px #cccccc;  border-bottom: transparent;} 

 #cloud 
{ 
padding:30px;

}

#cloud a { font-weight:normal; text-decoration:none; padding:5px 10px 5px 0; white-space:nowrap}
#cloud a:hover { text-decoration:underline; }
#cloud a.tag1 { font-size:9pt; line-height:1.4; color:#888888 }
#cloud a.tag2 { font-size:12pt; line-height:1.7; color:#555555 }
#cloud a.tag3 { font-size:16pt; line-height:1.2; color:#444444 }
#cloud a.tag4 { font-size:19pt; line-height:0.9; color:#444444 }
#cloud a.tag5 { font-size:22pt; line-height:0.7em; color:#444444 }


tr.bereich:nth-child(even) {
   background-color: #Ffffcc;
}
tr.bereich:nth-child(odd) {
   background-color: #Cccccc;
}
td.katalog { font-size:9pt; padding-left:10px;   }
th.katalog { font-size:10pt;    }
/*
div.bl {position:absolute; top:40; bottom:40; left:770; border-right: 1px solid #cccccc;}

table.ebox
{position:absolute; top:375; left:790;

border: 1px solid #cccccc; 
padding: 10px;
-moz-box-shadow:0 4px 10px #8B8B8B;
-webkit-box-shadow:0 4px 10px #8B8B8B;
box-shadow:0 4px 10px #8B8B8B;
-moz-border-radius: 0.6em; 
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
}

div.hr { position:absolute; top:80; right:40; left:40; }

div.kasten {position:absolute; top:370;  right:40; left:40;  height:10; z-index:-1; background-color:#ff0000;}
 
a.navi { font-size:11pt;  text-decoration:none; color:#ffffff; vertical-align:baseline;}
a.navi:visited { font-size:11pt;  text-decoration:none; color:#ffffff; vertical-align:baseline;}
a.navi:active{ font-size:11pt;  text-decoration:none; color:#ffffff; vertical-align:baseline;}
a.navi:hover{ font-size:11pt;  text-decoration:underline;  color:#ffffff; vertical-align:baseline;}

a.navi0 { font-size:11pt;  text-decoration:none; color:#cccccc; }
a.navi0:visited { font-size:11pt;  text-decoration:none;  color:#cccccc; }
a.navi0:active{ font-size:11pt;  text-decoration:none;  color:#cccccc;}
a.navi0:hover{ font-size:11pt;  text-decoration:underline;  color:#cccccc; }


a.navi3 { font-size:11pt;  text-decoration:none;  }
a.navi3:visited { font-size:11pt;  text-decoration:none;   }
a.navi3:active{ font-size:11pt;  text-decoration:none;  }
a.navi3:hover{ font-size:11pt;  text-decoration:underline;   }

a.navi4 { font-size:11pt;  text-decoration:none; margin-left:15px; }
a.navi4:visited { font-size:11pt;  text-decoration:none;  margin-left:15px; }
a.navi4:active{ font-size:11pt;  text-decoration:none;  margin-left:15px;}
a.navi4:hover{ font-size:11pt;  text-decoration:underline;  margin-left:15px; } 
*/