/* ---------------------------------------------------------- 
Allgemeine Definitionen
------------------------------------------------------------- */
html {
	overflow: auto;			/* IE Scrollbars unterdrücken */
	height: 101%;
} 
body {
	padding: 0px; 
	font-size: 0.8em; 
	margin: 0px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	background-color: #003399;
	background-color: #6295ff;
	background-image: url(VertVerlauf.jpg); 
	background-position: top;
	background-repeat: repeat-x;
	height: 76%; 
}
h1 {
	margin: 0em; 
	font-size: 1.6em; 
	word-spacing: 0px; 
	color: #006699;
}
.kasten {
	text-align : center;
	background : lightblue;
	font-weight: bold;
	padding: 0.5em;
}
.toggleDIV {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
a.extlink {
	background: transparent url('image/link_extern.gif') 0 0.3em no-repeat;
	padding-left: 1em;
}
a, a.ohne {
	text-decoration: none;
}

textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 1em;
}
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }
/* ---------------------------------------------------------- 
Bereichsstruktur
------------------------------------------------------------- 
Seitengrenzen
	Kopf
		Logo
		UNavInfo | UNavInfo2
		(Unternavigation)
	Navigation
	Seitenleiste
	Rahmen
		Band
		Inhalt
		Werbung
*/

/* ---------------------------------------------------------- 
Seitengrenzen
------------------------------------------------------------- */
#Seitengrenzen {
	width: 954px;
	width: 968px;
	margin: 0px auto; 
	height: 100%; 
	background-color: #003399; 
	background: #003399; 
}
/* ---------------------------------------------------------- 
Kopf
------------------------------------------------------------- */
#Kopf {
	height: 90px;
	margin: 0px; 
	padding: 0px;
	width: 100%;
}
#Kopf ul li  {
	width: 140px;
}
/* ---------------------------------------------------------- 
Logo
------------------------------------------------------------- */
#Logo 	{
	float: left;
	width: 148px;							/* wie Navigation */
	width: 160px;
	padding: 12px 0px 12px 12px;
	height: 66px;
}
/* ---------------------------------------------------------- 
Unternavigationsinfo
------------------------------------------------------------- */
#UNavInfo {
	float: left;
	width: 118px; 
	/* height wie Kopf - padding-top */
	height: 77px;
	padding: 13px 0px 0px 38px;
	font-weight: bold; 
	font-size: 12pt; 
	color: #ffffff; 
}
#UNavInfo2 {
	float: left;
	width: 300px; 
	width: 756px;
	/* height wie Kopf - padding-top */
	height: 60px;
	padding: 30px 0px 0px 38px;
	font-weight: bold; 
	font-size: 14pt; 
	color: #ffffff; 
}
/* ---------------------------------------------------------- 
Unternavigation
------------------------------------------------------------- */
#UnterNavigation {
	float: left;
	width: 448px; 
	height: 76px;
	padding-top: 14px; 
}
#UnterNavigation ul {
	margin: 0px; 
	padding: 0px;
	font-size: 1em; 
	list-style-type: none;
}
#UnterNavigation LI {
	float: left; 
	width: 118px;
	margin: 0px 0px 4px; 
	padding: 0px; 
	list-style-type: none; 
	text-decoration: none;
}
#UnterNavigation ul A {
	padding-left: 14px; 
	background-position: 0px 4px; 
	background-repeat: no-repeat; 
	color: #ffffff; 
	text-decoration: none;
}
#UnterNavigation ul li A:hover, #UnterNavigation ul li A.aktiv {
	background-image: url(/KStW/allgemein/image/quadratweiss.gif)
}
#UnterNavigation ul A.wir {
	background-image: url(/KStW/allgemein/image/quadWir.gif)
}
#UnterNavigation ul a.prs {
	background-image: url(/KStW/allgemein/image/quadWir.gif)
}
#UnterNavigation ul A.swo {
	background-image: url(/KStW/allgemein/image/quadSwo.gif)
}
#UnterNavigation ul A.gas {
	background-image: url(/KStW/allgemein/image/quadGas.gif)
}
#UnterNavigation ul A.fin {
	background-image: url(/KStW/allgemein/image/quadFin.gif)
}
#UnterNavigation ul A.psb {
	background-image: url(/KStW/allgemein/image/quadPsb.gif)
}
#UnterNavigation ul A.akd {
	background-image: url(/KStW/allgemein/image/quadAkd.gif)
}
#UnterNavigation ul A.adr {
	background-image: url(/KStW/allgemein/image/quadAkd.gif)
}
#UnterNavigation ul A.knd {
	background-image: url(/KStW/allgemein/image/quadKnd.gif)
}
#UnterNavigation ul A.kui {
	background-image: url(/KStW/allgemein/image/quadKui.gif)
}
/* ---------------------------------------------------------- 
Navigation
------------------------------------------------------------- */
#Navigation {
	float: left; 
	width: 148px;							/* wie Kopf Logo */
	width: 160px;
	padding: 0px 6px 0px 7px;
	margin: 0; 
	height: 100%;
	background: #003399; 
}
#Navigation h2 {
	display: block;
	font-size: 1em; 
	/*text-align: center; */
	background: #FFF;
	color: #006699;
