html,
body {
  background-color: #ccc;
  color: black;
  margin: 0;
  padding: 0;
}
body {
  font-size: 12px;
  font-family: Helvetica, 'MS Sans Serif', sans-serif;
}
h1, h2, h3 {
  margin: 1.5em 0 0.5em 0;
}
h1 {
  font-size: 1.667em;
}
h2 {
  font-size: 1em;
}

h3, h4, h5, h6 {
  font-size: 1em;
}
textarea,
select,
input,
table {
  font-size: 1em;
}
/* vim: set syn=css: */

/*
first order is [generic], common styles, ..., [shared properties]
second order is source order of document

four colums layout:   ((c, c, c), c)
*/

/* [generic] columns container and column */
.columns:after {
  clear: both; 
  content: '.'; 
  display: block; 
  height: 0; 
  visibility: hidden;
}
* html .columns {
  height: 1%; /*(x)*/
}
.col {
  position: relative;
}
#layout {
  min-width: 956px;
}
/* #layout > #layout-columns */
#layout-columns {
  /* border-left: 496px solid white; */
  /*padding-left: 516px;*/
  /*padding-left: 616px;*/
  padding-left: 546px;
}
#layout-columns .col.first {
  float: left;
  /*width: 516px;
  margin-left: -516px;*/
  /*width: 616px;
  margin-left: -616px;*/
  width: 546px;
  margin-left: -546px;
  margin-right: 1em;
}
* html #layout-columns .col.first {
  margin-right: 0;
  display: inline;
}
#layout-columns .col.second {
  width: 100%;
  float: right;
  margin-left: -1em;
}
* html #layout-columns .col.second {
  margin-left: 0;
}

/* #layout-columns.colums > .col.first > #navigation.columns */
#layout-header,
#navigation.columns {
  /*width: 496px;*/
  /*width: 596px;*/
  width: 526px;
  overflow: hidden;
}
#navigation.columns .col {
  float: left;
  width: 145px;
  margin: 0;
  padding: 0;
}
#navigation.columns .col.first {
  margin-left: 12px;
}
#navigation.columns .col.second {
  margin: 0 18px;
  /*margin: -17px 18px;*/
  /* */
  width:390px;
}
#navigation.columns .col.third {
  margin-right: 12px;
}

/* vim: set syn=css: */

/*
Order
1. [generic], common styles, ..., [shared properties].
2. Source order of document tree, e.g. #main #header #body #footer
*/

/* [generic] navigation list */
.nl {
}
.nl,
.nl li {
  padding: 0;
  list-style: none;
  margin: 0;
}
/*
.nl .selected a {
}

.nl li a:hover, .nl li.selected a.level2 {
  color: #ff00ff !important;
}
.nl li.selected a.level2, .nl li.selected a.selected {
  color: #ff00ff !important;
}
.nl li.selected a, .nl li.selected {
  color: #FF3FFF !important;
}
*/

/* common styles */
#layout {
  /*margin: 16px 20px;*/
  margin: 26px 20px;
}
#layout hr {
  display: none;
}
#layout a {
  color: #000000;
  text-decoration: none;
}
#layout a img {
  border: none;
}
#layout-header {
  /*height: 146px;*/
  height: 86px;
}
#banner {
  padding: 12px;
  padding-top: 0px;
}
#main {
}
h1#main-header {
  margin-top: 0;
}
#main-body {
  padding: 12px;
  padding-bottom: 60px;
}
#main-header {
  padding: 12px;
  padding-top: 145px;
}
#main-body.flash,
#main-body.image {
  padding: 0;
}
#main-body.flash {
  padding-top: 118px;
}
#main-body.image img {
  display: block;
}
#layout-footer {
  height: 2.5em;
}

/* colors, paddings and margins for columns */
#layout-columns .bg {
  background-color: white;
}

/* navigation */
#navigation {
  min-height: 405px;
}
#navigation a {
}
#navigation .selected .level2,
#navigation .selected .selected {
/*  font-weight: bold;*/
}
#navigation h2 {
  margin: 0;
}
#navigation .nl {
  margin: 0;
}
#navigation .section {
}

/* search box */
#search {
  margin: 0 0 1em 0;
}
#search input.text {
  width: 10.5em;
}
#search input.submit {
  width: 5.5em;
}

/* [shared properties] default margin */
#picture,
#secondary-navigation,
#breadcrumbs,
.default-margin {
  margin: 1em;
}

/* [shared properties] hide from screen */
.nl .marker,
.outer-space {
  display: none;
}

/* [shared properties] clearfix */
#layout-footer:after,
.bg:after,
.clearfix:after {
  clear: both; 
  content: '.'; 
  display: block; 
  height: 0; 
  visibility: hidden;
}
* html .bg,
* html #layout-footer,
* html .clearfix {
  height: 1%; /*(x)*/
}
.col_second_text {
  width: 400px;
}

/* vim: set syn=css: */

/* Trennstriche in Navigation */
#navigation li {

}

/* allgemeiner Link in Navigation */
#navigation li a {

}

/* allgemeiner Link-onMouseOver in Navigation */
#navigation li a:hover {
  color: #000000;
/*  color: #ff00ff;*/
}

/* allgemeiner Link-onClick in Navigation */
#navigation li a:active {
  color: #000000;
/*  color: #ff00ff;*/
}

/* Trennstriche in ausgewaehltem Link in Navigation */
#navigation li.selected  {
  color: #000000;
/*  color: #ff00ff;*/
}

/* ausgewaehlter Link-Text in Navigation */
#navigation li.selected a.level2 {
  color: #000000;
/*  color: #ff00ff;*/
}
/* ausgewaehlter Link-Text-onMouseOver in Navigation */
#navigation li.selected a.level2:hover {
  color: #000000;
/*  color: #ff00ff;*/
}
/* ausgewaehlter Link-Text-onClick in Navigation */
#navigation li.selected a.level2:active {
}

/* Nummer in ausgewaehltem Link in Navigation */
#navigation li.selected a {
  color: #000000;
/*  color: #ff00ff;*/
}

/* Nummer in ausgewaehltem Link-onMouseOver in Navigation */
#navigation li.selected a:hover {
  color: #000000;
/*  color: #ff00ff;*/
}

/* Nummer in ausgewaehltem Link-onClick in Navigation */
#navigation li.selected a:active {
  color: #000000;
/*  color: #ff00ff;*/
}

/* augewaehlte Nummer in ausgewaehltem Link in Navigation */
#navigation li.selected a.selected {
  color: #000000;
/*  color: #ff00ff;*/
}

/* augewaehlte Nummer in ausgewaehltem Link-onMouseOver in Navigation */
#navigation li.selected a.selected:hover {
  color: #000000;
/*  color: #ff00ff;*/
}

/* augewaehlte Nummer in ausgewaehltem Link-onClick in Navigation */
#navigation li.selected a.selected:active {
  color: #000000;
/*  color: #ff00ff;*/
}
a.download {
	text-decoration: underline !important;
}