/*--- general settings ---*/

    .hideme, #shortcuts, #shortcuts_title, #fontsize { display: none; }
    .clear { float: none; clear: both; } /* old solution for floating */
    .floatbox { overflow: auto; width: 100%; } /* new solution for floating */

  html {background:#dfdfdf;height:100%;overflow:hidden;}
  body {position:relative;font-family:Arial, sans-serif;color:#676d6e;font-size:11pt;background:transparent;}

    h1 { margin-bottom: 1em; font-size:2em;color:#c50a33;text-transform:uppercase;}
    h2, h3, h4, h5, h6 { margin: 1.5em 0em 0.6em 0em; font-size:1.2em;color:#38302b}
    
    a {color:#676d6e;text-decoration:underline;}
    a:hover {color:#c50a33;}
    
    p, ul, ol, table, form, .disclaimer { line-height: 1.4; }
    p, ul, ol, table, form, fieldset, .disclaimer { margin-bottom: 1em; }

    body#epozcontent { background: #fff; padding: 10px; }
    div.zms_graphic { margin-bottom: 1em; }
    div.zms_graphic.floatleft { float: left; margin-right: 1em; }
    div.zms_graphic.floatright { float: right; margin-left: 1em; }
    div.zms_graphic.right { text-align: right; }
    div.zms_graphic.center { text-align: center; }
    div.graphic.alignleft { float: left; margin: 0 1em 1em 0!important; text-align: right; }
    div.graphic.alignright { float: right; margin: 0 0 1em 1em!important; text-align: right; }
    div.zms_graphic .zoom { height: 21px; margin: 1px 0 0 auto; width: 23px; }
    div.zms_graphic .text { margin-top: 3px; }

    #ie6nomore { background: #fff; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
        #ie6nomore .box { height: 250px; left: 50%; margin: -125px 0 0 -275px; position: relative; top: 50%; width: 550px; }
        #ie6nomore .browser { float: left; width: 75px; }

/*--- tables ---*/

    table { border-collapse: collapse; border-spacing: 0; }
    thead td, thead th { font-weight: bold; text-align: left; vertical-align: bottom; }
    tbody td, tbody th { border: 1px solid #000; font-weight: normal; text-align: left; vertical-align: top; }
    tbody th { background: #ccc; }
    tbody tr:hover th, tbody tr:hover td { background: #ccc; }
    .notable td, .notable th { background: none!important; border: 0; padding: 0 2em 0 0; }
    .notable tbody tr:hover th, .notable tbody tr:hover td { background: none; }
    .thead { display: none; }

    .notable .impressum { border-bottom: 1px dotted #787d7e; border-top: 1px dotted #787d7e; }
        .notable .impressum td, .notable .impressum th { border-top: 1px dotted #787d7e; padding: 0.8em 1em 0.8em 0.5em; }
    .impressum .nopadding { margin-bottom: 0; }
    #atikon img { margin-top: 0.4em; }
    #atikon td { padding-right: 1em; }

/*--- forms ---*/

    form { width: 540px; }
    form.nowith { width: auto; }
    fieldset { border: 1px solid #ccc; padding: 0 10px 10px; }
    legend { padding: 10px 5px 10px; color: #c50a33; }
    input[type=text] { width: 155px; border: 1px solid #000; padding: 4px 2px; }
    input[type=text]:focus, textarea:focus { background: #ccc; }
    input[type=checkbox], input[type=radio] { float: left; margin-top: 2px; }
    textarea { width: 496px; height: 150px; border: 1px solid #000; }
    label { float: left; display: block; padding-bottom: 7px; width: 170px; cursor: pointer; }
        label span { display: block; margin-bottom: 0.2em; }
    label.nofloat { float: none; width: auto; }
        label.postcode { width: 110px; }
            label.postcode input { width: 95px; }
        label.location { width: 230px; }
            label.location input { width: 215px; }
        label.email { width: 342px; }
            label.email input { width: 325px; }
        label.job { width: auto; }
            label.job input { width: 495px; }
        label.subject { width: auto; }
            label.subject input { width: 494px; }
        label.radio { padding-bottom: 2px; }
            label.radio span { margin-left: 25px; }
        label.zope_search { width: 230px; }
            label.zope_search input { width: 215px; }
        label.google_start { width: 242px; }
            label.google_start input { width: 225px; }
        label.google_map input { width: 270px; }
        label.error span { color: #a5010d; }

/*--- design, content ---*/

    /*--- infolists, news, downloads, onlinetools ---*/

        .infolist_toplink { text-align: right; border-bottom:1px dotted gray; padding-bottom:20px; }
        .download_section table { margin-left: 2em; }
        .download_section .icon { padding-right: 0; width: 22px; }
        .news_page .graphic { border: 1px solid black;float: right; margin: 0 0 1em 1em; }
        .rss_feeds { list-style: none; }
            .rss_feeds li { background: url(../images/design/rss.gif) no-repeat 0 center; padding-left: 21px; }
            
            
        #news_selection {position:absolute;top:10px; left:500px; margin:0; padding:0;width:auto;right:auto;}
        #news_selection span {display:none;}
        
        .news_preview {padding-bottom:20px;border-bottom:1px dotted #787d7e;margin:30px 0px;}
        .news_preview h3 {font-size:1em;}

    /*--- slimbox ---*/
    
        #lbOverlay { background: #000; cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; }
        #lbCenter, #lbBottomContainer { background: #fff; left: 50%; overflow: hidden; position: absolute; z-index: 9999; }
        .lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; }
        #lbImage { background-repeat: no-repeat; border: 10px solid #fff; left: 0; position: absolute; top: 0;  }
        #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; }
        #lbPrevLink { left: 0; }
        #lbPrevLink:hover { background: transparent url(../images/slimbox/previous.gif) no-repeat 0% 30%; }
        #lbNextLink { right: 0; }
        #lbNextLink:hover { background: transparent url(../images/slimbox/next.gif) no-repeat 100% 30%; }
        #lbBottom { border: 10px solid #fff; border-top-style: none; font-size: 12px; line-height: 19px; text-align: left;  }
        #lbCloseLink { background: transparent url(../images/slimbox/close.gif) no-repeat center; display: block; float: right; height: 20px; margin: 5px 0; width: 21px; }
        #lbCaption, #lbNumber { margin-right: 71px; }
        #lbCaption { font-weight: bold; }

/*--- team ---*/

    #content .position_title { padding-bottom: 0; }
    .staff_member { float: none; width: 95%; height: auto; overflow: hidden; margin-bottom:20px; border:1px dotted #787d7e;padding:10px;}
  .staff_member.nofloat { float: none; }
  .staff_member img {border: 2px solid #787d7e;float:right;}
  .staff_member .staff_text { float: left;  width:60%;padding-right: 10px; }
  .lightboxDesc { display: block; }


/*-- Referenzen --*/

  .references #content img {border: 2px solid #787d7e;margin:10px;}

/*--- design ---*/

  .lexikon_liste li {margin:5px 0px;padding:5px;border: 1px solid #787d7e;background:#787d7e;list-style:none;list-style-image:none;}
  .lexikon_liste li a {display:block; color:white;text-decoration:none;}
  .lexikon_liste li:hover {background:#c50a33;}

  li p {margin:10px 0px 20px 15px;}

  #container {position:relative;margin:0px auto 0px auto;width:874px;border-left:1px solid #787d7e;border-right:1px solid #787d7e;border-bottom:1px solid grey;border-top:1px solid white;background:white;overflow:hidden;}
  #content {position:relative;overflow:auto;margin:0px 0px 0px 205px;padding:26px 30px 10px 26px;font-size:12px;min-height:300px;line-height:1.5em;}
  #logo {margin:23px auto 23px auto;width:314px;}
  
  #navcontainer {position:relative;text-align:center;width:100%;background:#c50a33;border-top:2px solid #787d7e; border-bottom:2px solid #787d7e; height:22px;overflow:hidden;z-index:10;}
  .startpage #nav {margin:0 auto;}
  #nav {text-align:center;background:#c50a33;width:560px;margin-left:157px;}
    #nav li {margin:0;padding:0;float:left; list-style:none;position:relative;width:auto;}
    #nav a {margin:0;padding:0;padding:6px 14px!important;height:10px;position:relative;display:block;}
    #nav a:hover {background:white;}
    #nav a.active, #nav a.activenode {background:url(../images/activemenu.gif) no-repeat ;background-position:4px 15px;}
    #nav a.active:hover, #nav a.activenode:hover {background:white;}
    
  #leftside {position:absolute;width:205px;left:0px;top:140px;border-right:1px solid #c50a33;bottom:21px;overflow:hidden;z-index:0;}
  
  #footer {position:relative;height:20px!important;overflow:hidden;border-top:1px solid #787d7e;text-align:center;width:100%;}
  
  #author {position:absolute;right:5px;top:7px;display:block;margin:0;padding:0}
  #author a{display:block;}
  
  #functions {position:absolute;list-style:none;left:5px;top:5px}
  #functions li { float:left;margin:0px;padding:0px;display:block;padding-right:10px;line-height:0;}
  #functions a {float:left;display:block;}
  
  #contactinfo {font-size:8pt;margin-top:4px;}
  
  #gotoshortcuts {display:none;}
  
  #shadowleft {position:absolute;left:-13px;width:13px;top:-1px;bottom:-1px;background:url(../images/shadowleft.gif) repeat-y;}
  #shadowright {position:absolute;right:-13px;width:13px;top:-1px;bottom:-1px;background:url(../images/shadowright.gif) repeat-y;}

/*--- startpage ---*/

  .startpage #content{margin:0;display:none;}
  .startpageimage {max-width:874px;max-height:583px;}