/* ++++++++++++++++++++ Typo3 redefinitionen: filelinks start ++++++++++++++++++++ */

/* Typo3 redefinitionen: filelinks option layout 0 normal */

.csc-uploads-0 { width: 98%; border: 1px solid #EFEFEF; }
.csc-uploads-0 tr td p { background-color : transparent; font-size: 10px; }
.csc-uploads-0 tr td { vertical-align : top; }
.csc-uploads-0 tr.tr-even { background-color: #FFFFFF; }
.csc-uploads-0 tr.tr-odd { background-color: #FFFFFF; }
.csc-uploads-0 tr td.csc-uploads-icon { padding-left: 5px; padding-right: 5px; width: 1%; text-align: center; vertical-align: top; }
.csc-uploads-0 tr td.csc-uploads-fileName { width: 80%; padding-left: 3px; }
.csc-uploads-0 tr td.csc-uploads-fileName p a { font-weight: normal;text-decoration: underline; }
.csc-uploads-0 tr td.csc-uploads-fileName p.csc-uploads-description { font-style: italic; }
.csc-uploads-0 tr td.csc-uploads-fileSize { background: transparent;}

/* Typo3 redefinitionen: filelinks option layout 1 */

.csc-uploads-1 { width: 98%; border: 1px solid #EFEFEF; }
.csc-uploads-1 tr td p { background-color : transparent; font-size: 10px; }
.csc-uploads-1 tr td { vertical-align : top; }
.csc-uploads-1 tr.tr-even { background-color: #FFFFFF; }
.csc-uploads-1 tr.tr-odd { background-color: #FFFFFF; }
.csc-uploads-1 tr td.csc-uploads-icon img { padding-left: 5px; padding-right: 5px; padding-top: 4px; height: 100%; width: 30px; text-align: center; vertical-align: top; border: 0px solid orange;}
.csc-uploads-1 tr td.csc-uploads-fileName { width: 80%; padding-left: 3px; }
.csc-uploads-1 tr td.csc-uploads-fileName p a { font-weight: normal;text-decoration: underline; }
.csc-uploads-1 tr td.csc-uploads-fileName p.csc-uploads-description { font-style: italic; }
.csc-uploads-1 tr td.csc-uploads-fileSize { white-space: nowrap; padding-left: 5px; padding-right: 5px; text-align: right; }

/* Typo3 redefinitionen: filelinks option layout 2 */

.csc-uploads-2 { width: 99%; border: 1px solid #EFEFEF; }
.csc-uploads-2 tr td p { background-color : transparent; font-size: 10px; }
.csc-uploads-2 tr td { vertical-align : top; }
.csc-uploads-2 tr.tr-even { background-color: #FFFFFF; }
.csc-uploads-2 tr.tr-odd { background-color: #FFFFFF; }
.csc-uploads-2 tr td.csc-uploads-icon img { padding-left: 5px; padding-right: 5px; padding-top: 4px; height: 100%; width: 30px; text-align: center; vertical-align: top; border: 0px solid orange;}
.csc-uploads-2 tr td.csc-uploads-fileName { width: 80%; padding-left: 3px; }
.csc-uploads-2 tr td.csc-uploads-fileName p a { font-weight: normal; text-decoration: underline; }
.csc-uploads-2 tr td.csc-uploads-fileName p.csc-uploads-description { padding-left: 0px; border: 0px solid blue; font-style: italic; }
.csc-uploads-2 tr td.csc-uploads-fileSize { white-space: nowrap; padding-left: 5px; padding-right: 5px; text-align: right; }

/* Typo3 redefinitionen: filelinks option layout 3 */

.csc-uploads-3 { width: 98%; border: 1px solid #EFEFEF; }
.csc-uploads-3 tr td p { background-color : transparent; font-size: 10px; }
.csc-uploads-3 tr td { vertical-align : top; }
.csc-uploads-3 tr.tr-even { background-color: #FFFFFF; }
.csc-uploads-3 tr.tr-odd { background-color: #FFFFFF; }
.csc-uploads-3 tr td.csc-uploads-icon img { padding-left: 5px; padding-right: 5px; padding-top: 4px; height: 100%; width: 30px; text-align: center; vertical-align: top; border: 0px solid orange;}
.csc-uploads-3 tr td.csc-uploads-fileName { width: 80%; padding-left: 3px; }
.csc-uploads-3 tr td.csc-uploads-fileName p a { font-weight: normal; text-decoration: underline; }
.csc-uploads-3 tr td.csc-uploads-fileName p.csc-uploads-description { font-style: italic; }
.csc-uploads-3 tr td.csc-uploads-fileSize { white-space: nowrap; padding-left: 5px; padding-right: 5px; text-align: right; }

/* ++++++++++++++++++++ Typo3 redefinitionen: filelinks end ++++++++++++++++++++ */

/* ++++++++++++++++++++ Typo3 redefinitionen: content tables start ++++++++++++++++++++ */

.contenttable    {
    background: #FFFFFF;
}

table.contenttable {
   width: 98%;
   border: 1px solid #DDDDDD;
   margin-top: 10px;
}

table.contenttable th    {
    border: 0px solid blue;
    background: #EFEFEF;
    font-size: 100%;
}

table.contenttable td    {
     background: #FFFFFF;
}

/* ++++++++++++++++++++ Typo3 redefinitionen: content tables end ++++++++++++++++++++ */

/* blueprint redefinitionen */

/* blueprint redefinitionen: text-align uerberschreibt blueprint fix fuer IE centered layouts */
/* blueprint redefinitionen: falls line-height 1.3 gendert 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: #00549C;
}

/* 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: Mailformular */

.csc-mailform-field{
       border: 0px solid red;
}

.csc-mailform label{
       border: 0px solid blue;
       background: #EEEEEE;
       color: #444444;
       font-weight: normal;
       width: 475px;
       display: block;

}

.csc-mailform input {
       border: 1px solid #CCCCCC;
       display: block;
       margin-bottom: 10px;
       
       color: #174C6C;
}

.csc-mailform textarea{
       border: 1px solid #CCCCCC;
       width: 300px;
       height: 100px;
       display: block;
       margin-bottom: 10px;
       color: #174C6C;
       background-color: #FFFFFF;
}

#mailformnachname, #mailformvorname, #mailformemail, #mailformfirma, #mailformstrasse, #mailformort, #mailformtelefon, #mailformfax {
       width: 250px;
}

/* blueprint redefinitionen: headlines */

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

.csc-header-n1 h1 {
     margin-top: 0px;

}

h2 {
     color: #555555;
     font-size: 100%;
     font-weight: bold;
}

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

p.csc-subheader  {
     color: #555555;
     font-size: 100%;
     font-weight: bold;
     text-align: left;
}

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

p.csc-textsubheader  {
     color: #555555;
     font-size: 100%;
     font-weight: bold;
     text-align: left;
}

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

p.csc-textpicsubheader  {
     color: #555555;
     font-size: 100%;
     font-weight: bold;
     text-align: left;
}

/* 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: 10px 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 fr 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 fr 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 p    {
     padding-left: 5px;
}

.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 fr die Breite */
*html ul.menu ul {
    width: 180px;
}