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

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

    body {
        margin : 0;
        padding: 0;
        font-size: 100.1%;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        /* center f�r ie 5.5 */
        /*text-align: center;*/
    }

    #page_container {
        width: 775px;
        /*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{
        width: 100%;
        background-color: #FFf;
    }

    #page_body_cols_container{
      float: left;
      /*background-color: #CCCC99;*/
    }

    #page_body_content_container{
      margin: 0;
      float: left;
      /*background-color: #999966;*/
    }
    
    #page_body_left{
        float: left;
        width: 180px;
        /*background-color: #ccc;*/

        padding: 35px 0px 0 0px;
    }
    #page_body_content_container{
      width: 100%;
      margin: 0px;

      width: 595px;
    }

    #page_body_main_container{
        float: left;
        width: 450px;
        /*background-color: #aaa;*/
        margin: 35px 0px 0 0px;
    }
    
    #page_body_right{
        margin : 0 0 0 450px;
        width: 145px;
        /*background-color: #eee;*/
    }
    
/* ############## /STRUKTUR ################# */


/* ############## PAGE_HEAD ################# */
/*   Styles f�r den Seitenkopf */

    #page_head{
      width: 100%;
      /*background-color: #fff;*/
      /* sonst wird in ie und opera unter der letzen box nicht 
         die Hintergrundfarbe angezeigt wenn margin.bottom angegegeben ist. 
         padding-bottom: 1px; */
      background-image: url("/static/img/ddvg/logo/ddvg_headlogo.gif");
      background-position: left bottom;
      background-repeat: no-repeat;
      height: 115px;
      margin-bottom: 0px;
    }

  
    .headlogo{
      position: absolute;
      top: 0px;
      left: 0px;
      
    }

    #page_head_title_img{
      /*background-color: #fff;*/
      margin: 0px;
    }
    
    
    /* PAGE_HEAD_BREADCRUMB */
    #page_head_breadcrumb {
      /*background-color: #FFFFFF;*/
      font-size: .77em;
      margin: 0px;
    }
       
    #page_head_breadcrumb a{    
      text-decoration: underline;
      color: #ff3300;
    }
    
    #page_head_breadcrumb a:visited{    
      color: #ff3300;
    }     

    #page_head_breadcrumb a:hover{    
      background-color: #dddddd;
    }   
    
    #page_head_breadcrumb a:active{    
      background-color: #dddddd;
    } 
    
    #page_head_breadcrumb a:focus{    
      background-color: #dddddd;
    }    
    
    
    /* PAGE_HEAD_META */
    #page_head_meta{
      font-size: .70em;
      font-weight: bold;
      margin: 5px 0px 5px 0px;
      text-align: right;
    font-family: arial, sans serif;
    }
    
    #page_head_meta ul{
      list-style-type:none;
      margin: 0;
      padding: 0;
      background-image: url("/static/img/ddvg/nav/meta/meta_std_back_right.gif");
      background-position: right bottom;      
      background-repeat: no-repeat;
      padding-bottom: 5px;
    }
    
    #page_head_meta ul li{
        display: inline;
        background-image: url("/static/img/ddvg/nav/meta/meta_std_back.gif");
        background-position: left bottom;
        background-repeat: no-repeat;
        padding: 0px 10px 5px 10px;
        
    }



    
    #page_head_meta a{    
      text-decoration: none;
      color: #333333;
      padding: 0 5px 0px 5px;
    }
    
    #page_head_meta a:hover,
    #page_head_meta a:focus,
    #page_head_meta a:active
    {    
      
      background-image: url("/static/img/ddvg/nav/meta/meta_a_background_hover.gif");
      background-position: left bottom;
    }   
 /*    
     #page_head_meta a:active{    
      background-color: #FFCC66;
    } 
    
      #page_head_meta a:focus{   
      background-color: #FFCC66;
    }     
*/
    /* PAGE_HEAD_VERTICAL */
    #page_head_vertical {
      /*background-color: #fff;*/
      margin: 0px;
    }
    #page_head_vertical ul {
        padding: 0px; margin: 0px; display: inline; list-style: none;
    } 

    #page_head_vertical li {
        display: inline;
        margin-right: 10px;
    } 
      
    #page_head_vertical a{    
      color: #666;
    }
    
    #page_head_vertical a:visited{    
      color: #666;
    }     

    #page_head_vertical a:hover, #page_head_vertical a:active, #page_head_vertical a:focus{    
      background-color: #ffcc66;
    }   
    
    #page_head_vertical a.active {
        background-color: #666;

    }

    
    
    /* PAGE_HEAD_TICKER */    
    #page_head_ticker{
      font-size: .83em;
	  font-family: "Courier New", Courier, monospace;
      line-height: 2em;
      /*width:  429px;*/
      margin: 65px 150px 0 198px;
      

    }
           
    #image_anchor a{
      text-decoration: none;
    }
    
    #page_head_ticker .ticker_image{
      margin: 2px 0 0 2px;
      float: left;
      width: 16px;
    }
    
    #page_head_ticker .ticker_text{
      margin: 0 0 0 0px;
    }

    #page_head_ticker .ticker_text a{
      color: #577887;
      text-decoration: none;
    }
        
    #page_head_ticker a{
      text-decoration: none;
    }
    
