/* 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: #666666 url("http://staedeltypo3.medianet.de/fileadmin/img/backgrounds/logo_sac_background_opaque.gif") left top no-repeat;
    color: #000000;
    font-family: "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
    font-size: 75%;
    line-height: 1.3em;
    margin: 0;
    text-align: left;
}

.container {
   border: 0px solid orange;
   margin: 0 0 0 20px; 
   width:960px;
}

/* logo fuer print */

#logo_sac_print {
    display:none;
}

/* environment fuer popup auf startseite */

#popupcontainer {
   /*left: 605px;*/
   left: 525px;
   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 {
    background: transparent url("http://staedeltypo3.medianet.de/fileadmin/img/dot_absatzende.gif") left bottom no-repeat;
    padding: 0 0 18px 0;
    margin: 0 4px 0 1px;
}

/* 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("http://staedeltypo3.medianet.de/fileadmin/img/icons/pdf_icon.gif") left top no-repeat;
}

/* Typo3 redefinitionen: allgemeiner link style */

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

a:hover {
    color: #D5D5D5;
}

/* 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: #000000;
    text-decoration: underline;
}

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

p  {
     margin: 0;
     padding: 0;
}


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

p.csc-textsubheader  {
     color: #FFFFFF;
     font-size: 100%;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
}

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

p.csc-textpicsubheader  {
     color: #FFFFFF;
     font-size: 100%;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
}

/* blueprint redefinitionen: headlines */

h1 {
     font-size: 100%;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
}

h2 {
     color: #FFFFFF;
     font-size: 100%;
     text-transform: uppercase;
     margin: 0;
     padding: 0;
}

/* blueprint redefinitionen: border */

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

/* custom SAC 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;
}


/* navigation top */

.navigation_top {
    border: 0px solid green;
    color: #000000;
    font-size:90%;
    height: 35px;
    margin: 0 0 75px 0;
}

.navigation_top a   {
    border-right: 1px solid #000000;
    color: #000000;
    font-weight: normal;
    line-height: 2.5em;
    margin: 0 5px 0px 0;
    padding: 12px 5px 0 0;
    text-decoration: none;
}

/* navigation bottom */

.navigation_bottom {
    font-size: 90%;
    margin: 30px 0 0 0;
}

.navigation_bottom a   {
    border-right: 1px solid #000000;
    color: #000000;
    font-weight: normal;
    line-height: 2.5em;
    margin: 0 5px 0px 0;
    padding: 0 5px 12px 0;
    text-decoration: none;
}

/* navigation main */

.navigation_main_container {
    border: 0px solid white;
    color: #000000;
    font-size: 95%;
    font-weight: bold;
    text-transform: uppercase;
}
.navigation_main {
    border: 0px solid orange;
    height: 210px;
}

/* navigation main: outer ul - hier zentrale steuerung der schriftgroesse */
/* navigation main: first level */

.span-navigation-entry a    {
    background: transparent url("http://staedeltypo3.medianet.de/fileadmin/img/backgrounds/nav_icon_arrow_active_no.gif") left center no-repeat;
    color: #C5C5C5;
    padding: 3px 0px 3px 20px;
    cursor: pointer;
    text-decoration: none;   
}

.span-navigation-entry a:hover    {
    background: transparent url("http://staedeltypo3.medianet.de/fileadmin/img/backgrounds/nav_icon_arrow_active_ho.gif") left center no-repeat;
    color: #FFFFFF;
}

/* navigation main: <b> als vorlaeufige loesung fuer typo3 aktivanzeiger */

.span-navigation-entry b a    {
    background: transparent url("http://staedeltypo3.medianet.de/fileadmin/img/backgrounds/nav_icon_arrow_active_ok.gif") left center no-repeat;
    color: #FFFFFF;
}

/* navigation main: second level */
/* navigation main: second level: margin here determines indent for level 2 nav items */

.subnavigation-entry    {
    color: #C5C5C5;
    padding: 0 0 0 20px;
}

.subnavigation-entry a   {
    background: transparent;
    margin:0 0 0 2px;
    font-weight: normal;
    color: #C5C5C5;
    padding: 3px 0px 3px 2px;
    text-decoration: none;
    list-style: none;   
}

/* navigation main: background transparent verhindert darstellung des delta */

.subnavigation-entry a:hover    {
    background: transparent;
    color: #FFFFFF;
}

/* 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    {
    margin-top: 5.2em;
    padding-top: 2.6em;
}

.dreispaltig_mitte    {
    margin-top: 5.2em;
}

.dreispaltig_rechts    {
    margin-top: 5.2em;
}

/* 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;
}

/* 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;
 }