﻿.showInMobile
{
    visibility:hidden;
}

.hide
{
    visibility:hidden;
    height: 1px;
}

@media (min-width: 481px) 
{
    .stickymenurow
    {
        display:none;       
    }
}

@media (min-width: 768px) 
{
     #fixeddiv 
     {
         display:none;
    }


  .showInMobile
    {
         display:none;
    }

    .notShowInMobile
    {
        visibility:visible;
    }
      
}

@media (min-width: 481px) and (max-width: 979px)
{    

  #logodiv
    {
        width:30%;
    }
    #globalmenudiv
    {
        width:30%;
    }
    #quicksearchdiv
    {
        width:40%;
    }
    .row 
    {
        padding: 0 0 20px 0;
        margin-left:0px;
    }
}


@media (min-width: 982px) {
 
    .container
    {
       
        max-width: 960px !important;
    }
    .span1
    {
          
          max-width: 60px !important;
    }
    .span2
    {
     
          max-width: 140px !important;
    }
    .span3
    {        
          max-width: 250px !important;               
          min-width: 250px !important;   
    }     
    
    .span4
    {
         
          max-width: 300px !important;
          width:300px !important;
    }
    .span4.start-puff-main
    {
         
          max-width: 320px !important;
          width: 320px !important;
          margin-top: 15px;
           margin-bottom: 15px;
    }
    .span5
    {
             
          max-width: 360px !important;    
         
    }
    .span6
    {
          width: 465px !important;   
          max-width: 465px !important;
    }
    .span7
    {
             
          max-width: 570px !important;
    }
    .span8
    {
               
          max-width: 630px !important;
    }
    .span9
    {
          
          max-width: 700px !important;
    }
    .span10
    {
      
          max-width: 780px !important;
    }
    .span11
    {
               
          max-width: 860px !important;
    }
    .span12
    {
             
          max-width: 960px !important;
    }
}


.right
{
    float:right;
}

.globe
{
       background-image:url(/Templates/SVID/2012/Images/icon-globe.png);
       background-repeat:no-repeat;
       padding-left: 20px;
       list-style-type: none;
       line-height: 20px;
       font-size:12px;
       padding-bottom: 2px;
}

.document
{
       background-image:url(/Templates/SVID/2012/Images/icon-document.png);
       background-repeat:no-repeat;
       padding-left: 20px;
       list-style-type: none;
       line-height: 20px;
       font-size:12px;
       padding-bottom: 2px;
}

.puff ul 
{
     margin-left:0px;
     padding-top:8px;
     padding-left:16px;
}

.puff img   
{
     display: block; 
     margin-left: auto !important; 
     margin-right: auto !important; 
}

a
{
    color:#333333;    
}
.maincontent a
{
    color:#61a019;
}

.puff a:visited
{
    color:#FFFFFF;
}



h1, h2, h3, h4, p
{
	margin: 0px;
	padding: 0px;
}

h1
{
	margin-top: 20px;
	margin-bottom: 5px;
	 
}

h2
{
	margin-top: 10px;
	margin-bottom: 5px;
	 
}

h1,
h2,
h3,
h4,
h5,
h6 
{
    font-family:Arial;
    font-weight:normal;
}

h1
{
    font-size: 24pt;
    line-height: 28pt;
  
    padding-top:5px;
}
h2
{
    font-size: 18pt;
    line-height: 20pt;
 
     padding-bottom:15px;
      padding-top:15px;
}
h3
{
    font-size: 16pt;
    line-height: 18pt;
}

.maincontent h3 {
	padding-bottom:10px;
      padding-top:10px;
}

.maincontent h4 {
	padding-bottom:10px;
	padding-top:10px;
}

.ingress
{
      font-size: 14pt;    
      line-height: 18pt;
 
}

.substartingress
{
    font-size: 14pt;
       
      line-height: 16pt;
      padding-bottom:15px;
}



body 
{
    margin: 0px;
	padding: 0px;
	background: url(../images/bg.gif) repeat-x top left;
    font-family:Arial;
    color: #333333;
    font-weight:normal;
 
}
 

 
.input  {
    
    color: #999999;
 
    border: 1px solid #72BE1E;
}
.input:focus
{
      color: #333333;
    background-color:white;
} 
 
.btn
{
    color: #73BE1E;
}        
.btn:hover
{
     background-color: #999999;
}
 .search
 {
 
   padding-left:0.1em;
   width: 12em;
 
 }
 
.separator
{
    padding: 0 0 0 0;
    margin: 3px 0 3px 0;
}

.row 
{
    padding: 0 0 20px 0;
}

.nopadding
{
     padding: 0 0 0 0;
}
.topmenuspacing 
{
    margin: 0 0 15px 0;
    margin-left: -30px;
    max-width: 960px;
}
   
.breadcrumb 
{
    background-color: White;
      font-family: Arial, sans-serif;
    color:#999999;
    font-size:12px;
    padding:0px;
}

.breadcrumb a
{
    color:#999999;
    font-size:12px;
}

