/* 
		TL
		Mit TL css styles 
		
		Modified : 20.10.08
		Created by : Janner / Creuna
		
		Modified : 13-07-2010 Henrik Ladefoged - Illumi
		
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
/* general */
#pageTop h3, #pageTop img.printHeader { display: none; }
#footerPrint { display: none; }

.left{
	float:left;
}

.right{
	float:right;
}

a.closed{
	background:no-repeat url(../Elements/bullit-plus.gif) left center;
	padding-left:20px;
}

a.opened{
	background:no-repeat url(../Elements/bullit-minus.gif) left center;
	padding-left:20px;
}

p.link{
	margin-top:-10px;
	
} 
 
#content p,
#contentMain p{
	margin-bottom:10px;
}

hr.jobs{
	background:#e3e5e7;
	color:#e3e5e7;	
	display:block;
	height:3px;
	margin:0;
	padding:0;
}
 
/* H2 sidebar */
h2, h3{font-weight:bold;}
h2.bluebg{
	background:#555e68 !important;
}
 
 /* NAVIGATION locked elements */
 #leftNav ul li.locked a{
	background:transparent no-repeat url("../Elements/bullit-leftnav-locked.gif") 0 2px;
	color:#90a0ae;
 }
 
 /* leftMenu - special picture */
 #leftMenu ul li.nobullit, #leftMenu ul li a.nobullit{
	list-style:none;
	margin:0 0 0 -5px;
	background-image:none;
}
 
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Accessibility elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#skip {
	position:absolute; left:-999em; top:0; }
    span.accesskey { text-decoration:none; }
    .accessibility { position: absolute; top: -999em; left: -999em; }	
	
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input, textarea, select {
	display: inline; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

dd{
	margin-bottom:12px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
legend {
	display: none;
}

hr {
	height: 1px;
	margin: 12px 0;
	padding: 0;
	color: #869099;
	background-color: #869099;
	border: 0;
	}
	* html body hr { margin: 1px 0; } /* Remove the progressive spacing in IE */
 
 /* FORMS */
form{
	}
	#content fieldset,
	#contentMain fieldset{
		background:#f2f7fa;
		display:block;
		padding:20px;
		margin:0 0 2px 0;
	}
	#contentMain fieldset{
		width:503px;
	}
	#content fieldset.transparent,
	#contentMain  fieldset.transparent{
		background:transparent;
		margin:20px 0 10px 0;
		padding:0;
		}
		#contentMain  fieldset.transparent{
			width:543px;
		}
		#content fieldset.geografi,
		#contentMain fieldset.geografi{
			padding:0 10px;
		}
		#content fieldset.nomargin,
		#contentMain fieldset.nomargin{
			margin-top:0;			
		}
		#content fieldset.jobcategory,
		#contentMain fieldset.jobcategory{
			margin-top:-10px;
			}
			#content fieldset.jobcategory p,
			#contentMain fieldset.jobcategory p{
				margin-left:20px;
			}	
			#content fieldset.jobcategory,
			#contentMain fieldset.jobcategory{
				display:none;
			}
		#content fieldset.leftCol,
		#contentMain fieldset.leftCol{
			float:left;
			width:33%;
		}
		#content fieldset.midCol,
		#contentMain fieldset.midCol{
			float:left;
			width:33%;
		}		
		#content fieldset.rightCol,
		#contentMain fieldset.rightCol{
			float:left;
			width:33%;
		}				
		input.btn, div.btn{
			background:#5f6a73;
			border:1px solid #e3e5e7;
			color:#fff;
			font-weight:bold;
			height:27px;
			width:166px;
			}
			input.btn.right{
				float:right;
			}
			input.btn.small{
				font-size:10px;
				font-weight:normal;
				height:17px;
				line-height:12px;
				width:40px;
			}
			div.btn{
				text-align:center;
				line-height:27px;
				}
				div.btn a{color:#fff;text-decoration:none;}
		input.text{
			border:1px solid #bfc7cc;
			color:#333333;
			height:20px;
			line-height:20px;			
			padding:0 0 0 3px;
			}
			input.bg{background:#e9e9e9;}
			input.size-long{width:241px;}
			input.cpr-first{width:58px;}
			input.cpr-last, input.zip{width:42px;}
			input.wide{width:180px}
			input.size-middle{width:150px;}
			input.size-half{width:94px;}
		input.checkbox{border: 1px solid #bfc7cc;}
		/*select.select{width:155px;}*/
		select.select{display:block;}
	label, span.label{
		line-height:20px;	
	}
	.adjustTop{
		position:relative;
		top:-3px;
	}	
	div.collabel{
		float:left;
		margin-right:17px;
		text-align:right;
		width:150px;
	}
	div.colinput{
		float:left;
		margin-bottom:7px;
		width:315px;
	}
	span.collabel{
		margin-left:50px;
		margin-right:17px;
	}
	.clearfloat{
		clear:both;
		height:0;
	}
	.mandatory{color:#d34656;}
 
 /* DATA BLOCK */
 p.data-heading{font-weight:bold;margin-top:20px;padding:0;padding-bottom:5px;}
 div.data{
	border-top:3px solid #e3e5e7;
	border-bottom:3px solid #e3e5e7;	
	padding-top:8px;
	margin-bottom:40px;	
	}
	/* ie 6*/		
	/*\*/ * html div.data {width:543px;} /**/ 	
	
	div.data.skat{width:340px;}
	div.block{
		}
		div.underline{
			border-bottom:1px solid #e3e5e7;
		}
		div.block div.collabel{width:180px;color:#666;}	
		div.block div.collabel.full{width:465px;margin-left:0;text-align:left;padding-left:70px;color:#cc0000;}
		div.block div.colinput{width:285px;color:#333;}
		div.block div.colinput.none{width:0;}
		.skat div.block div.collabel{width:150px;}
		.skat div.block div.colinput{width:110px;text-align:right;}
		span.collabel{color:#666;}
		
/* box with/without border */		
div.box{
	padding:20px 0;
	text-align:left;	
	}	
	.box h3{
		padding:0 0 10px 10px;
		}
		.box h3.icon{
			display:inline;
			}
			.box h3.icon img{
				padding-left:10px;
				vertical-align:middle;
			}
		.box.mit-tl{
			padding-bottom:0;
			margin-bottom:10px;
			}
			.box.mit-tl.hilight{
				background:#efefef;
			}
			.box.mit-tl h3{
				margin-top:-10px;
			}
			.box.mit-tl p{
				padding:0 10px 10px 10px;
			}
	.box span.right{
		padding:0 10px 0 0;
	}
	.box.border{
		border:1px solid #000;
		}
		.border.gray{
			border:1px solid #e3e5e7;
		}		
	.box dt, .box dd{margin:0;}
	.box.jobs dt{
		float:left;
		padding:10px;
		width:360px;
	}
	.box.jobs dd{
		float:right;
		padding:10px;
		text-align:right;
		width:120px;
	}
	.box.jobs dt.even, .box.jobs dd.even , tr.even{		
		background:#f9f9f9;		
	}
	dl.table{
		padding:10px;
		}
		dl.table dt{
			float:left;
			width:280px;
			}
			dl.table dd{
				font-style:italic;
				float:left;
				}
				dl.table dd.right{
					float:right;
					font-style:normal;
				}
	
/* paging */	
div.paging{
	text-align:center;
	margin-top:10px;
	}
	a.bg{
		background:#f9f9f9;		
		padding:2px 5px 3px 5px;;
		margin-left:2px;
		margin-right:2px;
		}
		a.bg.selected{
			background:#e3e5e7;
			font-weight:bold;
		}

#pager{	
	padding-top:8px;
	margin:0 auto;
	text-align:center;	
	width:522px;
	}	
	#pager img{
		vertical-align:middle;
	}
	input.pagedisplay{
		border:0;
		color:#a0a0a0;
		margin:0;
		padding:0;
		vertical-align:middle;
		width:20px;
	}
	select.pagesize{display:none;}
	#pager img{
		cursor:hand;
	}
 
 /* IFRAME general */
 iframe{
	border:none;
	width:100%;
 }
 
 /* LOGIN iframe */
 iframe.login{
	height:450px;
 }
 
 /* Adjustments mit-tl.css vs. Dynamicweb css */
	
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Paging - Search results
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
div.browse {
	margin: 0 0 30px 0;
	}
	
	div.browse ul.info, #content div.browse ul.info {
		float: left;
		width: 200px;
		margin: 0;
		list-style-type: none;
		}
		div.browse ul.info li, #content div.browse ul.info li {
			margin: 0;
			background: none;
		}
	
	div.browse ul.paging {
		float: right;
		width: 265px;
		margin: 0;
		text-align: right;
		}
		div.browse ul.paging li {
			display: inline;
			margin: 0 3px;
			padding: 0;
			background: none;
			}
			div.browse ul.paging li.selected { font-weight: bold;}
			div.browse ul.paging li.previous { margin-right: 10px; }
			div.browse ul.paging li.next { margin-left: 10px; }
			div.browse ul.paging li span { display: none; }	
			
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Cources table
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */	
table#jobTable{
	margin:0;
	padding:0;
} 
table.cources{
	border:1px solid #E3E5E7;
	cursor:hand;
	margin:0;
	padding:0;
	width:100%;
	}
	table.cources th{
		background:#E7BD61;
		color:#fff;
		font-size:10px;
		margin:0;
		padding:10px;
	}
	table.cources th.header{
		background:#E7BD61 no-repeat url(../Elements/tablesort-all.gif) 5px center;
		padding-left:20px;    
		border-right:1px solid #E3E5E7;     
		margin-left:-1px;	
	}	
	table.cources th.headerSortDown{
		background-image:url(../Elements/tablesort-down.gif);
	} 
	table.cources th.headerSortUp{
		background-image:url(../Elements/tablesort-up.gif);
	} 	
	table.cources tr td{
		font-size:9px;
		padding:10px;
		white-space:wrap;
		}
		table.cources tr td.right{
			text-align:right;
		}
		table.cources tr td.no-wrap{
			/*white-space:nowrap;*/
		}
	table.cources.jobs{
		border:none;
		border-top:3px solid #E3E5E7;
		border-bottom:3px solid #E3E5E7;
	}
	/* fewer columns bigger text */
	table.cources-jobs th,
	table.cources.jobs tr td{
		font-size:11px;
	}
	
/* cource list */	
#courseList{
	width:100%;
}
#courseList.box {
	padding: 20px 0px 40px 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Blocks
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */					
.block{
	margin:0 0 10px 0;
	padding:0;
	} 
	.block h2{		
		padding:9px 12px 8px 12px;
		color:#fff;
		background:#e7bd61;
		}
		.block-content{
			padding:12px;
			color:#fefefe;
			background:#5f6a73;
		}
		
 #leftMenu{
	padding-top:0;
	} 
	#leftMenu h2{	
		background:#e7bd61;
		color:#fff;	
		font-weight:bold;
		padding:9px 12px 8px 12px;
	}
	#page #pageContent #leftMenu ul{
		/*margin:0;
		padding:0;*/
		height:auto;
	}

#contentRight h2.bluebg{
	background:#555e68;
	color:#fff;	
	font-weight:bold;
	padding:9px 12px 8px 12px;	
}

#contentMain ul{
	margin:20px;
}

.mittl-tip{
	background:#555E68;
	border:2px solid #fff;
	color:#fff;
	display:none;
	padding:20px;
	position:absolute;
	width:300px;
}
 
 
/* ie 6*/		
/*\*/ * html #contentMain{overflow:hidden;} /**/
/*\*/ * html #leftMenu ul {width:164px;} /**/