/*******************************************************
 * Gesamt-Layout
 *******************************************************/

body {
 margin:0;
 padding:0;
 background:url(/images/hg.gif) repeat-y left top #fff;
 color: #000;
 font-family:"Arial", sans-serif;
 font-size:13px;
}

.unsichtbar {
 display:none;
}

#alles {
 width:100%;
}

* html #alles {
 height:1px;
}

#inhalt_wrapper
	{
	float:left;
	width:615px;
	margin-left:154px;
	}

* html #inhalt_wrapper
	{
	display:inline;
	}

#menue
	{
	float:left;
	width:154px;
	margin:0;
	padding:0;
	margin-left:-770px;
	}


/* Start Mac IE5 filter \*/

#inhalt_wrapper, #menue
	{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	}

@media all and (min-width:0px) {
#inhalt_wrapper, #menue
	{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	}

#inhalt_wrapper:before, #menue:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display:block;
	background: inherit;
	padding-top:32767px !important;
	margin-bottom:-32767px !important;
	height:0;
	}
}

/* End Mac IE5 filter */
/* IE Win can be a bit out - you might need to adjust
bottom value by -1px or as required */

.verticalalign
	{
	position:absolute;
	bottom:0;
	}
* html .verticalalign {
	bottom:-1px;
}

#inhalt_wrapper .verticalalign
	{
	width:615px;
	}

#menue .verticalalign
	{
	width:154px;
	}

/* hack for Opera 7+ */
@media all and (min-width: 0px){
.verticalalign
	{
	width:100% !important;
	}

/* But Opera 9 does it right, so CSS3 hax to the max */
div[id^="wrapper"] #inhalt_wrapper .verticalalign
	{
	width:615px !important;
	}

div[id^="wrapper"] #menue .verticalalign
	{
	width:154px !important;
	}
}

/* hack for IEs of all persuasions */
* html .verticalalign
	{
	width:100% !important;
	}

.verticalalign p
	{
	margin: 0;
	text-align:right;
	}

#wrapper
	{
	border-top:1px solid #003399;
	position:relative;
	overflow:hidden; /* This hides the excess padding in non-IE browsers */
	}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */

#wrapper
	{
	float: left;
	float/**/:none;
	}

/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#wrapper
	{
	display:inline-block;
	}
/*\*/

#wrapper
	{
	display:block;
	}
/* end easy clearing */
/*

#header, #footer
	{
	width:825px;
	}
*/
/* Safari needs this  */
* > #footer, * > form, * > #notes, * > .output
	{
	position:relative;
	z-index:20;
	}


/*******************************************************
 * Kopf
 *******************************************************/

#kopf {
 height:110px;
 margin:42px 0 0 0;
 background:url(/images/kopfgrafikleiste_2000px_start.jpg) 0 29px no-repeat #fff;
 border-top:27px solid #BAC6E5;
 border-bottom:19px solid #fff;
}

/*******************************************************
 * Titelbereiche
 *******************************************************/

#site-titel {
 position:absolute;
 top:0;
 left:0;
 width:328px;
 height:88px;
 background:url(/images/dgri_logo.gif) left top no-repeat;
 text-indent:-9999px;
 padding:0;
 margin:0;
}

#site-titel a {
 display:block;
 width:328px;
 height:88px;
 margin:0;
 padding:0;
}

/*******************************************************
 * Breadcrumb-Zeile
 *******************************************************/

#navizeile {
 padding:3px 0 2px 45px;
 font-size:12px;
 color:#000;
 margin-left:154px;
 border-top:1px solid #039;
}

#navizeile a {
 color:#003399;
 text-decoration:none;
}

#navizeile a:hover {
 color:#6181C0; 
 text-decoration:underline;
}

/*******************************************************
 * Inhalt_Wrapper
 *******************************************************/

#inhalt_wrapper {
 background-color:#fff;
 border-left:1px solid #003399;
}

/*******************************************************
 * Inhaltsbereich gesamt
 *******************************************************/

#inhalt {
 padding-top:42px;
 padding-right:0;
 padding-left:45px;
 padding-bottom:0px;
 font-size:13px;
}

#inhalt .gesamt {
 width:570px;
 clear:both;
}

#inhalt .linkespaltebreiter {
 clear:both;
 width:340px;
 padding:0;
 float:left;
}

