.sitemenucontainer {
	height:25px;
	display:block;
	margin-bottom:0;
	background-image:url(http://mtd.medieteknik.nu/img/sitemenu.png);
	background-repeat:repeat-x;
}
.sitemenu {
	padding-left: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-top: 0px;
	margin: 0 auto;
	width: 942px;
	text-align:center;
}
.sitemenu a{
	font-size: 10pt;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-right:70px;
	padding-left:30px;
	font-family: sans-serif;
	
}
.sitemenu a:hover{
	color:#FFCC00;
}

body {
	margin: 0;
	font-family: Trebuchet MS, Arial, Verdana, Sans-serif;
	background-color: #fff;
}

p {
	margin: 0;
}

a {
	font-size: 10px;
	font-weight: bold;
	color: #ff7d00;
	text-decoration: none;
	font-family:  Verdana, Sans-serif;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.out {
  display:block; 
  background:#bbb; 
  border:0px solid #ddd; 
  position:relative;
  margin:1em 0;
}
  
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
}

.ltin {
  left:-3px;
}
  
.tpin {
  top:-3px;
}
  
.rtin {
  left:3px;
}

#page {
	width: 942px;
	margin: 0 auto;
	font-size: 12px;
	padding-left: 20px;
	background: url(/pic/bg2.png);
	background-repeat:repeat-y;
}

#header {
	background: #323232;
	height: 150px;
	width: 900px;
}
	#header #section_selector {
		height: 148px;
		width: 450px; /*360px;*/
		float: left;
		margin-left: -325px;
	}
		#header #section_selector a {
			width: 80px;
			height: 148px;
			padding: 0 5px;
			padding-top: 2px;
			text-transform: uppercase;
			font-weight: bold;
			color: #999999;
			background: inherit;
			float: left;
			display: inline;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
		}
				
		#header #section_selector a:hover, #header #section_selector a.selected:hover {
			background: #434343; /*565656*/
			background-image: url(/pic/hoversection.gif);
			background-repeat: repeat-x;
		}
		
		#header #section_selector a.selected{
			color: #d1d1d1;
			background-color: #434343; /*434343*/
			background-image: url(/pic/selectedsection.gif);
			background-repeat: repeat-x;
		}
		
		#header a#legionen {
			width: 80px;
			height: 148px;
			padding: 0 5px;
			padding-top: 2px;
			text-transform: uppercase;
			font-weight: bold;
			color: #999999;
			background: inherit;
			float: left;
			text-decoration: none;
			background-image: url(/pic/legionen_button.gif);
			margin-left: 410px;
			position: relative;
			margin-top: -130px;
		}
		#header a#legionen:hover {
		
			background-image: url(/pic/legionen_button_hover.gif);
		}
		
		#header #mtawards {
			/*padding-top: 25px;
			float: right;*/
			/*background-image: url(/pic/mtd/mtawards.jpg);*/
			/*margin-left: 380px;*/
			position: relative;
			z-index: 21;
			padding-top: 5px;
		}
		
	#header #logo {
		position: relative;
		height: 50px;
		width: 315px;
		float: left;
		margin-top: 97px;
		padding-left: 10px;
		z-index: 89;
	}
	
	#header #search {
		position:relative;
		height: 50px;
		width: 315px;
		float: right;
		margin-top: 98px;
		margin-left: 30px;
	}	
		#header #search img {
			border: 0;
			float: left;
		}	
		#header #search input {
			border: 0;
			float: left;
		}	
	
	#header #english {
	
		text-align: right;
		padding-right: 15px;
		padding-top: 7px;
		float: right;
		/*margin-left: 410px;*/
		position: relative;
		z-index: 20;
	}
	
		#header #english a {
		
			color: #d1d1d1;
			font-size: 10px;
		}
		
		#header #english a:hover {
		
			text-decoration: none;
		}
		
		#header #english img {
			
			height: 12px;
			vertical-align: text-top;
		}

	#header #faces {
		padding-top: 25px;
		margin-left: 10px;
		width: 300px;
		float: left;
		position: relative;
	}
	
	/*#header #faces .face_shadow {
		float: left;
		position: relative;
		z-index: 100;
		
	}
		
	#header #faces .face {
		float: left;
		margin-left: -76px;
		margin-top: 8px;
		position: relative;
		z-index: 0;	
	}*/
	
	#header #faces .face_noshadow {
		
		width: 85px;
		height: 104px;
		position: relative;
	}
	
	#header #faces .face_shadow {
		
		width: 85px;
		height: 104px;
		background-image: url(http://student.medieteknik.nu/web/upload/faces/shadow.gif);
		position: relative;
	}
	
		#header #faces .face_shadow #vb {
			
			margin: 0;
			padding-top: 10px;
			width: 85px;
			float: left;
		}
	
		#header #faces .face_shadow img {
		
			margin: 0;
			position: absolute;
			top: 8px;
			left: 8px;
		}
	
#menu {
	width: 900px;
	float: left;
	background: #757575;
}
	#menu a {
		float: left;
		padding: 2px 10px 4px 11px;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
		font-size: 12px;
	}
	#menu a:hover {
		background: #666;
		border-bottom: 0;
	}
	#selected {
		background: #afafaf;
	}
	
	a#selected:hover{
		background: #999;
	}
	
	#menu div#userInfo{

		float: right;
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		font-family:  Verdana, Sans-serif;
	}
	
	#menu div#userInfo a{
		float: left;
		padding: 0;
		padding-top: 4px;

		padding-left: 3px;
		padding-right: 3px;
	}
	#menu div#userInfo a#logout{
		padding-right: 5px;

	}
	#menu div#userInfo a#setting{
		padding-right: 4px;
		padding-left: 4px;

	}
	#menu div#userInfo p{
		float: left;
		display: inline;
		padding-bottom: 2px;
		margin-top: 3px;
		margin-right: 3px;
	}
	#menu div#userInfo a{
		
		padding: 3px 8px;
		margin-left: 0px;
		color: #ffb759;
	}

