body, html {
	margin:0;
	padding:0;
	height:100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1	{ padding:10px 0 5px 0; margin:0px; font-size:16pt; }
h2	{ padding:7px 0 5px 0; margin:0px; font-size:14pt; }
h3	{ padding:5px 0 5px 0; margin:0px; font-size:12pt; }
p	{ margin:9px 0 13px 0; font-size:9pt; }
img	{ border:none; }
object { outline:0; }
a {  color:#ac1a2f; text-decoration:none; font-weight:bold; }

.start_noscript {
	background-color:#EFEFEF;
	border:1px solid #FF0000;
	color:#CC0033;
	font-size:18px;
	left:150px;
	padding:10px;
	position:absolute;
	top:210px;
}

#container {
	width: 970px;
	margin: 0 auto;
}

#container_start {
	width: 950px;
	margin: 0 auto;
}

#toplankar   {
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}

#flashbildspel {
	left:-4px;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:940px;
}

#logo {
	float:left;
	padding-right:10px;
	padding-top: 10px;
}

#footer {
	width: 970px;
	margin: 0 auto;	
	text-align:center;
}
	
	#footer.start {
		margin-top: 30px;
		width: 940px;
		border-top: solid 1px #ccc;
	}

#footer_start {
	padding-top: 68px;
	width: 470px;
	float:left;
	padding-left:10px;
	text-align:left;
	padding-bottom:20px;
}

	#footer.start #footer_start {
		padding-top: 38px;
	}
	
.topmenulank .topmenu {
	margin-left: 15px;
}

.topmenulank  .first{
	margin-left:0;
}
	
.topmenulank {
	text-decoration: none;
	float: left;
	padding-top: 33px;
}

.topmenulank img{
	float:left;
}

.topmenulank .topmenuitem {
	padding-bottom: 0px;
	display:block;
	float:left;
	padding-left:10px;
	cursor: pointer;
}



#affarsOmradePuffar{
	padding-top: 50px;
	float:right;
	width: 580px;
	height:400px;
	background: #FFF url(/bilder/design/kors.png) no-repeat;
	background-position:15px 60px;
}
#affarsOmradePuffar .puff{
	width: 230px;
	height: 165px;
	margin-left:30px;
	float:left;
	font-weight:bold;
}
#affarsOmradePuffar .puff a{
	color: black;
}


#affarsOmradePuffar2{
	padding-top: 30px;
	float:right;
	width: 950px;
	height: 165px;
	background: #fff;
	margin-bottom: 45px;
}
#affarsOmradePuffar2 .puff{
	width: 195px;
	padding: 10px 20px 20px 20px;
	height: 132px;
	margin: 0;
	border-right: solid 1px #ccc;
	float:left;
	font-weight: normal;
	color: #333333;
	text-transform: uppercase;
}
	#affarsOmradePuffar2 .puff img {
		display: block;
		margin-bottom: 15px;
	}
	
	#affarsOmradePuffar2 .puff .lasmer {
		color: red;
		display: block;
		float: right;
		margin-top: 10px;
	}
	
	#affarsOmradePuffar2 .puff:hover {
		background: url("/bilder/design/puff_hover.png") no-repeat;
	}
	
	#affarsOmradePuffar2 .puff.noborder {
		border-right: 0 none;
	}
	
#affarsOmradePuffar2 .puff a{
	color: black;
}

	.page_content .bodyText1 p {
		font-size: 13px;
		line-height: 20px;
	}
	
	.page_content .bodyText2 {
		padding-top: 20px;
	}

/**  Vänsterspalten **/
#left {
	width: 258px;
	float: left;
	margin: 0px 4px 3px 0;
	padding-top: 10px;
}

.undermenu_col_top {
	width: 240px;
	float: left;
	background: #FFF url(/bilder/design/bg_left_menu_top.gif) no-repeat;
	height: 44px;
	padding-left:20px;
	padding-top:40px;
}

.undermenu_col_top img{
	float:left;
}

.undermenu_col_top .Menurubrik {
	padding-top: 7px;
	padding-left: 15px; 	
}

.undermenu_col_middle{
	width: 210px;
	float: left;
	background: #FFF url(/bilder/design/bg_left_menu_middle.gif);
	padding-left: 30px;
	padding-top: 15px;
	
}