#inhalt .rechtespalteschmaler {
 margin-left:370px;
 padding:0;
}

#inhalt .schmaler {
 clear:both;
 width:420px;
 padding:0;
}

#inhalt .linkespaltegleich {
 clear:both;
 width:268px;
 padding:0;
 float:left;
}

#inhalt .rechtespaltegleich {
 margin-left:298px;
 width:268px;
 padding:0;
}


/*******************************************************
 * Titelgrafik
 *******************************************************/

#titelgrafik {
 padding:0 0 0 0;
 height:255px;
 background:url(/images/titelgrafik.jpg) no-repeat;
 }

#titelgrafik-en {
 padding:0 0 0 0;
 height:255px;
 background:url(/images/titleimage.jpg) no-repeat;
 }



/*******************************************************
 * Linkformatierung Inhaltsbereich
 *******************************************************/

a:link, a:visited{
 color:#039;
 text-decoration:underline;
}

a:hover, a:focus {
 color:#6181C0;
}

a:active {
 color:#6181C0;
}

/*******************************************************
 * (Text-)Auszeichnungsformate Inhaltsbereich
 *******************************************************/

p {
 margin:13px 0 0 0;
 }

h1 {
 font-size:18px;
 margin:0 0 30px 0;
 font-weight:bold;
 color:#039;
}

h2 {
 font-size:16px;
 margin:28px 0 0 0;
 color:#039;
}

h3 {
 font-size:14px;
 margin:24px 0 0 0;
 color:#039;
}

h2.ohneabstand {
 margin:0;
}

.ohneumbruch {
 display:inline;
}

.normal {
 font-size:13px;
 color:#000000;
 font-weight:normal;
 font-style:normal;
}

strong {
 font-weight:bold;
}

strong.kursiv {
 font-style:italic;
}

strong.fettkursiv {
 font-weight:bold;
 font-style:italic;
}

.farbe {
color:#003399;
}

.versalien {
 text-transform:uppercase;
}

.rechts {
 text-align:right;
}

.textkleiner11 {
 font-size:11px;
}

.textkleinerfarbe11 {
 font-size:11px;
 color:#003399;
}

.archiv {
 text-align:right;
 float:right;
 border-right:1px solid #039;
 border-top:1px solid #039;
 margin:0;
 padding-top:3px;
 padding-left:0; 
}

.archiv a { 
 padding-right:7px;
}

.zurueck {
 text-align:right;
 float:right;
 margin:0;
 padding:3px 0 0 0;
}

/*******************************************************
 * Listen Inhaltsbereich
 *******************************************************/

ul {
 margin-left:1em;
 padding-left:1em;
 margin-top:0;
 margin-bottom:0;
}

li {
 margin-left:0.5em;
 padding-top:0.6em;
 list-style:square;
}

ul.ohne {
 margin-left:1em;
 padding-left:0em;
 margin-top:0;
 margin-bottom:0;
 list-style:none;
}

ul.ohne li {
 margin-left:-1em;
 padding-top:0.5em;
 padding-bottom:0.6em;
 list-style:none;
}

ul.rechtespalte {
 margin-left:1em;
 padding-left:0;
 margin-top:0;
 margin-bottom:0;
 list-style:none;
}

ul.rechtespalte li {
 margin-left:-1em;
 padding-top:0.5em;
 padding-bottom:0.6em;
 list-style:none;
 border-top:1px solid #039;
}

/*******************************************************
 * Liste Sitemap
 *******************************************************/

#sitemap div.ausrueckung {
 margin:-18px 0 0 -12px;
}

#sitemap ul {
 padding:0 0 0 12px;
 margin:0;
 list-style:none;
}

#sitemap li {
 padding:4px 0 0 12px;
 margin:0 0 0 -12px;
 list-style:none;
}

#sitemap li.hauptbereich {
 text-transform:uppercase;
 padding-top:18px;
}

#sitemap li.unterbereich {
 text-transform:none;
 font-weight:normal;
 background:url(/images/navi_punkt_impressum.gif) 0 11px no-repeat;
}

#sitemap a {
 text-decoration:none;
}

#sitemap a:hover {
 text-decoration:underline;
}

/*******************************************************
 * Tabellen Inhaltsbereich
 *******************************************************/

/*mit hellgrünem Hintergrund*/

table.gesamt {
 width:570px;
 table-layout:fixed;
}

