/* 
 * stylesheet for ############ Kunde ###############
 * general settings
 * use for best viewing performance wwEdit CMS (www.wwedit.de)
 * (c) www.wegewerk.com
 * created: 20050316 bms
 * customized: ########### 
 * lastmodified: 11082005 tww
 */

/*############## MISC #################*/
/* Styles die zur allgemeinen bestimmung einer HTML-Seite notwendig sind.
   Z.B. Font, font-color, allg. linkfarbe+hervorhebung, ausrichtungsstyles wenn sie fr alle gelten sollen
*/

    body {
        margin : 0;
        padding: 0;
        font-size: 100.1%;
        font-family: arial, sans serif;
        /* center fr ie 5.5 */
        /*text-align: center;*/
    }

    #page_container {
        width: 780px;
        /*margin-left: auto; */
        /*margin-right: auto;*/
        /*text-align: left;*/
    }

    a {
        text-decoration: none;
    }
    
    img {
        border: 0px;
    }

/*############## /MISC #################*/



/*############## STRUKTUR #################*/
/* Bitte hier Styles zur Struktur der Seite, also alles was mit Breiten
   Container und Spalten zu tun hat abzulegen */

    #page_body_container{
      margin: 40px 0px 0px 0px !important;
        width: 100%;
    }

    #page_body_cols_container{
      float: left;
      
    }

    #page_body_content_container{
      margin: 0px;
      float: left;
    }
    
    #page_body_left_content{
        float: left;
        z-index: -5;
        width: 162px;
        margin: 0px 5px 0 0px;
    }


    #page_body_main_container{
        float: left;

        width: 612px;
    }
    
   
/* ############## /STRUKTUR ################# */


