/* #################################################################### initialisations ########################## */

html{ height:100%; }
body{
	margin:0;  padding:0;  border-style:none;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:left; 
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6, p, blockqoute, pre, adress, div, form, fieldset{
	margin:0;  padding:0;  border-style:none;
}
table, td, th{
	margin:0;  padding:0;
}
ul, ol, dl{
	margin-top:0;  margin-bottom:0;  margin-right:0; /*kein margin-left festsetzen!!!*/
	padding-top:0; padding-bottom:0; margin-right:0;
	border-style:none;
}
img {
	margin:0;  padding:0;  border-style:none;
	vertical-align:bottom;
}
.verborgen,
.hidden {  
	display:none;
}

/* #################################################################### structure ################################ */
* html #seitenbreite { width: 1000px; /* 1000px = Maximum IE6@1024x768, falls folgende Berechnung clientseitig geblockt */
                       width: expression(document.body.clientWidth>1024 ? "1024px" : "auto");
}
* html #nichtnavigation {
	width: 788px;
	width: expression(document.body.clientWidth > (224+800) ? "800px" : document.body.clientWidth-224 + "px" );
}

#seitenbreite   { max-width:1024px; }
#kopf           { height:128px; }
#fuss           { height:71px; }
#kopflinks      { margin-bottom: 1em; }
#koerper        { }
#navigation     { position: absolute; left: 0; width: 192px; }
#nichtnavigation{ margin-left: 224px; min-width: 400px; max-width: 800px; }
.verlaufspfad   { padding: 7px 4px; clear: both; }
#inhalt         { padding: 3ex 0.5ex 3ex 0; }

#inhalt .einespalte   { float:left;  width:100%; margin:0; }
#inhalt .linkespalte  { float:left;  width:49%; margin:0 4px 0 0; }
#inhalt .rechtespalte { float:right; width:49%; margin:0; }

* html #inhalt .einespalte   { width:96%; }
* html #inhalt .linkespalte  { width:46%; }
* html #inhalt .rechtespalte { width:46%; }

/* #################################################################### colors, borders ########################## */
#fuss           { margin-left:224px; text-align: center; }
.verlaufspfad   { background-color:#008282; }
#inhalt         { min-height: 350px; }

#kopflinks   { color:#4D73A3; text-align:right; }
#navigation  { }
#inhalt      { color:#333;    }
.verlaufspfad{ color:#fff;    font-weight:bold; } /*bislang ungenutzt*/

#kopf span.serverFahneLiveWebsite,
#kopf span.serverFahneLiveIntranet { display:none; }
#kopf span.serverFahneMarvin  { position:absolute;right:0;z-index:99;color:#fff;background-color:#390; }
#kopf span.serverFahneColin   { position:absolute;right:0;z-index:99;color:#fff;background-color:#900; }
#kopf span.serverFahneArthur  { position:absolute;right:0;z-index:99;color:#000;background-color:#ff3; }
#kopf span.serverFahneRandom  { position:absolute;right:0;z-index:99;color:#fff;background-color:#900; }

/* #################################################################### kopflinks - Links ######################## */
#kopflinks a { text-decoration:none; }
#kopflinks a:link,
#kopflinks a:visited { color: #00377B; }
#kopflinks a:hover,
#kopflinks a:focus,
#kopflinks a:active  { color: #009E80; }

#kopflinks ul { list-type-style: none; }
#kopflinks ul li { display: inline; border-left: 1px solid #00377B; padding: 0 1ex; }
#kopflinks ul li.firstlink { border-left: none; }

/* #################################################################### verlaufspfad (breadcrumbs) ############### */

.verlaufspfad a { text-decoration: none; }
.verlaufspfad a:link,
.verlaufspfad a:visited { color: #FFFFFF; }
.verlaufspfad a:hover,
.verlaufspfad a:focus,
.verlaufspfad a:active  { text-decoration: underline; }

/* #################################################################### navigation ############################### */
#navigation ul { margin:0;  padding:0;  list-style-type:none; }
#navigation ul li       { margin:0 0 1px 0; }
#navigation ul li ul li { margin:1px 0 1px 0; }
#navigation ul li a,
#navigation ul li ul li a { text-decoration:none; font-weight:normal; width:100%; display:block; padding:2px 0; }
#navigation ul li a       { background-color:#00377b; border-left: 6px solid #00377b; color:#ffffff; }
#navigation ul li:first-child a { background-color: #008282; border-left-color: #008282; color: #ffffff; }
#navigation ul li ul li a,
#navigation ul li ul li:first-child a { background-color:#99d8cc; border-left-color: #99d8cc; color:#000000; }
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active,
#navigation ul li a.aktiv { border-left-color: #008282; }
#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li ul li a:active,
#navigation ul li ul li a.aktiv { border-left-color: #008282; }
#navigation ul li a        span,
#navigation ul li a:hover  span,
#navigation ul li a:focus  span,
#navigation ul li a:active span,
#navigation ul li a.aktiv  span     { display:block; padding:5px 4px 5px 4px; }
#navigation ul li ul li a        span,
#navigation ul li ul li a:hover  span,
#navigation ul li ul li a:focus  span,
#navigation ul li ul li a:active span,
#navigation ul li ul li a.aktiv  span { display:block; padding:5px 4px 5px 10px;}

/* fuer Sprachauszeichnungen in der Navigation! */
#navigation ul li a        span span,
#navigation ul li a:hover  span span,
#navigation ul li a:focus  span span,
#navigation ul li a.active span span,
#navigation ul li a.aktiv  span span,
#navigation ul li ul li a        span span,
#navigation ul li ul li a:hover  span span,
#navigation ul li ul li a:focus  span span,
#navigation ul li ul li a:active span span,
#navigation ul li ul li a.aktiv  span span { margin:0; padding:0; }