/* reset css */

@charset "iso-8859-1";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}




/*.......Här börjar min CSS......................................................................................*/
body{
	position:relative;
	
	
	background-color:#E0E0E0
	}
#bild{
	width:274px;
	height:122px;
	position:absolute;
	left: -268px;
	top: -132px;
	z-index:20;
		}
		

#container{
	position:relative;
	width:940px;
	height:640px;
	margin-top:inherit;
	background-color:#888;
	box-shadow: 6px 6px 6px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    border-radius:10px / 10px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}
#empty{	
	 height:5px;
	}

header {
	margin-left: 272px;
	 width:634px;
	}

h1 {
	display:block;
	text-shadow: 2px 2px 2px #68687d;
	 padding-left:70px;
    margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#999;
	color:#fff;
	font-size:3em;
	box-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	border-radius:10px / 10px;
	-moz-border-radius:10px / 10px;
	-webkit-border-radius:10px / 10px;
	
	}
	
h2 {
	
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    width:510px;
	 height:30px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#888;
	color:#fff;
	font-size:1.3em;
	margin-top:20px;
	margin-left:10px;
	padding-top:3px;
	padding-left:76px;
	border-radius:10px / 10px;
	-moz-border-radius:7px / 7px;
	-webkit-border-radius:7px / 7px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-left:1px #666 solid;
	border-top:1px #666 solid;
	
	
	}
.betoning1 {
	color:#EDAE58;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-left:4px;
	padding-right:4px;
	}
	
#betoning2 {
	color:#EDAE58;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding-left:4px;
	padding-right:4px;
	}
	
h3 {
	
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    width:380px;
	 height:25px;
	font-family:Arial, Helvetica, sans-serif;

	background-color:#888;
	color:#CECECE;
	font-size:1.2em;
	margin-top:20px;
	margin-left:10px;
	padding-top:3px;
	padding-left:10px;
	border-radius:10px / 10px;
	-moz-border-radius:7px / 7px;
	-webkit-border-radius:7px / 7px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-left:1px #666 solid;
	border-top:1px #666 solid;
	
	
	}
	
h4 {
	
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    width:580px;
	 height:340px;
	 overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#888;
	color:#CECECE;
	color:#E5E5E5;
	font-size:1.0em;
	margin-top:20px;
	margin-left:10px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	border-radius:10px / 10px;
	-moz-border-radius:7px / 7px;
	-webkit-border-radius:7px / 7px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-left:1px #666 solid;
	border-top:1px #666 solid;
	/* Nedanstående kod om opacitet har jag hämtat från      http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters*/
	background: rgba(0, 0, 0, 0.1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	
	}
h5 {
	
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    width:575px;
	 height:20px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#888;
	color:#CECECE;
	font-size:1.0em;
	margin-top:20px;
	margin-left:10px;
	padding-top:3px;
	padding-left:10px;
	border-radius:10px / 10px;
	-moz-border-radius:7px / 7px;
	-webkit-border-radius:7px / 7px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-left:1px #666 solid;
	border-top:1px #666 solid;
	
	
	}
	
h6 {
	
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
    width:280px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#888;
	color:#CECECE;
	font-size:1.0em;
	margin-top:12px;
	margin-left:10px;
	padding-top:3px;
	padding-left:10px;
	border-radius:10px / 10px;
	-moz-border-radius:7px / 7px;
	-webkit-border-radius:7px / 7px;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-left:1px #666 solid;
	border-top:1px #666 solid;
	
	}
		
.uppgift_rubrik{
	
	padding-left:170px;
	
	display:block;
	margin-top:-23px;

	font-family:Arial, Helvetica, sans-serif;
	background-color:#888;
	color:#EDAE58;
	font-size:0.85em;
	}
	
#Testa{
	    width:160px;
		height:30px;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#777;
		color:#fff;
		font-size:0.9em;
		margin-top:50px;
		margin-left:430px;
		border:none;
		border-radius:10px / 10px;
		-moz-border-radius:10px / 10px;
		-webkit-border-radius:10px / 10px;
		box-shadow: 3px 3px 3px #68687d;
		filter: box-shadow(color=#68687d, offx=3, offy=3);
	}
	
#Testa:hover{
   color:#000;
	background-color:#fff;
	cursor:pointer;
	}
	
.uppgift{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.8em;
	background-color:#888;
	color:#fff;
	border:none;
     padding-left:10px;
	  margin-right:10px;
	}
	
.uppgift:hover{
	 	color:#EDAE58;
	cursor:pointer;
	}
	

