/*
AgenZ Stylesheet
Farben:
agenz-grün: #d1ee5f
hellgrau:     #efefef
linkfarbe:     #3366cc
*/    
    
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    color: #333;
}
.clearer {
    clear: both;
    line-heght: 1px;
    margin: 0;
    padding: 0;
}
a:link, a:visited {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;
}
a:hover {
    text-decoration: underline;
}
a.more {
    background: url(/agenz/image/button_pfeil.gif) no-repeat 0 4px;
    padding:0 0 0 12px;
}

#artikel_einstieg a.more, .overview a.more {
    background:url(/agenz/image/pfeil_gruen.gif) no-repeat 0 4px;
}


#frame {
    width:920px;
    margin: 5px auto 5px auto;
    padding: 0;
}
div.logoleiste {
    float: left;
    width: 246px;
    height:73px;
    padding: 0;
    margin: 35px 0 0 0;
}
div.swoofleiste {
    float: right;
    width: 364px;
    height: 61px;
    padding: 0;
    margin: 10px 270px 0px 0px;
    background-image:url(/agenz/image/agenz_swoof.gif);
    background-repeat:no-repeat;
    background-position:top left;
}
#rubrikleiste {
    clear: both;
    width: 100%;
    background-image: url(/agenz/image/header_verlauf.jpg);
    background-repeat: no-repeat;
}
#rubrikleiste h1.rubrik {
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 190px;
    height 22px;
    width: 100%;
}
/*------------------------------------*/
/*              3 SPALTEN             */
/*------------------------------------*/
#contentleft {
    width: 185px;
    float: left;
    margin: 0;
    padding: 15px 10px 0 0;

}
#contentcenter {
    width: 450px;
    float: left;
    margin: 0;
    padding: 15px 40px 10px 30px;

}
#contentright {
    width: 195px;
    float: left;
    margin: 0;
    padding: 15px 0 0 0;
    clear:right;

}
contentfull {
    width: 695px;
    float: left;
    margin: 0;
    padding: 15px 0 0 30px;
}
#contentheader {
    width: 100%;
    height: 140px;
    background: #ffffff;
}
/*------------------------------------*/
/*          METANAVIGATION            */
/*------------------------------------*/
#metanav {
    float: right;
    background-color: #ffffff;
    width: 400px;
}
#metanav ul{
    margin: 20px 0 0 0;
    list-style-image: none;
    background-color: #FFFFFF;
}
#metanav ul li{
    float:right;
    padding: 0 12px;
    list-style-type: none;
    background-image: url(/agenz/image/topnavtrenner.gif);
    background-position: left;
    background-repeat: no-repeat;
}
#metanav ul a:link, #metanav ul a:visited {
    display: block;
    height: auto;
}
/*----------------------------------*/
/*          Hauptnavigation         */
/*----------------------------------*/
#navigation {
    padding: 0;
    margin: 0;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #FFFFFF;
    background-image: none;
}
#navigation ul li {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}    
#navigation ul ul li {
    padding: 5px 0 5px 15px;
    margin: 0;
    list-style: none;
} 

#navigation ul a {
    display: block;
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 100%;
    color: #999999;
    font-weight:normal;
}
#navigation ul a:hover {
    background-image: url(/agenz/image/nav_pfeil.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #999999;
    text-decoration: underline;
    font-weight:bold;
}  
#navigation ul a.navtest {
    background-image: url(/agenz/image/nav_pfeil.gif);
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #333333;
    text-decoration: none;
    font-weight:bold;
}  

/*------------------------------------*/
/*            LINKE SPALTE            */
/*------------------------------------*/
#adressbox {
    margin-top:20px;
    padding: 18px;
    background-color: #eaeaea;
}
div.zswoof {
    width:180px;
    height:82px;
    margin:0px;
    background-image:url(/agenz/image/z_swoof.gif);
    background-position: 0px 0px;
    background-repeat:no-repeat;
}
        