.undermenu_col_bottom {
	width: 240px;
	float: left;
	background: #FFF url(/bilder/design/bg_left_menu_foot.gif);
	height: 28px;
}

.frageformular {
	padding-bottom: 22px;
	margin: 0;
}



#page_content {
	float: left;
	padding-right:10px;
	padding-top:58px;
	width:435px;
	color: #666666;
}

	
#page_content p {
	color: #666666;
}

#page_content img {
	padding-bottom:12px;	
}

/**  Högerspalten **/
#right {
	width: 260px;
	float: right;
	background:#fff url(/bilder/design/bg_right_col.gif) repeat-y;
}

.firstpuff_top {
	width: 202px;
	height: 36px;
	background:#fff url(/bilder/design/bg_hoger_puff_firsttop.gif) no-repeat;
	padding-left:48px;
	padding-top:58px;
}

.las_flernyheter {
	float: right;
}

.puff_middle {
	width:182px;
	background:#fff url(/bilder/design/bg_hoger_puff_middle.gif) repeat-y;
	padding-right: 20px;
	padding-left: 48px;
	padding-top: 10px;
	color: #666666;
	overflow:hidden;
}
.puff_middle p {
	margin: 4px 0 13px;
}

.puff_middle .aktuelltdatum {
	font-style:italic;
	color: #4c4c4c;
}

.puff_foot {
	width:250px;
	height: 18px;
	background:#fff url(/bilder/design/bg_hoger_puff_foot.gif) repeat-y;
}

.puff_foot_last {
	width:250px;
	height: 30px;
	background:#fff url(/bilder/design/bg_hoger_puff_foot_last.gif) repeat-y;
}
/*** Bloggen **/

.bloggmenu img {
	display: block;	
}

.BloggInlaggTextContent { Margin-bottom: 10px; Padding-right: 10px; }

.bloggpuff {
	background:#fff url(/bilder/design/bg_blogg_puff.gif) no-repeat;
	width: 182px;
	height: 181px;
	padding-left:48px;
	padding-right:20px;
	padding-top:34px;
}	


.bloggpuff .skribent{
	color: #858585;
	font-style:italic;
}

.bloggpuff p {
	color: #666666;	
}
	
.bloggpuff .aktuelltdatum {
	padding-top:25px;	
}


/*** Slut bloggen ***/ 
.puff_top {
	width: 202px;
	height: 34px;
	background:#fff url(/bilder/design/bg_hoger_puff_top.gif) no-repeat;
	padding-left:48px;
	padding-top:35px;
}


/* För stilning av den nya ul-li-menyn */
.submenu_lv1, .submenu_lv2, .submenu_lv3 { padding:0; margin:0; list-style:none; width: 200px; }
.submenu_lv1 li a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; padding:4px 0; text-decoration:none; overflow:hidden;  }
.submenu_lv1 li.active { font-weight:bold; }

.submenu_lv2 li.active { font-weight:normal; }
.submenu_lv2 li { padding-left:10px; width: 180px; overflow:hidden; }
.submenu_lv2 li a { font-weight:normal; }

.submenu_lv3 li { padding-left:10px; font-style:italic; }
.submenu_lv3 li.active {  }
/* -------- */

.start_content {
	width: 365px;
	height: 400px;
	float:left;
	top:50px;
	color: #2c2c2c;
	font-size: 14px;
	overflow-y:hidden;
	overflow-x:hidden;
	position:relative;
}


.start_content a {
	font-weight:normal;	
}

.start_content img {
	padding-bottom: 12px;
}

.matristext {
	display: none;
	vertical-align: middle;
	overflow:hidden;
}

.matristext p {
	font-size:9pt;
}

.matristextstart {
	vertical-align: middle;
	font-size:9pt;
}

.matrixbottom {
	width: 365px;
	height: 20px;	
}


.start_middle {
	width: 155px;
	float:left;
	background:url(/bilder/design/bg_start_middle.jpg) repeat-y;
	position:relative;
	top:22px;
	text-align:right;
}

.matrix_streck {
	position:absolute;
	top:101px;
	left:104px;
	display:none;
}

.navigation_matrix {
	width: 470px;
	height: 400px;
	float:left;
	background:url(/bilder/design/matrix.jpg);
	position: relative;	
	top:19px;
}

