html, body, div, p, h1, h2, h3, h4, h5, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ************************ Allgemeingueltige Basis-Formatierung ************************* */

/* body-Formatierung */
html, body, td {
	background-color: #dddcd4;
	color: #4c5b7d;
	color: #384866;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;

	line-height: 125%;
}

/* Hack, um die Seite in allen Browsern gleich zu machen */
html, body ,td {
	voice-family: "\";}\""; voice-family:inherit;
	font-size: small;
}
 
html>body, tr>td {
	font-size: small;
}
/*Ende Hack */


html, body {
	height: 100%;
}

#layout {
	/*Tabelle rundherum*/
	table-layout: fixed;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
/*	height: 100%;*/
}

td {
	background-color: White;
	color: #4c5b7d;
	color: #384866;
	vertical-align: top;
}



#layout-topborderrow {
	/*Erste Zeile*/
	height:34px;
}

#layout-col1 {
	/* Spalte 1 */
	width: 8%;
}

#layout-col2 {
	/* Spalte 2 */
/*	width: 25%;*/
	width: 185px;
}

#layout-col3 {
	/* Spalte 3 */
/*	width: 560px;*/
}


#layout-col4 {
	/* Spalte 6 */
	width: 8%;
}


.layout-border {
	/*Rahmen rundherum um den Inhalt*/
	background-color: #dddcd4;

}

#layout-headerrow1 {
	/*Header-Zeile 1*/
	height: 93px;
}

.layout-banner {
	border: 1px solid White;
	background-color: #dddcd4;
	vertical-align: bottom;
}

#header1 {
	vertical-align: bottom;
	background-color: #e7e7de;
	background-color: #e4e4db;
/*	background: #e7e7df url("../images/verlauf5.gif") repeat-y;*/
	border: 1px solid White;
	padding-left: 20px;
}

#header1 img {
	margin-top: 68px;
	margin-bottom: 8px;
}

#layout-headerrow2 {
	/*Header-Zeile 2*/
	height: 24px;
}

#header2 {
	background-color: #efeee7;
	border: 1px solid White;
}

.layout-leftcol {
	/* Navigationsspalte */
	background-color: #e1e6ed;
	background-color: #dfe5ef;
/*	background-color: #dfe7f1;*/
	color: #4c5b7d;
	color: #384866;
	border-left: 1px solid White;
	border-right: 1px solid White;
}

#layout-footer-left {
	border-bottom: 1px solid White;
	border-right: 1px solid White;
}

#layout-navigationcol {
	padding: 47px 10px 0.8em 10px;
}

#content-main {
	/* Hauptcontent-TD */
	border-right: 1px solid White;
/*	padding-top: 2em;*/
}


#layout-footerrow {
	/* Fusszeile */
}


#layout-footer {
	/* Footer-TD */
	font-size: xx-small;
	padding: 0 20px;
	border-right: 1px solid White;
	border-bottom: 1px solid White;
}
/* Hack, um die Groesse  in allen Browsern gleich zu machen */
#layout-footer {
	voice-family: "\";}\""; voice-family:inherit;
	font-size: x-small;
}
 
#layout-footer>p {
	font-size: x-small;
}

/*Ende Hack */
.printlink, #footer {
	margin: 2em 0;
}



.printlink {
	float: right;
	text-align: right;
	padding-left: 1em;
}



/* *****************************************************
   *** Navigations-Formatierung                      ***
   ***************************************************** */

#layout-navigationcol a:hover {
/*	color: #930000;*/
	color: #6c80ad;
}

ul#navigation {
	/* Navigatonsliste */
	margin-bottom: 2em;
	text-align: right;
}

ul#navigation li a {
	color: #4c5b7d;
	color: #384866;
	padding: 1px 10px 2px 6px;
	margin-right: -10px;
	display: inline-block;
}

ul#navigation li li a {
	padding-right: 20px;
}

ul#navigation li {
	list-style-type: none;
	font-size: 85%;
	line-height: 125%;
	margin-bottom: 1em;
}

ul#navigation ul {
	padding-top: 0.2em;
}


ul#navigation li li {
	font-size: 95%;
	line-height: 125%;
}

ul#navigation li li li {
	font-size: 84%;
	line-height: 125%;
}


#navigation .selected a, #navigation a:hover {
	/* ausgewaehlter Menuepunkt */
	background-color: White;
}




ul#sprachauswahl {
	font-size: 89%;
	line-height: 125%;
	margin-top: 2em;
	margin-bottom: 2em;
}
ul#sprachauswahl li {
	font-size: 95%;
	line-height: 125%;
	list-style-type: none;
	padding: 0.1em 10px;
	margin: 0.3em -10px 0.1em -10px;
}

