/* CSS Document */

body, html {
	padding:0px;
	height:100%;
	margin:0px;
	background-color:#000000;

}


h1, h2, h3, h4, h5{
	margin:0px;
	padding:0px;
	display:inline;
	}
	
.defbild{
	padding:2px;
	background-color:#DDDDDD;
	border:solid 1px #999999;
	margin:0px;
	}

.defbild_left{
	padding:2px;
	background-color:#DDDDDD;
	border:solid 1px #999999;
	margin:10px 10px 10px 10px;
	display:block;
	}

.defbild_right{
	padding:8px;
	background-color:#eeeeee;
	margin:10px 20px 0px 3px;
	border:solid 1px #999999;

	
	}

.defbild_right_end{
	padding:8px;
	background-color:#eeeeee;
	border:solid 1px #999999;
	margin:10px 0px 0px 0px;
	}	
.avgransareh{
	background-image:url(../kontakt/images/avgransare.gif);
	background-repeat:repeat-x;
	}
/* Anger sidans bredd, position och centrering */
#pagedef {
	position: absolute;
	width: 960px;
	top: 15px;
	left: 50%;
	margin: auto auto auto -480px;
	background-color:#666666;
	border:solid 1px #EEEEEE;
	padding:1px;
	z-index:1;
}

#svblogo{
	position:absolute;
	left:65px;
	top:10px;
	z-index:10;
	}
/* Sidhuvud */
#sidhuvud{
	width: 100%;
	height:5px;
	float:left;
	background-color:#FFFFFF;
}

/* Toppmeny */
#toppmeny{
	width: 960px;
	height:135px;
	float:left;
	background-color:#DDDDDD;
	background-image:url(../images/toppmeny_bg2.jpg);
	
}

/* Högerjusterad behållare för toppmenyn, bestämmer placering för densamma */
#toppmenycontainer{
	width:709px;
	height:135px;
	float:right;
	}

/* Bild eller flash */
#toppbild{
	width: 100%;
	height:140px;
	float:left;
	background-image:url(../images/toppbild2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFFFFF;
}

/*Vänstermenyn */

.leftmeny_cell{
	background-image:url(../images/leftmeny_cell.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding-left:30px;
}

.leftmeny_bcell{
	background-image:url(../images/leftmeny_bcell.jpg);
	background-repeat:no-repeat;
	height:32px;
	padding-left:30px;
}

.leftmeny_cellon{
	background-image:url(../images/leftmeny_cell_on.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding-left:30px;
}

.leftmeny_bcellon{
	background-image:url(../images/leftmeny_bcell_on.jpg);
	background-repeat:no-repeat;
	height:32px;
	padding-left:30px;
}

a.leftmeny{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}

/* Stilar för referenssidan */
.referens_ingress_frame{
	margin:20px 0px 0px 0px;
	border-bottom:dotted 1px #990000;
	width:677px;
	padding:2px;
	}
	
/* stilar för bildgallerifunktion */

.page_overlay{
	position:absolute;
	width:100%;
	background-color:#000000;
	z-index:125;
	left: 0px;
	top: 0px;
	filter:alpha(opacity=55);
	-moz-opacity:.55;
	opacity:.55;
	display:inset;
}

.image_panel{
	position:absolute;
	width:600px;
	height:460px;
	left: 50%;
	top: 60px;
	margin: auto auto auto -300px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	z-index:130;

	display:inset;
}

/* Själva sidan */
#sidinnehallstart{
	width: 100%;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	}

#sidinnehall{
	width: 100%;
	height:100%;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/meny_bg.jpg);
	background-repeat:repeat-y;
	}

/* Flikar på startsidan */
#vansterflik{
	float:left;
	width:744px;
	border-right:dotted 1px #993300;
	}

#mittenflik{
	float:left;
	width:193px;
	text-align:center;
	}

#hogerflik{
	float:left;
	width:210px;
	height:435px;
	}

#nyhetsflik{
	float:right;
	width:215px;
	}

.nyhetsrubrikflik{
	float:right;
	width:215px;
	}
	
.kontaktflik{
	float:right;
	width:255px;
	}
/* Kolumner, vänster/höger, på undersidorna */
#vansterkolumn{
	float:left;
	width:213px;
	}

#vansterkolumnkontakt{
	float:left;
	width:263px;
	height:524px;
    background-color:#EEEEEE;
	}
	
#hogerkolumn{
	float:left;
	width:737px;
	}

#hogerkolumncontainer{
	float:left;
	width:500px;
	}

#hogerkolumncontainerkontakt{
	float:left;
	width:430px;
	}
	
#hogerkolumncontainer2{
	float:left;
	width:530px;
	}
	
#startcontainer{
	float:left;
	width:450px;
	height:200px;
	}
	
.refbilder{
	width:700px;
	background-color:#EEEEEE;
	border:dotted 1px #999999;
margin:10px 0px 20px 20px;
}

.kompetens_bilder{
	margin:10px;
	height:170px;
}

.kompetens_bilder2{
	margin:10px;
	height:110px;
}
/* Sidfoten */	
#sidfot{
	width: 100%;
	height:56px;
	float:left;
	background-image:url(../images/sidfot_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:bottom;
	}
	
/* Stilar för toppmenyn */
.menyavgransare{
	width:3px;
	height:135px;
	float:left;
	background-image:url(../images/toppmeny_avgr.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.menyavgransareh{
	width:3px;
	height:135px;
	float:right;
	background-image:url(../images/toppmeny_avgr.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.menycell{
	height:127px;
	float:left;
	text-align:center;
}
.menycellon{
	background-image:url(../images/toppmeny_on.jpg);
	background-repeat:repeat-x;
}
div.lankjustering{
	margin-top:90px;
	}
a.toppmenylank{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ca5000;
	font-weight:bold;
	text-decoration:none;
	}

/* Formulärstilar */
form{
	padding:0px;
	margin:0px;
	}
.deftextbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}
.defknapp{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	}

.validation_field{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#CC0000;
}

.formitem_spacer{
	margin:5px 0px 0px 0px;
	}
	
/* Textstilar */
.basefont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	}
.rubrikfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	}

a.nyhetsrubrik{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	}

a.nyhetsrubrik:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	}
		
.underrubrikfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	}
.ingressfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}

a.nyhetslank{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ca5000;
	font-weight:bold;
	text-decoration:none;
	}

a.lankorange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a85000;
	text-decoration:none;
	}
	
a.ingressfont{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	}	
a.ingressfont:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:underline;
	}