table.schmaler {
 width:420px;
 table-layout:fixed;
}

th {
 padding:0 7px 4px 7px;
 border-left:1px solid #039;
 border-bottom:1px solid #039;
 text-transform:uppercase;
 color:#039;
}

tr.kontrast {
 background-color:#E5EBF5;
}

td {
 padding:7px;
}

/*
mit hellgrünem Hintergrund

tr.kontrast {
 background-color:#ECF5D0;
}
*/

/*******************************************************
 * Hinterlegung, Rahmen Inhaltsbereich
 *******************************************************/

.rahmen {
 padding:10px;
 border:1px solid #039;
}

.hinterlegung {
 padding:10px;
 background-color:#E5EBF5;
}

/*******************************************************
 * Fusszeile
 *******************************************************/

#fusszeile p {
 margin:30px 0 30px 200px;
 height:17px;
 font-size:10px;
 width:570px;
 border-top:1px solid #039;
}

#fusszeile p.schmaler {
 width:410px;
}

#fusszeile .datum { 
 float:right;
 text-align:right; 
 padding:3px 0 0 0; 
}

#fusszeile a {
 float:left; 
 padding:3px 0 0 25px;
 text-decoration:none;
 color:#fff;
 background:url(/images/nachoben.gif) 0 0 no-repeat;
}

#fusszeile a:hover {
 color:#039;
}

/*******************************************************
 * Hauptnavigation
 *******************************************************/

#menue {
 font-size:12px;
 font-family:Arial;
 padding-top:15px;
 position:relative;
 top:0px;
 z-index:20;
}

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

#menue li {
 margin:0;
 padding:0 0 0 0;
 border-bottom:5px solid white;
 font-weight:bold;
 text-transform:uppercase;
 list-style:none;
}

#menue li a {
 color:#003399;
 height:100%;
 margin:0;
 display:block;
 padding:1px 0 1px 17px;
 text-decoration:none;
}

#menue a.aktiv {
 background-color:#003399;
 color:#fff;
}

#menue a:hover {
 background-color:#003399;
 color:#fff;
}

#menue li ul li {
 margin:0;
 padding:0;
 float:none;
 border-bottom-width:0;
 text-transform:none;
 font-weight:normal;
 list-style:none;
}

#menue li ul li a {
 padding:4px 0px 0px 35px;
 border:none;
 background:url(/images/navi_punkt.gif) 24px 8px no-repeat;
}

#menue li ul li ul li {
 font-size:1em;
 width:100%;
 margin:0;
 padding:0;
 list-style:none;
}

#menue li ul li ul li a {
 padding:2px 0 2px 55px;
 border:none;
 font-weight:500;
 background:url(/images/navi_punkt.gif) 44px 8px no-repeat;
}

#menue li ul li a.aktiv {
 background:url(/images/navi_punkt_aktiv.gif) 24px 8px no-repeat;

}
#menue li ul li ul li a.aktiv {
 background-position:15px 3px;
}

#menue .offen a {
 background-color:#039;
 color:#fff;
}

#menue .offen ul a {
 color:#039;
 background-color:#fff;
}

#menue .offen ul a:hover {
 color:#039;
 background-color:#D1DAED;
 background:url(/images/navi_punkt_aktiv.gif) 24px 8px no-repeat;
}

#cr ul {
 list-style:none;
 padding-top:22px;
}

#cr li {
 font-size:11px;
 font-weight:normal;
 color:#039;
 text-transform:uppercase;
}

#cr li a {
 text-decoration:none;
}

#cr li a:hover {
 background-color:#ffffff;
 text-decoration:underline;
 color:#6181C0;
}

/*******************************************************
 * Meta-Navigation
 *******************************************************/

#metanavi {
 margin:0;
 width:769px;
 height:19px;
 text-align:right;
 text-transform:uppercase;
 font-size:11px;
 color:#003399;
 border:1px solid #003399;
 border-left-width:0;
 border-bottom-width:0;
 background-color:#fff;
}

#metanavi div {
 padding:3px 0 0 0;
}

#metanavi div ul {
 list-style:none;
 display:inline;
}

#metanavi div li {
 display:inline;
 padding:0 7px 0 0;
 }

#metanavi div a {
 text-decoration:none;
 }

#metanavi div a:hover {
 text-decoration:underline;
 color:#6181C0;
}