﻿

/* ====================================================================== */
/* ============================== COMMON ================================ */
/* ====================================================================== */

html {height: 100%;}

a:hover		
			{ 
				text-decoration: underline; 
				color: #15B4FF; 
			}

a			
			{
				text-decoration: none; 
				font-family: verdana, arial, sans-serif; 
				color: #008000; 
			} 

.OverDivTD    {
            padding-left:0px;
            border: 0px; 
            
            }

body		
			{
				/* background-image: url('/sysimages/bakgrund3.jpg');
				background-repeat: repeat-x; */
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px; 
				font-weight: normal;
				font-style: normal;
				color: black;
				background: #e2e2e2; /* Old browsers */
        background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
			} 
ul,li			
			{
				margin-left:10px;
			} 

.fontClass {font-family: 'Comic Sans MS'; font-size: 12px;}
  .capfontClass {font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color:  #ffffff;}
  .capfontClass A {color: #ffffff; font-size: 9px;}
  .fgClass {background-color: #FFFFCC;}
  .bgClass {background-color: #333399;}


table			
			{
               
                
			} 



td			
			{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11px; 
				font-weight: normal;
				font-style: normal;
				
				text-align: left;
				padding: 6px;
			} 



input, option
			{
			    cursor: auto;
			    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			    font-size: 12px;
			    background-color : #ffffff;
			    border-color: #c4c4c4;
			    border-bottom: 1px solid;
			    border-left: 1px solid;
			    border-right: 1px solid;
			    border-top: 1px solid;
			}



textarea
			{
			    cursor: auto;
			    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			    font-size: 12px;
			    background-color : #ffffff;
			    border-color: #A5A5A5;
			    border-bottom: 1px solid;
			    border-left: 1px solid;
			    border-right: 1px solid;
			    border-top: 1px solid;
			}

select
			{
			    cursor: auto;
			    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			    font-size: 10px;
			    background-color : #f5f5f5;
			    border-bottom: 1px solid;
			    border-left: 1px solid;
			    border-right: 1px solid;
			    border-top: 1px solid;
			}
			
option
			{
			    cursor: auto;
			    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			    font-size: 12px;
			    background-color: #f5f5f5;
			    border-bottom: 1px solid;
			    border-left: 1px solid;
			    border-right: 1px solid;
			    border-top: 1px solid;
			}
pre			
			{
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
img			
			{
				border-color: black;
			}


/* ====================================================================== */
/* ============================= MAIN DIVS ============================== */
/* ====================================================================== */

#Canvas {
            width: 100%;
            text-align: center;
            border: 0px solid #eeeeee;
            padding-top:15px;
        }

#Banner 
         {
    
             width: 950px;
             border: 0px solid #eeeeee;
             margin:0 auto; /*centers in compliant browsers*/ 
             text-align:center; /*centers in old versions of IE*/ 
        }
        
#HMenu1 {
             display: block;
             width: 950px;
             border: 0px solid #eeeeee;
             margin:0 auto; /*centers in compliant browsers*/ 
             text-align:center; /*centers in old versions of IE*/ 

        }

#HMenu2 {
             width: 950px;
             border: 0px solid #eeeeee;
             margin:0 auto; /*centers in compliant browsers*/ 
             text-align:center; /*centers in old versions of IE*/ 
             padding-top: 10px;
        }

#Fel             
                    {
                        
                        
                        border:1px solid #a3a3a3;
                        border-right:1px solid #545454;
                        border-bottom:1px solid #545454;
                        background-color: #ffff99;
                        text-align: left;
                        padding: 5px;
                        margin-bottom: 10px;
                        width: 386px;
                        margin:0 auto; /*centers in compliant browsers*/ 
                        text-align:center; /*centers in old versions of IE*/ 
                        margin-bottom:10px;
                        margin-top:10px;
                    }  


#Main   {
             width: 950px;
             margin:0 auto; /*centers in compliant browsers*/ 
             text-align:center; /*centers in old versions of IE*/ 
    
        }

#Footer {
             width: 950px;
             margin:0 auto; /*centers in compliant browsers*/ 
             text-align:center; /*centers in old versions of IE*/ 
             margin-top: 10px;
    
        }


/* ====================================================================== */
/* ============================= CLASSES ================================ */
/* ====================================================================== */

.Tabell             
                    {
                        border:1px solid #a3a3a3;
                        border-right:1px solid #545454;
                        border-bottom:1px solid #545454;
                        
                        background-color: #ffffff;
                        padding: 0px;
                        margin-top: 10px;
                        
                        -webkit-box-shadow:  1px 1px 1px 1px rgba(14, 14, 14, 0.2);
                        box-shadow:  1px 1px 1px 1px rgba(14, 14, 14, 0.2); 
                    }                   

.TabellHuvud             
                    {
                        border-bottom: 1px solid #a3a3a3;
                        background: #4c4c4c; /* Old browsers */
                        background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
                        background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
                        font-weight: bold;
                        text-align: left;
                        color: White;
                        
                        
                    }                      
