@charset "utf-8";
/* CSS Document */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */

/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* --> fm added something mentioned by andy clark.*/

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none } 

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, td,th, div, dl,dt, dd
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none;}

/* de-italicize address */
address,caption,cite,code,dfn,em,strong,th,var, h1,h2,h3,h4,h5,h6 { font-style:normal; font-weight:normal; }

table{ border-collapse:collapse; border-spacing:0;}
fieldset, img{ border:none;}
caption,th{ text-align:left;}

/*---------- end of undo -------------------*/
/*------------------------------------------*/

body{
  width: 985px;
  margin: 0 auto 0 auto;
  background: center top no-repeat;
  background: url(../gfx/sprite.png) no-repeat center -117px ;
}
h1 {
  height: 135px;
  width:100%;
  text-indent: -999px;
}
#mainContent h2, #news h2, #footer h2, #navigation h2, #navigation h3{
  display:none;
}
#navigation {
  position:absolute;
  width:221px;
}
#mainNavigation, #search{
}
#meta{

}
#search{
  height:45px;
  margin-top:46px;
  background-color: #F3F2F1;
  /* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
}
#mainNavigation{
  margin-top: 19px;
  
}
#content{
  margin-top:50px;
  min-height: 570px;
  float: right;
  width: 729px;
}
#footer{
  background: url("../gfx/sprite.png") no-repeat scroll left top transparent;
    clear: both;
    height: 33px;
    padding-top: 16px;
    text-align: center;
    width: 350px;
    overflow:hidden;
}
#news #columnA{
  width:270px;
  float:left;
}
#news #columnB{
  margin-left:340px;
  width:270px;
}
#mainContent{
  padding-top: 35px;
  clear:both;
}
#mainContent #mainContentLeft{
  width:423px;
  float:left;
  padding: 0px;
}
#mainContent #mainContentRight{
  margin-left:452px;
  padding: 0px;
}
#news{
  clear:both;
}
#mainContent.actor #mainContentLeft article{
  width: 386px;
  padding: 20px 0 0 20px;
  margin-bottom: -20px;
}
#mainContent.actor #mainContentRight{
    margin-left: 431px;
    margin-top: 38px;
    padding: 14px 20px 0 0;
  width:278px;
}
#navigation #partner{
    margin-top: 84px;
    width: 221px;
}
#navigation #partner img{
  
}
#content #mainContentLeft video, #content #mainContentLeft iframe{
  width:406px;
  display:block;
}

/*changes for one-column-layout:*/
.oneColumn #mainContent #mainContentLeft {
  float:none;
  width:100%;
}
.oneColumn #mainContent #mainContentRight{
  display:none;
}
#mainContent #videonav{
  padding:20px 0 0 20px;
}
div.slideshow_fade{
  position: relative; 
  width: 423px; 
  height: 344px;
  overflow:hidden;
}
div#backlinks {
    border-top: 1px dotted;
    margin-bottom: 31px;
    margin-right: 15px;
    margin-top: 30px;
    padding-left: 19px;
    padding-top: 12px;
}
/*---------------------navigationspositionierung   META navi --------------------*/
#meta ul li{ /* size of NORMAL item */
  display: inline-block;
  padding:9px 29px;
  background-color: #092A3E;
  border-right: 1px solid #3D3938;
}
#meta ul li:first-child{
  width: 30px; /* size of FIRST NORMAL item */
  padding-left: 0px;
  padding-right: 0px;
}
#meta ul li:first-child{ /* color of FIRST NORMAL item */
  background: #07293D url("../gfx/sprite.png") no-repeat -928px top ;
}
#meta ul li.endOfPath, #meta ul li:hover{ /* color of ACTIVE and HOVER item */
  background-image: url(../gfx/sprite.png);
  background-repeat: no-repeat;
  background-position:  center -49px;
  height:21px;
  border-right: solid 0px transparent;
  margin-right:1px;
}
#meta ul li.endOfPath:first-child, #meta ul li:first-child:hover{ /* color of ACTIVE item if FIRST*/
  background-position:-4px -49px;
}
#meta ul li:first-child a,#meta ul li.endOfPath:first-child{ /* padding um die links bzw in den li-items,: Schrift unsichtbar machen, aber klickable */
  padding-left:30px;
  width:0px;
}
#meta ul{
  height:33px;
  display:block;
  width:985px;
  background-color: #062D45;
  margin-bottom:10px;
}
#meta ul li.navispacer{
  display:none;
}
#meta ul li.navispacer + li a,#meta ul li.navispacer + li + li a,
#meta ul li.navispacer + li + li + li a,#meta ul li.navispacer + li + li + li + li a{ /* die n�chsten 4 navieintr�ge nach dem spacer: */
  color: #8A949A;
}
#meta ul li.navispacer + li a:hover,#meta ul li.navispacer + li + li a:hover,
#meta ul li.navispacer + li + li + li a:hover,#meta ul li.navispacer + li + li + li + li a:hover{ /* die n�chsten 4 navieintr�ge nach dem spacer: */
  color: #ffffff;
}
#meta ul li:first-child,#meta ul li:first-child a{
  color:#092A3E;
}
/*-----------------------------------------*/
#news article{
    border-bottom: 1px dotted #666666; 
    line-height: 17px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#mainContent article{
   margin-bottom: 1em;
}