/*	margin: 0em 0.5em 0.5em 0.5em; */
	padding: 0.5em 0em 0.5em 0.5em; 
	/*background-image: url(VerlaufV_Blue_White.bmp);*/
	margin: 0 0 0.5em 0;
}
#Navigation ul {
	margin: 0px; 
	padding: 8px 0px 8px 0px;
	font-size: 1em; 
	list-style-type: none;
	background: #FFF; 
}
#Navigation LI {
	margin: 0px 0px 4px 8px; 
	padding: 0px;
	list-style-type: none; 
	text-decoration: none;
}
#Navigation ul A {
	background-position: 0px 4px; 
	padding-left: 14px; 
	background-image: url(/KStW/allgemein/image/quadratweiss.gif); 
	color: #ffffff; 
	color: #333;
	background-repeat: no-repeat; 
	text-decoration: none;
}
#Navigation table {
	background: #EEE; 
	width: 100%;
}
#Navigation ul LI A.wir:hover, #Navigation ul LI a.wir.aktiv {
	background-image: url(/KStW/allgemein/image/quadWir.gif)
}
#Navigation ul li a.prs:hover, #Navigation ul li a.prs.aktiv {
	background-image: url(/KStW/allgemein/image/quadWir.gif)
}
#Navigation ul LI A.swo:hover, #Navigation ul li a.swo.aktiv {
	background-image: url(/KStW/allgemein/image/quadSwo.gif)
}
#Navigation ul LI A.gas:hover, #Navigation ul li a.gas.aktiv {
	background-image: url(/KStW/allgemein/image/quadGas.gif)
}
#Navigation ul LI A.fin:hover, #Navigation ul LI a.fin.aktiv {
	background-image: url(/KStW/allgemein/image/quadFin.gif)
}
#Navigation ul li a.psb:hover, #Navigation ul li a.psb.aktiv {
	background-image: url(/KStW/allgemein/image/quadPsb.gif)
}
#Navigation ul LI A.akd:hover, #Navigation ul LI A.akd.aktiv {
	background-image: url(/KStW/allgemein/image/quadAkd.gif)
}
#Navigation ul LI A.knd:hover, #Navigation ul LI A.knd.aktiv {
	background-image: url(/KStW/allgemein/image/quadKnd.gif)
}
#Navigation ul LI A.kui:hover, #Navigation ul LI A.kui.aktiv {
	background-image: url(/KStW/allgemein/image/quadKui.gif)
}
#Navigation ul LI A.adr:hover, #Navigation ul LI A.adr.aktiv {
	background-image: url(/KStW/allgemein/image/quadAkd.gif)
}
#Navigation FORM {
	margin: 5px 0px; 
}
#Navigation .button {
	width: 8.4em; 
	margin-top: 0.4em; 
	font-WEIGHT: bold; 
	color: #ffcc00; 
	background-color: #003399;
}
/* ---------------------------------------------------------- 
PMain
------------------------------------------------------------- */
#pmain {
	background: #003399; 
	padding: 0 0 1em 0;
}
/* ---------------------------------------------------------- 
Rahmen
------------------------------------------------------------- */
#Rahmen {
	/* margin-left = Navigation width + padding-left + padding-right */
	/*	margin-left: 161px; */
	overflow: auto; 
	padding: 24px;
	background: #fbfbfb;
/*	height: 92%; */
	width: 554px;
	 
}
* html #Rahmen {
	width: 540px; 
}

