html { overflow-y:scroll; }

/* body */
html,body 
                { 
	                margin: 0; padding: 0;
	                font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;
	                color: #444444;
	                background: #e6e6e6 url(../images/bg.png) no-repeat scroll;
	                background-position:center top;
	                height: 100%;
	            }
	            
* html #page {height: 100%;}
	
/* diverse */	
div                 {padding: 0; margin: 0;}
a                   {color: #000000; text-decoration: none; text-decoration: underline;}
a:hover             {}
	
/* layout */
#page
                {
                    position: relative; float: left;
                    min-height: 100%;
	                width: 100%;
	                background: transparent;
                }
                
#page_wrapper        
                {
                    margin: 0 auto;
                    width: 894px; height:100%; 
                    position: relative; overflow:hidden; 
                    background: transparent;  
                }
                
#bottom
                {
                    position: relative; float: left;
                    height: 501px;
	                width: 100%;
	                background: transparent url(../images/bg_bottom.png) repeat-x;     
                }                
                
#bottom_wrapper        
                {
                    margin: 0 auto; padding: 0;
                    width: 894px; height:100%; 
                    position: relative; overflow:hidden; 
                    background: transparent;  
                }       
                            

#form         
                {
                    position: relative; float: left; 
                    height: 525px; width:100%;
                    background: #e6e6e6 url(../images/form_bg.png) no-repeat;
                }
/* PROGRAM - ÄNDRA HEIGHT FÖR ATT ANPASSA EFTER ÄNDRINGAR I PROGRAMMET */   
#program         
                {
                    position: relative; float: left; 
                    width:100%; height: /* --> */ 1000px;/* <-- */
                    background: transparent url(../images/header_program.png) no-repeat 21px 25px;
                }
/* form */
#form div                   {}
                            

/* bottom */
#bottom_wrapper div         {position: absolute;}

#bottom_wrapper_sponsorer   
                            {
                                left: 0px; top: 2px; 
                                width: 894px; height: 449px;
                                background: transparent url(../images/bottom_sponsorer.png); z-index: 0;
                            }
                             
#bottom_wrapper_logo   
                            {
                                left: 713px; top: 467px; 
                                width: 181px; height: 18px;
                                background: transparent url(../images/soderbergpartners_logo.png); z-index: 1;
                            }
                            
#lbl_header_huvudsponsor, #lbl_header_sammarbetspartners    
                             { position: absolute;
                                left: 0px; top: 30px; 
                                width: 300px; height: 18px; z-index: 2; font-weight: bold;
                            }
#lbl_header_sammarbetspartners    
                             { top: 185px; 
                            }
                            
#lbl_sponsor_header
                            {
                                left: 100px; top: 100px; 
                                width: 181px; height: 18px;
                                background: transparent url(../images/soderbergpartners_logo.png);
                            }
                     
/* program */                    
                     
#div_program_table          {   position: relative; float: left; width: 100%; height: 30px; margin-top: 70px;}
#div_program_table p        {   padding-left: 10px;padding-right: 3px;}
.div_program_table_row, 
.div_program_table_row_no_border      {   float: left; width: 100%; margin-top: 15px; border-bottom: 1px dotted #808080;}
.div_program_table_row_no_border      {   border-bottom: 0px;}
/* 5 rader */   
.div_program_table_col_5_1,
.div_program_table_col_5_2,
.div_program_table_col_5_3,
.div_program_table_col_5_4,
.div_program_table_col_5_5       
                            {
                                position:relative; float: left;
                                width: 22%; min-height: 30px; 
                                background: transparent url(../images/dot.png) no-repeat scroll 0px 4px;
                            }

#div_program_table .div_program_table_col_5_1 p{   padding-left: 20px;  font-weight: bold;}

/* 5 rader rubriker */   
.div_program_table_col_5_1_header,
.div_program_table_col_5_2_header,
.div_program_table_col_5_3_header,
.div_program_table_col_5_4_header,
.div_program_table_col_5_5_header       
                            {
                                position:relative; float: left;
                                width: 22%; min-height: 30px; 
                                background: transparent;
                                color: #7fba23;
                            }
                            
#div_program_table .div_program_table_col_5_1_header p{   padding-left: 20px;  font-weight: bold;}  
                          
/* 3 rader */   
.div_program_table_col_3_1,
.div_program_table_col_3_2, .div_program_table_col_3_2_nobg,
.div_program_table_col_3_3     
                            {
                                position:relative; float: left;
                                width: 44%; min-height: 30px; 
                                background: transparent url(../images/dot.png) no-repeat scroll 0px 4px;
                            }

.div_program_table_col_3_3  {   background: transparent;}

/* 2 rader */   
.div_program_table_col_2_1,
.div_program_table_col_2_2 
                            {
                                position:relative; float: left;
                                width: 88%; min-height: 30px; 
                                background: transparent;
                                color: #7fba23;
                            }

.div_program_table_col_3_3  {   background: transparent;}
.div_program_table_col_3_2_nobg {   background: transparent;}
/* datumrad */                         
.div_program_table_col_5_1,  
.div_program_table_col_3_1,
.div_program_table_col_5_1_header,
.div_program_table_col_2_1          {   width: 12%; background: transparent;}

#div_program_table .div_program_table_col_5_1 p, 
#div_program_table .div_program_table_col_3_1 p,
#div_program_table .div_program_table_col_2_1 p {   padding-left: 20px;  font-weight: bold;}
/* form */
#form div                   {   }
#lbl_count                  {   position: absolute; right: 18px; top:15px;}

#div_header_unsubscribe        
                            {
                                position: absolute; 
                                left: 564px; top: 140px; 
                                width: 110px; height: 18px;
                                border: 0px;
                            }

/* form controls */
#form_server_controls       {   position: absolute;   left: 565px; top:173px; width: 320px; height: 333px;}

label                        {   float: left; display: block; width: 90px; padding-top: 4px; }                          
p, div_right p              {   margin: 0px; padding: 0px; padding-bottom: 4px; }
#div_right p                {   width: 310px; text-align: right;}

#p_guest_person             {   margin: 0px; padding: 0px; padding-bottom: 8px; padding-top: 16px; }  


.input                      
                            {
                                width: 208px; height: 20px;
                                border: 0px;
                                padding-left: 7px;
                                padding-right: 7px;
                                background: transparent url(../images/textbox_bg.png) no-repeat;
                            }
                            
#btn_submit, #btn_submit_un                    
                            {
                                position: relative; float:left; 
                                width: 96px; height: 22px;
                                color: #ffffff;
                                cursor: pointer; 
                                background: transparent url(../images/button_bg.png) no-repeat;
                                border: 0px;
                                margin-top: 1px;
                                padding: 0px;
                                margin-left: 124px;
                            }
                            
                                       
/* form headers */                
#form_server_headers        {   left: 563px; top:173px; width: 90px; height: 333px; text-align: left;}                            

#form_server_headers label  {   position: relative; float:left; padding: 0; margin: 0; margin-top: 5px; margin-bottom: 12px; width: 100px;}  
              
/* slideshow */
#slideshow                  {position: absolute; top: 73px; left: 11px; width: 488px; height: 324px; background: transparent;}
#slideshow_pic              {position: absolute; top: 0px; left: 0px; background: transparent;}     

.pics { padding:0; margin:0; overflow: hidden; }
.pics img { border: 0px solid #bebebe; background-color: #eee; top:0; left:0; }

#controls { z-index: 1000; position: absolute; left: 0;}
            
#controls img.gif
{
	display:none;
}

#controls img
{
	border:0px;
}

#controls a
{
	outline:none;
}

#controls .leftcontrol {position: absolute; top: 15px; left: 0px; }
#controls .rightcontrol{position: absolute; top: 15px; left: 423px; }

#controls div .fadeable{display:none;}
#controls div .nonfadeble{display:none;}   
