/* blueprint redefinitionen */

/* blueprint redefinitionen: text-align uerberschreibt blueprint fix fuer IE centered layouts */
/* blueprint redefinitionen: falls line-height 1.3 geändert wird auch defs fuer mehrspaltig anpassen */

body {
    background: #EFEFEF;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 70%;
    letter-spacing: 0.03em;
    line-height: 1.3em;
    margin: 0;
    text-align: left;
}

.container {
   background: #FFFFFF;
   border: 0px solid orange;
   margin: 0 0 0 0; 
   width:960px;
}

/* environment fuer popup auf startseite */

#popupcontainer {
   left: 605px;
   margin: 0; 
   position: absolute; 
   top: 35px;
   z-index: 100;
}

#popupclose {
   cursor: pointer;
}

/* mininews */
.tx-mininews-pi1-fp_listrowField-datetime  {
     font-size: 100%;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
}
.tx-mininews-pi1-fp_listrowField-title {
    color: #FFFFFF;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: normal !important;
}
/* mininews ende */

/* Typo3 redefinitionen: */
/* Typo3 redefinitionen: ueber bodytext ist der abstand des textes zu spaltentrennern manipulierbar */

.bodytext {
}

/* Typo3 redefinitionen: listen */

ul  {
    list-style-type: circle;
}

/* Typo3 redefinitionen: pdf icon fuer download bereiche */

.csc-uploads-description  {
    padding: 0 0 0 22px;
    background: transparent url("/fileadmin/img/icons/pdf_icon.gif") left top no-repeat;
}

/* Typo3 redefinitionen: link style download bereiche */

.csc-uploads a {
    color: #000000;
    text-decoration: underline;
}

.csc-uploads a:hover {
    color: #000000;
    text-decoration: underline;
}


/* Typo3 redefinitionen: link style im bodytext */

.bodytext a {
    color: #000000;
    text-decoration: underline;
}

.bodytext a:hover {
    color: #D5D5D5;
}

/* Typo3 redefinitionen: link style in h1 */

h1 a {
    color: #00549C;
    text-decoration: underline;
}

h1 a:hover {
    color: #023054;
    text-decoration: underline;
}

p  {
     margin: 0;
     padding: 0;
}


/* Typo3 redefinitionen: Formatiert csc-textsubheader wie h2 */

p.csc-textsubheader  {
     color: #000000;
     font-size: 100%;
}

/* Typo3 redefinitionen: Formatiert csc-textpicsubheader wie h2 */

p.csc-textpicsubheader  {
     color: #000000;
     font-size: 100%;
}

/* blueprint redefinitionen: headlines */

h1 {
     color: #00549C;
     font-size: 120%;
     font-weight: 700;
}

h2 {
     color: #000000;
     font-size: 100%;
     font-weight: 700;
}

/* blueprint redefinitionen: border */

div.border {
    border-right: 1px solid #444444;
}

/* custom DLG stuff */

.slider_frontpage {
    border: 0px solid purple;
    color: #000000;
    margin: 0 0 2px 0;
}

/* Typographie */

.littleblackdot {
    font-size: 0.7em;
}

/* Typographie: divider dient als Ersatz fuer littleblackdot - Nutzt content element divider  */

.divider {
    font-size: 0.7em;
    margin: 0;
    padding: 0;
}

p img {
   float: left;
   margin: 0.3em 1.5em 0 0;
   padding: 0;
}


/* sprachselektor top */

.sprachselektor_top {
    background: transparent url("/fileadmin/img/backgrounds/background_nav.jpg") right top no-repeat;
    border: 0px solid green;
    height: 36px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
    width: 90px;
}

.sprachselektor_top a   {
    border: 0px solid #000000;
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
 }

.sprachselektor_top img   {
    padding: 7px 0 0 0;
 }

/* headerlogo */

#header_main_top {
    width: 960px;
    border: 0px solid green;
    height: 73px;
    margin: 0 0 0 0;   
}

/* header bottom */

#header_main_bottom {
    border: 0px solid green;
    height: 135px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* navigation bottom */

#navigation_bottom {
    background: transparent url("/fileadmin/img/backgrounds/background_footer.jpg") left top no-repeat;
    font-size: 100%;
    height: 19px;
    letter-spacing: 0.03em;
    margin: 0 0 0 0;
    padding: 3px 0 0 0;
    text-align: center;
    width: 960px;
}

/* navigation bottom - nach dem letzen eintrag keine border rechts. deshalb style-anweisung im template 0px solid */

#navigation_bottom a   {
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 6px 0 6px;
    text-decoration: none;
}
/* navigation main container */

#navigation_main_container   {
        border: 0px solid orange;
        background: transparent url("/fileadmin/img/backgrounds/background_nav.jpg") left center no-repeat;
        height: 36px;
        padding: 0px;
        margin: 0px;
}

#navigation_main_container li   {
      background: url("/fileadmin/img/helpers/dummy.gif") no-repeat right top;

 }

#navigation_main_container ul ul li   {
      background: #003d70;

 }