.mina_links{
	
	font-family:Arial, Helvetica, sans-serif;
	 color:#DFDFDF;
	text-decoration:none;
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	font-size:1.0em;
	display:block;
	margin-left:10px;
	padding-top:0px;
	
	width:240px;
   height:23px;
	}
	
.mina_links:hover{
	 color:#fff;
	  text-shadow: none;
	}


a{
	
	font-family:Arial, Helvetica, sans-serif;
	 color:#DFDFDF;
	text-decoration:none;
	text-shadow: 2px 2px 2px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	font-size:1.9em;
	display:block;
	margin-left:-10px;
	padding-top:0px;
	width:200px;
   height:43px;
	}

	
li {
	width: 180px;
	margin-left: 30px;
	margin-top: 18px;
	padding:20px;
	height: 40px;
	width: 170px;
	background-color:#999;
	box-shadow: 2px 2px 2px #68687d;
    filter: box-shadow(color=#68687d, offx=3, offy=3);
	border-radius:10px / 10px;
	-moz-border-radius:10px / 10px;
	 -webkit-border-radius:10px / 10px;
        
        
}
.hem a{
	color:#fff;
	 background-image:url(../pics/pil.png);
	background-repeat:no-repeat;
	background-position:155px -6px;
	
	}
	
.kursplan a{
	color:#fff;
	 background-image:url(../pics/pil.png);
	background-repeat:no-repeat;
	background-position:155px -6px;
	
	}
.uppgifter a{
	color:#fff;
	 background-image:url(../pics/pil.png);
	background-repeat:no-repeat;
	background-position:155px -6px;
	
	}
	
.links a{
	color:#fff;
	 background-image:url(../pics/pil.png);
	background-repeat:no-repeat;
	background-position:155px -6px;
	
	}
	
.kontakt a{
	color:#fff;
	 background-image:url(../pics/pil.png);
	background-repeat:no-repeat;
	background-position:155px -6px;
	
	}
	
#tack{
	margin-top: 300px;
	
	}
	
nav {
	margin-top:25px;
		
	}
nav ul li a:hover{
	 color:#fff;
	 background-image:url(../pics/pil.png);
	 background-repeat:no-repeat;
	 background-position:155px -6px;
	 text-shadow: none;
		
	}
article {
	position:absolute;
	background-image:url(../pics/bilder.png);
	background-repeat:no-repeat;
	background-position:40px 60px;
	top:106px;
	left:271px;
	width: 637px;
	height: 475px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#999;
	color:#fff;
	box-shadow: 3px 3px 3px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	border-radius:10px / 10px;
	-moz-border-radius:10px / 10px;
	-webkit-border-radius:10px / 10px;

	}
	
#artikel_links {
	position:absolute;
	background-image:url(../pics/links.png),url(../pics/bilder.png);
	background-position:440px 120px,40px 60px;
	background-repeat:no-repeat;
	
	}
	
#artikel_uppgifter {
	position:absolute;
	background-image:url(../pics/magnify.png),url(../pics/bilder.png);
	background-position:440px 100px,40px 60px;
	background-repeat:no-repeat;
	
	}

footer{
	float:left;
	height:35px;
	width:900px;
	margin-top:10px;
		}
		
#kursanvarig{
	width:800px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:12px;
	padding-left:280px;
	color:#fff;
		}
		
#rss_link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:30px;
	height:30px;
	margin-top:-20px;
	margin-left:590px;
	background-image:url(../pics/rss.png);
	background-repeat:no-repeat;
	border-radius:5px / 5px;
	-moz-border-radius:5px / 5px;
	-webkit-border-radius:5px / 5px;
	box-shadow: 3px 3px 3px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	
	}
	
	
#rss_link:hover{
	   background-image:url(../pics/rss2.png);
	   background-repeat:no-repeat;
			
	}
	
#cform {
	    width: 580px;	  
	    padding:20px;	  
	  }
	  
#cform label {
			width:290px;
			text-align:right;
			font-family: 'Quicksand', sans-serif;
			font-size:16px;
			color:#fff;
			display:block;
			float:left;
			padding-right:10px;
			clear:left;
			margin-bottom:4px;
           }

#cform .kommentar {
			       font-family:Arial, Helvetica, sans-serif;
			       font-size:14px;
			       margin-left:35px;
                  }



#cform legend {
			font-family: 'Quicksand', sans-serif;
			color:#fff;
		    font-size:18px;
             }

#email{
	 background-color:#CCC;
	 margin-top:4px;
	 width:255px;
	}
	
