body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin-left:10px; margin-right:10px;}
* {margin:0; padding:0;}
div#mainwrapper {min-width:780px; max-width:1024px;  margin-left:auto; margin-right:auto;} 
/* centrerar layouten när > max-bredd */
div#header {
	width:auto;
	}
#threecolwrap {
  float:left;
  width:100%; background:url(pi/left.gif) repeat-y top left; 
 }
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */
	margin-right:-170px; /* CWS - förflyttning tack vare negativ marginal */
	background:url(pi/right.gif) repeat-y top right;}
 #nav {
 	float:left;
 	width:150px;
	display:inline; /* hindrar IE från att fördubbla marginalen för float-element */
 	}
 #content {
 	width:auto;
 	margin-left:150px;
 	margin-right:170px;
	padding: 15px; text-align:left;  
	}
#rightcolumn {
	float: left;
	width: 165px; /*obs minskad från 170*/
}
 #footer {
 	width:100%;
 	clear:both;
 	float:left;
 	}
/* slut på strukturstilar */ 

/* några fler stilar för att hjälpa dig se vad som händer */ 
div#header {height: 100px;
	background-image: url(pi/bkgd.gif);
	background-repeat: repeat-x;
	text-align: center;
	border-bottom: 1px solid #FFF;}
div#nav {
	width: 150px; /* bredd på vänstra spalten */
	/*position: absolute;*/ /* kontextuell positionering i contentarea-behållaren */
	top: 0px;
	left: 0px; /* positionar spalten inom contentarea-behållaren */
	background-color: #D8DFF3; /* bakgrundsfärg för vänstra spalten - (ändra färg för 

att se positionen för div) */
	overflow: hidden; /* förhindrar att alltför stora element bryter sig ut ur spalten 

*/
}
div#nav ul {
	border: 0;
	margin: 12px 1.25em 12px 1.25em;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	font-size: .65em;
}
div#nav li {border-bottom:1px dotted #000; margin:0; padding:.3em 0; text-indent:.5em}

div#nav li:first-child {border-top:1px dotted #000;}

div#nav a:link {text-decoration:none; color:#000;}

div#nav a:visited {text-decoration:none; color:#000;}

div#nav a:hover {color: #F00;}

div#nav a:active {color: #F00;}
div#footer a:link {text-decoration:none; color:#000;}

div#footer a:visited {text-decoration:none; color:#000;}

div#footer a:hover {color: #F00;}

div#footer a:active {color: #F00;}
div#rightcolumn p {margin: 20px 10px 0 10px;}
div#rightcolumn a:link {  text-decoration: none; color: #0000FF; font-weight: bold}
div#rightcolumn a:visited {  text-decoration: none; font-weight: bold}
div#rightcolumn a:active {  color: #FF0000; font-weight: bold}
div#rightcolumn a:hover {
	text-decoration: underline;
	color: #ff0000;
}


/* ett hack f?r enbart IE Win \*/	

* html div#nav ul {border-top:1px dotted #000;}

/* slut pa hack */
div#nav ul {
	margin: 20px .5em 20px .5em;
} 
div#rightcolumn {background-color:#D8DFF3; font-size:.75em;}
div#footer {background-color: #D8DFF3;
	text-align: center;
        font-size:.75em;
	padding-top: 6px;
	padding-bottom: 6px;}
div#content a:link {  text-decoration: none; color: #0000FF; font-weight: bold}
div#content a:visited {  text-decoration: none; font-weight: bold}
div#content a:active {  color: #FF0000; font-weight: bold}
div#content a:hover {
	text-decoration: underline;
	color: #ff0000;
}
div#content h1 {font-size:1.3em;
	margin-bottom:1em; margin-right:auto ;
}div#content h2 {font-size:1.15em;
	margin-bottom:1em; margin-right:auto ;
}div#content h3 {font-size:1.0em;
	margin-bottom:.5em; margin-right:auto ;
}

div#content p {font-size:.8em; margin-bottom:1em; margin-right:auto;}
div#content blockquote p {margin-left:40px;}
div#content ul {margin-left:5em; margin-right: 30px; margin-bottom: 1em; font-size: .8em; /*line-height:1.5;*/}
div#content ol {margin-left:5em; margin-right: 30px; margin-bottom: 1em; font-size: .8em; /*line-height:1.5;*/}
div#content li {margin-bottom: 5px;}
div#content table p {
	margin-left:10px; 
	margin-top: 10px;
	margin-right:10px;
	text-align: left;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;*/
}
table {margin-bottom:12px;

	
}

.citat {
	color: #696969;
	}
hr {
	color: Gray; 
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	}
.redbox {
	font-family:Verdana, Trebuchet, Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	font-weight:bold;
	background-color:#FFF8C8;
	border: thin solid #FF0000;
	font-style: normal;
	padding: 5px;
}
.kalend {
   border: 2px solid #CCCCCC;
   background-color:#F7F7F7;
   padding: 15px;
   text-align:left;
}
.studiebox {
background-color:#FFFF66;
border:thin solid #0000CC;
font-style:normal;
padding: 10px;
}