/* 
 * stylesheet for ############ Kunde ###############
 * structure, pagelayout
 * 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 :   Ä Ö Ü */

 
/* #################################################################################################### */
/* ###########################################    STRUCTURE    ######################################## */
/* #################################################################################################### */

/*
 * hier das Grundlayout festlegen, im wesentlichen breitenangaben der container, deren abstände zueinander
 * und deren hintergrundfarben
 */
   
/*
 * !! ACHTUNG !!
 *  alle Änderungen an einer Breite bedingen meist, diese Änderungen auch in anderen Bereichen nachzuvollziehen
 *  macht man die linke Spalte breiter, müssen entsprechend mittlere und rechte angepasst werden (is klar, ne)
 *  darauf achten, dass diese Änderungen auch in IE-spezifischen Styleangaben vollzogen werden.
 *  bei allen angaben, wo eine feste breite angegeben ist, ist auf die paddings und margins zu achten
*/

/*
 * legt die Gesamtbreite der Seite fest.
 * um die Seite zu zentrieren letzten drei Zeilen nicht auskommentieren, 
 * ausserdem ganz oben im global_definitions.css im body die entsprechende Zeile für den IE5 reinnehmen 
 */
#page_container {
  position: relative;
  width: 825px;
  height: 620px;
  background-color: #ffad08;
  background-image: url(/static/img/zbv/hintergrund.jpg);
  background-repeat: no-repeat;
  margin: auto;
  text-align: left;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}

.foreign_page_container {
  background-image: url(/static/img/zbv/hintergrund_foreign.jpg) !important;
}

#page_body_container{
  padding: 0;
}

#page_body_left{
  width: 150px;
  overflow: visible;
}

#page_body_cols_container{
  width: 495px;
  margin: 0 0 5px 330px;
}

#page_body_content_container{
    margin: 0 5px 0 5px;
    position: relative;
}

#page_body_main_container{
  position: absolute;
  width: 475px;
  top: 290px;
  left: 15px;
  height: 265px;
  overflow: auto;

  scrollbar-base-color: #A75617;
  scrollbar-arrow-color: #FBDC5D;
  scrollbar-track-color: #500000;
}

/* \ */
* html #page_body_main_container{
  height: 272px;
}
/* */

#page_body_right{
  position: absolute;
  left: 20px;
  width: 430px;
  margin-top: 300px;
  height: 235px;
  overflow: auto;
  background-color: #fff;
  margin-right: 20px;
  padding: 5px 0 5px 5px;
  background-image: url(/static/img/zbv/content_bg.gif);
}

/* \*/
* html #page_body_right {
  background-attachment: fixed;
}
/* */

/* ##################################### PAGE_HEAD #################################### */

#page_head{
  width: 100%;
  /* sonst wird in ie und opera unter der letzen box nicht 
     die Hintergrundfarbe angezeigt wenn für diese margin-bottom angegegeben ist. */
  padding-bottom: 1px;
  
}

#page_head_title_img{
  padding: 5px 0 5px 0;
  text-align:center;
}