/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.0 (Apr 07, 2006) */


/***** Body and main container *****/

html {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	margin: 0;
	padding: 0;
	border: none;
	background:url(../img/name_bg.png)  top left repeat-x;
	color:#333;
}

#wrap {
	position:relative;
	top: 0px;
	left: 0px;
	vertical-align: top;
	color:#303030;
	z-index: 25;
	margin:0 auto;
	padding:1px 5px;
	width:760px;
}

/***** Header *****/

#header {
background: url(../img/name.png) left no-repeat;
background-position: 0px 0px;
height:108px;
width: 680px;
margin:0 0 0px 0;
padding:0;
cursor:pointer
}

#a_search {
	position: absolute;
	width: 250px;
	top: 28px;
	left: 690px;	
}

#lang {
	margin: 15px 0;
}

#a_wrap {
	/*width: 1000px;*/
}

#a_menu_wrapper {
	float:left;
	width: 200px;
}

#a_menu {

	background: #BCCF92 url("../img/menugradient.jpg") repeat-x;
	border: 1px solid #AFCD66;
	padding-top: 10px;
	font-weight:bold;
}
	#a_menu .w3 {
		padding-bottom: 10px;
		background: url("../img/menucorner.gif") no-repeat 100% 100%;
		position: relative;
		left: 1px;
		top: 2px;
	}
	/*
	div#logo {
		width: 122px;
		height: 90px;
		background: url("../img/logo.gif") no-repeat 100% 100%;
		margin: 20px 0 0 45px;
		
	}
	
	*/
	
	

	#a_menu ul {
		background: transparent;
		list-style:none;
		width:180px;
		_width: 180px;
		padding:0;
		margin:0px auto;
	}
	
		#a_menu li {
			_width: 180px;
			margin-bottom:5px;
			/*padding-bottom: 5px;*/
			background: #FCFFF5;
		}
			
		#a_menu li a {
			/*border: 1px solid #ff00ff;*/
			display: block;
			text-decoration:none;
			color:#505050;
			padding: 2px 0 2px 0;
		}
		#a_menu li a:hover {
			text-decoration: underline;
		}
		
		#a_menu ul li ul li.menu-first {
			margin-top:5px;
		}
		#a_menu ul li.menu-last{
			background:#fff;
		}
		
		
		#a_menu .level-0 a {
			_width: 170px;
			margin: 3px 0 3px 0;
			padding-left: 10px;
		}
		#a_menu .level-1 a {
			_width: 160px;
			margin: 0;
			padding-left: 20px;
		}
		
		#a_menu .level-2 a  {
			_width: 150px;
			padding-left: 30px;
		}

		#a_menu .level-3 a  {
			_width: 150px;
			padding-left: 40px;
		}

		#a_menu .menu-current a {
			background: #E7F2CE;
		}
		
		#a_menu .menu-current div ul li a {
			background: none;
		}
		
		

#content {
	float:left;
	width: 480px;
	/*border: 1px solid #ff00ff;*/
	/*padding: 20px;*/
	margin: 20px 20px 20px 20px;
}

#contentwide {
	float:left;
	width:600px;
	/*border: 1px solid #000000;*/
	/*padding: 20px;*/
	margin: 20px 20px 20px 20px;
}



#a_extras {
	float:left;
	width: 220px;
	height: 200px;
	margin: 30px 0 0 0;
	/*border: 1px solid #000000;	*/
}
	

/***** Footer *****/

#a_footer {

clear:both;
margin:0 auto;
margin:30px 0;
/*border-top:1px solid #dadada;*/
/*width:400px;*/
text-align:center;
color: #808080;
font-size:0.9em;

}

#a_footer div {
	display: block;
	height: 19px;
	border-bottom: 1px solid #000;
	/*background: url("../img/footer_leaf_green.gif") no-repeat 100% 0%;*/
	width: 90%;
	clear: both;
	margin: 0 auto;
}

#a_footer p {
	padding:0;
	margin:0;
}