/* ---------------------------------------------------------- 
NewsList
------------------------------------------------------------- */
#newslist {padding: 0 3em;}
#newslist h2 { background: #FFF;	color: #006699; }
h2.news { background: #ddf; margin: 0 0 0.2em 0; padding-left: 0.2em;}
#newslist p { margin:0 0 0.5em 0; padding: 0; }
#newslist h3 { margin:0.2em 0 0.4em 0; padding: 0; color: #069; font-size: 1.0em;}
#newslist h3.toph3 {font-size: 1.3em;} 
#newslist b { color: #555; }
#newslist img { float: left; width: 125px; height: 85px; margin: 0.2em 1em 0.2em 0;}
#newslist img.fullsize  { float: none; width: 450px; height: 150px; margin: 0 1em 1em 0;}
#newslist hr {clear: both; margin:0.2em 0 0 0; padding:0;}

#newslist dl {margin: 0;}
#newslist dd {clear: left; font-size: 0.7em; margin-left: 0; margin-top: 0.2em;}

* html #newslist hr {margin:0;}
* html #newslist h3 {margin:0 0 0.4em 0;}
/* ---------------------------------------------------------- 
Band
------------------------------------------------------------- */
#Band {
	float: right; 
	margin-left: 20px;
	padding: 6px 6px 10px 6px;
	border-top: #003399 1px solid; 
	border-left: #003399 1px solid; 
	background-color: #eeeefe;
}
/* ---------------------------------------------------------- 
Inhalt
------------------------------------------------------------- */
#Inhalt {
	margin-left: 0px;
	padding-top: 3px;
}
/* ---------------------------------------------------------- 
Seitenleiste
------------------------------------------------------------- */
#Seitenleiste {
	float: right;
	width: 190px;
	color: #FFFFEF; 
	padding: 0;
	margin: 0; 
	height: 100%;
	background: #003399; 
}
#Seitenleiste h2 {
	display: block;
	font-size: 1em; 
	/*text-align: center; */
	background: #FFF;
	color: #006699;
	margin: 0em 0.5em 0.2em 0.5em;
	padding: 0.5em 0em 0.5em 0.5em;
	/*background-image: url(VerlaufV_Blue_White.bmp);*/
}
#Seitenleiste ul {
	margin: 0; 
	padding: 0em 0.5em 0em 0.5em;
	list-style-type: none;
	margin-bottom: 0.5em;
}
#Seitenleiste li {	
	font-size: 0.9em;
	color: #555; 
	background: #FFF;
}
#Seitenleiste li a {
	padding: 0.5em; 
	border-top: white 1px solid; 
	border-right: black 1px solid; 
	border-bottom: black 1px solid; 
	border-left: white 1px solid; 
	display: block; 
	margin-bottom: 0; 
	text-decoration: none;
	color: #555;
}
#Seitenleiste ul.quicklinks {
}
#Seitenleiste ul.quicklinks li {
	display: inline;
}
#Seitenleiste ul.quicklinks li a {
	padding: 0.2em 0.5em;
	display:  block; 
	background: #EEE; 
	background: #FFF; 
	text-decoration: underline;
	color: #555;
	font-size: 0.9em;
	border: none;
}
#Seitenleiste li a:hover {
	border-top-color: black; 
	border-right-color: white;
	border-bottom-color: white; 
	border-left-color: black; 
	background: #006699; 
	color: #eee;
}
#Seitenleiste .link {text-decoration: underline; font-size:0.8em;}
#Seitenleiste p { margin:0; padding:0; }
#Seitenleiste li a.highlight {background-color: #FFFF99;}
#Seitenleiste .kurzinfo {font-size:0.95em;}

