/* 
 * stylesheet for ############ Kunde ###############
 * content design
 * use for best viewing performance wwEdit CMS (www.wwedit.de)
 * (c) www.wegewerk.com
 * created: 20050316 bms
 * customized: ########### 
 * lastmodified: 20050907 bms
 */

/* um die kommentare nicht zu zerschiessen, bitte als utf-8 bearbeiten */

/* utf-8 : Ä Ö Ü */
 


/* #################################################################################################### */
/* ########################################    CONTENT DESIGN    ###################################### */
/* #################################################################################################### */


a#homelink {
  display: block;
  position:absolute;
  top:70px;
  left:15px;
  height: 180px;
  width: 340px;
  z-index: 6;
}

a:hover#homelink {
  background-color: transparent;
}

/*
 * Zeitbild Special
 */

#logos_topleft {
  position: absolute;
  top: 2px;
}

#logos_bottomleft {
  position: absolute;
  bottom: 0;
  left: 55px;
  z-index: 3;
}

#logos_topcenter {
  position: absolute;
  top: 0;
  left: 370px;
}

#logos_topright {
  position: absolute;
  left: 562px;
  top: 11px;
  background-image: url("/static/img/zbv/nav_lang.gif");
  background-repeat: no-repeat;
  background-position: 10px 4px;
  height: 24px;
  width: 245px;
}

#logos_topleft a:hover,
#logos_topleft a:focus,
#logos_bottomleft a:hover,
#logos_bottomleft a:focus,
#logos_topright a:hover,
#logos_topright a:focus {
  background-color: transparent;
}

#fussballer {
  position: absolute;
  bottom: 1px;
  left: 153px;
  z-index: 2;
}

#gewinn {
  position: absolute;
  right: 13px;
  top: 171px;
  z-index: 4;
}

/* \ */
* html #gewinn {
  right: 5px;
}
/* */

/* CONTENT_OBJECTS */
/*
 * min-height(wird nur von mozilla und co. interpretiert) muss entsprechend des 
 *  grafischen entwurfs angepasst werden, je nachdem wie hoch ein contentobjekt 
 *  mindestens ist. (hängt im wesentlichen von der bildgrösse ab )
 */
.content_object{
  /* min-height: 150px;*/ 
  clear: left;
}

/* 
 *die height für den ie wird mit 1% angegeben, damit auch er die höhe der 
 *  contentobjekte korrekt berechnet
 */
/* nur für ie-win sichtbar \*/
* html .content_object{
    height: 1%;
}
/* */

/*
 * hier werden die verschiedenen DIV-BEREICHE designed (also Hintergründe, Borders, margins etc..)
 * ausserdem können hier für die verschieden DIV-BEREICHE die GLOBALEN TAGDEFINITIONEN überschrieben werden 
 */

    

/* #####################################    PAGE_BODY    ################################### */

#page_body_ticker {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 472px;
  height: 27px;
  padding: 3px;
  z-index: 8;
  background-color: #000;
  color: #fff;
  font-size: 10pt;
  padding-top: 11px;
}

#page_body_ticker span {
  float: left;
  padding-right: 5px;
}

#page_body_ticker a {
  color: #fff;
}  

#page_body_ticker a:hover {
  background-color: #000;
  text-decoration: underline;
}


/* ---------- PAGE_BODY_BREADCRUMB ----------- */

#page_body_breadcrumb {
  font-size: .7em;
  font-weight: bold;
  margin-left: 5px;
}

#page_body_breadcrumb a,
#page_body_breadcrumb a:visited,
#page_body_breadcrumb a:active {
  color: #FF5700;
}
    
#page_body_breadcrumb a:hover{    
  background-color: #dddddd;
}   
    
#page_body_breadcrumb a:focus{    
  background-color: #dddddd;
}



/* ---------------- PAGE_BODY_FOOT --------------- */
#page_body_foot {
  position: absolute;
  bottom: -17px;
  color: #777;
  font-size: .66em;      
  clear: both;
}
    
/* 
 * bei bedarf die globalen tagdefinitionen überschreiben 
 */
#page_body_foot a{    
  text-decoration: none;
  color: #777;
}
    
#page_body_foot a:visited{    
  color: #777;
}     

#page_body_foot a:hover,
#page_body_foot a:focus
#page_body_foot a:active{    
  text-decoration: underline;
  background: none;
}
    


/* #####################################     PAGE_BODY_LEFT_CONTENT     #################################### */
/* Einstellungen für den Content der linken Spalte */


#page_body_left_content{
    
}



/* ##################################      PAGE_BODY_COLS      ################################ */

/* ----------- PAGE_BODY_COLS_TITLE ------------ */

#page_body_cols_title{
  background-color: #EEECE4;
  clear: both;
  margin: 5px 5px 5px 5px;
  padding: 5px;
}

/* ------------ PAGE_BODY_COLS_FOOT ---------- */
#page_body_cols_foot {
  display: none;
  clear: both;
}



/* ###################################    PAGE_BODY_MAIN     ################################### */
    
/* ------------- PAGE_BODY_MAIN_TITLE ------------- */
/* bei bedarf reinnehmen */
/*
#page_body_main_title{
  background-color: #BFCBD9;
  clear: both;
  padding: 5px;
  margin: 0 0 5px 0;
}
*/  

/* ###############################      PAGE_BODY_MAIN_CONTENT       ########################## */

