/* basic blocks:

weiß      #FFFFFF
orange    #FFA81B
blau      #165690
blau hell #4B61B2
blaugrau  #8EA4B4
*/


body {
  margin: 0;
  padding: 0;
  background-color: #8EA4B4;
}

p, tr {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #165690;
}

/*
tr {
  border-style: none;
  border-width: 0px
}
*/

img {
  border: none;
}

/*
a.internal-link {
...
}
*/

a {
  text-decoration: none;
  font-weight: bold;
  color: #165690;
}
a:hover {
  color: #FFA81B;
}


/** TYPO3 csc: header and subheader **/
/*
<div class="csc-header csc-header-nX"><h1>...
Number in page X: 1...
Typ:
 erster Header in page: <hX class="csc-firstHeader">
 Normal: <h1>
 Layout1: <h1>
 ...
 Layout5: <h5>
 Versteckt: []

<p class="csc-subheader csc-subheader-L">...
Level L:
 0 - Normal
 1 - Level1
 ...
*/
.csc-header {
}
/*
{
  color: #91b2d7;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
  margin: 3px 0px 8px
}
{
  color: #91b2d7;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 13px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
  margin: 3px 0px 5px
}
{
  color: #333;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  font-family: Verdana, Arial, Helvetica;
  text-decoration: none;
  margin: 3px 0px
}
{
  color: #999999; 
  font-style: normal; 
  font-weight: bold; 
  font-size: 14px; 
  line-height: 15px; 
  font-family: Verdana, Arial, Helvetica; 
  margin: 3px 0px; 
  padding: 5px; 
  border: solid 1px #b7cce2; 
}
*/
.csc-header h1 {
  font-size: 14px;
  font-weight: bold;
  color: #FFA81B;
  line-height: 110%;
}
.csc-header h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 110%;
}
.csc-header h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 110%;
}
.csc-header h4 {
  font-size: 11px;
  font-weight: bold;
  line-height: 110%;
}
.csc-header h5 {
  font-size: 11px;
  line-height: 110%;
}
.csc-firstHeader {
}

.csc-subheader .csc-subheader-0 {
  font-size: 14px;
  font-weight: bold;
  color: #FFA81B;
}
/*...*/

/* header im bodytext */
/* todo... */


/** TYPO3 csc: bodytext **/
.bodytext {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #165690;
/*line-height: 16px;*/
/*text-align: justify;*/
  margin: 0px;
}
.bodytext a {
  color: #165690;
  text-decoration: none;
}
.bodytext a:hover {
  color: #FFA81B;
  text-decoration: none;
}
.bodytext ul {
  margin-left: 0px;
  padding-left: 0px;
}


/** TYPO3 csc: bullet list **/
.csc-bulletlist {
  margin: 0px 0px 5px 8px;
  padding: 0px 0px 5px 8px;

/*list-style-type: disk;*/
  list-style-position: outside;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #165690;
}

li  {
  margin-bottom: 5px;
}
.csc-bulletlist a {
  color: #003366;
  text-decoration: none;
}
.csc-bulletlist a:hover {
  border-bottom: 1px solid #666666;
}


/** TYPO3 csc: textpics and caption **/
.csc-textpic-caption {
  margin: 0px;
  padding-top: 5px;

  font-family: Arial, Helvetica;
  font-size: 10px;
  color: #165690;
  line-height: 12px;
}


/** TYPO3 csc: basic mail form **/
.csc-mailform {
  border: 0px;
}
div.csc-mailform-field {
  clear: both;
}
.csc-mailform-field label {
  width: 120px;
  padding-top: 5px;
  padding-right: 8px;
  float: left;
  text-align: right;

  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: bold;
  color: #165690;
}

.csc-mailform-field input {
  width: 190px;  /* Firefox 190px; MSIE 210px :-( */
  height: 20px;
  margin: 2px 1px;
  padding: 1px;
  border: solid 1px #cccccc;
  background-color: #f3f3f3;
  vertical-align: middle;

  font-family: Verdana, Arial, Helvetica;
}

.csc-mailform-check {
  width: 20px;
  height: 20px;
  margin: 2px 1px;
  padding: 1px;
  border: solid 1px #cccccc;
  background-color: #f3f3f3;
}

.csc-mailform-radio fieldset {
  width: 378px;
  height: auto;
  margin: 2px 1px;
  padding: 5px;
  border: solid 1px #cccccc;
  background-color: #f3f3f3;
}
.csc-mailform-radio legend {
  display: none;
} 
input.csc-mailform-radio {
  width: 15px;
  height: 15px;
  border: 0px;
  float: left;
  clear: both;
}
.csc-mailform-radio label {
  width: auto;
  float: none;
  display: inline;
  padding-right: 0px;
  padding-left: 0px;
  text-align: left;
}