.TabellInfo             
                    {
                        border-bottom: 1px solid #a3a3a3;
                        border-top: 1px solid #black;
                        background-color: #ECECEC;
                        text-align: left;
                        color: White;
                        background-color: #5B5B5B;
                    }  

.MenyTabell             
                    {
                       margin-bottom: 10px;
                       margin:0 auto; /*centers in compliant browsers*/ 
                       text-align:center; /*centers in old versions of IE*/ 
                       
                        
                    }  

.MenyTabell2             
                    {
                       margin-bottom: 10px;
                       margin:0 auto; /*centers in compliant browsers*/ 
                       text-align:center; /*centers in old versions of IE*/ 
                       
                        
                    }   

.MenyTabellCell             
                    {
                        border-right-style: outset;
						border-right-width: 2px;
	
						border-bottom-style: outset;
						border-bottom-width: 2px;
		
						border-top-color: #A3A3A3;
						border-left-color: #A3A3A3;
                        
                        background-image: url('/images/knappbakgrund.jpg');
                        background-repeat: repeat-x;
                        background-color: #e3e3e3;
                        
                        text-align: center;
                        padding: 5px;
                        
                       
                        
                    } 
                    
.MenyTabellCell A             
                    {
                        text-decoration: none;
                        color: #000000;
                        
                        
                    }

.MenyTabellCell2             
                    {
                         border-right-style: outset;
						border-right-width: 2px;
	
						border-bottom-style: outset;
						border-bottom-width: 2px;
		
						border-top-color: #A3A3A3;
						border-left-color: #A3A3A3;
                        
                        background-image: url('/images/knappbakgrund.jpg');
                        background-repeat: repeat-x;
                        background-color: #e3e3e3;
                        
                        text-align: center;
                        padding: 5px;
                        
                       
                        
                    }               


.knapp				{
						background-color: #DEDFDE;
						FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B4B4B4,EndColorStr=#E5E5E5);
						border-right-style: outset;
						border-right-width: 2px;
	
						border-bottom-style: outset;
						border-bottom-width: 2px;
		
						border-top-color: #A3A3A3;
						border-left-color: #A3A3A3;
						
						width: 80px;
					}

.obs                
                    {
                        color: red;    
                    }


.ColorMain          {
                        background-image: url('/Skotselplan/images/bakgrund.jpg');
                        background-repeat:repeat-x;
                    }
                                         
.IndexStyle         
                    {
                        font-family: Arial;
                        font-size: 18px;
                        font-weight: bold;
                    }
                    
.IndexStyleActive         
                    {
                        font-family: Arial;
                        font-size: 20px;
                        font-weight: bold;
                        color: #990000;
                    }
                    

.BreadCrumbs
					{
					    
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    color: #949494;
					}
					
.BreadCrumbs A
					{
					    
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    color: #949494;
					}

.BreadCrumbs A:hover
					{
					    
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    color: #FF0033;
					}


.Meny               {
                        font-family: Verdana,'Trebuchet MS', Arial, Helvetica;
                        color: #353535;
                        font-size: 11px;
                    }

.Meny A       {
                        font-family: 'Trebuchet MS', Arial, Helvetica;
                        color: #353535;
                        font-size: 12px;
                    }
                    
.Pris               {
                    font-family: georgia,serif;
                    font-size:20px;
                    color:maroon;
                    }                    
			
.radio
					{
					    cursor: auto;
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    background-color: white;
					    border-bottom: none;
					    border-left: none;
					    border-right: none;
					    border-top: none;
					}
			
.inputcheckbox
					{
					    cursor: auto;
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    background-color : white;
					    border-bottom: none;
					    border-left: none;
					    border-right: none;
					    border-top: none
					}

.icb
					{
					    cursor: auto;
					    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					    font-size: 12px;
					    background-color : white;
					    border-bottom: none;
					    border-left: none;
					    border-right: none;
					    border-top: none
					}					
					

.menutop			{
						background-color: #FFFFFF;
					}
			
.fetstil			{
						font-weight:bold;
					}
			
.knappbakgrund 
					{
						background-color: #D6D3CE;
					}

.rubrik				{
						font-weight: bold;
					}
			
.sidrubrik			{
						font-family: Arial,Verdana;
						font-weight: bold;
						font-size: 16px;
						color: #555555;
					}
.sammanfattningrubrik			{
						font-family: Arial,Verdana;
						font-weight: bold;
						font-size: 16px;
						color: #555555;
						border-bottom:1px solid #CBCBCB;
					}

.radrubrik	        {
						font-family: Verdana;
						font-weight: normal;
						color: #555555;
					}
			
#MainTable			{
					border: 1px solid #999;
					padding: 0px;
					}
			
#MenyTD				{
					background: #e5e5e5;
					}
			
#ContentTD			{
					border-left: 1px solid #999;
					padding: 10px;
					}
					
#bottom				{
					width:750px;
					}
					
.MenyItem			{
					border-bottom: 1px solid #ccc;
					margin-bottom: 2px;
					padding-bottom: 2px;
					}






