/* allgemeiner Bereich ------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	background: #FFF;
	color: #000; 
	font-size: 100.01%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#gesamt {
	position: relative;
	width: 760px;
	margin: 1px auto;
	font-size: .875em;
}
.versteckt {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
/* Navigationsleiste mit Submenüzeile --------------------------------------- */
#nav {
	float: left;
	margin: 2px 0 0 0;
	width: 100%;
	background: #D6D6D6 url(../grafik/line_top.gif) left top repeat-x;
	color: #000;
	list-style-type: none;
}
#nav li {
	float: left;
	height: 1.67em;
	background: url(../grafik/whiteline.gif) right no-repeat;	/* Trennstriche obere Nav-Leiste */
	color: inherit;
	padding: 2px 5px 0 0;			/* 5 Pixel Abstand nach rechts zum nächsten Element */
}
#nav li a, #nav li span {
	display: block;
	padding: 5px 10px 6px;
	background: #D6D6D6;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .67em;
	letter-spacing: 1px;
	text-decoration: none;
}
#nav li a:hover, #nav li a:focus, 
#nav li.current a, #nav li.current span, 
#nav li.current a:hover, #nav li.current a:focus {
	background: #B8B8B8;
	color: #000;
}
#nav ul {
	position: absolute;
	top: auto;
	left: -999em;
	width: 100%;
	z-index: 2;
	overflow: visible;
	list-style-type: none;
}
#nav li.current ul {
	left: 0px;
	z-index: 1;
}
#nav ul li {
	padding: .33em 5px 0 0;
	background: url(../grafik/whiteline.gif) right no-repeat;	/* Trennstriche untere Nav-Leiste */
	color: inherit;
}
#nav ul li a {
	background: #B8B8B8;
	color: inherit;
	padding: 3px 10px 5px;
}
#nav ul li a:hover, #nav ul li a:focus, 
#nav li.current ul li#curren2 a, 
#nav li.current ul li a:hover, 
#nav li.current ul li a:focus {
	background: #D6D6D6;
	color: inherit;
}
#nav .leer a:hover, #nav .leer a:focus, 
#nav li.leer, #nav li.leer a {
	background: none;
}
#subnavbg {
	clear: left;
	width: 100%;
	height: 1.8em;
	background: #B8B8B8 url(../grafik/line_bot.gif) left top repeat-x;
	color: inherit;
	line-height: 1.8em;
}
/* Anzeigebereich ----------------------------------------------------------- */
#anzeige {
    margin: .5em 0 0 0;
}
	/* Boxenstapel links */
#bsl {
    float: left;
	width: 144px;
}
	/* Boxenstapel rechts */
#bsr {
    float: right;
	width: 144px;
}
	/* zentraler Textbereich */
#mitte {
    margin: 0 152px .4em 152px;
	padding: 1em .8em;
	background: #D6D6D6;
	color: #000;
	min-height: 37em;
	height: auto; /*!important;*/
}
/* Einschub für browser, die kein min-height verstehen */
* html #mitte {
	height: 37em;
}
/* Ende Einschub für browser ohne min-height --------- */
#fuss {
    clear: both;
    font-size: .79em;
	padding: .75em 0;
    text-align: center;
    background: #D6D6D6 url(../grafik/mdlogo_alt_klein.gif) right top no-repeat;
	color: #000;
}
	/* Einzelheiten-Layouts */