/* ---------------------------------------------------------- 
Werbung
------------------------------------------------------------- */
#Werbung {
/*	background: #003399; */
	text-align: center; 
	color: white;
	font-size: 1.4em;
	margin-left: 0em;
}
/***************************/
/* Listentabellen          */
/***************************/
.Liste  {
	border: 2px solid;
	border-color: #DBFFFF black black #DBFFFF;
	font-size: 1em;
}
.Liste caption {
	border: 2px solid;
	border-color: #DBFFFF black black #DBFFFF;
	background: #003399; 
	font-weight: bold; 
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
	color: white;
}
.Liste tfoot td {
	background: #003399; 
	padding: 0.2em;
	color: #FEFEFE;
}
.Liste td {
	border : 1px solid;
	border-color : black lightblue lightblue black;
	background-color: white; 
	padding: 0em 0.5em 0em 0.5em; 
}
.Liste th {
	border : 1px solid;
	border-color : lightblue darkblue darkblue lightblue;
	background-color: #DDE7FF; 
	padding: 0em 0.5em 0em 0.5em; 
	vertical-align: top;
   font-weight: normal; 
	text-align: left;
}
.Liste .Rubrik td {
	background-color: #003399; 
	background-color: #CCC; 
   color: #FFFFFF;
   color: #444;
   border: #CCFFFF 2px outset; 
   padding: 0em 0.2em 0em 0.2em; 
   font-weight: normal; 
}
.Liste .Trennlinie td {	
	background-color: #DCDCDC;		/* gainsboro */ 
	height: 0.8em;
	border: 1px solid;
	border-color: black #DBFFFF #DBFFFF black;
}
.Liste .Info td {
	border: 1px solid;
	border-color: black #DBFFFF #DBFFFF black;
	padding: 0.1em 0.5em 0.1em 0.5em; 
}
.Liste select option {
	padding-right: 0.4em;
}
.Liste .rechts {
	text-align: right;
	vertical-align: top;
}
/* Abkürzungen und Acronyme */
/****************************/
abbr, acronym {
	cursor: help;
	margin-bottom: 1em; 
	text-decoration: underline;
}
* html span.abbr {
	cursor: help;
	margin-bottom: 1em; 
	text-decoration: underline;
}
/***************************/
/* Formulare               */
/***************************/
#Inhalt fieldset {
	border: 2px solid;
	padding: 0.4em;
	padding-top: 0;
	margin-bottom: 0.2em;
}
#Inhalt legend {
	border : 1px solid;
	border-color : white black black white;
	padding-left: 0.5em; 
	padding-right: 0.5em;
	margin-bottom: 0.2em;
	color: #FFFFFF;  
	font-weight: bold; 
	background-color: #003399;
}
#Inhalt form td  {
	border: 1px outset;
}
#Inhalt form input {
	padding-left: 0.1em;
}
.Bildrechts { 
	float: right; 
	margin: 0 0 1em 2em;
}
.Bildlinks { 
	float: left; 
	margin: 0 2em 1em 0;
}


  #ie_clearing {
    /* (en) Only a small help for debugging */
    /* (de) Nur eine kleine Hilfe zur Fehlersuche */
    position:static;

    /* (en) Make container visible in IE */
    /* (de) Container sichtbar machen im IE */
    display:block;

    /* (en) No fix possible in IE5.x, normal clearing used instead */
    /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
    \clear:both;

    /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
    /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
    width: 100%;
    font-size:0px;
    margin: -2px 0 -1em 1px;
  }

  * html #ie_clearing { margin: -2px 0 -1em 0; }
  
/* ---------------------------------------------------------- 
Kalenderelement
------------------------------------------------------------- */
.calendar {
  font-size: 0.8em;
  color: #000000;
  width: 17em;
  margin-left: 0.5em;
}
.calendar table {
  border: 1px solid #000000;
}
.calendar thead .ctitle, tfoot .cinfo { 
  font-weight: bold;     
  text-align: center;
  padding: 2px; 
}
.calendar thead .name {
  border-bottom: 1px solid #000000;
  padding: 2px;
  text-align: center;
}
.calendar .button { 
  text-align: center;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
  padding: 1px;
}
.calendar thead .weekend, tbody .weekend { 
  color: #AA6666;
}
.calendar tbody .hide {
  visibility: hidden;
}
.calendar tbody .day { 
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .today { 
  font-weight: bold;
  border: 1px solid #000000;
  padding: 1px 3px 1px 1px;
}
.calendar tbody td.hilite { 
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #006699 #6699cc #6699cc #006699;
}
/* ----- Kalenderfarben default ----- */
.calendar table {
  background: #99CCFF; 
}
.calendar thead .ctitle, tfoot .cinfo { 
  background: #006699;
  color: #FFFFFF;
}
.calendar thead .tagnamen {
 	background: #6699CC; 
}
.calendar tbody td.hilite { 
  background: #6699CC;
}
.calendar tbody td.marked { 
  background: #ffcc66;
}