﻿/* Grundstil 



body
{
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 8pt;
}
			
body.std
{

	background-color: #f4f4f4;	 
	background-repeat: repeat-x;
}
								
body.intranet
{
	background-image: url(img/tilesbg2.gif);	
	background-color: #000;	 
	background-repeat: repeat-x;
}

img
{
	border: 0
}

.container1
{				 
	padding: 40px 0 0 0;
	height: 100%;
}

.container2
{
	margin: 0 auto 0 auto;
	width: 780px;
	background-color: #fff;
	color: #444;

}

.container3
{
	padding: 14px 10px 10px 27px;
}

.headerblock
{
	position: relative;
}

.headerblock .image
{
}

.headerblock .menu
{
}

.headerblock .languages
{		 
	position: absolute;
	width: 100px;
	text-align: right;
	right: 0px;
	top: -33px;
}

.headerblock .languages a img
{
	border: 0;
	background-image: none;
}

.headerblock .extraimage
{
	position: absolute;
	left: 0px;
	top: -45px;
}

.contentblock
{
	margin: 0 0 0 0;
	padding: 10px 15px 10px 5px;
	color: #666;
	background-image: url("../img/content_bg.gif");
	background-repeat: repeat-x;
}

.footerblock
{				 
	margin: 5px auto 0 auto;
	width: 780px;
}

.innerfooterblock
{
	padding: 0 0 0 10px;	
	font: 8pt Arial;
	color: #6e6b6a;
}			

.innerfooterblock a
{
	color: #6e6b6a;
	text-decoration: underline;
	background-image: none;
}


.pad10
{
	padding: 10px;
}


*/ 








/* Standardlayout, två kolumner 

table.twocolumns
{
	border-collapse: collapse;
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

table.twocolumns tr td
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

table.twocolumns tr td.column1
{

}

table.twocolumns tr td.column2
{
	width: 211px;
}

table.twocolumns tr td.column2 img a 
{
	background-image: none;
}

table.twocolumns tr td.separator
{
	width: 20px;
}

table.twocolumns tr td.column2 div.nooimg  a
{
	background-image: none;
}

									
									
									
									
									
									
									
									


 Bifogade bilder och filer */ 

ul.images,
ul.files
{
	margin: 0 0 10px 0;
	list-style-type: none;
	padding: 0;
}
			 
ul.images li,
ul.files li
{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: none;
}

ul.images li a,
ul.files li a
{
	text-decoration: none;
	background-image: none;
}

ul.images li img
{
	vertical-align: bottom;
	border: 0;
	display: block;
}
				 
ul.files li img
{
	vertical-align: bottom;
	border: 0;
}


img
{
    background-image: none;
}


#languages
{
 position:absolute;
 top: 50px;
 left: 780px;
    
}


/* Textmenyn 

div.topmenu
{
	margin: 0 0 4px 0;
	height: 24px;
	background-image: url(../../img/topmenu_background.gif);
	background-position: top right;
	background-repeat: repeat-x;	   
	font-size: 7px;
}

div.topmenu a 
{
	background-image: none;
	margin: 0px;
	padding: 0px;
}

div.topsubmenu
{
	margin: 0 0 4px 0;	  
	height: 24px;
	background-image: none;
}

div.topsubmenu a 
{
	background-image: none;
	margin: 0px;
	padding: 0px;
}


ul.dummymenu,
ul.dummysubmenu
{			   
	display: block;
	height: 25px;
	padding: 0;
	margin: 0;	   
	list-style-type: none;
}
				 
ul.dummymenu li,
ul.dummysubmenu li
{
	display: block;
	list-style: none;
	float: left;
	clear: none;
	margin: 0 12px 0 0;
	padding: 0;
	background-image: none;
}

ul.dummymenu li
{
	font-size: 10pt;
	letter-spacing: -1px;
}

ul.dummysubmenu li
{
	font-size: 9pt;	  
	letter-spacing: -1px;
}


ul.dummymenu li a,
ul.dummysubmenu li a
{
	color: #3e7aab;
	text-decoration: none;
	background-image: none;
}
		
ul.dummymenu li.selected a,
ul.dummysubmenu li.selected a
{
	color: #000;
	background-image: none;
}




*/












