/* 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 { width: 476px; margin: 0 237px 0 223px; }
#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;
}

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

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

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

#naviList ul.navTreeLevel0 > li.navTreeItemInPath > div > a,
#naviList ul.navTreeLevel0 > li.navTreeCurrentNode > div > a,
#naviList ul.navTreeLevel0 > li > div > 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 > div > a,
#naviList ul.navTreeLevel0 > li.navTreeCurrentNode > div > 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 > div > a {
    color: #565656;
    text-decoration: none;
    background-image: url("allg_btn_navi_arrow_right.gif");
    background-repeat:no-repeat;
    background-position: 13px center;
}

/* Linker Unter-Navigationsbereich */
/* 5 rows: top: 126 px;  */
/* 4 rows: top: 101px;  */
/* 3 rows: top: 76px; */
#naviList ul.navTreeLevel1 {
    position: absolute;
    top: 101px;
    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 div{
    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;
}

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

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

/* photoAlbum */

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

.ideagallerycontainer .photoAlbumEntry {
    background-color:#ddd;
    float:left;
    height:128px;
    margin:0 8px 8px 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,
.ideagallerycontainer .visualClear {
    clear: both;
}

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

.listingBar {
    padding: 0.5em 0;
}