/* 
 * stylesheet for ############ seidlich + seidllich ###############
 * general settings
 * (c) //kathrin.schindler/screendesign
 * created: 20050921 kls
 * 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 {
        font-size:             100.1%;
        font-family:           verdana, arial, sans serif;
		background-color:      #525A54;
		

        /* center für ie 5.5 */
       text-align: center;
    }

    #page_container {
	   font-size:              0.83em	
        width:                 770px;
		margin-left: auto; 
        margin-right: auto;
        text-align: left;
    }

    a {
        text-decoration:       none;
    }
	

    img {
        
    }

/*############## /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%;
		margin: 0;
		padding: 0;
		
    }

    #page_body_cols_container{
      float:                   left;	  	  
	  padding:                 0px 16px 10px 16px;
	  margin:                  0 0 0 0px;
	  border-bottom:           1px solid #fff;
	  border-left:             1px solid #fff;
	  border-right:            1px solid #fff;	  
	  min-height:              250px;	  
	  line-height:             1.0em; 
	  background-color:        #000;
    }

    #page_body_content_container{
      margin:                  0;
      float:                   left;	

    }

    #page_body_left{
      float:                   left;
	  width:                   212px;
      margin:                  0px;
	  border-bottom:           1px solid #fff;
	  border-left:             1px solid #fff;
	  padding:                 0px 16px 32px 0px;
	  background-color:        #000;
    }

    #page_body_main_container{
      width:                    506px;		
    }    

    #page_body_right{
    }

/* ############## /STRUKTUR ################# */

/* ############## PAGE_HEAD ################# */
/*   Styles für 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:                  0px;     
    }

    #page_head_title_img{
/*        background-color:     #fff;
      margin:                   5px;*/
    }


    /* PAGE_HEAD_BREADCRUMB */
    #page_head_breadcrumb {
      background-color:         #FFFFFF;
      font-size:                .77em;
      margin:                   0;
    }
       

    #page_head_breadcrumb a{    
      text-decoration:          underline;
      color:                    #ff3300;
    }

      #page_head_breadcrumb a:visited{   
      color:                    #ff3300;
    }     



    #page_head_breadcrumb a:hover,
    #page_head_breadcrumb a:active,
    #page_head_breadcrumb a:focus{    
    }    

       

    /* PAGE_HEAD_META */
    #page_head_meta{
      font-size:                .77em;
      background-color:         #fff;
      margin:                   0;
      text-align:               right;
    }

    #page_head_meta ul{
      list-style-type:          none;
      margin:                   0;
      padding:                  0;
    }
   

    #page_head_meta ul li{
    display:                    inline;
    }

    #page_head_meta a{    
      text-decoration:          none;
     
    }

    #page_head_meta a:visited,
    #page_head_meta a:hover,
    #page_head_meta a:active,
    #page_head_meta a:focus{   
    }    

    /* PAGE_HEAD_VERTICAL */
    #page_head_vertical {
      background-color:         #fff;
      margin:                   0;
    }

    #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,
    #page_head_vertical a:hover, 
    #page_head_vertical a:active, 
    #page_head_vertical a:focus{  
        color:                  #666;
    }   
    

    #page_head_vertical a.active {
        background-color:       #666;
    }
  

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

    /* PAGE_BODY_BREADCRUMB */
	
    #page_body_breadcrumb {
      background-color:         #FFFFEB;
      font-size:                .77em;
      margin:                   0;
    }

    #page_body_breadcrumb a{    
      text-decoration:          underline;
    }
   
    #page_body_breadcrumb a:hover{  
    }  
        
    #page_body_breadcrumb a:visited,
    #page_body_breadcrumb a:active,
    #page_body_breadcrumb a:focus{    
    }     

    /* PAGE_BODY_FOOT */
	
    #page_body_foot {
      font-size:                .77em;  
      margin:                   0;
      clear:                    both;
    }

    #page_body_foot img{
      margin:                   0;
    }

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

/*############## /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_FOOT */
    #page_body_cols_foot_print {
      font-size: .77em;
	  color: #fff;
      margin: 5px 0px 5px 0px ;
	  padding: 3px 0px 3px 2px; 	  
	  border-top: 1px dotted #8C8C8C;		
      clear: both;

    }
    #page_body_cols_foot_print img{
      margin: 0px 0px -2px 0px;
    }
    
    #page_body_cols_foot {
      font-size: .66em;
	  color: #fff;
      margin: 5px 0px 0px 0px ;
	  padding: 3px 0px 0px 2px; 
	  border-top: 1px dotted #8C8C8C;	
      clear: both;
    }

    
    #page_body_cols_foot a,
    #page_body_cols_foot_print a{    
      text-decoration: none;    
	  color: #82AFD3;
	  background-color: none;
    }
	
	#page_body_cols_foot_print a:hover{    
    }

    #page_body_cols_foot a:visited{    
    }     

    #page_body_cols_foot a:hover{    
    }   

    #page_body_cols_foot a:active,
    #page_body_cols_foot a:focus{    
    } 

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

/*############## PAGE_BODY_MAIN #################*/

    /* PAGE_BODY_MAIN_TITLE */
 
   #page_body_main_title{
      margin: 0;
	
	  color: #fff;
	  background: url(../images/arrowh1.gif);
	  background-position: left;
	  background-repeat: no-repeat;
    }    

    #page_body_main_pic{
      border: 0px;
    }  

    #page_body_main_title h1{
      font-size: 1.1em;
	  color: #fff;
      margin: 0;
      padding: 33px 0px 4px 55px ;
	  border-bottom: 1px dotted #8C8C8C;
	  font-weight: normal;
    }

    /* PAGE_BODY_MAIN_TICKER */

    #page_body_main_ticker {
      font-size: .77em;
      margin: 0;
      clear: both;
      background-color: #F3F3F3;
    }
    /* PAGE_BODY_MAIN_FOOT */

    #page_body_main_foot { 
      background-color: #F3F3F3;   
      font-size: .77em;
      margin: 0;
      clear: both;
    }

    #page_body_main_foot a{    
      text-decoration: none;     
    }

    #page_body_main_foot a:visited{   
    }     

    #page_body_main_foot a:hover{    
    }   

    #page_body_main_foot a:active{  
    } 

    #page_body_main_foot a:focus{  
    } 

    /* PAGE_BODY_MAIN_CONTENT */
    #page_body_main_content{
      margin: 0px;
	  font-size: 0.77em; 
    }

 
/*############## / PAGE_BODY_MAIN #################*/


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

    /* PAGE_FOOT  */

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

    #page_foot a{    
      text-decoration: none;
    }

    #page_foot a:visited{    
    }     

    #page_foot a:hover{    
    }   

    #page_foot a:active{    
    } 

    #page_foot a:focus{    
    } 

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


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

/*  Styles für die möglichen Content-Elemente */


    #page_body_main_content p{	
	  color: #fff;
    }

    #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;
        clear: right;
        clear: both;
    }


    .bold{
        font-weight: bold
    }

    .normal{
        font-weight: normal;
    }

    .invisible{
      display: none;
    }
 
    .offscreen{
      position: absolute;
      left: -1000px;
    }