#sub_menu {
	width: 900px;;
	height: 18px;
	background: #afafaf;
	clear: both;
}
	#sub_menu a {
	float: left;
	padding: 2px 10px 4px 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}
	
	#sub_menu a:hover {
	background: #999;
	}

#nav_stat {
	width: 800px;
	height: 20px;
	padding-left: 15px;
	margin-top: 4px;
	background: #FFFFFF;
	text-transform: lowercase;
}
	#nav_stat a, #nav_stat p {
		font-family:  Verdana, Sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #ff7e00;
		text-decoration: none;
		display: inline;
	}
	#nav_stat a:hover {
		text-decoration: underline;
	}
	#nav_stat p.devider  {
		color: #b4b5ad;
		font-size: 9px;
		display: inline;
		margin-right: 3px;
		margin-left: 3px;
	}

#content {
	width: 870px;
	background: #FFFFFF;
	margin: 0 15px;
}

	#content div.errors {
		border: 1px solid #FF0000;
		padding: 3px;
		background: #FFF;
		font-size: 12px;
	}
	
	#content div.errors .content {
		background-color: #FFBBBB;
		padding: 3px;
		color: #FFF;
		
	}
	
	#content ul.errors { 
		color: #333;
		font-weight: bold;;
		margin: 0;
		margin-left: 1em;
		padding: 0 1em;

	}
	
	#content ul.errors li { 
		margin-top: 3px;
	}
	
	#content #left {
		float: left;
		width: 560px;
		clear: none;
	}
	
	#content #right {
		width: 285px;
		float: right;
		margin-left: 4px;
	}	
		#content .type1 {
			background-image: url(/pic/toolbox_bg.png);
			background-repeat: repeat-x;
			background-color: #efefef;
		}	
		
		#content .type2 {
			background-color: #eeeeee;
			
		}	
			
		#content #right .toolbox {
			width: 284px;
			float: left;
			margin-bottom: .7em;
			
			
		}
		
			#content #right .toolbox .content {
				width: 265px;
				margin-top: 7px;
				padding-left: 10px;
				/*margin-bottom: 5px;
				margin-left: 10px;	
				float: left;	
				clear: both;*/
			}
	
			#content #right .toolbox .top_left {

				width: 10px;
				height: 4px;
				float: left;
				background-image:url(/pic/toolbox_top_left.gif);
				background-repeat: no-repeat;
				clear: left;
			}	
			
			#content #right .toolbox .top {
				
				
				background-color: #eeeeee;
				background-image:url(/pic/toolbox_top.gif);
				width: 284px;
				height: 3px;
				font-size: 3px;
				float: left;
				clear: none;
				background-repeat: no-repeat;
			}	
			#content #right .toolbox .top_right{
	
				background-image:url(/pic/toolbox_top_right.gif);
				background-repeat: no-repeat;
				height: 4px;
				width: 10px;
				float: left;
			}	
			
			#content #right .toolbox .bottom_left {
				width: 10px;
				height: 4px;
				float: left;
				background-image:url(/pic/toolbox_bottom_left.gif);
				background-repeat: no-repeat;
				clear: left;
			}	
			
			#content #right .toolbox .bottom {
				
				background-color: #eeeeee;
				background-image:url(/pic/toolbox_bottom.gif);
				background-repeat: no-repeat;
				width: 284px;
				height: 3px;
				margin-top: 4px;
				font-size: 3px;
				float: left;
				clear: none;

			}	
			#content #right .toolbox .bottom_right{
				background-image:url(/pic/toolbox_bottom_right.gif);
				background-repeat: no-repeat;
				height: 4px;
				width: 10px;
				float: left;
			}	
								
			#content #right .toolbox ul{
				margin:0;
				padding:0;
				list-style:none;
			}
			#content #right .toolbox h1{
				margin-bottom: 5px;
				font-size: 10px;
				font-weight: bold;
				color: #878787;
			}
			#content #right .toolbox li {
				padding-left: 1px;
				font-size: 10px;
				color:#757575;
	
			}
				

	#content h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #9a9a9a;
		font-weight: normal;
		margin-bottom: 5px;
	}
	
	#content h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #9a9a9a;
		font-weight: normal;
		margin-bottom: 5px;
	}
		
	#content h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 17px;
		color: #9a9a9a;
		font-weight: normal;
		margin-bottom: 5px;
	}
	
	#content h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #9a9a9a;
		font-weight: normal;
		margin-bottom: 5px;
	}

#footer #fotter_devider {
	height: 10px;
	width: 100%;
	background: #FFFFFF;
}	

#footer {
	width: 900px;;
	clear: both;
	background: #a6a6a6;
	text-align: center;
}
	#footer p {
		font-size: 10px;
		padding-top: 5px;
		color: #fff;
		font-weight: bold;
		padding-bottom: 2px;
	}
	
	
	
	/* MTD 2008 länk i headern */
	
#mtd #Counter, #mtd #Counter a{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 14px;
	text-align: center;
	color: #FFFFFF;
}
#mtd #Knapp{
	height: 48px;
	width: 100px;
	background: url(/pic/mtd2008_shadow.png) no-repeat;
}

#mtd #Knapp:hover {
	background: url(/pic/mtd2008.png) no-repeat;
}
#mtd #Knapp a {
font-style: normal;
text-decoration: none;
}