#a_footer a {
	color:#808080;
	background-color:inherit;
	text-decoration:none;
}

#a_footer a:hover {
	text-decoration:underline;
}




/***** Right sidebar *****/

#extras {
	float: right;
	width:210px;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;
}

#extras p, #extras ul {
margin:0 0 1.5em 0;
line-height:1.3em;
padding:0;
}

#extras a {
font-weight:bold;
}

#extras li {
list-style:none;
margin:0 0 6px 0;
padding:0;
}

#extras h2 {
font-size:1.6em;
font-weight:normal;
margin:0 0 6px 0;
letter-spacing:-1px;
}

/***** Main content *****/

#content h2, #contentwide h2, #contentfull h2 {
font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
}



#content img, #contentwide img, #contentfull img {
/*padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;*/
}

#content ul, #content ol,
#contentwide ul, #contentwide ol,
#contentfull ul, #contentfull ol {
margin:0 0 16px 20px;
padding:0;
}

#content ul ul, #content ol ol,
#contentwide ul ul, #contentwide ol ol,
#contentfull ul ul, #contentfull ol ol {
margin:2px 0 2px 20px;
}

#content li, #contentwide li, #contentfull li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:8px 0;
border-top:2px solid #dadada;
width:760px;
text-align:center;
color:#808080;

font-size:0.9em;

}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various tags *****/





/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
/*font-size:1.5em;*/
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url(../img/menubg2.gif) bottom left repeat-x;
color:#505050;
}

td {
padding:7px;
/*font-size:0.9em;*/
text-align:left;
/*background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;*/
color:#303030;
}

/***** Form styles *****/

.button {
margin:7px;
	/*
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:0 0 15px 0;

background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#505050;
font-weight:bold;
padding:4px;
width:120px;

*/
}

input, textarea {
	/*border:1px solid #cccccc;
	font-size:1em;
	margin:0;
	padding:4px;
	*/
}

label {
margin:2px;
}

input {
/*width:200px;*/
}

textarea {
width:400px;
}

/***** Search box *****/
/*
#searchbox {
padding:0;
margin:6px 0 16px 0;
}

.search_button {
	padding: 2px 4px;
	width: 45px;
}

#searchform {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:116px;
}

*/
.search_bottom {
	padding-top: 3px;
	padding-bottom: 8px;
}

.search_result div.search_result_header {
	height: 20px;
}

.search_result div.search_result_header span.title{
	float: left;
	display: block;
}

.search_result div.search_result_header span.date{
	display: block;
	float: right;
}

.search_result span.search_url{
	display: block;
	float: none;
}

.search_result {
	border: 1px dashed #ccc;
}

table.search {
	width: 100%;
	border: none;
	border-bottom: 1px dashed #ccc;
}

#searchbox label {
display:none;
}



/***** Various classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}

.right {
margin:10px 0 5px 10px;
float:right;
}

.announce {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:105px;
color:#505050;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
line-height:1.3em;
}

.announce a {
font-weight:bold;
}

.announce p {
font-size:0.9em;
}

.announce h2 {
margin:0 0 10px 0;
padding:0;
}

#avmenu .announce {
width:125px;
}

.textright {
text-align:right;
margin:-10px 0 4px 0;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}

/* Download gallery */
.downloadgallery {
	/*margin-left: -27px;	*/
}

.dg_sort{
	text-align: right;
	color: #999;
}

.dg_sort_text{
	color: #333;
}

#downloadgallery ul{
	list-style: none;
	padding: 0;
	margin: 0;	
	padding-top: 8px;
}

#downloadgallery ul li{
	margin: 0;
	padding: 0;
	
	/*Bug #3, added */
	list-style: none;
	display: block;
	/* Bug #3 */
	clear: both;
}

.dg_header {

	height: 22px;
	padding: 0;
	background: #FFFFFF;
}

#downloadgallery ul img{
	float: left;
	padding: 3px;
}

#downloadgallery li a{
	float: left;
	padding: 3px;
	display:  block;
}