.global-menu
{
         font-family: Arial, sans-serif;
      float:right;
   padding: 0px 0px;
  margin: 0 0 15px;
  list-style: none;
   background-color: White;

  
}

.global-menu a
{
      font-size: 9pt;
}

.toppadding
{
    padding-top:25px;
}

.toppaddingsmall
{
    padding-top:10px;
}

.socialMediaHeader
{
    padding-top:10px;padding-bottom:10px;
}

.globalmenurow
{
        padding: 8px 0px 0px;
}

.global-menu li a {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
  padding: 0 8px 0 0;
  color: #999999;
}
 .global-menu li a:hover,
 .global-menu li a:active,
 .global-menu li a:focus 
 {
      color: #73BE1E;
 }
 

.global-menu .divider {
  padding: 0 5px;
  color: #ccc;
}




.topmenu 
{
   
 padding-top:10px;
 padding-bottom:10px;
  margin: 0 0 0 0;
  list-style: none;
      font-family: Arial, sans-serif;
  
}

.topmenu li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
  margin-right: 20px;
}

.topmenu .divider {
  padding: 0 5px;
  color: #ccc;
}

.topmenu .active {
  color: #333333;
}

.topmenu li.active
{
     text-decoration: none;
    border-bottom: 3px solid #72be1e;
 
}

.topmenu li a
{
    color: #333333;
}

.topmenu li a:hover,
.topmenu li a:active,
.topmenu li a:focus
{
 text-decoration: none; 
 padding-bottom: 0;
 color: #73BE1E;
}

.start-puff
{
    color: #FFFFFF;
    margin-left:0px;
    background-color: #FAFAF7;
}

.start-puff a
{
    color:#333333;
}

.bold
{
    font-weight:bold;
}
.start-puff-main
{
   color: #FFFFFF;   
    background-color: #FAFAF7;
}

.start-puff-main-white
{
      color: #FFFFFF;
}

.middlePuffHeaderText
{
    font-size: 13pt;
    padding-bottom:4px;
     padding-top:4px;
     display:block;
      color: #333333;
}

.start-puff-main-white:hover
{
      color: #FFFFFF;        
}

.start-puff-main-white:focus
{
      color: #FFFFFF;       
}

.start-puff ul
{
  padding: 10px 15px 8px;
  margin: 0 0 20px;
  list-style: none;
  
}

.start-puff li
{
      display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
}

.start-puff li .header
{
    font-weight:bold;
    color:#333333;
}

.start-puff li .contenttext
{
    color:#333333;
}

.italic
{
    font-style:italic;
}

.start-puff .content
{
    color:#333333;
}

.start-puff .newscontent
{
    color:#999999;
}


.more
{
   text-align: right;
   width:100%;
}

.start-puff li.more a
{
       color:#979fa1;
}

.start-puff .content
{
  padding: 0 8px 0 8px;
  margin: 0 0 0 0;
}

.footer
{
    text-align:center;
     color: #979FA1;
}

.footer a
{
     color: #979FA1;
}

.footer .breadcrumb a 
{
    color: #72BE1E;
}



.footer .mobile-menu
{
    padding-left:25px;
    padding-right:25px;
    float:left;
    margin-bottom:10px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
}

.footer .mobile-menu li
{
    float:left;
    width:50%;
}

.footer .mobile-menu li:nth-child(even) 
{
    text-align:right;
}

.btn 
{
    background-color:#72be1e;
    background-image:none;
    color:White;
}

.archiveBtn
{
    width: 18em;
}

.sokpil
{
	padding-left: 5px;
	border: none;
	display: inline;
	vertical-align: middle;
}

.leftMenu
{
    background-color:#FAFAF7;
   font-family: Arial, sans-serif;
}

.leftMenu > li
{
   margin-right:10px;   
}

.leftMenu li
{
     list-style-type:none;
}

 .leftMenu li a:hover,
 .leftMenu li a:focus,
 .leftMenu li a:active 
 {
      color: #73BE1E;
      background-color: #E6E7E8;  
 }
 
 .leftmenu-background
 {
          background-color: #E6E7E8;  
 } 
 
.leftMenu ul
{
       margin-left: 10px;
}

.leftMenu .expanded li
{
     padding-left: 5px;       
} 

.leftMenu .expanded li.active
{
    background-color:#E6E7E8;  
      border-bottom:none;
      background-image:none;
}

.LeftMenuLink1
{
    font-size: 16px;
    padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
}

li.LeftMenuLink1.expanded a
{
      text-decoration: none;
      border-bottom: 3px solid #72be1e;
      background-image:none;
}

.LeftMenuLink2
{ 
    font-size: 14px;
    padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
    font-weight: normal;
}

.LeftMenuLink2 .selected
{
    font-weight:bold;
}

.LeftMenuLink3
{
   font-size: 14px;
      padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
}

.LeftMenuLink4
{
     font-size: 14px;
      padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
}

.LeftMenuLink5
{
      font-size: 14px;
      padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
}

