body {
	background-color: #ffffff;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin:0;
}
a {color: #DAA520;}
a:visited {color:#DAA520;}
a:hover {color: #800000;}
a:active { color:#800000;}


h1 {
	font-size: 2em; 
	font-weight: normal;
 }

h2 {
	font-size: 1.7em;
	font-weight: normal;
}



/* ----------container-------------- */
#container {
	width: 70em;
	margin: 0;
	padding: 0;
	background-color: #000000;
}

.h2 {
	text-decoration: underline;
	font-weight: bold;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: #B22222;
	height: 100px;
	width:948px;
}
#banner p{
	margin-left: 20em;
	padding: 25px;
}
#mainnavi {
	margin: 0;
	padding: 0;
	background-color: #DAA520;
	width: 948px;
}

#mainnavi p{
	margin-left: 20em;
	padding: 0 25px;
}

/* -----------------Inhalt--------------------- */
#content {
	float: left;
	width: 50em;
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

#contentb {
	float: left;
	width: 50em;
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
       border-style: grouve red;
       border-width: 5px;
}

p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}

/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 20em;
	margin: 0;
	padding:15px 0 0 0;
	color:#ffffff;
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 25px;
}

#left li a {
	font-size: 1.3em;
	text-decoration:none; 
}
#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 25px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}
#logo {
	position: absolute;
	left: -98px;
	width: 2em;
	margin: 0;
	padding:5px 0 0 0;
}

/* -----------footer--------------------------- */
#footer {
	clear: left;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	margin-left: 20em;
	width:650px;
}
#footer p {
	margin: 0;
	padding: 10px 0;
	background-color: #DDDDDD;
	text-align: center;
	font-size: .8em;
}

/*-------------------banner pics------------------------------*/

.thumbnail{
	position: relative;
	z-index:0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index:50;
}

.thumbnail span{/*css for enlarged image*/
	position: absolute;
	background-color: #800000;
	padding: 5px;
	left:100px;
	border: 1px dashed black;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{/*css for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{/*css for enlarged imgae on hover*/
	position: fixed;
	visibility: invisible;
	top: 1px;
	left: 840px; /*position where enlarged image should offset horizontally */
}


#gall {
	margin: 4px;
	padding: 2px;
}