/* ===== ALLGEMEIN ===== */
body, html {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}

html {
	/*font-size:100%;*/
}

p, h1, h2, h3, ul, li, a, img {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	background-repeat:no-repeat;
}

/* ===== HEADER: FARBE UND LOGO ===== */
#header {
	background-color:#ececec; /*hellgrau*/
	height:4em;
	width:100%;
}

#logo a img {
	text-decoration:none;
	border:none;
	margin-top:0.8em;
	margin-left:36.5em; /*entsprechen 580px*/
}

/* ===== ALLE SEITENINHALTE ===== */
#content {
	width:800px;
}

/* ===== RECHTE SEITE ===== */
#rechteseite {
	position:relative;
	width:12em; /*has Layout fuer IE*/
	float:right;
	margin-top:1.5em;
	/*padding-right:2em;*/
}

#navigation {
margin-top:10.5em;	
}

#navigation a {
	text-decoration:none;
	color:#000000;
}

#navigation a:hover {
	text-decoration:underline;
	color:#ff9e1c;
}

#navigation ul{
	text-transform:uppercase;
	margin-top:2em;
}

#navigation li {
	list-style:none;
	font-size:0.7em;
	margin:0.5em; /*fuer IE 6 extra definiert*/
	font-weight:bold;
}

#navigation li a.active {
color:#ff9e1c;	
}


/* ===== LINKE SEITE ===== */

#linkeseite {
	margin-top:0.5em;
	float:left;
	width:36.5em;
}

#linkeseite a {
	color:#000000;
}

#linkeseite a.textlink {
 text-decoration:underline;
 color: #000;
}

/* ===== GRUNDRASTER ===== */
.raster {
	border:solid;
	border-width:1px;
	border-color:#000000;
	margin-top:3px;
	margin-left:3px;
	width:8.75em; /*8.75 em entsprechen 140px*/
	height:8.75em; /*8.75 em entsprechen 140px*/
	float:left;
}


#zweitezeile, #drittezeile, #viertezeile, #fuenftezeile, #sechstezeile, #siebtezeile, #achtezeile {
	clear:left;
}

/* ===== RASTERELEMENTE IN VERSCHIEDENEN FARBEN ===== */
.schwarz {
	background-color:#000000;
}

.hellgrau {
	background-color:#ececec; /*hellgrau*/
}

.orange {
	background-color:#ff9e1c;
}

.grau {
	background-color:#d7d7d7;
}

.leer {
	border-color:#ffffff;
}

/* ===== RASTERLEMENT: BILD ===== */
.bild img{
	width:8.75em;
	height:8.75em;
	padding:0;
}

/* ===== RASTERLEMENT: BILDUNTERSCHRIFT ===== */
.bildunterschrift p{
	font-size:0.6em;
	padding-left:0.3em;
	padding-right:0.3em;
}

.bildunterschrift {
	border:solid;
border-width:1px;
border-color:#ffffff;	
}


/* ===== RASTERELEMENT: WEITERNAVIGATION ===== */
/*Gesamtes Rasterelement*/
.weiter {
	width:8.75em;
	height:8.75em;
	padding:0;	
}

/*Link oberhalb des Bildes*/


/*weniger hohes Bild mit Beschriftung*/
.weiter .weiterbild {
	height:7em;
	width:8.75em;
	padding-top:0.1em;
}


/* ===== RASTERLEMENT: SPALTE FÜR EINZELNE RESTERLEMENTE LINKS NEBEN MITTIGEN TEXTFELDERN ===== */
/* Zusätzlicher Selektor für .spalte und .raster links */
.linksvomtext {
	clear:left;
	float:left;
}

.rechtsvomtext {
	
}


/* ===== SPALTEN RECHTS UND LINKS VOM TEXTFELD */
.spalte {
	
}

/* ===== TEXTFELDER CONTENTSEITEN ===== */
.textfeld {
border:solid;
border-width:1px;
border-color:#ffffff;
	margin-top:3px;
	margin-left:3px;
	padding:0.15em; 
	float:left;
}

.textfeld h2 {
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	}

.textfeld p {
	font-size:0.7em;
	margin-top:0.5em;
	}
  
.textfeld p.waswannwo{
	margin-top:0.8em;
	}  

.textfeld h3 {
	padding-top:1em;
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
}

/*zweispaltig und zweizeilig*/
.zweispaltig { 
	width:17.5em;		
}

.zweizeilig {
	min-height:17em; /*fuer IE 6 separat*/
}

.dreizeilig {
	min-height:25.75em; /*fuer IE 6 separat*/
}

.vierzeilig {
	min-height:34.5em; /*fuer IE 6 separat*/
}

.allezeilen{
	
}

.zweispalten {
width:18.4em;	
}

.wusstenSie { 
 height:17.5em; /*muss noch optimiert werden, insbes. auch auf verhalten bei schriftvergr.*/
 background-color:#99ccdd;
 color:#fff; /*weiß auf hellblau: schwer lesbar*/
 text-transform:uppercase;
 font-weight:bold;

 /*font-size muss noch korrekt definiert werden*/
}

.textfeld ul{
 list-style:none;
 font-size:0.7em;
 margin-top:0.5em;
}

.textfeld li {
  margin-bottom:1.0em;
}

/* ===== WUSSTEN SIE ...?===== */
span.schliessen{
 font-size:0.7em;
 cursor:pointer;
}
span.seitenzahl{ 
 margin-left:120px; 
 font-size:0.7em;
 vertical-align:bottom;
}

span.blaettern{ 
 cursor:pointer;
}

.waswannwo a {
	color:#000000;
}

.unterlink {
padding-left:25px;	
}