/*------------------------------------*/
/*        CONTENTBEREICH MITTE        */
/*------------------------------------*/
div.textboxgrau {
    background-color: #e8f7b0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px;
    margin: 4px 0px 20px 0px;
    line-height: 130%;
    font-size:100%;
}
#contentcenter p {
    /*font-size: 80%;*/
    line-height: 130%;
    margin: 0px 0px 8px 0px;
}
#contentcenter h2 {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 8px 0px;
    font-size: 100%; 
    background-image: url(/agenz/image/h2_verlauf.jpg);
    background-position:0px 100%;
    background-repeat:no-repeat;
}
#contentcenter div.lst, #contentcenter div.lst ul li, #contentcenter div.teasertext ul li {
    font-size: 100%;
    line-height: 130%;
}
/*--------------------------------------*/
/* Artikel-Einstieg mit Freisteller-Bild*/
/*--------------------------------------*/
#artikel_einstieg {
    clear: both;
    display: block;
    margin: 0;
    padding: 5px 10px;
    background-color: #e8f7b0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
#artikel_einstieg img {
    float: right;
    border: 0;
    margin: 0;
    padding: 0;
}
#artikel_einstieg .einstieg_inhalt {
    margin: 10px 0 10px 0;
    clear: both;
    display: block;
}
#artikel_einstieg h2 {
    border: 0;
    padding: 0 5px;
    background-image: none;
    font-weight: bold;
    font-size: 100%;
    float: left;
    color:#666666;
    width: 60px;
}
#artikel_einstieg .text {
    margin-left:85px;
}
#artikel_einstieg p {
    margin:0;
    padding: 0 0 5px 0;
    text-align:left;
    line-height:130%;
}
/*------------------------------------*/
/* Bild im Fließtext */
/*------------------------------------*/
    div.bildcontainer {
        clear: both;
        width: 100%;
        margin: 0px 0px 14px 0px; 
        padding:0;
        border-top: 2px dotted #d1ee5f;
        border-bottom: 2px dotted #d1ee5f;
        }
    img.bild  {    
        margin: 5px 0px 4px 0px;
        padding:0;
        }
    img.bild_links  {    
        float: left;
        margin: 5px 5px 4px 0px;
        padding:0;
        }
    img.bild_mitte  {    
        float: left;
        margin: 5px 5px 4px 5px;
        padding:0;
        }
    img.bild_rechts {    
        float: left;
        margin: 5px 0px 4px 5px;
        padding:0;
        }
    div.bu_unten {
        clear: both;
        margin: 0px 0px 4px 0px;
        padding:0;
        font-size: 80%;
        color: #777;
        }
    div.bu_rechts {
        margin: 4px 0px 0px 0px;
        padding:0;
        font-size: 100%;
        color: #777;
        }
    