/*------------------- schriften, zeilenh�he, schriftcontainerh�he, schriftfarben, text-decoration -----------------------*/
body{
  font-size:13px;
  font-family: "Aller", Arial, Helvetica, sans-serif;
  color: #666666;
}
b, strong{
  color:#666;
  font-weight:bold;
}
.BLAU, .BLAU b{
  color: #12507B;
}
#mainContent h4, #news h4{
    color: #777777;
    font-family: "Aller", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase
}
#footer,#mainNavigation ul ul, #meta ul, #mainContent.actor p.bodytext,#news p.bodytext, #mainContent #mainContentRight p.bodytext, #mainContent #videonav, #mainContent #backlinks { /* uppercase normaltext */
  text-transform:uppercase;
  font-size:11px;
  letter-spacing: 0.015em;
}
#mainContent p.bodytext{
  line-height: 18px;
  letter-spacing: 0.03em;
  margin-bottom:1em;
}
#mainContent h3, #news h3{
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
  line-height:16px;
  color:  #062D45;
  letter-spacing:0.015em;
}
#mainContent h4{
  margin-top: 18px;
}
#mainContent h2 + article > h4:first-child{
  margin-top:0px;
}
#mainContent legend h4{
  margin-bottom: 18px;
}
#mainNavigation h4{
  text-transform: uppercase;
  font-size: 21px;
  margin-bottom:10px;
  color: #394368;
  padding-left:8px;
  letter-spacing: 0.035em;
}
#mainNavigation h4 a{
  color: #394368;
}
#mainNavigation ul ul {
  color: #152358;
  letter-spacing:0.07em;
}
#mainNavigation ul ul li a{
  color: #152358;
}
#content a{
  color:#0873B1;
}
#content a:hover{
  text-decoration:underline;
}

#footer{
  color:#bbb;
}
#mainContent.actor #mainContentLeft a,
#mainContent.actor #mainContentLeft #videonav li.endOfPath{
  background: url("../gfx/iconsprite.png") no-repeat scroll -25px 0 transparent;
    padding: 5px 0 5px 28px;
}
#mainContent.actor #mainContentLeft a[href$=".pdf"], #mainContent.actor #mainContentLeft a.pdf{
   background-position: 0 -35px;
}
#mainContent.actor #mainContentLeft a.video, #mainContent.actor #mainContentLeft #videonav a,#mainContent.actor #mainContentLeft #videonav li.endOfPath{
  background-position: 0 -1px;
}
#mainContentLeft #videonav .active a {
	text-decoration: none;
	color: rgb(102, 102, 102);
}
#content a.pdf, #content a.video,#mainContent #videonav a{
  line-height: 26px;
}
#mainContent.actor h2 a{
  color: inherit;
  text-decoration:inherit;
}
#mainContent table.contenttable{
  text-transform: uppercase;
  font-size:11px;
}
#mainContent table.contenttable td{
  padding:8px;
}
#mainContent table.contenttable tr:nth-child(even){
}
.tx-felogin-pi1 label{
    float:left;
    width: 100px;
}
.tx-felogin-pi1 input[type="submit"]{
  margin-left: 100px;
}
#mainContent .divider hr{
  border: none;
  border-bottom: 1px dotted #666666; 
}
#mainContent input{
   margin-bottom: 5px;
}
#mainContent .GROSSBUCHSTABEN{
  text-transform:uppercase;
}

#mainContent.actor #mainContentLeft #backlinks a{
  background-position: 18px -67px;
  line-height:15px;
  height:14px;
  display: inline-block;
  padding-bottom: 3px;
  padding-top: 0px;
}
#mainContent.actor #mainContentLeft #backlinks a.forward{
  background-position: right -87px;
  padding-right: 8px;
}