/*############## /PAGE_HEAD #################*/


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

    /* PAGE_BODY_BREADCRUMB */
    #page_body_breadcrumb {
      /*background-color: #FFFFEB;*/
      font-size: .77em;
      margin: 0px;
    }
    
    #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_TICKER */
    #page_body_ticker {
      font-size: .77em;
      margin: 0px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
      line-height: 2em;
    }

    #page_body_ticker{    
      /*background-color: #FFFFEB;*/
    }

    
    /* PAGE_BODY_FOOT */
    #page_body_foot {
      /*background-color: #EBEBD6;*/
      font-size: .77em;      
      margin: 0px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
    }
    
    #page_body_foot img{
      margin: 0 0 0 3px;
    }
    
    #page_body_foot a{    
      text-decoration: none;
      color: #333333;
    }
    
    #page_body_foot a:visited{    
      color: #333333;
    }     

    #page_body_foot a:hover{    
      background-color: #dddddd;
    }   
    
    #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 {
      /*background-color: #FFFFEB;*/
      font-size: .77em;
      margin: 0px;
    }
    
    #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: 0px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
    }
    
    #page_body_cols_title h1{
      font-size: 1em;
      color: #333333;
      margin: 5px 0 5px 0;
      padding: 0;
    }
    
    /* PAGE_BODY_COLS_META */
    #page_body_cols_meta{
      font-size: .77em;
      /*background-color: #fff;*/
      margin: 5px;
      text-align: right;
    }
          
    #page_body_cols_meta ul{
      list-style-type:none;
      margin: 0;
      padding: 0;
    }
    
    #page_body_cols_meta ul li{
    display: inline;
    }
    
    #page_body_cols_meta a{    
      text-decoration: none;
      color: #333333
    }
    
    #page_body_cols_meta a:visited{    
      color: #333333;
    }     

    #page_body_cols_meta a:hover{    
      background-color: #dddddd;
    }   
    
    #page_body_cols_meta a:active{    
      background-color: #dddddd;
    } 
    
    #page_body_cols_meta a:focus{    
      background-color: #dddddd;
    } 
    
    
    /* PAGE_BODY_COLS_TICKER */
    #page_body_cols_ticker {
      font-size: .77em;
      margin: 5px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
      line-height: 2em;
      background-color: #EBEBD6;
    }
   
    /* PAGE_BODY_COLS_FOOT */
    #page_body_cols_foot {
      /*background-color: #EBEBD6;*/
      font-size: .77em;
      margin: 10px 0 0 5px;

      clear: both;
      background-image: url("/static/img/ddvg/foot/ddvg_site_foot_two.gif");
      background-position: left bottom;
      background-repeat: no-repeat; 
      padding-top: 5px;
    }
    
    #page_body_cols_foot a{    
      text-decoration: none;
      color: #333333;
      height: 19px;
    }
    /*
    #page_body_cols_foot a:visited{    
      color: #333333;
    } */   

    #page_body_cols_foot .first_right{    
      margin-left: 287px;
    }    


    #page_body_cols_foot a:hover{    
     
     background-image: url("/static/img/ddvg_icons/footer_hover_back.gif");
     background-position: left bottom;
     background-repeat: repeat-x;
    } 


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

    /* PAGE_BODY_COLS_FOOT */
    #page_body_cols_foot_copy {
      /*background-color: #EBEBD6;*/
      font-size: .70em;
      clear: both;
      background-position: left bottom;
      background-repeat: no-repeat; 
      padding: 5px 0px 20px 5px;
    }
    
    #page_body_cols_foot_copy a{    
      text-decoration: none;
      color: #333333;
    }
    /*
    #page_body_cols_foot_copy a:visited{    
      color: #333333;
    } */   

    #page_body_cols_foot_copy a:hover{    
     text-decoration: none;
    }   
    /*
    #page_body_cols_foot_copy a:active{    
      background-color: #dddddd;
    } 
    
    #page_body_cols_foot_copy a:focus{    
      background-color: #dddddd;
    } */


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


/*############## PAGE_BODY_MAIN #################*/
    
    /* PAGE_BODY_MAIN_TITLE */
    #page_body_main_title{
      background-color: #EBEBD6;
      margin: 0px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
    }
    
    #page_body_main_title h1{
      font-size: 1em;
      color: #333333;
      margin: 5px 0 5px 0;
      padding: 0;
    }

    
    /* PAGE_BODY_MAIN_TICKER */
    #page_body_main_ticker {
      font-size: .77em;
      margin: 5px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
      background-color: #F3F3F3;
      line-height: 2em;
    }

    /* PAGE_BODY_MAIN_FOOT */
    #page_body_main_foot { 
      background-color: #F3F3F3;     
      font-size: .77em;
      margin: 5px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      clear: both;
    }

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

    #page_body_main_foot a:hover{    
      background-color: #dddddd;
    }   
    
    #page_body_main_foot a:active{    
      background-color: #dddddd;
    } 
    
    #page_body_main_foot a:focus{    
      background-color: #dddddd;
    } 
    
    /* PAGE_BODY_MAIN_CONTENT */
    #page_body_main_content{
      background-color: #fff;
      margin: 0px 15px 0 15px;
    }
    
/*############## / PAGE_BODY_MAIN #################*/



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

     /* PAGE_BODY_RIGHT_TICKER */
    #page_body_right_ticker{
      font-size: .77em;    
      margin: 0px;
      border-left: 1px dotted #333333;
      border-top: 1px dotted #333333;
      line-height: 2em;
    }
    
    #page_body_right_ticker{
      background-color: #F3F3F3;
    }
    
    
    #page_body_right_content{
      background-color: #fff;
      margin: 0px;
    }
    
/* ############## / 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 f�r die m�glichen 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 ben�tigt werden und einfach zus�tzlich eingebunden werden k�nnen */

    .right{
        text-align: right;
    }

    .left{
        text-align: left;
    }

    .clear{
        clear: left;

    }

    .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);
    }