/* <!-- */
	/* General styles */
	body {
		font-family: luxi sans, trebuchet ms, bitstream vera sans, sans-serif;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}

	
	
	
	h1, h2, h3, h4 {
		margin:.2em 0 .2em 0;
		color:#990033;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	
	p.special { 
		font-size:110%;
		font-weight:bold;
		color:#660033;
		text-align: right;
		
	} 
	/* List styles */
ul {  
  margin: 0 18px 10px 28px;
  padding: 2px 0 0 0;
  text-align: left;
  line-height: 150%;  
}
	
	img {
		border: 0px none;
		margin:10px 0 5px;
		}
		
		
/* Legacy TEXT */
.rubrik {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


.underrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


.brodtext {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #B60D0D;
	text-decoration: none;
}

.brodtext_vit {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


.uppgifter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4B4949;
	text-decoration: none;
}

.kontakttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #828080;
	text-decoration: none;
	
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}


.standard {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 290px;
}

.kurs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 140px;
}

.personnummer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 150px;
}

.termin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 80px;
}

.sista_fyra {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 60px;
}

.antal_ar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 40px;
}

.utbildning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 200px;
}

.var {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 130px;
}

.anhorig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	width: 200px;
}
		
		/* end of legacy styles*/
		

		
		
	img.floatLeft { 		/* use img.floatLeft/Right to place images and let text wrap around them */
	    float: left; 
    	margin: 4px; 
		}
		
	img.floatRight { 
    	float: right; 
    	margin: 4px; 
		}
		
	img.centred {			/* this centres images horizontally within column/header/footer */
    	display: block;
    	margin-left: auto;
    	margin-right: auto }

	
	
	hr {						/* cross browser styling for horizontal rule (line) */
  		border: 0;
  		width: 100%;
		color: #990033;
		background-color: #990033;
		height: 1px;
		}
		

	a.nohover:hover {
		background: none;
		border: none;			/* this prevents images containing links from being underlined */
		}
	
	/* Box style */
	.box {
  		border: 4px solid #999999;
		width: 80%;
		margin: 0px auto; /* Right and left margin set to "auto", to center the box horizontally */
		padding:1px 1px 1px 5px;
		padding-bottom: 10px;
		background-color: #FFFFFF;
		text-align: center;
		}

	
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background:#FFFFCC;
	}
	#header {
		border-bottom:2px solid #990033;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	
			#header p.info {
		clear:none;
		float:right;
		width:99%;
		font-size:80%;
		background:#FFFFCC;
	}
	#header p.info {
		padding:1% 1% 0 0;;
		margin:0px;
		text-align: right;
	}
	
	
	#header ul {
		clear:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 2px;
		padding:3px 10px;
		text-align:center;
		background:#CCCCCC;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#990033;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:2px solid #990033;
		font-size:80%;
		background:#FFFFCC;
	}
	#footer p {
		padding:10px;
		margin:0px;
	}
	/* --> */