.LeftMenuLink6
{
      font-size: 14px;
      padding-top:3px;
    padding-bottom:3px;
    margin-top:3px;
    margin-bottom:3px;
}


li.expanded a
{
    border-bottom:1px solid #999A8C;
}

ul li li.expanded  
{
   background-position: 5% 100%;
   background-image:url(/Templates/SVID/2012/Images/leftmenu-arrow.png);  
   background-repeat: no-repeat;    
   padding-bottom: 3px;   
}

li.active a
{
      border-bottom:none;
      background-image:none;
}

.puff a
{
    color:#FFFFFF;
}

.puff
{
    background-color: #73BE1E;
    color: #FFFFFF;
    padding-left:15px;
    padding-right:15px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 10px;
    max-width: 250px;
    margin-top:25px;
    float:left;
}

.substartpuff a
{
    color:#FFFFFF;
}

.start-puff-text
{
    padding-left:15px;
    color:#333333;
    padding-top: 5px;
}

.substartpuffBox
{
    background-color:#FAFAF7;
}
.substartpuff:hover
 {
      text-decoration:underline;
 }
 
 .substartpuff:focus
 {
      text-decoration:underline;
 }
.substartpuff 
 {
    background-color: #73BE1E;
    color: #FFFFFF;
    padding-right:12px;
    padding-left:12px;
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 0px;
    
    display: block;
    overflow:auto;
    padding-bottom:0px;
}

.PageHeading {
    display: inline-block;
    width:99% !important;
    word-wrap: break-word;
} 

.PuffImageLarge
{
    float: left;
    margin: 0 10px 0 0;
}

.largePuffHeading
{
      font-size: 16pt;
    line-height: 18pt;
}

.largePuffWideContentText
{
vertical-align:top;
padding-left:5px;
display:block;
color:#333333;

}


.smallPuffHeading
{
     font-size: 13pt;
     line-height: 16pt;
}

 .gray
 {
    background-color: #99998A;
     border-bottom: 1px solid #777777;
 }
 .beige
 {
        background-color: #B69E84;
         border-bottom: 1px solid #7F6E5C;
 }
.green
{
        background-color: #73BE1E;
        border-bottom: 1px solid #4E860E;
}

.green-dark
{
        color: #4E860E;
}
            
.purple
{
        background-color: #8D489B;
          border-bottom: 1px solid #743B80;
}

.purple-dark
{
        color: #743B80;
}

.cerise
{
        background-color: #CB378D;
        border-bottom: 1px solid #94256F;
}

.cerise-dark
{
        color: #94256F;
}

.blue
{
        background-color: #3D68AD;
                border-bottom: 1px solid #2E4F83;
}

.blue-dark
{
        color: #2E4F83;
}

.orange
{
        background-color: #EE7D11;
         border-bottom: 1px solid #BD630D;
}

.orange-dark
{
        color: #BD630D;
}

.red
{
        background-color: #C02E0A;
        border-bottom: 1px solid #761C06;
}
    
  .redtext
  {
         	clear:both;
	float: left; 
      color:#CC0000;
  }
 
 
.puffHeader
{
   padding-bottom:6px;
      font-size: 1.2em;
    line-height: 1.2em;
}

.puffContent
{
    margin:0px;
}

.chicklets.twitter
{
    padding-left: 16px !important;
    padding-right:0px !important;
}

.chicklets.facebook
{
    padding-left: 16px !important;
    padding-right:0px !important;
}

.chicklets.linkedin
{
    padding-left: 16px !important;
    padding-right:0px !important;
}
.chicklets.email
{
    padding-left: 16px !important;
    padding-right:0px !important;
}

.chicklets.sharethis
{
    padding-left: 16px !important;
    padding-right:0px !important;
}
 

.followUsContentHeader
{
    padding-top:15px;
}

li.followUs a {
    height: 31px;
   display: inline-block;
    padding-left: 40px;
   font-size: 9pt;
    margin-left: 25px;
    padding-top: 10px;   

}

li.facebook a
{
    background-image:url(/Templates/SVID/2012/Images/icon-facebook.png);
    background-position: left;
    background-repeat: no-repeat;
}

li.blogger a
{
     background-image:url(/Templates/SVID/2012/Images/icon-blogg.png);
    background-position: left;
    background-repeat: no-repeat;


}

li.youtube a
{
     background-image:url(/Templates/SVID/2012/Images/icon-youtube.png);
    background-position: left;
    background-repeat: no-repeat;

}
 
li.twitter a
{
    background-image:url(/Templates/SVID/2012/Images/icon-twitter.png);
    background-position: left;
    background-repeat: no-repeat;


}
   
li.linkedin a
{
    background-image:url(/Templates/SVID/2012/Images/icon-linkedin.png);
    background-position: left;
    background-repeat: no-repeat;

}
 
 
 li.followUs.emptyicon a
{
   
    background-position: left;
    background-repeat: no-repeat;

}

#followSvidDiv li {
 display: block;
}

#followSvidDiv li a {
    display: block;
    margin-bottom: 10px;
    padding-left: 45px;
    min-height: 30px;
}


