﻿body 
    {
    margin:0px;
    }
    
.Bild
    {
    border:0px
    }
      
    /*
Topp menyn        
    */
    
    
 .z200    /* Fixar så att menyn kommer längst upp i heraldkin */
 {
     z-index:200;
      position: relative;
    /* left:auto;
     right:auto;
     float:none;*/
   
 }       
  .z20    /* Fixar så att menyn kommer längst upp i heraldkin */
 {
     z-index:20;
 } 
    
.Topmeny 
    {
    height:20px;
	width:100px;    
	font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:16px;
	text-decoration: none;
	padding:6px 6px 6px 6px;
	text-align:center;
	}
.TopmenyH 
    {
    height:20px;
	width:100px;
	font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-decoration: none;
	padding:6px 6px 6px 6px;
    text-align:center;
	}
	

.Dropmeny 
	{
	height:32px;
	width:160px;
	font:13px 	Verdana, Arial, Helvetica, sans-serif;
	color: #6084b1;
	line-height:16px;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background:url(Images/TopMeny/bg_01.png);
	background-repeat: no-repeat;
	}
	
.Dropmeny a
    {
    background: transparent ! important; /* Detta gör så att bakgrunds bilden inte dupliseras i menyn */
    }
	
.Dropmeny a:hover
    {
    background: transparent ! important; /* Detta gör så att bakgrunds bilden inte dupliseras i menyn */
    }
		
.DropmenyH 
	{
    height:32px;
	width:160px;    
	font:13px 	Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	text-decoration: none;
	padding:0px 0px 0px 13px;
	background:url(Images/TopMeny/bg_02.png);
	}
	
.DropmenyH a:hover
    {
    background: transparent ! important; /* Detta gör så att bakgrunds bilden inte dupliseras i menyn */
    }
    
 .SidMenyClass 
	{
	padding: 7px 0px 0px 0px;

	}
	
 .SidMenyTop 
	{

	font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:16px;
	text-decoration: none;
	padding: 10px 0px 0px 13px;
	}
  .SidMenyTopPos 
	{
	padding: 10px 0px 0px 0px;
	}
  .SidMenyText 
	{

	font:13px 	Verdana, Arial, Helvetica, sans-serif;
	color: #6084b1;
	line-height:16px;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background-repeat:no-repeat;
	}
	 .SidMenyTopIntra 
	{

	font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height:16px;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	}
	  .SidMenyTextIntra 
	{
    height:35px;
    width:120px;
	font:13px 	Verdana, Arial, Helvetica, sans-serif;
	color: #6084b1;
	line-height:16px;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background-repeat:no-repeat;
	}
	.LoginIntra 
	{
	font:11px 	Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0px 0px 0px 13px;
	background-repeat:no-repeat;
	}
  .SidMenyImgIntra 
	{
     vertical-align:middle;
	padding: 0px 0px 0px 12px;
	background-repeat: repeat-y;
	}
    .IntraPlace
    {
    width:300px;
    }
	
    /*
Text i siten        
    */

.RubbeRod
{
    font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color:#870000;
    margin:10px 10px 5px 10px;
}

.RubbeVit
{
    font:14px 	Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
    margin:10px 10px 5px 10px;
}
.RubbeVitFet
{
    font:14px 	Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
	color:#ffffff;
}

.RubbeBla
{
    font:18px 	"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#6084b1;
    margin:10px 10px 5px 0px;
}

.Ingress
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
	font-weight:bold;
}
.IngressVit
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}

.BrodVitSM
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.BrodVit
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.Brod
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.BrodBlue
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
}	
.FormularText
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:2px 0px 0px 0px;
}
.Formular
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0px 0px 0px 0px;
}
.BrodStart
{
    font:11px 	Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}


.Byline
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
    margin-left:auto;
    margin-right:auto;
    float: none;
    clear:both;
}
.Byline a
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
}
.Byline a:hover
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#870000;
}
.Bildtext
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
	font-style:italic;
    margin: 0px 20px 0px 0px;
    float:right;
}
.PostTxt
{
    font:9px 	Verdana, Arial, Helvetica, sans-serif;
	color:#6084b1;
	font-style:italic;
}

/* Ytans uppdelning strukturen för siderna */


.Total /* Total Diven centrera och begränsar arbetsytan */
   {
   width:910px; 
   margin:auto;
   }

.LeftBox /* Vänster Diven */
{

    padding:20px 5px 20px 5px;
    width: 170px;
    height:auto;
    float:left
}
.RightBox2 /* Split Div; för att kunna lägga Mitten och Höger bredvid varandra */
{
    height:auto;
    float:right;
}




.MidBox /* Mitten Diven */
{
    padding:20px 5px 20px 5px;
    width: 540px;
    height:auto;
    float:left;
    z-index:1;
   

}
.CenterBox /* Vänster Diven */
{

    padding:20px 20px 20px 20px;
    width: 480px;
    height:auto;
    float:left
}
.RightBox /* Höger Diven */
{

    padding:20px 5px 20px 5px;
    width: 170px;
    height:auto;
    float:right;
}