.dg_info{
	padding: 2px;
	float: right;
	color: #999;
	font-size: 10px;
	/*width: 230px;*/	/* Bug #3  deleted*/
	text-align: right;
}

.dg_size, .dg_date, .dg_type, .dg_downloads, .dg_time{
	padding: 0 3px;
	float: right;
}

.dg_date {
	white-space: nowrap;
}

.dg_description {
	padding-top: 2px;
	margin-bottom: 9px;
	display: block;
	margin-left: 26px;
}

/* News posts */
#newspost {
	margin: 3px;
}

#newspost ul{
	list-style: none;
	padding: 0;
	margin: 0;	
/*	border-top: 1px dashed #ccc;*/
	padding-top: 6px;
}

#newspost ul li{
	margin: 0;
	padding: 0;
/*	list-style: none;
/*	border-bottom: 1px dashed #ccc;*/
	/*padding-bottom: 10px;*/
	margin-bottom: 15px;
}

#newspost ul li.post_smallpost{
	border-bottom: 0px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	clear: both;
}

.post_header { 
	border-top: 1px dashed #ccc;
	height: 20px;
	margin-top: 4px;
	padding-top:15px;
	clear: both;
}

.post_title { 
	font-weight: bold; 
	font-size: 130%; 
	color: #000000; 
	display: block;
	margin-top: 5px;
	margin-top: 2px;
	padding_bottom: 3px;
	padding_top: 0px;
	width: auto;
	float: left;
}





.post_title_smallpost { 
	font-weight: bold; 
	font-size: 110%; 
	color: #000000; 
	display: block;
	margin-top: 0px;
	width: auto;
	float: left;
	clear: both;
}

.post_date { 
	text-align: right; 
	float: right;
	font-size: 90%;
	color: #333;
	margin-top: 2px;
}

.post_short { 
	display: block;
	clear: both;
}

.post_short ul li{ 
	list-style: disc;
}

.post_readmore {
	display: block;
	clear: both;
	/*margin-bottom: 3px;*/
	/*margin-top: 2px;*/
}

.news_post_info {
	color: #999;
	padding: 5px 0;	
	display: block;
}

.post_breadcrumb { 
	padding: 0 0 2px 0; 
	font-size: 10px; 
	color: #999;
	display: block;
	margin-bottom: 6px;
	clear: both;
}
.post_breadcrumb a, .post_breadcrumb a:visited {
	font-weight: 100; 
	color: #999
}

#news_post_comments{
	padding-top: 5px;
	border-top: 1px dashed #999;
}

#news_post_comments ul{
	list-style: none;
	padding: 0;
	margin: 0;	
}

#news_post_comments ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px dashed #999;
	padding-bottom: 8px;
	margin-bottom: 6px;
}

#news_post_comments ul li div{
	color: #999;
	padding: 5px 0;	
	display: block;
	height: 18px;
}

#news_post_comments h2{
	font-size:1.3em;
	font-weight:normal;
}

.comment_title {
	color: #333;
	float: left;
	font-weight: bold;
}

.comment_info {
	text-align: right; 
	float: right;
	font-size: 90%;
	color: #333;
}

/* Round boxes */

div.rb-grey {
	border: 1px solid #666;
}	


 div.img {
  margin: -4px 4px 4px 4px;
  border: 0px solid #0000ff;
  padding:0 0 0 35px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }

.img a {
			display:block;
			width:30px;
			height:30px;
			float:left;
			margin:5px;
}

a#lintek{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/lintek.gif) top left no-repeat;
}
a#lintek:hover{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/lintek.gif) bottom left no-repeat;
}

a#ks{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/karservice.gif) top left no-repeat;
}
a#ks:hover{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/karservice.gif) bottom left no-repeat;
}

a#consensus{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/consensus.gif) top left no-repeat;
}
a#consensus:hover{
			
			background: url(http://www.stuff.liu.se/wb/media/Diverse_bilder/loggor/consensus.gif) bottom left no-repeat;
}

.clear{
	clear:both;
	height:1px;
	line-height:1px;
	}