/* De fyra kolumnerna pa startsidan 

table.startfour
{
	width: 100%;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.startfour tr td
{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;	
}

*/


/* trekolumnslayout - intranätet 

table.threecolumns
{		
	width: 100%;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.threecolumns tr td
{
	vertical-align: top;
}					
				
table.threecolumns tr td.column1
{
	width: 495px;
}
				
table.threecolumns tr td.column3
{
	width: 190px;
	padding-left: 5px;
}

table.threecolumns tr td.separator,	
table.threecolumns tr td.spacer
{
	background-image: url(../../img/vert-separator.gif);
	background-repeat: repeat-y;
	width: 30px;
	font-size: 1px;	
}

*/

/* tvåkolumnslayout - standardsidor med bilder till höger 
	  
table.twocolumns
{		
	width: 100%;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	margin: 0 0 0 0;
}

table.twocolumns tr td
{
	vertical-align: top;
}

table.twocolumns tr td.column1{
	
}					
			
			
table.twocolumns tr td.column2
{
	width: 195px;
	padding-left: 5px;
}

table.twocolumns tr td.separator,	
table.twocolumns tr td.spacer
{
	background-image: url(../../img/vert-separator.gif);
	background-repeat: repeat-y;
	width: 30px;
	font-size: 1px;	
}
		
*/

/* sidomenyn intranätet */

div.sidemenu
{
}

div.sidemenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	
}
			
	  
div.sidemenu ul li
{
	margin: 0;	
	padding: 2px 0 2px 0;
	list-style: none;
	background-image: none;
}
				  
div.sidemenu ul li a
{
	text-decoration: none;
	padding: 0 0 0 1px;
	background-image: url(../../img/pil_link.png);	
	
}

div.sidemenu ul li.selected a
{
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 1px;
	background-image: url(../../img/pil_link.png);
}
				  
div.sidemenu li.level1indent,
div.sidemenu li.level1unindent,
div.sidemenu li.level2indent,
div.sidemenu li.level2unindent,
div.sidemenu li.level3indent,
div.sidemenu li.level3unindent,
div.sidemenu li.level4indent,
div.sidemenu li.level4unindent
{
	display: none;
	font-size: 1px;
	height: 0px;
	
	
}
			  
div.sidemenu li.level1unindent
{			
	margin: 0;
	padding: 0;
	font-size: 1px;
	overflow: hidden;
	height: 0px;	
	display: list-item;	 
	height: 5px;
		
}
   
div.sidemenu li.level1
{
	margin-left: 0px;
	
}
div.sidemenu li.level1selected
{
	margin-left: 0px;
	
}

div.sidemenu li.level2
{
	
	border-bottom: 1px dotted #d5d5d5;
}

div.sidemenu span.slevel2
{
	margin-left: 5px;
	font-size:12px;
	text-transform:uppercase;
	
}

div.sidemenu li.level2selected
{
	font-weight: bold;
	background-color: #f3f3f3;
	border-bottom: 1px dotted #d5d5d5;
	font-size:12px;
	
}

div.sidemenu li.level3
{
	border-bottom: 1px dotted #d5d5d5;	
}

div.sidemenu span.slevel3
{
	margin-left: 15px;
	font-size:12px;
}

div.sidemenu li.level3selected
{
	font-weight: bold;
	background-color: #f3f3f3;
	border-bottom: 1px dotted #d5d5d5;
	font-size:12px;
}

div.sidemenu li.level4
{
	border-bottom: 1px dotted #d5d5d5;
}

div.sidemenu span.slevel4
{
	margin-left: 25px;
	font-size:12px;
}	

div.sidemenu li.level4selected
{
	font-weight: bold;
	background-color: #f3f3f3;
	border-bottom: 1px dotted #d5d5d5;
	font-size:12px;
}	


