/* Angaben für alle standardkonformen Browser */

body {
	margin:0;
	padding:0;
	background: url(background_heller.jpg);
	font-family: serif;
	color:/*Text*/#553300/*braun*/;
}

#content_container {
	padding-top:6em;
	padding-bottom:3em;
	padding-left:0;
}

#header_container {
	position:fixed;
	top:0px; left:0px; right:0px;
	padding:0px;
	height:6.5em;
	background: url(ranke_kopf.png) repeat-x;
}

#header {
	position:fixed;
	top:0px; left:0px; right:0px; 
	padding:0.35em;
	margin:0em;
	background: url(kopf.png) no-repeat center;
}

#footer {
	position:fixed;
	bottom:0px; left:0px; right:0px;
	background-image: url(ranke_fuss.png);
	text-align:center;
	padding:0px;
	padding-top:40px;
	color: #f1d1a3
}

/* Angaben nur für den Internet Explorer mit Star HTML Hack */

* html, * html body {
	height:100%;
	overflow:hidden;
}

* html #header_container {
	margin:0;
	height:12%;
	background-image:url(ranke_kopf.png);
}

* html #header {
	padding:0.35em;
	margin:0em;
	height:45%;
	background:url(kopf.gif) no-repeat center;
}

* html #content_container  {
	padding:0.5em;
	height:81%;
	overflow:auto;
}

* html #footer  {
	height:7%;
	padding-top:2.0%;
	background-image:url(ranke_fuss.png);
}

/* Formatierung des Seiteninhaltes */

ul#menu {
	margin:0;
	margin-left:1%;
	padding:0.2em 0.5em 0 0.5em; /*oben rechts unten links*/
	float:left;
	font-weight: bold;
	width:10.5em;
	text-align: center;
}

* html #menu {/* Der IE soll das Element breiter darstellen, da margin und padding hier von der Breite abgezogen werden! */
	margin:0.2em;/* Kleines Extra für den IE */
	width:10.5em;
}

ul#menu li {
	list-style: none;
	margin:0;
	padding:0;
}

ul#menu a:hover,  #menu span{
	padding:0;
	width: 120px;
   height:45px;
	color:/*Text*/#553300/*braun*/;
	background: transparent url(./parchment_on_old.gif)/*Hintergrundbild*/ no-repeat center;
}

ul#menu a, span {
	display:block;
	text-decoration: none; 
	color:/*Text*/#553300/*braun*/;
	margin:0;
	padding:0;
	width: 120px;
   height:45px;
	background: transparent url(./parchment_off_old.gif) no-repeat center;
} 

#content {
	padding: 0.5em 1em 1em 1em; /*oben rechts unten links*/
	/*margin-left:13.5em;
	margin-right:15%;*/
   margin: 0 auto;	
	max-width:700px;
	text-align: justify;
	background: url(background.jpg);
}

* html div#content {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	/* Width for IE makes 700 px */
	width:expression(document.body.clientWidth > 700? "700px" : "auto");
}

div#content a{	
		color:#669900/*hellgün*/;
		font-weight: bold;
		text-decoration: none;
		}

div#content a:visited{	
		color:#006600/*dunkelgrün*/;
		font-weight: bold;
		text-decoration: none;
		} 

div#content h2 {
		font-size: 2.0em;
		margin: 0 0 0.2em 0; /*oben rechts unten links*/
		color: #553300/*braun*/;
  		}

div#content h3 {
	font-size: 1.5em;
	margin: 0 0 0.2em 0;
	color: #553300/*braun*/;
}

div#content img{
	border:0;
}

.right{
		margin:0em 0em 1em 1em; /*oben rechts unten links*/
		width:auto;
		float:right;
}

.left{		
		float:left;
		width:auto;
		margin:0em 1em 1em 0em; /*oben rechts unten links*/
}

.textlinks{
	text-align:left;
}

.textcenter{
	text-align:center;
}

#content hr{
	color:/*Text*/#553300/*braun*/; 
	background:#553300/*braun*/ ;
	margin:1em; 
	padding:0em;
	text-align:center; 
	clear: both;
}

div#content table#MitRahmen{
	width:99.9%; 
	text-align:left;
	vertical-align:top;
	table-layout:fixed;
}		
#MitRahmen td{
	text-align:left;
	vertical-align:top;
	border:thin solid #533802;
}
		
div#content table#OhneRahmen{
	width:99.9%; 
	table-layout:fixed;
	margin: 1em 0 1em 0;/*oben rechts unten links*/
}
#OhneRahmen td{
	text-align:left;
	vertical-align:top;
	border:none;
}

div#startimage {
	position: fixed;
	z-index:-1;
	top: 17.5em; 
	left: 82%;
	width: 202px;
	height: 300px; 
	background: url(./pergament_bilder_gedreht_klein.gif) no-repeat; 
}
* html div#startimage {
	position: absolute;
	z-index:-1;
	top: 17.5em; right:3.5em;
	width: 202px;
	height: 300px; 
	background: url(./pergament_bilder_gedreht_klein.gif) no-repeat; 
}