/*---------- Slideshow Start ----------*/
#Slideshow
{
	width:100%;
	height:300px;
	display:block;
	overflow:hidden;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#Slideshow a:focus{border:0!important;}
a#Slideshow-previous
{
	width:39px;
	height:39px;
	display:block;
	position:relative;
	z-index:100;
	float:left;
	bottom:170px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-image: url(/Templates/SVID/2012/Images/slide-left.png); 
	margin-left: 20px;
}
a#Slideshow-next
{
	width:39px;
	height:39px;
	display:block;
	position:relative;
	z-index:100;
	float:right;
	bottom:170px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-image: url(/Templates/SVID/2012/Images/slide-right.png);
	margin-right: 20px;
}
div#Slideshow-nav
{
	width:95%;
	 
	padding:5px;
	display:block;
	position:relative;
	z-index:100;
	float:left;
	bottom:67px;
	text-align:center;

}

#Slideshow-nav span.activeSlide
{
  display:inline-block;
  color:#FFFFFF;
  float:right;
}

#Slideshow-nav span
{
    
	display:none;
}
 

#Slideshow-nav a 
{
	padding:0 4px 0 4px;
	margin:0 4px 0 4px;
	color:#ededed;
	border:1px solid #ededed;
	font-family:Arial, Verdana;
	font-size:14px;
	text-decoration:none; 	 
}




#Slideshow-container
{
	width:100%;
	height:300px;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:10;
}
.slide
{
	width:100%;
	height:300px;
	background-color:#eee;
	background-repeat:no-repeat;
	background-position:center center;
}
.slide-content
{
 
 	width:100%;
	position:absolute;
	overflow:hidden;
	bottom:0px;
	background-repeat:repeat;
	background-image: url(../../../../images/NyStartsida/slideshow-content-bg.png);
    padding:10px;
    padding-bottom:15px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.slide-content a{text-decoration:none;}
.slide-content a:hover{text-decoration:underline;color:#fff;}
.slide-content h2
{
	color:#ffffff;
	margin:0;
	padding:0;
	font-family:Arial, Verdana;
	font-weight:normal;
	font-size:20px;
}
.slide-content p
{
	color:#ffffff;
	margin:0px !important;
	padding:0;
	font-family:Arial, Verdana;
	font-size:14px;
	min-height:5px;
}


.slide-content-header {
    color: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    margin-bottom:5px;
    padding: 0;
    display:block;

}

.slide-content-text
{
	color:#ffffff;
	margin:0;
	padding:0;
	font-family:Arial, Verdana;
	font-size:14px;
	min-height:5px;
	display:block;
	padding-right:10px;
	margin-right:70px;
}

/*---------- Slideshow End ----------*/


.beigepuffheader-outer
{    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-beige.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;     
}

.graypuffheader-outer
{    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-gray.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;     
}

.redpuffheader-outer
{    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-red.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;     
} 

.orangepuffheader-outer
{    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-orange.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;     
}

.bluepuffheader-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-blue.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.greenpuffheader-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-green.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.purplepuffheader-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-purple.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.cerisepuffheader-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-cerise.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.bluepuffheader-substartpuff-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-blue.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.cerisepuffheader-substartpuff-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-cerise.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.greenpuffheader-substartpuff-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-green.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}

.purplepuffheader-substartpuff-outer
{
    
   background-image: url(/Templates/SVID/2012/Images/menuArrow-purple.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;    
}


.linkArrowgray
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-gray.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}


.linkArrowbeige
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-beige.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}


.linkArrowred
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-red.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}


.linkArroworange
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-orange.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}

.linkArrowblue
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-blue.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}

.linkArrowcerise
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-cerise.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}

.linkArrowgreen
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-green.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}

.linkArrowpurple
{
      background-image: url(/Templates/SVID/2012/Images/linkArrow-purple.png);
         background-repeat: no-repeat;   
         height:11px;
         float:right;
         padding-right:2em;  
         clear:both;    
         padding-bottom: 10px;     
}