div.sidemenu ul li.level1,
div.sidemenu ul li.level1selected
{
	font-size: 120%; 
}		  

div.sidemenu ul li.level1 a,
div.sidemenu ul li.level1selected a
{
	color: #3472a6
}		  

div.sidemenu ul li.level2 a,
div.sidemenu ul li.level3 a,
div.sidemenu ul li.level4 a,
div.sidemenu ul li.level2selected a,
div.sidemenu ul li.level3selected a,
div.sidemenu ul li.level4selected a
{
	color: #4b4b4b;
	background-image: none;
}		  



/* avdelarstylingen 

.hr 
{
	font-size: 1px;
	height: 3px;
	background-image: url(../../img/ruler.gif);
	background-repeat: repeat-x;
	margin: 5px 0 10px 0;
}
	
.hr  hr
{
	display: none;
}

*/ 















/* formulären 


.form
{
}

.formfield
{
	float: left;
}

.innerformfield
{
	padding: 0 20px 10px 0;
}

.innerformfield a
{
	margin: 0;
	padding: 0;
	background-image: none;
}

.innerformfield input.field,
.innerformfield select.field,
.innerformfield textarea.field
{
	width: 100%;
}




















.start-countdown
{
	position: relative;
	background-image: url(../../img/puff_nedrakning.jpg);
	width: 171px;
	height: 186px;
}

.start-funbox
{					 
	position: relative;
	background-image: url(../../img/puff_roligaladan.jpg);
	width: 171px;
	height: 186px;
}

			
.start-campaign
{			  
	position: relative;
	background-image: url(../../img/puff_kampanj.jpg);
	width: 171px;
	height: 186px;
}

.start-funbox .content,
.start-campaign .content,
.start-news .content
{						  
	position: absolute;
	left: 0px;
	top: 48px;
	background-color: #fff;	
	height: 128px;
	width: 171px;
	font-size: 80%;
}
					
.start-countdown .content
{
	position: absolute;
	left: 0px;
	top: 48px;
	background-color: #fff;
	width: 171px;
	height: 91px;   
	font-size: 90%;
}


.start-funbox .content .innercontent,
.start-campaign .content .innercontent,
.start-countdown .content .innercontent
{   
	padding: 5px;
}
			 

.start-news .content a,
.start-funbox .content a,
.start-campaign .content a,
.start-countdown .content a
{   
	
}

.start-countdown .link
{
	
}				
				
.start-news
{	   
	position: relative;
	background-image: url(../../img/puff_senastenytt.jpg);   
	width: 171px;
	height: 186px;
	padding: 0px;
}

.start-news .content .innercontent .hr
{   

}



.start-news .content .innercontent .newslink
{
	color: #888;
	background-image: none;
	text-decoration: none;
	
}

.start-news .content .innercontent ul
{
	  
}

.start-news .content .innercontent a,
.start-countdown .content .innercontent a,
{
	text-decoration: underline;  
}


.start-news .content .innercontent li.menu_item
{
	width: 171px;
	color: #3c3c3c;
	text-decoration: none;
	background-image: none;
	list-style: none;
	padding: 4px 0 4px 0;
	margin: 0px 0px 0px 0px;
	
	border-bottom: 1px dotted #dcdcdc;
	
}*/

/* temp för att aligna fejknyheter 
div.d1,
div.d2,
div.d3,
div.d4
{
	
	margin-left: 4px;
	
}*/

/* Intresseanmälan 

.application_textarea textarea{
	height: 140px;
}

*/


*{
	padding: 0;
	margin: 0;
}

body{
	padding: 0;
	margin: 0;
}

div.treelevel2
{
    margin-left: 8px;
}

#logocontainer{

}

#headercontainer{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
}

#headercontainer table{
	padding: 0px;
	margin: 0px;
	width: 100%;
	border: 0px;
}



.filler{
	background-color:#ff3300;
	width: 100%;
	
}

