/* Stylesheet for the 'IDeASkin' Plone theme */


* + html {
   overflow-x: hidden;
}

/* firefox scrollbar hack */
html {height: 100%; margin-bottom: 1px; }

body {
  background: #FFFFFF;
  color: #000000;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-align: left;
}

/* Clearfix */
.clearfix {
  display:block;
}

/* Layout-Ausrichtung */
.page_margins { margin:0 auto; }

/* Layout-Eigenschaften */
.page_margins {
   width: auto;
   min-width: 989px;
   max-width: 989px;
   background: #FFFFFF;
   overflow: hidden;
}

.page {
  padding: 18px 0 0 40px;
}

#main {
    margin-top: -5px;
    padding-bottom: 10px;
}

/* Formatierung der Inhalts-Container */
#col1 { float: left; width: 223px;  margin:0; }
#col2 { float: right; width: 237px;  margin:0; }
#col3 { float: left; width: 476px; }
#col1_content { padding: 0 0 50px 0; }
#col2_content { padding: 53px 0 50px 0px; }
#col3_content { padding: 53px 19px 50px 19px; min-height: 400px;}

/* Content */
p {
    color: #000000;
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 15px;
}

/* Header-Bild Titel */
h1 {
  font-size: 22px;
}

/* Content-Ueberschrift */
h2 {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 22px;
}

/* Heading */
h3 {
  font-size: 14px;
  padding-bottom: 5px;
  line-height: 18px;
}

/* Subheading */
h4 {
    font-size: 14px;
    padding-bottom: 5px;
    line-height: 18px;
    font-weight: normal;
}

#portal-breadcrumbs {
    display: none;
}

/* Listen */
#content ul {
    list-style-type: square;
    padding: 0px 0px 8px 14px;
}

#content li {
    padding-bottom: 7px;
    font-size: 12px;
    line-height: 19px;
}

#parent-fieldname-text ul {
    list-style-type: square;
    padding: 0px 0px 8px 14px;
}

#parent-fieldname-text li {
    padding-bottom: 7px;
    font-size: 12px;
    line-height: 19px;
}

ul.newsAbout {
    list-style-type:square;
}

ul.newsAbout li {
    padding-bottom:7px;
}

/* Im Content eingebundene Bilder */
#col3_content p img.image-right {
    float: right;
    margin: 5px 0 5px 10px;
}

#col3_content p img.image-left {
    float: left;
    margin: 5px 10px 5px 0;
}

#col3_content pre {
    display:inline;
    padding-bottom:15px;
}

#col3_content p.image {
    font-size: 10px;
}

/* Top-Target */
#col3_content a.toptarget {
    text-decoration: none;
    background-image: url("allg_btn_toptarget_grey.gif");
    background-repeat: no-repeat;
    background-position: left center;
    color: #515151;
    padding-left: 15px;
    float: right;
    margin-top: 0.5em;
}

#col3_content a.toptarget:hover {
    background-image: url("allg_btn_toptarget_lightgrey.gif");
    text-decoration: underline;
    color: #8E8E8E;
}

/* Metanavigation */
#metaList ul{
    font-size: 12px;
}

#metaList li {
    float: left;
    padding-right: 24px;
}

#metaList li a {
    color: #616060;
    text-decoration: none;
}

#metaList li a:hover {
    text-decoration: underline;
}

/* Suche */
#metaList form {
    padding-left: 496px;
}

#metaList input.searchField {
    width: 196px;
    position: relative;
    top: -5px;
}

#metaList button {
    padding-left: 9px;
    font-size: 14px;
    color: #616060;
    position: relative;
    top: -5px;
    cursor: pointer;
    background-color:transparent;
    border:0 none;
}

#metaList button:hover span {
    text-decoration: underline;
}

/* Headerbild und Logo */
#headerlogo {
    height: 223px;
}

#headerlogo h1.headerText {
    position: relative;
    top: 73px;
    left: 400px;
    height: 0px;
    display: none;
}

#imageHeader {
    padding-right: 10px;
}

#logoIdea {
    cursor: pointer;
}

/* Zentrumssatz */
#infoFlyout {
    position: absolute;
    width: 480px;
    z-index: 100;
    top: 78px;
    left: 290px;
    display: none;
}

#infoFlyout div.infoContent {
    position: relative;
    background-image: url("allg_bg_zentrumssatz_border.png");
    background-repeat: repeat-y;
    margin: -1px 0 -1px 0;
    padding: 1px 0 1px 0;
}

