/* CSS Dokument */

/*
 * strukturen på sidan
 */
/*
|------------------------------------------|
| Logga    |
|==========================================|
| Meny | Huvudbild           |
|      |-----------------------------------|
|      |  Innehåll           |
|------------------------------------------|
*/


html {
	height:100%;	
	overflow:-moz-scrollbars-vertical;
}

body {
	padding:0;
	margin:0;
	text-align:center;
	background:#F0F0F0 url(images/backgrounds/bg_page.jpg) repeat-x top left;
}
body,p,td,th,div {
	font-family:arial,helvetica,sans-serif;
	color:#2C2C2C;
	font-size:11px;
}

h1,h2,h3,h4,th,strong {
	color:#404040;
}

h1
{
	font-size:15px;
	padding:0;
	margin:0 0 10px 0; 
 	font-weight:bold;
	color: #666666 ;
}

h5{
	padding:0;
	margin:0;
 	font-size:12px;
 	font-weight:bold;
	color: #666666 ;
  }
  
h6{
	padding:0;
	margin:0;
 	font-size:12px;
 	font-weight:bold;
	color: #EFEFEF ;
  }

  
/*
 * Huvudsidan
 */
 
/* Centrerar innehåll samt placerar skuggorna utanför */

/* (wrapper) */
#wrapper {	
		
	margin: 0 auto;
	padding: 0px;
	margin-top: 0px;
	 /*zentriert wrapper-box*/	
	text-align: center;
	width:840px;
	position:relative;
	/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/backgrounds/shadow_content.png');		
}
html>body #wrapper { /* Child Selector css hack -> excludes IE and NS4  */
	margin-left:auto;
	margin-right:auto;
	background: url(images/backgrounds/shadow_content.png) repeat-y top left;	   
  
}
#wrapper_bottom {
	margin-left:auto; /*zentriert wrapper-box*/
	margin-right:auto;
	text-align: center;
	width:840px;	
	background:none;
	position:relative;	
	/* png support for ie pc */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/kablia/images/backgrounds/shadow_content.png,
	sizingMethod='scale');
}
html>body #wrapper_bottom { /* Child Selector css hack -> excludes IE and NS4  */
   background:url('images/backgrounds/shadow_content.png') repeat-y top left;
}

#wrapper_bottom_bottom {
	margin-left:auto; /*zentriert wrapper-box*/
	margin-right:auto;	
	text-align: center;
	width:850px;	
	height:50px;
	background:none;	
	/* png support for ie pc */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/kablia/images/backgrounds/shadow_bottom.png,
	sizingMethod='scale');
}
html>body #wrapper_bottom_bottom { /* Child Selector css hack -> excludes IE and NS4  */
   background:url(/kablia/images/backgrounds/shadow_bottom.png) top left;
}



.auto {
	margin-left:auto;
	margin-right:auto;
}

#navigation {
	margin-left:auto;
	margin-right:auto;
	width:780px;
	height: 150px;
}
.separator {
	margin-left:auto;
	margin-right:auto;	
	height:1px;
	background:url(images/backgrounds/dotted_line_black.gif) repeat-x top left;
	overflow:hidden;
	font-size:0px;
	width: 170px;

}

.separator_news {	
	height:1px;
	background:url(images/backgrounds/dotted_line_black.gif) repeat-x top left;
	overflow:hidden;
	font-size:0px;
	width: 480px;
}


/*
 * Menyn
 */
 
#menu {
	width:170px;
	margin-left:auto;
	margin-right:auto;	
}

#mainlink
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color:#2C2C2C;
	font-size:11px;
	font-weight:bold;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#mainlink a:link,
#mainlink a:visited,
#mainlink a:hover,
#mainlink a:active
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	text-decoration:none;
	color: #333333;
	font-size:11px;		
}

#secondlink
{
	margin-left:auto;
	margin-right:auto;		
	background-color: #F8F8F8;	
	font-family:arial,helvetica,sans-serif;
	color:#000000;
	font-size:11px;
	font-weight:bold;	
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#secondlink ul
{
margin-top:10px;
margin-bottom:10px;

}
#secondlink ul li
{
	font-family:arial,helvetica,sans-serif;
	color:#3399CC;
	font-size:11px;
	font-weight:bold;		
	background:url(images/menu_ul.gif) no-repeat;	
	list-style:none;
	padding: 0 0 0 20px;
}

#secondlink ul li a:link,
#secondlink ul li a:visited,
#secondlink ul li a:active
{
	font-family:arial,helvetica,sans-serif;
	color:#3399CC;
	font-size:11px;
	font-weight:bold;			
	list-style:none;
	text-decoration:none;
}
#secondlink ul li a:hover
{
	font-family:arial,helvetica,sans-serif;
	color:#3399CC;
	font-size:11px;
	font-weight:bold;			
	list-style:none;
	text-decoration:underline;
}


/*
 * Nyhetsspalt
 */
 
 
#news {
	width:170px;
	background-color: #F8F8F8;
	margin-left:auto;
	margin-right:auto;	
	
}
#news .title
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #3399CC;
	font-size:11px;
	font-weight:bold;	
	padding-top: 5px;
	
}
#news .date
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #3399CC;
	font-size:10px;		
}

#news a:link,
#news a:visited,
#news a:hover,
#news a:active
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #3399CC;
	font-size:10px;		
}

/*
 * Utmärkelsespalt
 */
 
 #award {
 	margin-left:auto;
	margin-right:auto;	
	padding-top:10px;
	padding-bottom:10px;
	width:170px;
	background-color: #ffffff;	
	
}
.content{
	margin-left:auto;
	margin-right:auto;
}

.content col.left {
	width:202px;
	background-image: url(images/backgrounds/menu_back.gif);
	background-repeat:no-repeat;
	
}
.content col.right {
	width:578px;
	
}

/*
 * Välkommentext 
 */
 
 #valkommen {
	padding-top:10px;
	padding-bottom:10px;
	width:500px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	
}

#valkommen a:link,
#valkommen a:visited,
#valkommen a:hover,
#valkommen a:active
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #000000;
	font-size:11px;	
	font-weight:bold;	
	text-decoration:none;
}

/*
 * Menybilder 
 */
 
 #smal1 {
	padding-top:10px;
	padding-bottom:100px;
	width:120px;
	background-color: #ffffff;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	margin-bottom:50px;
}

#smal1 a:link,
#smal1 a:visited,
#smal1 a:hover,
#smal1 a:active
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #000000;
	font-size:11px;	
	font-weight:bold;	
}

/*
 * Footer 
 */
 
  #footer {
	padding-top:10px;
	padding-bottom:10px;
	width:780px;
	height:50px;
	background-color: #F3F3F3;
	margin-right: auto;
	margin-left: auto;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
	margin:0;
	font-family:arial,helvetica,sans-serif;
	color: #3399CC;
	font-size:11px;		
}

  #footermargin {
  	margin-right: auto;
	margin-left: auto;
	width:780px;
	height:10px;
	}

.separator_footer {
	margin-right: auto;
	margin-left: auto;
	height:1px;
	background:url(images/backgrounds/dotted_line_black.gif) repeat-x top left;
	overflow:hidden;
	font-size:0px;
	padding-bottom:0px;
	width: 780px;
}