.tdcolumn1{
	width: 185px;

}

.tdcolumn2{
	width: 428px;
    padding: 0 0 0 10px;
}

.tdcolumn2 .h3
{
    /*padding-left: 13px;*/

}

.tdcolumn2 .h1
{
    /*padding-left: 13px;*/

}

.tdcolumn2 .hr{
    width: 415px;
    
}

.tdcolumn2 p
{
	line-height: 18px;
	width: 415px;
	
}

.tdcolumn2 .startsida tr td p{
	width: 300px;
}

p.indent
{
    
}




.tdcolumn3{
	width: 210px;
	padding-left: 10px;
}

.tdcolumn3 p{
	width: 178px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.tdcolumn3 .hr{
	width: 178px;
	border: 0px;
}

#meny{
	margin-left: 20px;
	padding: 0px;
}

ul.ul{
font-family: verdana;
font-size: 8pt;
list-style: none;


}

a{
	text-decoration: none;
	color: #006633;
	margin-left: 0px;

}

a:hover{
	text-decoration: underline;
	color: #ff3300;
}

ul.ul li{
	line-height: 13pt;
	background-image: url(../../img/dot.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	margin-left: 5px;
}

ul.ul li a{
	text-decoration: none;
	color: #006633;
	margin-left: 8px;
	
}

ul.ul li a:hover{
	text-decoration: underline;
	color: #ff3300;
}

pre{
    margin-top: 5px;
	font-family: verdana;
	font-size: 7pt;
	margin-bottom: 10px;
}

.tdcolumn3 strong
{
    font-size: 8pt;
    font-weight:bold;
    color: Black;
}



/* avdelning */

.hr 
{
	font-size: 1px;
	height: 11px;
	background-image: url(../../img/horizontal.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0px;
	padding-bottom: 5px;
	border: 0px;
}

.hrsmall
{
	font-size: 1px;
	height: 11px;
	background-image: url(../../img/horizontal.gif);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	padding: 0px;
	border: 0px;
	padding-bottom: 5px;
	width: 176px;
}
	
.hr  hr
{
	display: none;
	border: 0;
}

.tdsep{
	width: 15px;
	font-size: 1px;
	height: 100%;
	background-image: url(../../img/ruler.gif);
	background-repeat: repeat-y;
	margin: 0px 15px 0px 0px;
}

ul
{
    font-family: verdana;
    font-size: 8pt;
    list-style: none;
    list-style-type: none;
}

div.treelevel2 .item{
	line-height: 11pt;
	background-image: url(../../img/dot.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	margin-left: 20px;
}

div.treelevel2
{
    margin-bottom: 4px;
}

div.treelevel2 .path{
	line-height: 11pt;
	background-image: url(../../img/dot.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	margin-left: 20px;
}

div.treelevel2  a{
	text-decoration: none;
	color: #006633;
	margin-left: 8px;
	font-family: verdana;
    font-size: 8pt;
	
}

div.treelevel2  a:hover{
	text-decoration: underline;
	color: #ff3300;
	font-family: verdana;
    font-size: 8pt;
}

table.verk td
{
  vertical-align: top;
  padding: 4px 0 4px 0;
}

.tdcolumnlong
{
    width: 650px;
}


table.verk td
{
    border-bottom: 1px solid #dfdfdf;
	font-size: 8pt;
}

.newstable
{
    width: 415px;
	font-size: 8pt;	
}

.newstable a 
{
    line-height: 13pt;
	background-image: url(../../img/dot.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	padding-left: 8px;
}

.h5
{
 padding: 0px;
 margin: 0px;   
}

p.newstabletext
{
    font-size: 8pt;
    
}

div.formfield input
{
    margin-bottom: 2px;
}

div.formfield a
{
    margin-top: 3px;
    padding-top: 1px;
    line-height: 13pt;
	background-image: url(../../img/dot.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	padding-left: 8px;
}

div.formfield label
{
    width: 250px;
}