.csc-mailform-field textarea {
  width: 190px;
  margin: 2px 1px;
  border: solid 1px #cccccc;
  background-color: #f3f3f3;
  vertical-align: top;
}
.csc-mailform-field input.csc-mailform-submit {
  width: 190px;
  height: auto;
  margin: 5px 0px 5px 125px;
  display: block;
  background-color: #165690;

  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}


/** TYPO3 csc: basic search form **/
table.csc-searchform {
  margin: 20px 0px 0px;
  border: solid 1px #cccccc;
  width: 98%;
  display: block;
  background-color: #f3f3f3;
}
.csc-searchform .csc-form-fieldcell input {
  background-color: #ffffff;
  vertical-align: middle;
  margin: 2px 1px;
  padding: 1px;
  border: solid 1px #cccccc;
  width: 250px;
  height: 20px;
  float: left;
  display: block;
}
.csc-searchform input.standardsuch-button {
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  background-color: #165690;
  vertical-align: middle;
  margin: 2px 1px;
  padding: 2px;
  border: solid 1px #cccccc;
  width: auto;
  height: auto;
  float: left;
  display: block;
}
.csc-searchform input.standardsuch-button:hover {
  background-color: #165690; /*#91b2d7;*/
}
.csc-searchform .csc-form-fieldcell select {
  background-color: #ffffff;
  vertical-align: middle;
  margin: 2px 1px;
  padding: 1px;
  border: solid 1px #cccccc;
  width: 250px;
  height: 20px;
  float: left;
  display: block;
}
table.csc-searchResultInfo  {
  background-color: #f3f3f3;
  vertical-align: middle;
  margin: 2px 1px;
  padding: 1px;
  border: solid 1px #cccccc;
  height: 20px;
  width: 98%;
  display: block;
}
h3.csc-searchResultHeader {
  margin: 3px 0px;
  padding: 3px 0px;

  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #FFA81B; /*#165690;*/
  line-height: 13px;
}
h3.csc-searchResultHeader a {
  text-decoration: none;
  color: #165690; /*#91B2D7;*/
}
h3.csc-searchResultHeader a:hover {
  text-decoration: none;
  color: #FFA81B;
}
p.csc-searchResult {
  margin: 0px;

  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
/*color: #999999;*/
  line-height: 13px;
}


/** tables **/
/*
.contenttable-0 { margin: 0px 30px 0px 0px; padding: 0px; border: 0px; width: 100% }
.tr-even        { background-color: #e9e9e9; margin: 0px; padding: 0px; border: 0px }
.tr-odd         { background-color: #f3f3f3; margin: 0px; padding: 0px; border: 0px }
.td-0           { vertical-align: top; width: 180px }
*/


/** grid (layout) **/

/* test view
table, tr, td {
  margin: 0;
  padding: 0;

  border-style: dashed;
  border-width: 1px;
}
*/

/* basic grid (basic building block) */
table.grid {
/*table-layout: fixed;*/
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;

  border-style: none;
  border-width: 0px;
}
td.grid {
  margin: 0px;
  padding: 0px;
}

/* main grid */
table.grid1 {
/*table-layout: fixed;*/
/*width: 760px;*/
  background-color: white;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;

  border-style: none;
  border-width: 0px;
}