/* startseite: teaser der 3 top-themen*/    
/*------------------------------------*/
div.teaser_top {
    clear: both;
    width: 920px;
    height: 125px;
    background-image: url(/agenz/image/leiste_topstory.gif);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 0;
    margin: 10px 0px 1px 0px;
}
div.teaserbox_top {
    width: 254px;
    float: left;
}
h3.teaserbox_top {
    padding-top: 27px ;
    padding-bottom:3px;
    margin: 0;
    font-size: 120%;
    font-weight: bold;
}
img.teaserbild_top {
    float:left;
    width:100px;
    margin:0px 5px 0px 0px;
    padding: 0;
}
div.teasertext_top {
    float:left;
    width:135px;
    padding:0;
    margin:0;
}
/* Teasersystem  Contentbereich */
/*------------------------------------*/
div.teaser {
    clear: both;
    margin: 0px 0px 25px 0px;
    width: 100%;
    overflow: auto;
    padding: 0;
}
div.teaser .zitat {
    background:none;
    margin: 0 0 0 0;
}
div.teaser h3 {
    font-size: 200%;
    background-image: url(/agenz/image/bg_h3.jpg);
    background-repeat: no-repeat;
    color:#999999;
    font-weight:normal;
    background-position: 0 0;
    margin: 0px 0px 0px 0px;
    padding: 35px 0px 8px 10px;
}
div.teaser .zitat .zitatsmall {
    font-size: 70%;
    margin-top: 0;
}
div.teaserbild {
    float: left;
    margin: 0;
    display: block;
}
div.teasertext {
    padding-bottom: 35px;
}
/*------------------------------------*/
/* infobox mittelspalte*/
/*------------------------------------*/
h3.infoboxtitel {
    clear:both;
    margin: 30px 0px 10px 0px;
    font-size: 110%;
    font-weight:bold;
    padding:0 0 5px 0;
    background:url(/agenz/image/infobox_i.gif) no-repeat 0 bottom;
    color:#98989c;
}
#infobox {
    line-height: 120%;
    padding: 0px 0px 12px 0;
    margin: 0;
}
#infobox h4 {
    font-weight: bold;
    margin: 4px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    font-size:110%;
}
#infobox ul {
    margin: 0;
    padding: 0;
    list-style:none;
}
#infobox ul li {
    line-height: 120%;
    padding: 0px 0px 6px 12px;
    margin: 0;
    font-weight:normal;
    background:url(/agenz/image/dott.gif) no-repeat 0 6px;
}
#infobox ul li.int {
    background:url(/agenz/image/nav_pfeil.gif) no-repeat 0 5px;
    font-weight:bold;
}

/* Teaser und Texte rechte Spalte */
/*------------------------------------*/
h3.ansprechpartner_header {
    background-image: url(/agenz/image/rechts_verlauf.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 2px 0 0 5px;
    font-size: 90%;    
}
h3.thema_header {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #669900;
}
h3.termin_header {
    background-image: url(/agenz/image/rechts_verlauf.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0;
    padding: 2px 0 0 5px;
    font-size: 90%;
} 
div.teaserbildright {
    width: 195px;
    padding: 0;
    margin: 0;
}
div.teaserbildright img {
    border: 0;
}
div.teasertextright {
    padding: 5px 0 10px 0;
    color: #555;
}
div.teasertextright h4 {
    margin: 0;
    color: #98989c;
    font-size: 110%;
}
div.teasertextright p {
    margin: 0;
}
div.teasertermin { 
    padding: 5px 5px 15px 5px;
    color: #555;
}
#trenner {
    font-size: 1px;
    padding: 0;
    margin: 0;
    border-bottom: 2px dotted #d1ee5f;
}
    
/* zitat- und fragenbox ---------------*/
    
div.zitat {
    background-image: url(/agenz/image/bg_zitat.gif);
    background-color: #d1ee5f;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 68px;
}    
div.frage {
    background-image: url(/agenz/image/bg_frage.gif);
    background-color: #d1ee5f;
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 68px;
    margin-bottom: 15px;
}
div.zitat_text {
    padding: 8px;
    font-weight: bold;
}
a.zitat  {
    color: #000000;
}
    
/* Fußzeile ---------------------------------*/
#fusszeile {
    margin-top: 20px;
    padding: 5px 0 25px 0;
    color: #555;
    font-size: 90%;
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #dedede; 
    background-color: #f1f1f1;
    text-align: right;
clear:both;
float:none;
}
/* allgemeine Formate -----------------------*/
    #kolumne {
    margin: 0px 0px 20px 0px;
    padding: 0;
    }
    div.spacer {
        clear: both;
        font-size:2%;
        }
    div.clearleft {
        clear: left;
        font-size: 1%;
        margin: 0;
        }
  .unsichtbar {
        visibility: hidden;
        display:none;
        }
    .schwarz {
        color:#000000;
        }