/*IE 7 Hack */
* + html #infoFlyout div.infoContent {
  margin: -2px 0 -2px 0;
    padding: 2px 0 2px 0;
}

#infoFlyout p {
    color: #878787;
    padding: 0 30px 10px 25px;
}

/* Sprachenumschaltung */
#langNavi {
    height: 0px;
    position: absolute;
    top: 45px;
    width: 10%;
}

#langNavi li {
    padding-top: 4px;
    padding-bottom: 3px;
}

#langNavi li a:hover {
  text-decoration: underline;
}

/* Linke Navigation */
#navLeft {
    height: 3px;
}

#navLeft div.visualPadding {
    position:relative;
    top:8em;
    width: 19em;
}

#naviList {
    width: 180px;
}

/* 5 rows: top: -127 px;  */
/* 4 rows: top: -102px;  */
/* 3 rows: top: -77px; */
#naviList ul.navTreeLevel0  {
    border-top: 1px solid #CCCCCC;
    position: relative;
    top: -127px;
}

#naviList ul.navTreeLevel0 > li {
    height: 20px;
    width: 187px;
    padding-left: 36px;
    padding-top: 5px;
    cursor: pointer;
}

#naviList ul.navTreeLevel0 > li.navTreeItemInPath > a,
#naviList ul.navTreeLevel0 > li.navTreeCurrentNode > a,
#naviList ul.navTreeLevel0 > li > a {
    display: block;
    margin: -5px 0 -5px -36px;
    padding: 5px 0 5px 36px;
    width: 144px;
    font-size: 13px;
    line-height: 15px;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    height: 15px;
}

#naviList ul.navTreeLevel0 > li.navTreeItemInPath > a,
#naviList ul.navTreeLevel0 > li.navTreeCurrentNode > a {
    color: #000000;
    background-image: url("allg_btn_navi_arrow_down.gif");
    background-repeat:no-repeat;
    background-position: 14px center;
    font-weight: bold;
}

#naviList ul.navTreeLevel0 > li > a {
    color: #565656;
    text-decoration: none;
    background-image: url("allg_btn_navi_arrow_right.gif");
    background-repeat:no-repeat;
    background-position: 13px center;
}

/* handle two-lines in navigation */
#naviList ul.navTreeLevel0 li.section-third-party-funded-projects {
    height: 35px !important;
}

#naviList li.section-third-party-funded-projects a {
    height: 30px !important;
}

/* Linker Unter-Navigationsbereich */
/* 5 rows: top: 126 px;  */
/* 4 rows: top: 101px;  */
/* 3 rows: top: 76px; */
#naviList ul.navTreeLevel1 {
    position: absolute;
    top: 126px;
    left: 0px;
    width: 223px;
    padding: 17px 0 26px 0;
    border: none;
}

#naviList ul.navTreeLevel1 li {
    width: 187px;
    cursor: pointer;
    padding-left: 36px;
}

#naviList ul.navTreeLevel1 li {
    min-height: 20px;
    margin-top: 5px;
}

#naviList ul.navTreeLevel1 li.navTreeCurrentNode a,
#naviList ul.navTreeLevel1 a {
    display: block;
    min-height: 14px;
    margin: -5px 0 0px -36px;
    padding: 5px 0 5px 36px;
    width: 144px;
    font-size: 13px;
    line-height: 15px;
}

#naviList ul.navTreeLevel1 li a.navTreeCurrentNode {
    font-weight: bold;
}

#naviList ul.navTreeLevel1 li a {
    color: #FF0000;
    background-image: none;
    font-weight: normal;
}


/* subnavi 2 und 3 */

#naviList ul.navTreeLevel2 {
    margin-left: -36px;
    padding-left: 15px;
}

#naviList ul.navTreeLevel2 li {
    width: 172px !important;
}

#naviList ul.navTreeLevel3 {
    margin-left: -36px;
    padding-left: 15px;
}

#naviList ul.navTreeLevel3 li {
    width: 157px !important;
}

#naviList ul.navTreeLevel4 {
    margin-left: -36px;
    padding-left: 15px;
}

#naviList ul.navTreeLevel4 li,
#naviList ul.navTreeLevel4 li a {
    width: 142px !important;
}