h1, h2, p {
	background: #D6D6D6;
	color: #000;
	padding: 2px 4px;
}
h1, .gf {
    font-size: 1.15em;
    margin: 0 0 .4em 0;		/* Abstand nach unten zum nächsten Element */
}
h2 {
    font-size: .93em;
    margin: 0 0 .33em 0;	/* Abstand nach unten zum nächsten Element */
}
#mitte h2.extra {
	font-size: 1em;
	margin: 2.5em 0 0 0;
}
#mitte h2 a .kl {
	font-weight: normal;
	font-size: .9em;
}
p {
    margin: 0 0 .67em 0;	/* Abstand nach unten zum nächsten Element */
    font-size: .7875em;
	line-height: 1.45em;
}
.bild {
    padding: 0;
	background: none;
	line-height: 0;
}
.box {
	background: #D6D6D6 url(../grafik/ur_wht.gif) right bottom no-repeat;
	color: inherit;
	padding: 0 5px 0 0;
}
.box p {
    margin: 0 0 .75em 0;	/* Abstand nach unten zum nächsten Element */
    font-size: .65em;
}
.box .letzter {
	background: url(../grafik/ul_wht.gif) left bottom no-repeat;
	color: inherit;
	padding: 2px 4px 5px 5px;
}
#bsl a {
	background: none;
	color: #000;
	padding: 0 4.5em;
	font-weight: bold;
	text-decoration: none;
}
#bsl a:hover, #bsl a:focus {
	text-decoration: underline;
}
#mitte a {
	background: inherit;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#mitte a:hover, #mitte a:focus {
	text-decoration: underline;
}
#mitte ul, #mitte ul.downlinks {
	list-style-type: none;
	margin: .5em 0 0 .25em;
}
#mitte ul.downlinks li a {
	margin: 0;
	background: url(../grafik/pdf.gif) left top no-repeat;
	color: inherit;
	padding: 0 0 0 3em;
	font-weight: normal;
}
hr {
	margin: 1em 0;
}
.berat img {
	float: left;
	margin: 0 1em 0 0;
}
#mitte .berat a.anfrage {
	background: url(../grafik/mail.gif) left no-repeat;
	color: inherit;
	padding: .5em 0 .5em 3em;
}
#mitte dd, #mitte ul li {
	margin: 0 0 1em 0;
	font-size: .7875em;
	line-height: 1.45em;
}
#mitte dd a {
	font-size: .875em;
}
#mitte h1 img {
	float: right;
}
#mitte a img, .box a img {
	border: none;
}
#fuss a, #fuss a:hover, #fuss a:focus {
	display: block;
	float: left;
	padding: 0 0 0 8px;
	background: none;
	color: #000;
	text-decoration: none;
	font-size: .875em;
	font-weight: bold;
}
/* Spezialbereich für das Anmeldeformular */
td {
	font-size: .7875em;
	padding: .33em 0;
}
.xtra {
	font-size: 1.25em;
}
.super {
	font-weight: bolder;
	font-variant: small-caps;
	font-size: 1.15em;
}
.subline {
	background: inherit;
	color: #666;
	font-style: italic;
}
/* Abschnitt für die Projekte-Galerie -------------------------------------- */
#galerie {
	width: 422px; 
	height: 100px;
	margin: 0 0 3px 0;
	background: #303A44 url(../grafik/bfshdr2.jpg) left no-repeat;
	color: #000;
	list-style-type: none; 
	overflow: hidden;
}
#galerie li {
	float: right;
}
#galerie li a {
	float: left; 
	display: block; 
	width: 26px;
	height: 100px;
	border-right: 1px solid #ffe; 
	overflow: hidden;
	cursor: default;
}
#galerie li a img {
	border: none;
}
#galerie li a:hover {
	width: 178px;
	text-decoration: none; 
}
/* Abschnitt für die Projekt-Filme -------------------------------------- */
#filmliste {
	position: relative;
}
#filmliste a {
	font-weight: normal;
}
#filmliste a:hover, #filmliste a:focus {
	height: auto;			/* ohne diesen Zusatz geht in MSIE 6 gar nichts */
	text-decoration: none;
}
#filmliste a img {
	border: none;
	margin: 0 1em .1em 0;
}
#filmliste a:hover img, #filmliste a:focus img {
	display: block;
	width: 356px;
	height: 200px;
	margin: 0;
}
#filmliste a span, #filmliste a span {
	position: absolute;
	top: auto;
	left: -999em;
	width: 356px;
	background: #FFF;
	color: #000;
}
#filmliste a:hover span, #filmliste a:focus span {
	left: 0;
}