/* ############## PAGE_HEAD ################# */
/*   Styles fr den Seitenkopf */

    #page_head{
      width: 100%;
      /* sonst wird in ie und opera unter der letzen box nicht 
         die Hintergrundfarbe angezeigt wenn margin.bottom angegegeben ist. */
      padding-bottom: 1px; 
      
    }
    
    #page_head_title_img{
      margin: 5px;
    }
    
            
    /* PAGE_HEAD_META */
    #page_head_meta{
      font-size: .77em;
      margin: 0px;
      text-align: left;
    }


    .bighead{
      height: 82px;
      /*background-image: url(/static/img/bbw/head_background.jpg);
      background-repeat: no-repeat;
      background-position: -12px 0px;*/
      background-color: #e2dedd;
    }
    .headlogo img.big{
      position: absolute;
      top: 26px;
      left: 290px;
    }

    .headlogo img.small{
      position: absolute;
      top: 22px;
      left: 320px;
    }

    .smallhead{
      height: 63px;
      /*background-image: url(/static/img/bbw/head_background_sub_new.jpg);
      background-repeat: no-repeat;
      background-position: -10px 0px;*/
      background-color: #e2dedd;
    }
  
    #page_head_meta ul{
      list-style-type:none;
      margin: 0;
      margin-left: 20px;
      padding: 0;
    }
    
    #page_head_meta ul li{
    /*display: inline;*/
    
    }
    
    #page_head_meta li{
     
     width: 100px;
     float: left;
    }

    #page_head_meta a{    
      text-decoration: none;
      color: #645b5c;
      padding-right: 20px;
      
    }
    
    #page_head_meta a:visited{    
      color: #645b5c;
    }     

    #page_head_meta a:hover{    
      background-color: #fff;
    }   
    
    #page_head_meta a:active{    
     background-color: #fff;
    } 
    
    #page_head_meta a:focus{    
      background-color: #fff;
    }    


    /* PAGE_HEAD_VERTICAL */
    #page_head_vertical {
     /* background-image: url("/static/img/nav/dom2/vertical/background.jpg");
        background-repeat: no-repeat;*/
      font-size: 1.1em;
      margin-left: 22px;
      margin-top: 5px;
      background: #fff;
      clear: right;
    }

    #page_head_vertical .emotional{
      background-image: url("/static/img/nav/bbw/main_nav_emotionals.jpg");
      background-repeat: no-repeat;
      background-position: 0px 0px;
      height: 85px;
      width: 763px;
    }


    #page_head_vertical .emotional_sub{
      background-image: url("/static/img/nav/bbw/main_nav_emotionals_sub.jpg");
      background-repeat: no-repeat;
      background-position: 0px 0px;
      height: 57px;
      width: 763px;
    }

    #page_head_vertical ul{
      list-style-type:none;
      margin: 0;
      padding: 0;
    }
    
    #page_head_vertical li{
     
     width: 152px;
     float: left;
    }
    #page_head_vertical li.lastli{
     
     width: 150px;
     
    }
       
    #page_head_vertical li a{    
      border-bottom: 8px solid #b7b3b2;
      font-size: 0.7em;
      font-weight: bold;
      color: #645b5c; 
      margin-right: 2px;  display: block;
    }
    
    #page_head_vertical li a.under{
        border-top: 8px solid #b7b3b2;
        border-bottom: 0px solid #b7b3b2;
    }
    .nomargin
    {   
        margin: 0px !important;
    }

    .underli{
      margin-top: -4px;
    }

    .page_head_vertical_image_dummy {
    position: absolute;
    top: 100px:
    left: 20px;
    z-index: 10;
    }

    /*######################*/
    #page_head_vertical li a:hover, 
    #page_head_vertical li a:active,
    #page_head_vertical li a:focus{    
      border-bottom: 8px solid #706665;
    
    }   
 
    #page_head_vertical li a.under:hover, 
    #page_head_vertical li a.under:active,
    #page_head_vertical li a.under:focus{    

        border-top: 8px solid #706665;
        border-bottom: 0px solid #706665;
        /*so, diesmal ist der FF der Versager ... */
   
    }   

    #page_head_vertical li a:visited{    
      
    }     

    
    #page_head_vertical li a.active {
        border-bottom: 8px solid #706665;
        border-left: 4px solid #706665;
        padding-left: 5px;

    }    
        
    #page_head_vertical li a.activeunder {
       
        border-top: 8px solid #706665;
        border-bottom: 0px solid #706665;
        border-left: 4px solid #706665;
        padding-left: 5px;
       
    }   
    /*############## /PAGE_HEAD #################*/


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

    /* PAGE_BODY_BREADCRUMB */
    #page_body_breadcrumb {
      font-size: .77em;
      margin: 5px;
    }
    
    #page_body_breadcrumb a{    
      text-decoration: underline;
    }
    
    #page_body_breadcrumb a:visited{    
      color: #333333;
    }     

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

    
    /* PAGE_BODY_FOOT */
    #page_body_foot {
     
      font-size: .77em;      
      margin: 5px;
      clear: both;
color: #ccc;
    }
    
    #page_body_foot img{
      margin: 0 0 0 3px;
    }
    
    #page_body_foot a{    
      text-decoration: none;
      color: #ccc;
    }
    
    #page_body_foot a:visited{    
      color: #ccc;
    }     

    #page_body_foot a:hover{    
      color: #666;
    }   
    
    #page_body_foot a:active{    
      background-color: #dddddd;
    } 
    
    #page_body_foot a:focus{    
      background-color: #dddddd;
    } 

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


/*############## PAGE_BODY_LEFT #################*/

/* Hier sollte die Hauptnavigation und alles, was sonst in der linken Spalte was zu suchen hat stehen */