/* Link Content */
#linkContent {
    padding-top: 225px;
    padding-bottom: 22px;
}

#linkContent a {
    color: #000000;
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    padding-left: 37px;
    display: block;
    height: 26px;
}

#linkContent a:hover {
    color: #999999;
}

#linkContent a.wissen {
    background-image: url("kinder_btn_link_arrow_blue.gif");
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 8px;
}

#linkContent a.kinder {
    background-image: url("wissen_btn_link_arrow_yellow.gif");
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 8px;
}

/* Portlets allgemein */
dt.portletHeader {
    line-height: 16px;
}

.managePortletsLink {
    margin: 1em;   
}

/* Event Modul */
dl.portletEvents {
    margin-bottom: 10px;
    margin-left: 1px;
}

dl.portletEvents dt.portletHeader {
    height: 32px;
    padding-top: 8px;
}

dl.portletEvents dt.portletHeader a{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
    padding: 0px 0px 0px 55px;
}

dl.portletEvents div.eventDate{
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 2px;
}

dl.portletEvents div.eventTitle{
    font-size: 12px;
    padding-bottom: 7px;
}

dl.portletEvents dd.portletItem {
    padding: 82px 20px 0px 28px;
}

dl.portletEvents dd.portletItem a {
    text-decoration: none;
}

dl.portletEvents dd.portletItem img {
    display: none;
}


/* Press Modul */
dl.portletPress  {
    background-image: url("allg_bg_modul2_content.png");
    width: 224px;
    margin: 0px 0px 10px 1px;
    padding: 0;
}

dl.portletPress dd:first-child {
    background-image: none;
}

dl.portletPress dd.portletItem  {
    padding: 0 21px 11px 29px;
}

dl.portletPress dd.portletItem div {
    background-image: url("allg_bg_modul2_dotted_line.png");
    background-repeat: no-repeat;
    width: 176px;
    height: 1px;
    padding-top: 10px;
}

dl.portletPress dd.portletItem div.rule1 {
    background-image: none;
}

dl.portletPress dd.portletItem a{
    display: block;
    text-decoration: none;
    color: #000000;
    font-size: 11px;
    padding-top: 6px;
    padding-right: 9px;
}

dl.portletPress dd.portletItem a:hover {
    color: #999999;
}

dl.portletPress dt.portletHeader {
  height: 32px;
    padding-top: 8px;
    margin-bottom:-8px;
}

dl.portletPress dt.portletHeader a {
  text-decoration: none;
  padding: 0px 0px 0px 55px;
  font-size: 14px;
  font-weight: bold;
}

dl.portletPress dd.portletFooter {
  height: 9px;
}

/* staticText Modul */
dl.portletStaticText {
    background-image: url("allg_bg_modul2_content.png");
    width: 224px;
    margin: 0px 0px 10px 1px;
    padding: 0;
}

dl.portletStaticText dd:first-child {
    background-image: none;
}

dl.portletStaticText dd.portletItem  {
    padding: 5px 21px 0px 20px;
}

dl.portletStaticText dd.portletItem p {
    padding-bottom: 0px;
}

dl.portletStaticText dd.portletItem div {
    background-image: url("allg_bg_modul2_dotted_line.png");
    background-repeat: no-repeat;
    width: 176px;
    height: 1px;
    padding-top: 10px;
}

dl.portletStaticText dd.portletItem div.rule1 {
    background-image: none;
}

dl.portletStaticText dd.portletItem a{
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding-top: 6px;
    padding-right: 9px;
}

dl.portletStaticText dd.portletItem a:hover {
    color: #999999;
}

dl.portletStaticText dt.portletHeader {
  height: 32px;
    padding-top: 8px;
    margin-bottom:-8px;
}

dl.portletStaticText dt.portletHeader a {
  text-decoration: none;
  padding: 0px 0px 0px 55px;
  font-size: 14px;
  font-weight: bold;
}

dl.portletStaticText dd.portletFooter {
  height: 9px;
}

/* Ankernavi */
#Ankernavi {
    padding-bottom: 10px;
    margin-bottom: -222px;
}

#Ankernavi img.ankerTop {
    position: relative;
    left: -7px;
}

#Ankernavi div.ankernaviContent {
    background-image: url("allg_bg_ankernavi_border.png");
    width: 224px;
    margin: -2px 0 -2px 0;
    padding: 2px 0 2px 0;
}