ul#sprachauswahl img {
}

#sprachauswahl .selected {
	/* ausgewaehlter Menuepunkt */
	background-color: #999;
}


/* ***************************************************** */

ul#metanavigation {
	margin-bottom: 0.5em;
}



ul#metanavigation li {
	list-style-type: none;
	display: inline;
	padding: 0 0.5em;
}

/* *****************************************************
   *** Teilweise versteckte Bereiche                 ***
   ***************************************************** */

.accessibilityhint {
    position:absolute;
    top:-1000em;
    left:-1000em;
    width:0;
    height: 0;
    overflow:hidden;
    display:inline;
}

.hidden {
	display: none;
}


/* *****************************************************
   *** Content rechts fuer Subseiten                  ***
   ***************************************************** */


.content-zusatz {
	background-color: #dddcd4;
}



/* ***************************************************** 
   ***  Content-Formatierung                         ***
   ***************************************************** */

.content  {
	padding: 0 20px;
}



/* *** Generelle Inhalts-Formatierung *** */


.content p, .content ul, .content ol {
	font-size: 85%;
	line-height: 140%;
}

.content ul ul, .content ol ol {
	font-size: 100%;
}

.content p { 
	margin: 0.5em 0;
}

/* *** &Uuml;berschriften *** */

.content h1 {
	font-size: 150%;
	line-height: 125%;
	font-weight: normal;
	padding: 0.25em 0;
	color: #7d4958;
	color: #704050;
	margin-bottom: 1em;
}

/* Abstand der Ueberschrift 1 vor */
.content h1 {
  margin-top: 36px;
}

.content h1.csc-firstHeader {
/*	margin-top: 0;*/
}


.content h2 {
	color: #4c5b7d;
	color: #384866;
	font-size: 100%;
	line-height: 125%;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
}

.content h3, .content h4, .content h5 {
	color: #4c5b7d;
	font-size: 85%;
	margin: 1.5em 0 0.5em 0;
}

.content h3 {
 	font-weight: bold;
}

.content h4 {
 	font-style: italic;
 	font-weight: normal;
}

.content h5 {
 	font-style: normal;
 	font-weight: normal;
}


/* *** Links *** */

a {
	text-decoration: none;
	color: #a24363;
	color: #993358;
}

a:hover {
	text-decoration: underline;
}


/* *** Listen *** */

.content ul, .content ol  {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.content ul {
	list-style: inherit;
}

.content ul {
  margin-left: 1.2em;
}

.content ol {
  margin-left: 2em;
}

.content li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.content ul.csc-menu {
	margin-left: 0;
	list-style: none;
}


/* *** Formulare *** */

.csc-mailform {
/*	width: 100%;*/
}
form {
	margin-top: 1.2em;
}

form td {
  background-color: inherit;
  border: 0 none;
}

input, select, textarea {
  border: 1px solid #999;
/*  background-color: #eee;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 85%;
/*  width: 100%;*/
}

.content form p {
  margin: 0;
  padding: 0;
}

.content form td {
  padding: 0.7em;
}


/* *** Bilder *** */

img {
	border: 0 none;
}

.csi-image {
	margin: 0 -5px;
  overflow: visible;
}

.csi-intext-left .csi-image, .csi-intext-left-nowrap .csi-image {
  float: left;
  clear: left;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 15px;
}

.csi-intext-left-nowrap .csi-text {
  margin-left: 115px;
}

.csi-intext-right .csi-image, .csi-intext-right-nowrap .csi-image {
  float: right;
  clear: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.csi-intext-right-nowrap .csi-text {
  margin-right: 115px;
}

.csi-center .csi-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.csi-right .csi-image img {
  display: block;
  margin-left: auto;
}


/* *** Suchbegriffe hervorheben *** */

.csc-sword {
  border-top: 1px dotted #930000;
  border-bottom: 1px dotted #930000;
  background-color: #eee;
}

span[lang] {
/*  border-bottom: 1px dotted green;*/
}


/* *** Rahmen rechts *** */

.csc-frame {
  float: right;
  clear: right;
  width: 33%;
  max-width: 300px;
  
  border: 1px solid #e1e6ed;
  padding: 0 8px 0.3em 8px;
  margin: 45px 0 1em 1em;
}

.csc-frame h1 {
	font-size: 85%;
	line-height: 125%;
	background-color: #e1e6ed;
	color: #4c5b7d;
	margin: 0 -8px 0.8em -8px;
	padding: 0.3em 8px;
}