.beigepuffheader-substartpuff-under
{
    background-color: #B69E84;
    
      border-bottom: 1px solid #7F6E5C;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}

.graypuffheader-substartpuff-under
{
    background-color: #99998A;
    
      border-bottom: 1px solid #777777;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}

.redpuffheader-substartpuff-under
{
    background-color: #C02E0A;    
      border-bottom: 1px solid #761C06;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}


.orangepuffheader-substartpuff-under
{
    background-color: #EE7D11;
    
      border-bottom: 1px solid #BD630D;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}

.bluepuffheader-substartpuff-under
{
    background-color: #3D68AD;   
   
  border-bottom: 1px solid #2E4F83;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}

.cerisepuffheader-substartpuff-under
{
    background-color: #CB378D;
         
    border-bottom: 1px solid #94256F;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}
 
.greenpuffheader-substartpuff-under
{
  
    background-color: #73BE1E;
   
    border-bottom: 1px solid #4E860E;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}

.purplepuffheader-substartpuff-under
{
    background-color: #8D489B;
 
      border-bottom: 1px solid #743B80;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
  
}



.orangepuffheader
{    
    background-color: #EE7D11;
    border-bottom-color: #BD630D;
    border-bottom-style: solid;
    font-size: 1.2em;
    border-bottom-width:1px; 
    padding-left:1em;    
    padding-top:5px;
}

.orangepuffheader-under {
    background-color: #EE7D11;
      border-bottom: 1px solid #BD630D;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
}

.purplepuffheader:hover
{
    text-decoration:underline;
}
.purplepuffheader:focus
{
    text-decoration:underline;
}

.purplepuffheader
{
    background-image: url(/Templates/SVID/2012/Images/arrow-purple.png);
    background-repeat:no-repeat;
    padding-left:1em;
    width:100%;
     height: 29px;
     padding-top:5px;
      margin-top: 10px;
      font-size: 1.2em;
    line-height: 1.2em;
    display:block;
    color:White;
}

.slideHeader
{
    position: absolute;
    z-index: 100;
      color: #FFFFFF;
      padding-right:1em;
}

.greenpuffheader-outer
{  
   background-image: url(/Templates/SVID/2012/Images/menuArrow-green.png);  
   background-position: 5% 100%;
   background-repeat: no-repeat;    
   padding-bottom: 3px;     
}
            
.greenpuffheader
{
    background-color: #73BE1E;
    border-bottom-color: #4E860E;
    border-bottom-style: solid;
    font-size: 1.2em;
    border-bottom-width:1px;
 
  

    padding-left:1em;    
    padding-top:5px;    
}

.greenpuffheader-slider
{
    background-image: url(/Templates/SVID/2012/Images/arrow-green.png);
    background-repeat:no-repeat;
    padding-left:1em;
    width:100%;
    height: 29px;
    padding-top:5px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display:block;
    color:White;
}

.greenpuffheader-under
{
    background-color: #73BE1E;
 
     border-bottom: 1px solid #4E860E;
    clear: both;
    height: 2px;
    line-height: 1.2em;
    vertical-align: bottom;
    
}

.bluepuffheader:hover
{
    text-decoration:underline;
}
.bluepuffheader:focus
{
    text-decoration:underline;
}
.bluepuffheader
{
    background-image: url(/Templates/SVID/2012/Images/arrow-blue.png);
    background-repeat:no-repeat;
    padding-left:1em;
        width:100%;
   height: 29px;
   padding-top:5px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display:block;
    color:White;
}
.pinkpuffheader:hover
{
    text-decoration:underline;
}
.pinkpuffheader:focus
{
    text-decoration:underline;
}
.pinkpuffheader
{
    background-image: url(/Templates/SVID/2012/Images/arrow-pink.png);
    background-repeat:no-repeat;
    padding-left:0.5em;
    width:100%;
    height: 29px;
    padding-top:5px;
     margin-top: 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display:block;
    color:White;
}

.start-puff-left
{
    background-image: url(/Templates/SVID/2012/Images/bubble-what.png);
    background-repeat:no-repeat;
    padding-right:100px;
    background-position: right;
    padding-bottom:5px;
     display:block;     
     color: #333333;
    min-height: 65px;
}

.start-puff-middle
{
    background-image: url(/Templates/SVID/2012/Images/bubble-how.png);
    background-repeat:no-repeat;
     padding-right:100px;
    background-position: right;
      padding-bottom:5px;
       display:block;       
     color: #333333;
     min-height: 65px;
}

.start-puff-right
{
    background-image: url(/Templates/SVID/2012/Images/bubble-search.png);
    background-repeat:no-repeat;
     padding-right:100px;
    background-position: right;
      padding-bottom:5px;
       display:block;       
     color: #333333;
     min-height: 65px;
}
 
 /*li.facebook
 {
     background-image: url(/Templates/SVID/2012/Images/icon-facebook.png);
     background-repeat:no-repeat;
     padding-left:35px;
     min-height:40px;
 }
 
  .youtube
 {
     background-image: url(/Templates/SVID/2012/Images/icon-youtube.png);
    background-repeat:no-repeat;
   padding-left:35px;
  min-height:40px;
 }
 
 .blogger
 {
     background-image: url(/Templates/SVID/2012/Images/icon-blogg.png);
    background-repeat:no-repeat;
     padding-left:35px;
     min-height:40px;
 }*/
 
 /* ----------------------------------------------------- BEGIN CENTER COLUMN WIDE ------------------------------------------------*/
div#centerColumnWide
{
	float: left;
 
	border-bottom: none;
	border-top: none;
	padding: 0px 38px 12px 0px;
	overflow: hidden;
}

div#centerColumnWide div#textarea
{
	width: 100%;
	clear: both;
	margin-bottom: 3em;
	font-size: 105%;
	border: none;
}

div#centerColumnWide .imagetext
{
	font-size: 1.05em;
}

div#centerColumnWide a {
	text-decoration: none;
}

div#centerColumnWide a:hover
{
	text-decoration: underline;
}

div#centerColumnWide div.boxarea h3
{
	margin: 0 0 0.25em;
	padding: 12px 0 0 12px;
	font-size: 150%;
	font-weight: bold;
	color: #66cc33;
}

 
/* ----------------------------------------------------- END CENTER COLUMN WIDE------------------------------------------------*/

div#Alphalinks
{
	clear: both;
	float: left;
	text-transform: uppercase;
	border-bottom: 1px solid #99998A;
	width: 100%;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
div#centerColumn
{
	float: left;
	width: 100%; 
	border-bottom: none;
	border-top: none;
	padding: 0 0px 12px;
	overflow: hidden;
}

div#centerColumn p {
    color: #333333;
    font-size: 105%;
    font-weight: lighter;
    margin-bottom: 8px;
}

div#centerColumn div#textarea
{
	width: 100%;
	clear: both;
	margin-bottom: 3em;
	font-size: 105%;
	border: none;
}

div#centerColumn .imagetext
{
	font-size: 1.05em;
}

div#centerColumn a
{
	color: #D25214;
    text-decoration: underline;
}

div#centerColumn a img
{
	border: none;
}

div#centerColumn a:hover
{
	color: #D25214;
	text-decoration: none;
}

 
/* SITEMAP New Version for EPi6 */
div.sitemapMaster
{
	margin-bottom: 2em;
	font-family:arial,verdana,helvetica,tahoma,sans-serif;
	font-size:0.7em;
	width: 100%;
	float: left;
	color: Red;
}

div.sitemapMaster > ul > li
{
    clear: both;
    display: inline-block;
    vertical-align: top;
    width:300px;
}

div.sitemapMaster div.HeaderTemplate,
div.sitemapMaster div.ItemHeaderTemplate,
div.sitemapMaster div.ItemFooterTemplate,
div.sitemapMaster div.ExpandedTopTemplate,
div.sitemapMaster div.FooterTemplate
{
	display:none;
}

div.sitemapMaster ul div.root {
	background:#73BE1E;
	color:#FFF;
	padding-left:4px;
	 font-weight: bold;
    line-height: 22px;
    text-decoration: none;
    font-size:16pt;
    margin-top:1.0em;
}



div#centerColumnWide div.sitemapMaster ul div.root a {
	color:#FFF;
	line-height:22px;
	text-decoration:none;
	font-weight:bold;
	display:inline-block;
}

div.sitemapMaster ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
 
div.sitemapMaster ul li a 
{
	font-size:12px;
	line-height:normal;
}

div.sitemapMaster ul div.root a {
	background:#73BE1E;
	color:#FFF; 
    line-height: 22px;
    text-decoration: none;
    font-size:11pt;
}

div.sitemapMaster ul ul li {
	border-left:1px solid #73BE1E;
	margin-left:8px;
	padding:0 0 0 16px;
}

div.sitemapMaster ul ul li.endOfBranch {
	border:0 none;
}

div.sitemapMaster ul ul li.endOfBranch + li {
	border:0 none;
}

div.sitemapMaster ul ul li a {
	display:inline-block;
	padding:2px 0 3px 0;
	position:relative;
	text-decoration: underline;
}
div.sitemapMaster ul ul li a:hover
{
    text-decoration: underline;
	text-decoration: none;
}
div.sitemapMaster ul ul li a span {
	display:block;
	position:absolute;
	left:-16px;
	top:9px;
	height:0;
	width:14px;
	line-height:0;
	font-size:0;
	border-color:#73BE1E;
	border-style:solid;
	border-width:0;
	border-bottom-width:1px;
}

div.sitemapMaster ul ul li.endOfBranch > a span {
	border-left-width:1px;
	height:10px;
	top:0;
}
/* END SITEMAP EPi6*/
   
  a.whitehover:focus
{
    color:#FFFFFF;
    text-decoration:none;
} 
   
 a.whitehover:hover
{
    color:#FFFFFF;
   text-decoration:none;
} 

.start-puff-text:hover
{
     text-decoration:none;
}
.start-puff-text:focus
{
    text-decoration:none;
}
 
 /*css inlyft ifrån gammalt pga. tidsbrist */
 /*arkiv start */
div.newsarchive div.leftcolumn {
    clear: left;
    float: left;
    padding-bottom: 0;
    padding-right: 30px;
    padding-top: 0;
}
div.newsarchive div.rightcolumn {
    clear: right;
    float: left;
    padding-bottom: 0;
    padding-top: 0;
    width: 50%;
}

div.newsarchive {
    clear: both;
    display: block;
    float: left;
    padding-top: 12px;
	padding-bottom: 12px;
    width: 100%;
	border-top: 1px solid #99998A;
}

div.pagenavigation {
    clear: both;
    display: block;
    padding-bottom: 0;
    padding-left: 50px;
    padding-top: 10px;
    width: 100%;
}

div.abovelisttext {
    clear: both;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    border-top: 1px solid #99998A;
}

div.newslistning {
    border-bottom: 1px solid #99998A;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
	margin-bottom: 15px;
}

div.newslistning ul {
	margin-left: 0px;
}

div#pageChangedArea {
    border: medium none;
    clear: both;
    font-size: 97%;
    margin-bottom: 3em;
    width: 100%;
}

div.newslistning ul li p {
    font-size: 97%;
    padding-left: 0;
    padding-top: 0;
	margin-bottom: 0px;
}
div.newslistning ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 8px;
    margin-top: 0;
    width: 100%;
}

.newslistning ul li a
{
    display: table;
	font-size: 120%;
	margin-bottom: 5px;
}

/* kalenderarkiv start*/

.knapp {
    background-image: url("../../../../images/knapp_tonadbakgrund.jpg");
    border: 2px outset #69A706;
    color: white;
}

div#col1SearchCalendar1 {
    border-top: 1px solid #99998A;
    float: left;
    width: 50%;
    padding: 12px 0px 12px 0px;
}

div#col1SearchCalendar {
    border-top: 1px solid #99998A;
    padding: 12px 0px 12px 0px;
}

div#col2SearchCalendar1 {
    border-top: 1px solid #99998A;
    float: left;
    width: 50%;
    padding: 12px 0px 12px 0px;
}