#Ankernavi ul {
    padding: 7px 0 8px 0;
}

#Ankernavi li {
    padding: 10px 20px 10px 0;
    background-image: url("allg_bg_modul2_dotted_line.png");
    background-repeat: no-repeat;
}

#Ankernavi li a {
    background-position: left center;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none;
    padding-left: 21px;
    display: block;
}

#Ankernavi li.first {
    background-image: none;
}

/* Footer */
#footer {
    background-color: #E5E5E5;
    width: 937px;
    height: 26px;
    overflow: hidden;
    bottom: 0;
    position: fixed;
}

#footer ul.footerList {
    font-size: 12px;
    padding-left: 73px;
}

#footer li {
    height: 26px;
    float: left;
    padding-right: 24px;
    padding-top: 8px;
}

#footer li a {
    color: #616060;
    text-decoration: none;
}

#footer li a:hover {
    text-decoration: underline;
}

#footer .bgDrucken {
    margin-left:-11px;
    height: 26px;
    background-color: #CECECE;
    background-image: url("allg_btn_print.gif");
    background-repeat:no-repeat;
    background-position: right 5px;
}

#footer .bgDrucken a {
    padding-left: 11px;
}

/* Mitarbeiterliste */

table.staffMember-table {
    margin-top:20px;
    margin-bottom:2em;
    border: 0;
    line-height:20px;
}

table.staffMember-table td {
    padding: 1px 3px 1px 0px;
}

table.staffMember-table td.spalte1 {
    font-weight:bold;
    padding: 5px 60px 8px 0px;
}

ul.staffmember-list {
    padding: 1em 0 3em 0;
}

table.staffMember-table {
    width: 100%;
}

.staffMember-table td {
    vertical-align: top;
}

.staffMember-table ul.visualNoMarker {
    margin: 0 !important;
    padding: 0 !important;
    list-style-image:none !important;
    list-style-type:none !important;
}

.staffMember-table ul.visualNoMarker li {
    padding: 0 !important;
    list-style-image:none !important;
    list-style-type:none !important;
}

.staffMember-bold {
    font-weight: bold;
}

td.staffMember-multiline {
    line-height: 1.1em;
}

.alphabetLinks {
    padding: 1em 0;
}

.alphabetLinks ol li { display: inline; }

.staffMember-table .newsImageContainer {
    padding: 5px 0 5px 5px;
    float: right;
}

.visualClear {
    clear: none;
}

#ref_browser_projects {
    clear: left;
}

/* photoAlbum */

.gallerycontainer .photoAlbumEntry {
    background-color: #ddd;
    float:left;
    height:147px;
    margin:0 7px 7px 0;
    padding:5px;
    width:128px;
    position: relative;
}

.ideagallerycontainer .photoAlbumEntry {
    background-color:#ddd;
    float:left;
    height:128px;
    margin:0 7px 7px 0;
    padding:5px;
    width:128px;
    position: relative;
}
.photoAlbumEntryImage {
    position: relative;
}

.photoAlbumEntry:hover {
    background-color: #eee;
}

.ideagallerycontainer .photoAlbumEntryMail {
    background: transparent url(++resource++plonetheme.idea.images/bestellen.gif) 0 3px no-repeat;
    position: absolute;
    left: 118px;
    top: 118px;
    width: 16px;
    height: 16px;
}

.highslide-credits {
    display: none !important;
}

.gallerycontainer, .ideagallerycontainer {
    margin: 1em 0;
}

.gallerycontainer .visualClear,
.ArchetypesKeywordWidget .visualClear,
.ideagallerycontainer .visualClear {
    clear: both;
}

.photoAlbumEntryTitle {
    font-size: 85%;
    float: left;
}

.listingBar {
    padding: 0.5em 0;
}

/* folder_summary_view */

.tileItem {
    margin: 2em 0;
}

/*
 * Folder listing
 */

body.template-folder_listing #content dd,
body.portaltype-team #content dd {
    margin: 0 0 1em 2em;
}

body.template-folder_listing #content dt,
body.portaltype-team #content dt {
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 0.5em;
}


/* translating */
body.template-translate_item .page_margins {
   overflow:visible;
}

body.template-translate_item #col3 {
    width:100% !important;
}


/*
 * Metapages
 */

h1.documentFirstHeading {
    font-size: 16px;
    padding-bottom: 21px;
}

body.template-search .discreet a.link-feed {
    display: none;
}