#page_body_main_content{

}


/* HEADLINES */
#page_body_main_content h2{
  color: #333333;
  padding: 0;
}


/* IMAGES */
#page_body_main_content img{
  float: left;
  margin: 0 10px 5px 0;
}


/* LISTS */
#page_body_main_content ol {
  padding: 0;
  margin: 0 0 0 30px;
}

#page_body_main_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}

#page_body_main_content .normaltext a{
  font-size: 0.83em;    
}


/* F C K - EDITOR */
/* hier alles festlegen, was aus dem FCK-Editor kommen kann */

/* TEXT */
#page_body_main_content .richtext{
  font-size: 0.83em;
  color: #333333;
  margin: 0 0 10px 0;
}


/* HEADLINES */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext h2 {
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h3{
  font-size: 1.2em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h4{
  font-size: 1em;
  text-transform: uppercase;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h5{
  font-size: 1em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h6{
  font-size: .83em;
  font-weight: bold;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}
*/

/* TABLES */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext table{
  font-size: 1em;
  margin: 0;
  padding: 0;
}
*/

/* LISTS */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext ol{
  margin: 0 0 0 22px;
  padding: 0;
}

#page_body_main_content .richtext ul{
  margin: 0 0 0 18px;
  padding: 0;
}
*/

/* PAGELIST */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .pagelist ul{
  margin: 0 0 0 18px;
  padding: 0;
}*/


    
/* ---------- PAGE_BODY_MAIN_TICKER ------------- */
/* bei bedarf reinnehmen */
/*
#page_body_main_ticker {
  font-size: .77em;
  clear: both;
  background-color: #F3F3F3;
  line-height: 2em;
}
*/

/* ---------- PAGE_BODY_MAIN_FOOT --------------- */
#page_body_main_foot { 
  display: none;
}

#page_body_main_foot a{    
  text-decoration: none;
  color: #333333;
}
    
#page_body_main_foot a:visited{    
  color: #333333;
}     

#page_body_main_foot a:hover,
#page_body_main_foot a:focus,
#page_body_main_foot a:active{    
  background-color: #dddddd;
}   




/* ###############################      PAGE_BODY_RIGHT_CONTENT       ########################## */


#page_body_right_content{
  padding: 5px 20px 5px 5px;
}

#page_body_right_content .content_object{

}

/* HEADLINES */
#page_body_right_content h2{
  color: #FF5700;
  font-family: Courier, monospace;
  font-size: 1.2em;
  text-transform: uppercase;
  border-top: 2px dotted #FF5700;
  border-bottom: 2px dotted #FF5700;
  padding: 1px 0 0 0;
  margin-bottom: 5px;
  margin-top: 0;
}

/* IMAGES */
#page_body_right_content img{
  float: left;
  margin: 0 10px 5px 0;
}


/* LISTS */
#page_body_right_content ol {
  padding: 0;
  margin: 0 0 0 30px;
}

#page_body_right_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}

#page_body_right_content .normaltext a{
  font-size: 0.77em;    
}

/* F C K - EDITOR */
/* hier alles festlegen, was aus dem FCK-Editor kommen kann */

/* TEXT */
#page_body_right_content .richtext{
  font-size: 0.77em;
  color: #333333;
  margin: 0 0 10px 0;
}



/* ###############################       PAGE_FOOT         ############################### */


/* PAGE_FOOT  */
#page_foot{   
  background-color: #8898AC;  
  font-size: .77em; 
  margin: 5px 0 0 0;
  padding: 5px;
  clear: both;
  color: #EFF1F4;
}

#page_foot a{    
  text-decoration: none;
  color: #EFF1F4;
}
    
#page_foot a:visited{    
  color: #EFF1F4;
}     

#page_foot a:hover,
#page_foot a:focus,
#page_foot a:active{    
  text-decoration: underline;
  background: none;
}








/*
 * Doppelte Teaser für Bereichsseiten
 */

#page_body_main_container.mac #page_body_main_content {
  padding-top: 8px;
}

#page_body_main_container.mac table.dd_teaser {
  width: 100%;
}

table.dd_teaser {
  table-layout: fixed;
  width: 95%;
}

table.dd_teaser td {
  height: 84px;
  width: 217px;
}

table.dd_teaser .dd_left,
table.dd_teaser .dd_right {
  background-image: url("/static/img/zbv/teaserrahmen.gif");
  background-repeat: no-repeat;
  color: #fff;
  vertical-align: top;
  font-size: 0.6em;
  padding: 4px 18px 8px 7px;
  width: 200px;
}

/* \ */
* html table.dd_teaser {
  margin-top: -10px;
}

* html table.dd_teaser .dd_left,
* html table.dd_teaser .dd_right {
  background-position: 0 8px;
  padding: 13px 10px 0 7px;
  width: 204px;
}
/* */

table.dd_teaser td.mac {
  background-position: 0 0;
  margin: 0;
}

table.dd_teaser td a,
table.dd_teaser td a:visited {
  color: #FF7A11;
}

table.dd_teaser td h2 {
  font-family: Fixedsys, monospace;
  color: #FEFD03 !important;
  border-bottom: 2px dotted #FEFD03;
  text-transform: uppercase;
  width: 200px;
}



img#line_bottom {
  position: absolute;
  top: 558px;
  left: 349px;
}

img#line_top {
  position: absolute;
  top: 265px;
  left: 353px;
}