div.datelistning {
    border-bottom: 1px solid #99998A;
    border-top: 1px solid #99998A;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}
div.datelistning ul
{
	display: block;
	margin-top: 0px;
	list-style-type: none;
}

div.datelistning ul li
{
	width: 100%;
	display: block;
	margin-top: 0px;
	margin-bottom: 8px;
	list-style-type: none;
	float: left;
}

div.datelistning ul li img
{
	display: block;
	margin-top: 0px;
	list-style-type: none;
	float: left;
}

div.datelistning ul li a
{
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 120%;
	padding-left: 0px;
	float: left;
}

div.datelistning ul li a:visited
{
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 120%;
	padding-left: 0px;
	float: left;
}

div.datelistning ul li p
{
	font-size: 97%;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
}

/* kalenderarkiv stop*/


/*arkiv stop */

.root a
{
     color: #FFFFFF;
    display: inline-block;   
}

/* Inline style städning TODO fixa*/

.nomargin
{
    margin-left: 0px;
}

.marginRight
{
    margin-right: 30px;
}

.marginRightMedium
{
    margin-right: 20px;
}

.quicksearch
{
     float: right;
      
      padding-top:25px;
}

.sharethismargins
{
    vertical-align:top;margin-right:6px;
}

.sharethissubpagediv
{
    float: right; color: #333333; font-size: 14px; line-height: 10px;
      padding-top: 5px;
}
.sharethissubpage
{
    vertical-align: top; margin-right: 6px;font-weight:normal;  
}

.sharethisarticlepagediv {
    color: #333333;
    padding-top:4px;
    font-size: 14px;
    line-height: 10px;    
}


.footerdiv
{
     width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center; 
  padding-top:10px;
}

.footerdiv ul
{
 
    list-style: none; 
}

 
.footerdiv ul li { display: inline; }

.clear
{
    clear: both;
}
.left
{
    float: left;
}

.topPadding
{
    padding-top: 10px;
}

.paddingAround
{
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.clickArea
{
    border-right: 1px solid #F3F3F1;
    padding-right: 10px;
    padding-left: 10px;
    display:block;
}
.start-puff-main-white:hover
{
     text-decoration:none;
}
.start-puff-main-white:focus
{
     text-decoration:none;
}

.lastClickAreaPadding
{
  padding-right: 10px;
  padding-left: 10px;
  display:block;
}
/* Inline style städning stop*/

fieldset.search-form label {
    clear: left;
    display: block;
    float: left;
    margin-right: 0;
    width: auto;
}


 .search-area div {
    float: left;
    width: 151px;
}

.search-form input
{
    margin-right:5px;
}

 .socialmedia a
 {
    font-size:10pt;   
 }
 
 
 div#col1
{
	word-wrap:break-word;
	width: 19em;
	float: left;
	padding: 1em 0 0 1em;
	border-top: solid 1px #99998A;
}
div#col2
{
	width: 19em;
	float: left;
	padding: 1em 0 0 1em;
	border-top: solid 1px #99998A;
}
div#col3
{
	width: 38em;
	clear: both;
	float: left;
	padding: 1em 0 0 1em;
}

div#col3 a
{
	padding-bottom: 1em;
	display: block;
}


#col2 input {
    margin-right: 5px;
}


#col3 input {
    margin-right: 5px;
}