#sandare{
	    background-color:#CCC;
		width:255px;
	    }
		
#synpunkter {
			margin-left:80px;
			background-color:#CCC;
}

.obligatorium{
			
			padding-left:100px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
	       }
		   
#knapp{
    width:90px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#777;
	color:#fff;
	font-size:0.9em;
	margin-left:105px;
	border:none;
	border-radius:10px / 10px;
	-moz-border-radius:10px / 10px;
	-webkit-border-radius:10px / 10px;
	box-shadow: 3px 3px 3px #68687d;
	filter: box-shadow(color=#68687d, offx=3, offy=3);
	
	}
	
#knapp:hover{
   color:#000;
	background-color:#fff;
	cursor:pointer;
	
	}
	
.ett {
	 float:left;
	 width:176px;
	 height:5px;
	 border-bottom:1px #CCC solid;
	 border-top:1px #666 solid;
	 border-left:1px #666 solid;
	
	 -moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
	 background: -moz-linear-gradient(left,  #ff001a 0%, #ffff00 100%); /* FF3.6+ */
     background: -webkit-linear-gradient(left,  #ff001a 0%,#ffff00 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left,  #ff001a 0%,#ffff00 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(left,  #ff001a 0%,#ffff00 100%); /* IE10+ */
     background: linear-gradient(left,  #ff001a 0%,#ffff00 100%); /* W3C */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#ff001a', EndColorStr='#ffff00')"; /* IE8 */
	

     }
	   
.tva {
	 float:left;
	 width:175px;
	 height:5px;
	 border-bottom:1px #CCC solid;
	 border-top:1px #666 solid;
	 background: -moz-linear-gradient(left,  #ffff00 0%, #00c000 100%); /* FF3.6+ */
     background: -webkit-linear-gradient(left,  #ffff00 0%,#00c000 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left,  #ffff00 0%,#00c000 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(left,  #ffff00 0%,#00c000 100%); /* IE10+ */
     background: linear-gradient(left,  #ffff00 0%,#00c000 100%); /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#ffff00', EndColorStr='#00c000')"; /* IE8 */
       }


.tre {
	 float:left;
	 width:175px;
	 height:5px;
	 border-bottom:1px #CCC solid;
	 border-top:1px #666 solid;
	 background: -moz-linear-gradient(left,  #00c000 0%, #0080b4 100%); /* FF3.6+ */
     background: -webkit-linear-gradient(left,  #00c000 0%,#0080b4 100%); /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(left,  #00c000 0%,#0080b4 100%); /* Opera 11.10+ */
     background: -ms-linear-gradient(left,  #00c000 0%,#0080b4 100%); /* IE10+ */
     background: linear-gradient(left,  #00c000 0%,#0080b4 100%); /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#00c000', EndColorStr='#0080b4')"; /* IE8 */
       }
	   
.fyra {
	  float:left;
	  width:175px;
	  height:5px;
	  border-bottom:1px #CCC solid;
	  border-top:1px #666 solid;
	  background: -moz-linear-gradient(left,  #0080b4 0%, #703b8c 100%); /* FF3.6+ */
      background: -webkit-linear-gradient(left,  #0080b4 0%,#703b8c 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(left,  #0080b4 0%,#703b8c 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(left,  #0080b4 0%,#703b8c 100%); /* IE10+ */
      background: linear-gradient(left,  #0080b4 0%,#703b8c 100%); /* W3C */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#0080b4', EndColorStr='#703b8c')"; /* IE8 */
       }
	   
.fem {
	 float:left;
	 width:176px;
	 height:5px;
	 border-bottom:1px #CCC solid;
	 border-top:1px #666 solid;
	 border-right:1px #CCC solid;
	
	 -moz-border-radius:0px 4px 4px 0px;
	 -webkit-border-radius:0px 4px 4px 0px;
	 background: -moz-linear-gradient(left,  #703b8c 0%, #ec0022 100%); /* FF3.6+ */
	 background: -webkit-linear-gradient(left,  #703b8c 0%,#ec0022 100%); /* Chrome10+,Safari5.1+ */
	 background: -o-linear-gradient(left,  #703b8c 0%,#ec0022 100%); /* Opera 11.10+ */
	 background: -ms-linear-gradient(left,  #703b8c 0%,#ec0022 100%); /* IE10+ */
	 background: linear-gradient(left,  #703b8c 0%,#ec0022 100%); /* W3C */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorStr='#703b8c', EndColorStr='#ec0022')"; /* IE8 */
       }
#rand{
	
	margin-top:9px;
	margin-left:25px;
		   }