@charset "utf-8";

*{
	margin: 0;/* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0;
	border: 0;
}
p {
	font-size: 100%;
	padding-top:2px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	margin: 0px;
	line-height: 1.2em;
}
body {
	background-color: #FFFFFF;
	font: 14px Arial, Helvetica, sans-serif;
	color: #000000;
}
em {
	color: #FF0000;
}
h1 /* röd huvudrubrik*/{
	padding-top: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 150%;
	text-decoration: underline;
	color: #FF0000;
	font-style: italic;
}
h2 /* röd kursiv underrubrik*/{
	font-size: 130%;
	color:#FF0000;
	font-style:italic;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
}
h3 /* röd kursiv textrubrik*/{
	font-size: 110%;
	font-style:italic;
	color:#FF0000;
	font-weight:bold;
	margin-top: 10px;
	padding-left: 17px;
}
h4 /* röd textrubrik*/{
	font-size: 110%;
	color: #FF0000;
	font-weight: bold;
	margin-top: 1px;
	padding-left: 5px;
}
h5/* som h3 men utan extra avstånd*/{
	font-size: 110%;
	font-style:italic;
	color:#FF0000;
	font-weight:bold;
	padding-left: 10px;
}
h6/* grön underrubrik*/{
	margin-top: 1px;
	color: #009900;
	font-size: 120%;
	padding-left: 10px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	/*color: #42413C;*/
	text-decoration: underline;
	font-weight:bold;/* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #0033CC;
	text-decoration: underline;
	font-weight:bold;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #0033FF;
	text-decoration: underline;
	font-weight:bold;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
.container {
	float: left;
	width: 1500px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}
/* ~~ The header is not given a width. It will extend the full width of your layout. It contains an "iframe" specified in another document with its own CSS-stiles ~~ */
.header {
	background-color: #99FF33;
	height:44px;
}
/* ~~ The sidebar contains an "iframe" with navigation lists specified in another document with its own CSS-stiles ~~ */
.sidebar {
	float: left;
	width: 200px;
	background-color: #FFFF99;
	border-right:3px solid #FFCC00;
	border-bottom:3px solid #FFCC00;
	padding: 0px;
}
/* ~~ The content holds all information and contains a lot of text and image divs. The stiles are specified in this document ~~ */
.content {
	position: absolute;
	left: 200px;
	width: 1050px;
	height: 700px;
	top: 47px;
}
.content1 /* ~~ Utan höjd ~~ */{
	position: absolute;
	left: 170px;
	width: 1100px;
}
li{
	margin-top: 3px;
	
}
ul{
	padding-left:18px;
	list-style-type:circle;
}

.footer {
	height: 10px;
	padding: 5px 0;
	background-color: #00FF00;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
.text1 /* platshållare för text */ {
	position: absolute;
	left: 16px;
	top: 60px;
	
}
.text2 /* platshållare för kursiv text */ {
	position: absolute;
	font: 14px Times New Roman, Times, serif;
	font-style: italic;
}

.grundgul /* platshållare för text med gul bakgrund */{
	position: absolute;
	background-color: #FFFFCC;
	border: 3px solid #FFCC66;
	
}
.grundred /* platshållare för text med ljusröd bakgrund */{
	position: absolute;
	background-color: #FFCC99;
	border: 3px solid #FF9966;
}
.grundgreen /* platshållare för text med ljusgrön bakgrund */{
	position: absolute;
	background-color: #CCFF99;
	border: 3px solid #33FF00;
}
.grundblue /* platshållare för text med ljusblå bakgrund */{
	position: absolute;
	background-color: #CCFFFF;
	border: 3px solid #33FFFF;
}
.bluekurs /* platshållare för text med ljusblå bakgrund */{
	font: 14px Times New Roman, Times, serif;
	font-style:italic;
	position: absolute;
	background-color: #CCFFFF;
	border: 3px solid #33FFFF;
}
.framered /* platshållare för text med röd ram */{
	position: absolute;
	background-color: #FFFFFF;
	border: 3px solid #FF0000;
	alignment-adjust: central;
}
.textred /* platshållare för röd text */{
	position:absolute;
	color:#FF0000;
	padding: 0px;
	alignment-adjust:central;
}
.textgreen /* platshållare för grön centrerad text */{
	position:absolute; 
	color: #009900;
	padding: 0px;
	font-weight:bold;
	alignment-adjust:central;
	
}	
.bild1 /* platshållare gör bilder med röd kursiv undertext */ {
	position: absolute;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5 0px;
	margin: 0px;
	color: #FF0000;
}