div#col3 div#col1 div#col2 p.led
{
	font-size: 95%;
	margin-bottom: 0.5em;
	margin-top: 0.6em;
	color: #40402D;
}
 


.span8 p
{
    margin: 0 0 10px;
}


div.datelistning
{
	display: block;
	float: left;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 100%;
	border-top: none;
	border-bottom: solid 1px #99998A;
	margin-bottom: 15px;
}

div.searchtext
{
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 100%;
	margin-bottom: 15px;
	border-top: solid 1px #99998A;
}

div.datelistning h3
{
    padding-top:0.5em;
    padding-bottom:0.5em;
 }

.calendarHeader
{
     padding-top:0.5em;
    padding-bottom:0.5em;
}

div.datelistning ul
{
	display: block;
	margin-top: 0px;
	list-style-type: none;
	margin-left:0px;
	padding-top: 5px;
}

div.datelistning ul li
{
	width: 100%;
	display: block;
	margin-top: 0px;
	margin-bottom: 8px;
	list-style-type: none;
	float: left;
}


div.datelistning ul li img
{
	display: block;
	margin-top: 0px;
	list-style-type: none;
	float: left;
}

 

div.datelistning ul li div
{
	clear:both;
	float: left;
}

div.datelistning ul li a
{
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 120%;
	padding-left: 0px;
	float: left;
}