#navigation_main_container ul li a   {
    background: url("/fileadmin/img/helpers/dummy.gif") no-repeat left top;
}

#navigation_main_container ul ul li a   {
    background: transparent;
}

/* navigation main first level */

ul.menu, ul.menu ul {
        padding: 0px;
        margin: 6px 0 0 8px;
        list-style-type: none;
        color: #FFFFFF;
}

ul.menu a {
     display: block;
    padding: 2px 12px 4px 12px;
    font-weight:normal;
}

ul.menu .menu-seperator {
    display: block;
    padding: 0px 0px 0px 0px;
    font-weight:normal;
    color: #FFFFFF;
}

ul.menu ul a {
    padding: 0 0 0 0;
    color: #FFFFFF;
}

ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
    float:left;
}

ul.menu ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: absolute;
    background-color: blue;
    display: none;
    min-width:180px;
}
/* navigation main second level */

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    background-color: white;
    display: block;
}

ul.menu ul li {
    background-color: #045D2E;
    border-bottom: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    font-size: 95%;
    float:none;
    margin:0;
    padding: 1px 0 2px 11px;
}

/* link styles main navigation */

#navigation_main_container a:link {
        color: #FFFFFF; 
        text-decoration: none;
}

#navigation_main_container a:visited {
        color: #FFFFFF;  
        text-decoration: none;
}

#navigation_main_container a:active {
        color: #A0D4FF; 
        text-decoration: none;
}

#navigation_main_container a:hover {
        color: #A0D4FF; 
        text-decoration: none;
}

/* pfadnavigation */

.path_navigation    {
    background: transparent;
    margin: 2px 0 2px 4px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-size: 90%;
    text-transform: uppercase;
}

.path_navigation a  {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-size: 90%;
}

.path_navigation a:hover  {
    color: #FFFFFF;
}


/* slider thumbnails */
/* osahner start */
#slider {
position:relative;
overflow:hidden;
height: 30px;
clear:both;
margin:0;
}

#panelWrapper {
float:left;
width:360px;
position:relative;
overflow:hidden;
margin: 0;
padding:0;
}

#panelContainer {
position:relative;
left:0;
top:0;
margin: 0;
width:100%;
list-style-type:none;
}

.panel {
cursor:pointer;
float:left;
height:100%;
position:relative;
width:42px;
border:0;
overflow:hidden;
margin:0;
padding:0;
}

#panelNavR, #panelNavL {
cursor:pointer;
float:left;
height:100%;
position:relative;
border:0;
margin: 0;
padding:0;
}
#panelNavL {
margin: 0 0 0 4px;  
}
#panelNavL img {
margin-right: 2px;
}
#panelNavR img {
margin-left: 1px;
}

#postcardWrapper {
z-index:1;
background: transparent;
position: absolute; 
top: 110px; 
left: 246px; 
margin: 0; 
padding: 0;
height: 234px;
width: 110px;
}
/* osahner end */


/* varianten mit verschiedenen anzahlen von spalten */
/* zu beachten für basic grid: margin und padding immer vielfache von 1.3 */
/* 3 spalten ungleicher breite */

.dreispaltig_links    {
    background: transparent url("/fileadmin/img/backgrounds/spaltentrenner.jpg") right top no-repeat;
    padding-top: 1.0em;
}

.dreispaltig_links img   {
    padding-bottom: 8px;
}

.dreispaltig_mitte    {
    background: transparent url("/fileadmin/img/backgrounds/spaltentrenner.jpg") right top no-repeat;
    margin-top: 0;
    padding-top: 1.0em;
}

.dreispaltig_rechts    {
    margin-top: 0;
    padding-top: 1.0em;
}

/* 3 spalten gleicher breite */

.dreispaltig_equal_links    {
    margin-top: 5.2em;
    padding-top: 2.6em;
}

.dreispaltig_equal_mitte    {
    margin-top: 5.2em;
}

.dreispaltig_equal_rechts    {
    margin-top: 5.2em;
}

/* 2 Spalten */

.zweispaltig_links    {
    margin-top: 5.2em;
    padding-top: 2.6em;
}

.zweispaltig_mitterechts    {
    margin-top: 5.2em;
}

/* 4 spalten ungleicher breite */

.vierspaltig_links    {
    height: 433px;
    padding-top: 1.0em;
}

.vierspaltig_mitte    {
    padding-top: 1.0em;
}

.vierspaltig_rechts    {
    padding-top: 1.0em;
}

.vierspaltig_rechts_aussen    {
    padding-top: 1.0em;
}


/* temporaere formatierung fuer projektstatus seite */

.projektstatus table   {
  padding-top: 5px;
  background-color: #666666;
 }

.projektstatus th    {
   background-color: #666666;
   margin: 0;
   padding: 2px 2px 2px 2px;
   color: #FFFFFF;
 }

.projektstatus td    {
   border-top: 1px solid #999999;
   border-right: 1px solid #999999;
   padding: 2px 2px 2px 2px;
   margin: 0;
 }

/* navigation main IE-Hack für die Breite */
*html ul.menu ul {
    width: 180px;
}