.plupp {
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 99;
	background-image:url(/bilder/design/matrix/blank.gif);
	
}

#plupp1_1 {
	position: absolute;
	top: 135px;
	left: 165px;
}

#plupp1_2 {
	position: absolute;
	top: 135px;
	left: 285px;
}

#plupp1_3 {
	position: absolute;
	top: 135px;
	left: 403px;
}

#plupp2_1 {
	position: absolute;
	top: 207px;
	left: 165px;
}

#plupp2_2 {
	position: absolute;
	top: 207px;
	left: 285px;
}

#plupp2_3 {
	position: absolute;
	top: 207px;
	left: 403px;
}


#plupp3_1 {
	position: absolute;
	top: 279px;
	left: 165px;
}

#plupp3_2 {
	position: absolute;
	top: 279px;
	left: 285px;
}

#plupp3_3 {
	position: absolute;
	top: 279px;
	left: 403px;
}


#plupp4_1 {
	position: absolute;
	top: 350px;
	left: 165px;
}

#plupp4_2 {
	position: absolute;
	top: 350px;
	left: 285px;
}

#plupp4_3 {
	position: absolute;
	top: 350px;
	left: 403px;
}

/** Arbetsätt mallen***/
#arbetsattbild {
	margin: 0 auto;	
	width: 400px;
	height: 192px;
}
#arbetsattbild1 {
	float:left;
	background-image:url(/bilder/design/arbetsatt/analys_bla.jpg);
	width: 108px;
	height: 192px;
	cursor: pointer;
}
#arbetsattbild2 {
	float:left;
	background-image:url(/bilder/design/arbetsatt/teori_bla.jpg);
	width: 83px;
	height: 192px;
	cursor: pointer;
}
#arbetsattbild3 {
	float:left;
	background-image:url(/bilder/design/arbetsatt/traning_bla.jpg);
	width: 108px;
	height: 192px;
	cursor: pointer;
}
#arbetsattbild4 {
	float:left;
	background-image:url(/bilder/design/arbetsatt/bild4_pil.jpg);
	width: 87px;
	height: 192px;
}

#arb_teori {
	display:none;	
}
#arb_analys {
	display:none;
}
#arb_traning {
	display:none;
}

#arbetsatttext {
	height: 300px; 	
}

/** **/

/* Användbara klasser */
.clear  { clear:both; height:0; overflow:hidden; }
.right { float:right; margin:0 0 3px 4px; }
.hr {
	border-top:1px solid #DEDEDE;
	height:1px;
	left:-18px;
	margin:10px auto;
	position:relative;
	width:90%;
}


.btnpostakommentar{ background:url(/bilder/design/btnpostakommentar.gif) no-repeat; width: 112px; height: 23px;  border: none; color: #919191; font-weight: 700; margin-bottom: 5px; }
.textinput{ background:url(/bilder/design/input.gif) no-repeat; width: 165px; height: 20px; border: none; color: #919191; font-weight: 500; font-size: 11px; padding-top: 5px; padding-left: 5px;  margin-top: 10px;   font-family: Arial, Helvetica, sans-serif;  }
.textareainput {  background:url(/bilder/design/selectbox.gif) no-repeat; width: 165px; height: 70px; border: none; color: #919191; font-size: 11px; font-weight: 500; padding-top: 5px; padding-left: 5px;  margin-top: 10px;  font-family: Arial, Helvetica, sans-serif;   } 
.submit{ background:url(/bilder/design/btnsubmit.gif) no-repeat; width: 85px; height: 23px;  border: none; color: #919191; font-weight: 700; margin-left: 85px; margin-top:10px; }
.input  { background-color:#f3f6ee; border:1px solid #4f8e4b; color:#003822; }
.l { color:#BCB9B4; padding:0 4px; } /* Stående streck (avskiljare) */
.important { color:red; cursor:help; } /* Stjärna (krav) vid formulär*/
/* -------- */

/*CSS för utskrift*/
@media print{
   body *{ visibility:hidden; }
   body { background-color:white; }
   #printyta { visibility:visible; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; }
   #printyta *{ visibility:visible; }
   .start_content { visibility:visible; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; }
   .start_content *{ visibility:visible; }
   #page_content { visibility:visible; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; }
   #page_content *{ visibility:visible; }
   
   
}