/* ------ SITEMAP ------------------*/
#sitemap ul {
    list-style:none;
    margin:0;
    padding:0;
}
#sitemap ul li {
    font-size:100%;
    margin:0;
    padding:5px 0 0 0;
}
#sitemap ul ul {
    margin:0 0 15px 35px;
}
#sitemap ul ul ul {
    margin:0 0 0 35px;
}
#sitemap ul ul ul ul {
    margin:0 0 0 35px;
}
/* OVERVIEW */
.overview {
    margin:10px 0 10px 0;
    clear:both;
    display:block;
    padding:10px;
    background-color:#e8f7b0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    }
.overview .overimg {
    float:left;
    margin: 0 0 10px 0;
    }
.overview .text {
    margin-left:155px;
    }

/* BILDBOX */
.screen_container{
        margin: 0;
        background-color:red;
}
#screen {
  width:460px;
  height:80px;
  padding:10px 0 8px 0;
  background-color:yellow;
}
#screen li {
  float:left;
  list-style:none;
}
#screen .jq-ss-crop {
  background:#fff;
  margin:0;
  padding:0 5px;
  float:left;
  cursor:pointer;
}
#screen .jq-ss-link {
  padding:0;
  border:0;
}
#left, #right {
  background:0 none;
  border:0 none;
  padding:0;
}
#view{
  width:394px;
  
  overflow:hidden;
}
#images{
  width:3818px !important;
  width:3822px;
  padding:0;
}
.email-anfrage{
  color:#10218b !important;
  vertical-align:top;
  font-weight:normal !important;
  font-size: 11px !important;
}
#screen_no_slide{
        padding-left: 30px;
}
#screen_no_slide ul li{
        float: left;
        padding: 0px 5px;
}

/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 430px;
  padding:10px 0;
  margin-bottom: 0;
  position: relative;
  background:url(/agenz/image/bg_slide.png) no-repeat 0 0;
}
#horizontal_carousel .container {
  float: left;
  width: 375px;
  position: relative;    
  overflow: hidden;
  margin:0 10px;
}
#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
}                      
#horizontal_carousel ul li {
  width: 125px;
  height:87px;
  /*margin:0 5px 0 0;*/
  border-right:solid 5px #fff;
  text-align: center; 
  list-style:none;   
  float:left;
}
#horizontal_carousel .previous_button {
  float:left;  
  width: 17px;
  height: 87px;
  background: url(/agenz/image/bild-left.png);
  z-index: 100;
  cursor: pointer;
}
#horizontal_carousel .previous_button_over {
  background: url(/agenz/image/bild-left.png);
}
#horizontal_carousel .previous_button_disabled {
  background: url(/agenz/image/bild-left.png);
  cursor: default;
}
#horizontal_carousel .next_button {
  float:left;  
  width: 17px;
  height: 87px;
  background: url(/agenz/image/bild-right.png);
  z-index: 100;
  cursor: pointer;
}
#horizontal_carousel .next_button_over {
  background: url(/agenz/image/bild-right.png);
}
#horizontal_carousel .next_button_disabled {
  background: url(/agenz/image/bild-right.png);
  cursor: default;
}
#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/agenz/image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/agenz/image/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }
#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

      #overall {  width:460px; /*height:800px;*/ z-index:1; }
      .focus   {  width:190px; /*height:400px;*/ z-index:1; padding-top:107px; }
      .portrait { width:100px; height:110px; z-index:10; float:left; padding:8px 15px 8px 0; text-align:center; }
      #subtext { text-align:center;font-weight:bold; }
 
    ul#partner { margin:0;padding:0;list-style:none;display:block;border-top:1px solid #d1ee5f;border-left:1px solid #d1ee5f;float:left;width:695px; }
    ul#partner li { margin:0;padding:5px 0;width:138px;height:73px;border-bottom:1px solid #d1ee5f;border-right:1px solid #d1ee5f;float:left;display:block;text-align:center; }