/* -- Allgemeines -- */
body {
	color: #555;
	margin: 0 auto;
	padding: 0;
	min-width: 700px; /* Bei weniger als 700px Breite soll ein Scrollbalken erscheinen */
	font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
	font-family: arial, verdana, helvetica, sans-serif;
  background-color: #fcfcfc;
	background-image: url(../images/deko/bodybg.jpg);
}
img {
/* generell keinen Rahmen um Bilder */
	border: 0;
}
a {
	font-size: 90%;
	text-decoration: none;
}
p, ul, dl {
	font-size: 90%;
	line-height: 1.65em;
}
p, dl {
	margin: 0.5em 5.5em 0.5em 1em;
}
dd {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
ul {
	list-style-type: disc;
	font-weight: normal;
}
ul#sitemap, ul#sitemap-re, ul#sitemap-le {;
	list-style-type: none;
	text-align:left;
}
ul#sitemap li, ul#sitemap-re li, ul#sitemap-le li {
	font-weight: bold;
}
ul#sitemap li ul, ul#sitemap-re li ul, ul#sitemap-le li ul {
	font-size: 100%;
}
ul#sitemap li ul li, ul#sitemap-re li ul li, ul#sitemap-le li ul li {
	list-style-type: none;
	font-weight: normal;
}
h1, h2, h3, strong {
	font-family: "Century Gothic", arial, verdana, helvetica, sans-serif; 
}
h1 {
	font-size: 1.2em;
	padding: 0.2em 2.5em 0 0;
	margin: 0;
	text-align: right;
	color:#6db1a3;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
h2 {
	font-size: 1.15em;
	letter-spacing: 0.02em;
}
h3, strong {
	font-size: 1.0em;
	letter-spacing: 0.02em;
	margin: 1em 0 0.5em 0.8em;
}
hr {
	width: 100%;
	height:1px;
	margin:1.5em 0;
	border: 1px dashed #efefef;
}
.dataset {
 margin-bottom: 2px;
 padding: 0.5em;
}
.dataline {
 height:2.2em;
 margin: 0;
 padding:0;
}
.imageset {
 margin: 1.5em 5.5em 1.5em 1em;
}
.grey { 
  background-color: #f8f8f8;
}
.text {
	margin: 0;
	padding: 1em 3.0em 2em 2.5em;
	font-size: 90%;
	text-align: justify;
}
.fleft {
	float: left;
	margin: 0 2em 0.2em 0;
}
.fright {
	float: right;
	margin: 0 0 0.2em 2em;
	padding: 1px;
}
.clearer {
	clear: both;
}
.inline {
	display: inline;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.mittig {
	text-align: center;
}
.fett {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.hit {
	color: #936;
}
.picright {
  margin:24px 0 6px 24px;
}
.picborder {
  padding: 2px;
	background-color: #f2f2f2;
	border: solid 1px #efefef;
}
.picsub {
	font-size: 0.85em;
	line-height: 0.95em;
	margin: 0.1em 5.8em 0.1em 0;
}
.foot {
  margin:4px 0 0 0;
	font-size: 0.75em;
	line-height: 1.4em;
	text-align: center;
	vertical-align:bottom;
}
.imp {
  font-size:0.85em;
  line-height:1.4em;
}
/* -- Layoutspezifisches -- */
#rahmen {
	font-size: 90%;
	max-width: 900px; /* maximale Breite 900px.Für den IE in ielte.css einen Workaround. */
	margin: auto;/* Seite zentrieren*/
	background-color: #fff;
}
/* - Kopfcontainer - */
#header {
	width: 100%;
	height: 135px;
	background-image: url(../images/deko/headbg.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}
/* - Logos im Kopf - */
#top_left {
	float: left;
	min-width: 330px;
	height: 100px;
	margin: 15px 0 0 32px;
	padding: 0;
	text-align: left;
}
#top_right {
	float: right;
	height: 100%;
	margin: 18px 3em 0 0;
	padding: 0;
	text-align: right;
}
#topmenu {
	height: 15px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#topmenu li {
	display: inline;
	list-style-type: none;
	padding: 0pt 0px 0pt 6px;
}
#topmenu li a {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
#topmenu li a:hover, #topmenu li a.hit {
	color: #936;
}
/* - Trennt Kopf von unterem Container - */
#clearer {
	clear: both;
	width: 100%;
	height: 0.5em;
	padding: 0;
	margin: 0;
}
/* - Gesamter unterer Container - */
#maincontainer {
	width: 100%;
	min-width: 700px;
	padding: 0;
	margin: 0;
}
/* - Navigation, Linke Spalte - */
#left {
	float: left;
	width: 20%;
	height:100%;
	margin: 1em 0;
	padding: 0 0 130px 10px;
}
#nav {
 min-width: 165px;
 padding: 0; 
 margin: 0;
 font-size: 0.9em;
 background-color: #fcfcfc;
}
#nav dt { /* Überschriften in der Navigation */
 min-height:1.5em;
 padding: 0.1em 0 0.1em 23px;
 margin: 0.2em 0 0.2em 0;
 font-size: 1.2em;
 font-weight:bold;
 font-family: "Century Gothic", Arial, Verdana, Helvetica, sans serif;
	letter-spacing: 0.02em;
 background-color: #fff;
}
#nav dd { /* Unterpunkte der Navigation. */
 font-size: 1.1em;
 font-family: Arial, Verdana, Helvetica, sans serif; 
 padding: 0.1em 0 0.1em 2.5em;
 margin: 0.2em 0;
 background-color: #fff;
}
#nav a { 
 color: #666;
}
#nav a:hover, #nav a.hit { 
 color: #936;
}

/* - Main-Content - */
#main {
	float: right; /* Inhalt rechts neben der Navigation vorbeifließend */
	width: 76%;
	height: 100%;
	margin: 0;
	padding: 0 0 2em 0;
	line-height: 1.5em;
	text-align: center;
}
#main a {
 color: #555;
	font-size: 1em;
	text-decoration: none;
	padding: 2px 0;
}
#main a:hover {
	color: #936;;
}
/* - Intro-Special und Pic-Show in Main-Content - */
#mainpic {
	float: right;
	width: 520px;
	height: 370px;
	margin: 1.2em 0 1.2em 0;
	padding: 0;
	text-align: right;
}
#mainpic.bg {
	margin-right: 0.5em;
	background-image: url(../images/deko/mainbg.jpg);
	background-repeat: no-repeat;
	border: 1px solid #ddd;
}
#databox, #databox1,#databox2, #databox3 {
   width:75%;
   margin-left:7%;
}
#databox2, #databox3 {
   margin-top:1.2em;   
}
/* - Fußleiste - */
#footer {
	clear: both;
	width: 100%;
	padding: 0.2em 0;
	text-align: center;
	border-top: solid 1px #6db1a3;
}