div.datelistning ul li a:visited
{
	display: block;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 120%;
	padding-left: 0px;
	float: left;
}

div.datelistning ul li p
{
	font-size: 97%;
	padding-left: 0px;
	padding-top: 0px;
	float: left;
	margin-bottom: 0px;
}

 
.pager a, .pager span {
    background-color: inherit;
    border: none;
    border-radius: 0px;
    display: inline-block;
    padding: 0px 0px;
}

.pager p, .pager a 
{
       background-color: inherit;
    border: none;
    border-radius: 0px;
    float: left;
    margin: 0;
    padding: 3px 8px;
}

.pager p, .pager a:hover
{
     text-decoration:underline;
}

.formTextBox {
	width: 300px;
}

.formFileTextBox {
	margin-right: 15px;
}

.formTextBoxErrors {
	float: left;
	margin-right: 15px;
	border: solid red 2px;
}

.error {
	color: red;
}

.formLabel {
	font-weight: bold;

}

.InputField, .UploadField {
	padding-bottom: 10px;
}

.errorBulletList {
	padding-left: 45px;
	padding-bottom: 15px;
	color: red;
}

#errorSummaryContent {
	background: url('/Templates/SVID/2012/Images/validation_error.png') no-repeat;
}

.calendarFilter {
	float: left;
}

.calendarFilterPad {
	padding-right: 30px;
}

.calendarFilterContent {
	border-top: solid 1px #99998A;
	border-bottom: solid 1px #99998A;
}

.fireButtons {
	display: none;
}

.LoadMore {
	color: #61a019;
	clear: left;
}

.LoadMore:hover {
	cursor: pointer;
}

.LoadMoreArrows {
	margin-left: 5px;
}


@media (min-width: 768px) and (max-width: 979px)
{  
    .span3 {
    width: 220px;
    }  
}
 
@media (min-width: 980px) and (max-width: 1070px)
{
     .span3 {
    min-width: 220px;
    }
    
        .span4 {
    max-width: 32%;
  
    }
    
    .start-puff-main
    {
        padding-right:0em;
    }
    
}
@media (min-width: 830px) and (max-width: 1070px)
{ 
    .purplepuffheader
    {   
       background-size: 96% 96%;     
    }           

    .bluepuffheader
    { 
           background-size: 94% 96%; 
    }

    .pinkpuffheader
    {
        background-size: 96% 96%;
    }
    
}



@media (min-width: 770px) and (max-width: 920px)
{  
    .purplepuffheader
    {   
       background-size: 94% 96%;     
    }
              
    .bluepuffheader
    { 
           background-size: 92% 96%; 
    }

    .pinkpuffheader
    {    
        background-size: 94% 96%;
    }
    
  
    
}

/*IE8-fix*/


#newsArchive 
{
    background-image:url("/Templates/SVID/2012/Images/linkArrow-green.png");
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:15px;
}

#calendarArchive

{
    background-image:url("/Templates/SVID/2012/Images/linkArrow-orange.png");
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:15px;
}


#newsArchive img, #calendarArchive img
{
    display:none;
}

.page_navigation {
	font-size: 120%;
}

.page_link {
	padding-left: 5px;
	padding-right: 5px;
}

.previousBtn {
	padding-right: 10px;
}

.nextBtn {
	padding-left: 10px;
}

.fullWidthArchive {
	width: 100%;
}

.emailSubscription .redText {
	color: red;
}

.emailSubscriptionError {
	color: red;
	display: block;
}

.emailSubscription input.emailSubscriptionInput {
	width: 150px;
}

.emailSubscription p.emailSubscriptionText{
	padding-right: 20px;
	float: left;
}

.emailSubscription {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 25px;
}

.emailSubscriptionContent {
	width: 100%;
	background-color: #FAFAF7;
	border: solid #73BE1E 3px;
}

p.emailSubscriptionBold {
	font-weight: bold;
}

@media (max-width: 480px) {
	.emailSubscription {
		padding-left: 10px;
		padding-right: 10px;
	}

	.emailSubscription p.emailSubscriptionText {
		float: none;
		padding-right: 0;
		margin-bottom: 5px;
}

	.imageArea {
		padding-top: 25px;
	}
}