/*############## /PAGE_BODY_LEFT #################*/


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

    /* PAGE_BODY_COLS_BREADCRUMB */
    #page_body_cols_breadcrumb {
      font-size: .77em;
      margin: 0px 5px 0px 5px;
    }
    
    #page_body_cols_breadcrumb a{    
      text-decoration: underline;
    }
    
    #page_body_cols_breadcrumb a:visited{    
      color: #333333;
    }     

    #page_body_cols_breadcrumb a:hover{    
      background-color: #dddddd;
    }   
    
    #page_body_cols_breadcrumb a:active{    
      background-color: #dddddd;
    } 
    
    #page_body_cols_breadcrumb a:focus{    
      background-color: #dddddd;
    }  
    
    /* PAGE_BODY_COLS_TITLE */    
    #page_body_cols_title{
      background-color: #EBEBD6;
      margin: 5px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
    }
    
    #page_body_cols_title h1{
      font-size: 1em;
      color: #999999;
      margin: 5px 0 5px 0;
      padding: 0;
    }
    

    /* PAGE_BODY_COLS_FOOT */
    #page_body_cols_foot {
      font-size: .67em;
      margin: 5px;
      clear: both;
      color: #ccc;
    }
    
    #page_body_cols_foot a{    
      text-decoration: none;
      color: #333333;
    }
    
    #page_body_cols_foot a:visited{    
      color: #333333;
    }     

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

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


/*############## PAGE_BODY_MAIN #################*/
    
    /* PAGE_BODY_MAIN_TITLE */
    #page_body_main_title{
      margin: 5px;
      clear: both;
    }
    
    #page_body_main_title h1{
      font-size: 1em;
      color: #999999;
      margin: 5px 0 5px 0;
      padding: 0;
    }

    
    /* PAGE_BODY_MAIN_FOOT */
    #page_body_main_foot { 
      font-size: .77em;
      margin: 5px 0px 5px 5px;
      clear: both;
      text-align: right;
    }

    #page_body_main_foot ul{
      list-style-type:none;
      margin: 0;
      padding: 0;
      float: right;
    }
    
    #page_body_main_foot li{
     text-align: left;
     width: 152px;
     float: left;
    }


    #page_body_main_foot a{    
      text-decoration: none;
      color: #645b5c;      
    }
    

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

    
    /* PAGE_BODY_MAIN_CONTENT */
    #page_body_main_content{
      margin: 5px;
    }
    
/*############## / PAGE_BODY_MAIN #################*/



/* ############## PAGE_BODY_RIGHT ################# */

     /* PAGE_BODY_RIGHT_TICKER */
    #page_body_right_ticker{
      font-size: .77em;    
      margin: 5px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      line-height: 2em;
    }
    
    #page_body_right_ticker{
      background-color: #F3F3F3;
    }
    
    
    #page_body_right_content{
      margin: 5px;
    }
    
/* ############## / PAGE_BODY_RIGHT ################# */



/* ############## / PAGE_FOOTER ################# */


    /* PAGE_FOOT  */
    #page_foot{   
      background-color: #FFFFEB;  
      font-size: .77em; 
      margin: 5px;
      clear: both;
    }

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

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

/* ############## / PAGE_FOOTER ################# */

/*.............. CONTENTELEMENTE ..................*/
/*  Styles fr die mglichen Content-Elemente */

    #page_body_main_content p{
    }

    #page_body_main_content a, a:hover{
    }

    #page_body_main_content .textblock {
    }


    #page_body_main_content .textblock a{
    }

/*.............. /CONTENTELEMENTE .................*/




/* ######### Browser Hacks ######## */
.ns_float_wrap{

}

/* ######### /Browser Hacks ######## */




/* ########## akzidentielle Klassen ############ */
/* Klassen die oft bentigt werden und einfach zustzlich eingebunden werden knnen */

    .right{
        text-align: right;
    }

    .left{
        text-align: left;
    }

    .clear{
        clear: left;
        clear: right;
        clear: both;
    }

    .bold{
        font-weight: bold
    }
    
    .normal{
        font-weight: normal;
    }
    
    .invisible{
      display: none;
    }
    
    .offscreen{
      position: absolute;
      left: -1000px;
    }
    
    
    /* Ticker Buttons */
    .pause{
      background-image: url(/static/img/tool23_icons/pause.gif);
    }
    
    .play{
      background-image: url(/static/img/tool23_icons/play.gif);
    }