/* --------------------------------------Här byggs Intranet strukturen------------------------------------- */

.TotalIntranet /* Total Diven centrera och begränsar arbetsytan */
{
  
   width:820px; 
   margin:auto;
}


.IntraBoxL /* Höger div för intranätet */
{
    padding:20px 5px 20px 5px;
    width: 250px;
    height:auto;
    float:left;
}
.IntraBoxR /* Höger div för intranätet */
{
    padding:20px 5px 20px 5px;
    width: 540px;
    height:auto;
    float:right;
}
.HitaBoxR /* Höger div för intranätet */
{
    padding:20px 5px 20px 5px;
    width: 720px;
    height:auto;
    float:right;
}
/* --------------------------------------Här byggs Info strukturen------------------------------------- */

.InfoCenter /* Split Div; för att kunna lägga Info i mitten */
{
    width: 500px;
    height:auto;
    margin:10px 5px 5px 10px;

}
.InfoCenter2 /* Split Div; för att kunna lägga Info i mitten */
{
    width: 530px;
    height:auto;
    margin:10px 5px 5px 5px;
}
.InfoCenter3 /* Split Div; för att kunna lägga Info i mitten */
{
    width: 700px;
    height:auto;
    margin:10px 5px 5px 5px;
}
.InfoText /* Mitten Diven */
{
    margin:5px 0px 10px 0px;
    width: 245px;
    height:auto;
    float:left;
    padding:0px 0px 15px 0px;
}

.InfoBild /* Höger Diven */
{

    margin:5px 0px 10px 0px;
    width: 245px;
    height:auto;
    float:right;
    padding:0px 0px 15px 0px;
}
/* Div strukturen för siderna SLUT */

/* --------------------------------------Här byggs SlideShowen upp------------------------------------- */

/*
body 
{margin:0; background:#111; padding:5px; font:11px Verdana,Arial}
*/

#slideshow 
{
list-style:none; 
color:#ffffff;
}

#slideshow span 
{
display:none;
}

#wrapper 
{
width:506px; 
margin:0px auto;                      /* ändrad */
display:none;
}

#wrapper * 
{
margin:0;
padding:0;
}

#fullsize 
{
position:relative; 
width:500px; 
height:300px; 
padding:2px; 
border:1px solid #cccccc; 
background:#ffffff;                      /* ändrad */
}

#information 
{
position:absolute; 
bottom:0;
left:2px;                               /* Ändrad */   
width:500px; 
height:0; 
background:#000000; 
color:#ffffff; 
overflow:hidden; 
z-index:200; 
opacity:.7; 
filter:alpha(opacity=70);
}

#information h3 /* Rubriken på bilderna */
{    
padding:4px 8px 3px; 
font-size:14px;
font-family: "Trebuchet MS", Verdana, Arial;
}

#information p /* Ingressen på bilderna */
{
padding:0 8px 8px;
font-size:12px;
font-family: "Trebuchet MS", Verdana, Arial;
}

#image 
{
width:500px;
}

#image img 
{
position:absolute;
left:2px;                                 /* Ändrad */  
z-index:25; 
width:auto;
}

.imgnav 
{
position:absolute; 
width:25%; 
height:306px; 
cursor:pointer; 
z-index:150;
}

#imgprev 
{left:0; 
background:url(Images/SlideShow/Nav/left.gif) left center no-repeat;
}

#imgnext 
{
right:0; 
background:url(Images/SlideShow/Nav/right.gif) right center no-repeat;
}

#imglink 
{
position:absolute; 
height:306px; 
width:100%; 
z-index:100; 
opacity:.4; 
filter:alpha(opacity=40);
}

.linkhover 
{
background:url(Images/SlideShow/Nav/link.gif) center center no-repeat;
}

#thumbnails 
{
margin-top:15px;
}

#slideleft 
{
float:left; 
width:20px; 
height:81px; 
background:url(Images/SlideShow/Nav/scroll-left.gif) center center no-repeat; 
background-color:#222222;
}

#slideleft:hover 
{
background-color:#333333;
}

#slideright 
{
float:right; 
width:20px; 
height:81px; 
background:#222222 url(Images/SlideShow/Nav/scroll-right.gif) center center no-repeat;
}

#slideright:hover 
{
background-color:#333333;
}

#slidearea 
{
float:left; 
position:relative; 
width:456px; 
margin-left:5px; 
height:81px; 
overflow:hidden;
}

#slider 
{
position:absolute; 
left:0; 
height:81px;
}

#slider img 
{
cursor:pointer; 
border:1px solid #666666; 
padding:2px;
}

.IE8Fix

{ 
  z-index: 100;
}