form.searchPage input.searchButton {
    background-color: transparent;
    background-image: none;
    padding: 1px;
    border: 0 none;
    color: #616060;
    cursor: pointer;
    font-size: 14px;
}

body.template-search_form h1.documentFirstHeading {
    font-size: 16px;
    padding-bottom: 21px;
}

.documentDescription {
    color: #000000;
    font-size: 12px;
    line-height: 19px;
    padding-bottom: 15px;
}

#content-core ul#portal-sitemap {
    list-style-type: none;
    padding-left: 0;
} 

#portal-sitemap {
    margin-bottom: 3em;
}

#portal-sitemap ul {
    list-style-type: disc;
    color: #4A4A4A;
    padding:0 0 5px 14px;
}

#portal-sitemap ul.navTree > li > ul.navTree {
    list-style-type: circle;
}

#portal-sitemap li.navTreeItem {
    padding-bottom: 5px;
}

#portal-sitemap li.navTreeItem div {
    padding-top: 5px;
}

#portal-sitemap > li.navTreeItem > div{
    padding: 5px 0px 5px 0px;
    font-size: 14px;
    border-bottom: 1px solid #CDCDCD;
}

#portal-sitemap > li.navTreeItem > div > a {
    padding-left: 14px;
}

#portal-sitemap a {
    text-decoration: none;
    color: #4A4A4A;
    cursor: pointer;
}

#portal-sitemap a:hover {
    text-decoration: underline;
  color: #999999;
    font-weight: bold;
}

/*
 * personaltools
 */
#portal-personaltools-wrapper {
    display: none;
}

/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
    font-size: 80%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 50%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(pb_close.png);
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image, .overlay iframe {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

.pb-ajax > div {
    width: 92%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/* @end */

/*
 * Kalendar
 */


.pseudo_portlet_manager .portletHeader {
    cursor: pointer;
}

#col3_content .pseudo_portlet_manager .portletHeader a.project {
    color: white;
}

.pseudo_portlet_manager .portletStaticText {
    width: 425px;
}

.pseudo_portlet_manager dl.portletStaticText dd.portletFooter {
    background-image: url(/++resource++idea.intranet.images/bottom.png);
}

.pseudo_portlet_manager dl.portletStaticText 
    background-image: url(/++resource++idea.intranet.images/content.png);
}

#event_edit_container .eventDetails {
    padding: 0 0 0 5px;
    font-size: 12px;
}

#event_edit_container .eventDetails td {
    padding: 3px 5px;
}

#event_edit_container .eventDetails td abbr {
    display: inline;
}

#event_edit_container .documentDescription {
    display: none;
}

#calendar .fc-sat, #calendar .fc-sun {
    background-image: url("images/ui-bg_glass_100_f6f6f6_1x400.png");
}

#calendar th.fc-sat, 
#calendar th.fc-sun {
    background-color: #A3A3A3 !important;
    border-color: #A3A3A3 !important;
}

#calendar h2 {
    font-size: 24px;
}

/* Suche-Ergebnis + Fehlerseite-Ergebnis */
dl.searchResults dt.contenttype-document,
dl.errorResults dt {
    margin: 20px 0px 6px -19px;
    padding-left: 19px;
    padding-top: 3px;
}

dl.searchResults dt.contenttype-document a,
dl.errorResults dt a {
    text-decoration: none;
    cursor: pointer;
}

dl.searchResults dt.contenttype-document a:hover,
dl.errorResults dt a:hover {
}


/* Necessary changes for keyword widget changes from 4.1 */
#existingTagsSection {
    position: relative;
    margin-left: 0;
}
#existingTags {
    float: left;
    width: 50%;
}
#content #existingTags dd {
    margin-bottom: 1px;
    margin-left: 0;
}
#content #selectedTags, #content #newTags {
    margin-bottom: 0;
    margin-left: 0;
}
#content #selectedTagsSection {
    margin-left: 0;
    float: left;
    width: 43%;
    margin-bottom: 0;
}
#newTagsSection {
    width: 48%;
    margin-left: 0;
}
#content p.selectedTag {
    margin-bottom: .4em;
}
#existingTagsTitle, #newTagsTitle {
    float: left;
}
#existingTagsHelp, #newTagsHelp {
    float: right;
}
#noTagsSelected, #oneOrMoreTagsSelected {
    display: none;
}