/*------------------------- navigations positionierung, background mainNavigatuon -------------*/
#mainNavigation ul ul {
  margin-bottom:27px;
}
#mainNavigation ul ul li{
  height:14px;
  margin-bottom:12px;
  padding: 5px 3px 5px 12px;
  background-color: #F3F2F1;
  /* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */   
}
#mainNavigation ul ul li:before{
  content:"\00A0"; /*25B6 */
  background: url("../gfx/sprite.png") no-repeat -900px 0px;
  padding-right:5px;
}
#mainNavigation ul ul li.endOfPath, #mainNavigation ul ul li.path, #mainNavigation ul ul li:hover{
  /* runde ecken */
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
    
    /* hover verlauf */
    background: #b7b6b6; /* Old browsers */
  background: -moz-linear-gradient(left,  #b7b6b6 0%, #f0efee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b7b6b6), color-stop(100%,#f0efee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* IE10+ */
  background: linear-gradient(left,  #b7b6b6 0%,#f0efee 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b6b6', endColorstr='#f0efee',GradientType=1 ); /* IE6-9 */

}
#meta ul{
  letter-spacing: 1px;
  color: #FFFFFF;
}
#meta ul a{
  color:white;
}
#mainContent.actor h2 {
    border-bottom: 1px dotted black;
    display: block;
    margin-left: 431px;
    position: absolute;
    text-align: left;
    width: 300px;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 0px;
    line-height:16px;
  height:38px;
}

/*---------------------------------------*/
#galleriffic-comtainer{

}
#galleriffic-container #controls,#galleriffic-container #captionToggle,#galleriffic-container #caption {
  display:none;
}
#galleriffic-container #gallery{
  width:406px;
  float:left;
  height:453px;
  text-align:center;
}
#galleriffic-container #slideshow img{
  display:inline-block;
  vertical-align:top;
}
#galleriffic-container #slideshow{
  line-height: 385px;
  height:453px;
/*  background-color: #F3F2F1;*/
  
}
#galleriffic-container #thumbs{
  margin-left:431px;
  padding-top:54px;
    border-bottom: 1px dotted black;
    padding-bottom: 6px;
}
#galleriffic-container #thumbs ul{
  display: block;
    position: relative;
}

#galleriffic-container #thumbs ul li{
    display: inline-block;
    height: 90px;
    margin: 0 8px 8px 0;
    width: 90px;
}
#galleriffic-container #thumbs ul li a{
  display: block;
  height: 100%;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}
#galleriffic-container #thumbs ul li:first-child{ /* first child */
  left: 98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li{ /* second child */
  left: -98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li{ /* third child */
    display: block;
    left: 98px;
    position: relative;
    top: 0;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li { /* fourth child */
    left: 196px;
    position: absolute;
    top: 98px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li { /* fifth child */
    left: 98px;
    position: relative;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li{ /* sixth child */
    left: -98px;
    position: relative;
    top: -98px
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li{ /* seventh child */
    position:relative;
    top: 0px;
  left:0;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li{ /* eighth child */
    left: 98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li{ /* nineth child */
    left: -98px;
    position: relative;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li{ /* tenth child */
    left: 0px;
    position: relative;
    top: -294px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li{ /* eleventh child */
    left: 196px;
    position: absolute;
    top: 294px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li{ /* twelveth child */
    left: 0;
    position: absolute;
    top: 196px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li{ /* thirteenth child */
    left: 196px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li + li{ /* fourteenth child */
    left: -98px;
    position: relative;
    top: 0px;
}
#galleriffic-container #thumbs ul li:first-child + li + li + li +li + li + li + li + li + li + li + li + li + li + li{ /* fifteenth child */
    left: -98px;
    position: relative;
    top: 0px;
}

#galleriffic-container #thumbs ul li + li + li + li +li + li + li + li + li + li + li + li + li + li + li + li{ /* all following childs*/
}


/*-------------------------*/
#gertraud  > li { 
  display: block; width:30px; 
}
#gertraud  > li  span { 
  display: block;
    float: left;
    outline: 1px solid;
    width: 30px;
}
#gertraud  > li  div {
    margin-left: 30px;
    outline: 2px solid;
    position: absolute;
    width: 100px;
  display:none;
}

#gertraud > li:hover div { display: block; }

/*----------------------------*/
#content dl.csc-textpic-image
{
  border-bottom: dotted 1px #666;
  padding-bottom:8px;
}
#content dl.csc-textpic-image dt 
{
  display: block;
    height: 166px;
    overflow: hidden;
}
#content dd.csc-textpic-caption
{
  height: 34px;
  margin-top: 8px;
  font-size:11px;
  text-transform:uppercase;
}

/*------------------ suchbox ------------------*/

#page-search-input-left {
    background: url("images/header/page-search-magnifier.png") repeat-x scroll 0 0 transparent;
    float: left;
    height: 18px;
    width: 18px;
}
#search input.searchinput {
    background: url("../gfx/sprite.png") repeat-x scroll -600px 0 #FFFFFF;
    border: 0 none;
    color: #666666;
    float: left;
    height: 15px;
    margin: 0;
    outline: medium none;
    padding: 3px 0 2px 22px;
    width: 160px;
}
#search input.searchgo{
    background: url("../gfx/sprite.png") repeat-x scroll -855px 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: 100px;
    width: 18px;
}
#search form#tx_indexedsearch{
  padding: 6px 11px 0 10px;
}




.tx-imagecycle-pi1 {
	margin-bottom: 1em;
}