/* special grid2 */
table.grid2 {
/*table-layout: fixed;*/
/*width: 760px;*/
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;

/*border-top-style: none;
  border-top-width: 0px;
*/
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFA81B;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #165690;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #FFA81B;
}
table.grid2 tr {
  vertical-align: top;
}
table.grid2 td.links {
  width: 187px;
  padding-left: 0;

  border-top-style: none;
  border-top-width: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
/*border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #FFA81B;
*/
  background-image:url(../images/bgleft.2.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}
table.grid2 td.rechts {
/*width: 570px;*/
  margin: 0;
  padding: 0;
}

/* special grid3 */
table.grid3 {
/*table-layout: fixed;*/
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;

  border-style: none;
}

table.imagerowtop {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #165690;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #165690;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #FFA81B;
}

table.imagerowtop td.left {
  margin: 0;
  padding: 0;

  border-left-width: 0px;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: white;
}

table.imagerowtop td.center {
  margin: 0;
  padding: 0;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: white;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: white;
}

table.imagerowtop td.right {
  margin: 0;
  padding: 0;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: white;

  border-right-width: 0px;
}

table.imagerowbottom {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #165690;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #FFA81B;
}

table.imagerowbottom td.left {
  margin: 0;
  padding: 0;

  border-left-width: 0px;

  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: white;
}

table.imagerowbottom td.center {
  margin: 0;
  padding: 0;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: white;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: white;
}

table.imagerowbottom td.right {
  margin: 0;
  padding: 0;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: white;

  border-right-width: 0px;
}


/** logo **/

td.logo {
  padding-top: 20px;
  padding-left: 16px;
}


/** navigation (main menu) p.386 **/

td.menu {
  padding-top: 70px;
  padding-left: 0px;
}

/*
ul.menu {
//list-style-type: disc;//
  list-style-position: outside;
  list-style-image: url(URI);
  color: #FFA81B;
}
*/

div.menu-level1 {
  padding-top: 7px;
  font-weight: bold;
  text-transform: uppercase;
/*font-stretch: extra-expanded; leider kaum unterstuetzt*/
  color: #FFA81B;  /* line */
}
div.menu-level1 a {
  text-decoration: none;
  color: #165690;
}
div.menu-level1 a:active, div.menu-level1 a:hover {
  color: #FFA81B;
}
div.menu-level1-cur {
  padding-top: 7px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFA81B;
}

div.menu-level2 {
  margin-left: 22px;
  padding-top: 4px;
  font-weight: bold;
  text-transform: none;
}
div.menu-level2 a {
  text-decoration: none;
  color: #4B61B2;
}
div.menu-level2 a:hover {
  color: #FFA81B;
}
div.menu-level2-cur {
  margin-left: 22px;
  padding-top: 4px;
  font-weight: bold;
  text-transform: none;
  color: #FFA81B;
}


/** Suchen / Login **/

td.suchfeld {
  padding-top: 20px;
  height: 70px;
}

#suche {
  position: relative;
  top: 0px; left: 10px;
  clear: both;

  font-weight: bold;
  color: #FFA81B;
}
#suche a {
  font-weight: bold;
  color: #FFA81B;
}
#suche-text {
  position: absolute;
  top: 0px; left: 3px;
}
#suche-feld {
  position: absolute;
  top: 14px; left: 0px; width: 151px; height: 19px;
}
#suche-submit {
  position: absolute;
  top: 17px; left: 124px;
}

.form-box {
  margin: 0px;
  padding: 0px;

  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #333333;
}
.form-suchfeld {
  margin: 0px 5px;
  padding: 0px 1px;

  background-color: white;
/*background-color: #f3f3f3;  hellgrau*/
  vertical-align: middle;
  border: solid 1px #cccccc;
  width: 135px;
  height: 15px;
  display: block;

  font-family: Verdana, Arial, Helvetica;
  font-size: 10px;
  color: #003366;
}
.form-submit {
  margin: 0px 8px 0px 1px;
  padding: 0px;

  float: right;
}



/** quick menu (Direktzugriff auf spezielle Menüpunkte) **/

td.quickmenu {
  padding-top: 22px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;

  background-image:url(../images/bgtop.2.gif);
}

p.quickmenu {
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 0px;
}
p.quickmenu a {
  text-decoration: none;
  font-weight: normal;
  color: white;
}
p.quickmenu a:hover {
  text-decoration: none;
  font-weight: normal;
  color: #FFA81B;
}


/** root line (breadcrumb navigation) p.405 **/

div.rootline {
/*padding: 5px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #FFA81B;
*/
  text-align: right;
/*
  background-image:url(../images/bgcontent.2.gif);
  background-repeat: repeat-y;
  background-position: left;
*/
}
span.rootline-sep {
  padding-right: 5px;
}

span.path-level1 {
  text-transform: uppercase;
  text-decoration: none;
}
span.path-level1 a {
  font-weight: normal;
  color: #165690;
}
span.path-level2 {
  text-decoration: none;
}
span.path-level2 a {
  font-weight: normal;
  color: #FFA81B;
}


/** content **/

td.content {
  width: 570px;
  margin: 0px;
  padding: 0px;

  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #FFA81B;

  background-image:url(../images/bgcontent.2.gif);
  background-repeat: repeat-y;
  background-position: left;
}
table.content {
  margin: 0;
  padding: 0;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
td.contentcolsmall {
  width: 190px;
/*width: 33%;*/
/*min-width: 33%;*/
/*max-width: 33%;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;

  background-image:url(../images/bgcontent.2.gif);
  background-repeat: repeat-y;
  background-position: left;
}
td.contentcolsmall {
  w\idth: 150px;
}
td.contentcol {
/*width: 66%;*/
/*min-width: 66%;*/
/*max-width: 66%;*/
/*width: 380px;*/
/*min-width: 380px;*/
/*max-width: 380px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;

  //background-image:url(../images/bgcontent.2.gif);
  background-repeat: repeat-y;
  background-position: left;
}

span.headline1 {
  font-size: 14px;
  font-weight: bold;
}
span.headline2 {
  font-size: 14px;
  font-weight: bold;
  color: #FFA81B;
}

span.abstract {
  line-height: 160%;
}
span.abstracttitle {
  font-weight: bold;
}


/** footer **/

td.footer {
  text-align: right;
  background-color: #8EA4B4;
}

.copyright {
  color: white;
}
