/*--------------------------------------------------------------*/
/*                     DIVERSEJUSTERINGAR                       */
/*--------------------------------------------------------------*/


img { border: 0;}

ul, ul li { margin: 0px; padding: 0px; list-style-type: disc; list-style-position: inside; }

body 	{ 
		margin: 0;
		padding: 0;  
		background: url(pictures/bg.jpg) repeat-x #fff5dc;  
		} 

#container {
	width: 864px;
	margin: 0 auto 0;
	padding: 0;
	text-align: left;
	z-index: 1;
	position: relative;



}
#logga {
		position: absolute; 
		left: 10px; 
		top: 5px; 
		width: 230px; 
		height: 76px;
		padding: 0;
		margin: 0px;
		text-align:left;
		
		}

#menucontainer {
		position: absolute; 
		left: 0px; 
		top: 200px; 
		width: 864px; 
		height: 26px;
		padding: 0;
		margin: 0px;
		text-align:left;



}

/*----- Topnavigation -----*/	

		#menucontainer ul {font-family: Comic Sans MS,  Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; vertical-align: top; margin:0; padding:0; float:left;}
		#menucontainer ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		#menucontainer ul {display: inline-block;}
		* html #menucontainer ul {height: 1%; height: 30px;}
		/* Hides from IE-mac \*/
		#menucontainer ul {display: block; }
		/* End hide from IE-mac */
		#menucontainer ul li {float: left; display: inline; list-style: none; text-align: center;}
		#menucontainer ul li a {float: left; display: block; text-decoration: none; color: #ffffff; height:26px; padding-top: 5px; width: 95px; background: url("pictures/menyknapp.gif") no-repeat;}
		#menucontainer ul li a:hover {background: url("pictures/menyknapp.gif") no-repeat; text-decoration: none; color: #dbc9ae;}
		#menucontainer ul li.active a, #menucontainer ul li.dir_active a {background:  url("pictures/menyknapp-over.gif") no-repeat; color: #f2e9da;}
		#menucontainer ul li a.selected:hover {background: url("pictures/menyknapp-over.gif") no-repeat; color: #dbc9ae;}
		#menucontainer ul li.student a.selected {background: url("pictures/menyknapp.gif") no-repeat; color: #f2e9da;}
		#menucontainer ul li.student a.selected:hover {background: url("pictures/menyknapp.gif") no-repeat; color: #dbc9ae;}

		
		
		
/*----- End topnavigation -----*/

#allehanda {
		position: absolute;
		left: 591px; 
		top: 230px; 
		width: 230px; 
		height: 76px;
		padding: 0;
		margin: 0px;
		font-family: Comic Sans MS,Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-color: #4e452c;
		line-height: 17px;
		text-align:left;
	
		
		}



/* box model hack for consistency */



#highlightBox 
{

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  width: 864px;
  height: 30px;

}

#RightBox

{

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  width: 864px;
  height: 30px;

}



#tabell 
{
   padding-top: 30px;
   padding-bottom: 30px;
   text-align: left;
   vertical-align: top;
   width: 864px;
   margin: 0px 0px 0px 25px;
  
}









/*                  BRÖDTEXT OCH RUBRIKER                       */
/*--------------------------------------------------------------*/
TD {
font-family: Comic Sans MS,Arial, Helvetica, sans-serif;
font-size: 13px;
font-color: #4e452c;
line-height: 18px;
text-align:left;


}

.h1{
	font-family: Comic Sans MS, sans-serif;
	font-size: 16px;
	font-color: #4e452c;
	text-align: left;
	font-weight:bold;
	margin: 10px 0px 0px 0px; 
}

.h2 {
	font-family: Comic Sans MS, sans-serif;
	font-size: 16px;
	font-color: #4e452c;
	text-align: left;
	margin: 0 0 0 0;  
	padding: 0 0 0 0; 
	background: none;
	vertical-align:top;
	font-weight:bold;
	height:40px;
}

h3 {
	font-family: Comic Sans MS, sans-serif;
	font-size: 13px;
	font-color: #4e452c;
	line-height: 15px;
	text-align:center;
	margin: 0px 0px 0px 0px;  
	padding: 4px 0px 0px 0px; 
	background: none;
	vertical-align:top;
	font-weight:normal;
	height:30px;
}




a:link       { color: #C62B11; text-decoration: none       }
a:visited  { color: #C62B11; text-decoration: none     }
a:active   { color: #C62B11; text-decoration: none    }
a:hover   { color : #C62B11; text-decoration: underline      }