@import "default.css";
@import "../files/css/site.css";
@import "../katj/css/cms-navigation.css";

/* <- CMS Specific */

body,a,select,td,body.katjeditorbody {
	font-family:Verdana,Arial;
	font-size:10px;
}

input, body.katjeditorbody {
	text-align:left;
}

input, textarea {
	font-size:10px;
}

body.katjeditorbody {
	
}

input, .textareaComment {
	border-style:solid;
	border-width:1px;
}

input.katjSubmitImage {
	background-color:transparent;
}

.textareaComment {
	border-color:#000000;
}

form {
	text-align:left;
	display:block;
	margin-top:10px;
	margin-bottom:0px;
}

body {
	vertical-align:middle;
}

body.print {
	text-align:left;
	padding:5px;
}

div.columnHolder {
	float:left;	
	
}

div.pageletBox {
	clear:both;
	
}

div.elementBox {
	margin-right:0px;
	
}

div.katjPageletBtn {
	display:none;	
}

/* -> CMS Specific */


/* <- Site Specific */

a:link, a:visited {
	text-decoration:none;
}

.headline {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	line-height:20px;
}

h1.headline {
	font-size:20px;
	font-weight:normal;
	margin-top:0px;
	line-height:20px;
	padding-top:0px;
}

div.masterLayer {
	width:100%;
	text-align:center;
}

div.innerLayer {
	width:882px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}

div.topGreen {
	background-color:#4d6a55;
	width:100%;
	height:27px;
}

	div.topMenu {
		float:right;
		width:auto;
	}
	
		div.topMenuItem {
			float:left;
			margin-right:3px;
			padding-right:3px;
			line-height:27px;
		}
		
		div.topMenu a, div.topMenuItem a, div.topMenu a:visited, div.topMenuItem a:visited  {
			line-height:27px;
			font-size:10px;
		}
		
		div.topMenu a:hover, div.topMenuItem a:hover, div.topMenu a:visited:hover, div.topMenuItem a:visited:hover, div.topMenu a.menuchosen, div.topMenuItem a.menuchosen, div.topMenu a.menuchosen:visited, div.topMenuItem a.menuchosen:visited {
			color:#000000;
		}
	
	div.topSearch {
		float:right;
	}

div.menuLayer {
	border-top: 1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	height:32px;
}

	img.lettLogo {
		margin-top:10px;
		margin-bottom:10px;
	}

div.wideBar {
	background-image:url("../files/designimages/greybar-bg.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:184px;
	margin-top:1px;
	overflow:hidden;
}

	div.topContentHolder {
		position:relative;
		height:184px;
		overflow:hidden;
	}

		div.imageTextHolder {
			position:absolute;
			right:0px;
			bottom:20px;
			width:280px;
			-moz-opacity:0.80;
			filter: alpha(opacity=80);
			opacity: 0.80;
			
			z-index:100;
			padding-bottom:10px;
			display:none;
		}
		
		div.kalendermaanded {
			border:1px solid #dfdfdf;
			background-image:url("../files/designimages/lett-kalender-bg.png");
			background-repeat:repeat-x;
			background-position:top left;
		}
		
			div.kalendermaandedContent {
				margin-left:20px;
				width:444px;
				padding-top:15px;
				padding-bottom:20px;
			}
			
			
		
		div.imageTextHolderGreen {
			background-color:#5e7669;
		}
		
		div.imageTextHolderRed {
			background-color:#b23926;
		}
		
		div.imageTextHolderYellow {
			background-color:#ea9b32;
		}
		
		div.imageTextHolderBlue {
			background-color:#5f7481;
		}
		
		div.imageTextContentHolder {
			color:#FFFFFF;
			font-size:14px;
			text-align:right;
			position:static;
			
			
		}
		
		div.imageTextContentHolder h6.headline {
			font-size:14px;
			font-weight:bold;
			text-align:right;
			margin:0px;
			padding-top:10px;
			padding-right:10px;
		}
		
		div.imageTextContentHolder p.bodyspan {
			padding-right:10px;
			
		}

div.wideBarFrontpage {
	background-image:url("../files/designimages/greybar-bg-frontpage.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:318px;
	margin-top:1px;
	position:relative;
	overflow:hidden;
}

	div.fronpageContentHolder2012 {
		position:absolute;
		width:245px;
		height:318px;
		right:0px;
		top:0px;
		background-image:url("../files/designimages/frontpage-green-2.jpg");
		background-repeat:no-repeat;
		background-position:top left;
		border-left:1px solid #FFFFFF;
	}
	
		div.fronpageContentHolderContent {
			position:relative;
			width:205px;
			
			left:17px;
			top:17px;
			
			color:#FFFFFF;
			font-size:10px;
			line-height:14px;	
		}
		
			
	
	div.fronpageMediaBox {
		position:absolute;
		width:636px;
		height:318px;
		left:0px;
		top:0px;
	}
	
	div.fronpageMediaBoxContent {
		position:absolute;
		width:636px;
		height:318px;
		top:0px;
		left:0px;
		display:block;
		clear:both;
		border-bottom:1px solid #FFFFFF;
	}
	
	div.frontpageNewsBox1 {
		position:relative;
		width:280px;
		float:left;
		margin-right:40px;
	}
	
	div.frontpageNewsBox2 {
		position:relative;
		width:280px;
		float:left;
	}
	
	div.frontpageNewsBox3 {
		position:relative;
		width:180px;
		float:right;
	}

		div.frontpageNewsBox1 .headline, div.frontpageNewsBox2 .headline {
			font-family:Verdana,Arial;
			font-size:20px;
			color:#000000;
			font-weight:normal;
		}	
		
	div.middleHeading {
		font-family:Verdana,Arial;
		font-size:11px;
		color:#000000;
		width:610px;
		margin-top:10px;
		
	}
	
		div.middleHeading hr {
			color:#577d6e;
			height:2px;
		}
		
		div.middleHeading .headline {
			color:#000000;
			font-size:20px;
			font-weight:normal;
			margin-top:20px;
			margin-bottom:15px;
		}
		
	div.frontPageThing {
		position:relative;
		width:884px;
		top:0px;
		left:0px;
		clear:both;
	}
	
	div.frontpageBottomBoxes {
		width:630px;
		height:195px;
		position:relative;
		
	}
	
		div.fronpageBox {
			position:absolute;
			width:158px;
			height:194px;
			top:0px;
			overflow:hidden;
			
		}
		
			div.frontpageBoxImage {
				position:relative;
				height:30px;	
			}
			
			div.frontpageBoxContent {
				width:154px;
				
				
				padding-top:0px;
				font-size:10px;
				color:#585858;
				margin:2px;
				overflow:hidden;
				border-bottom:2px solid #5b7b86;
			}
			
				div.frontpageBoxContent a, div.frontpageBoxContent a:visited {
					font-size:10px;
					color:#585858;
				}
				
				
				div.textmargin5 {
					margin-left:5px;
					margin-right:5px;
					margin-top:5px;
					clear:both;
				}
		
		div.fronpageBox1, div.frontpageBoxContent1 {
			left:0px;
			
		}
		
			
		
		div.fronpageBox2, div.frontpageBoxContent2 {
			left:156px;
			
		}
			
			
		
		div.fronpageBox3, div.frontpageBoxContent3 {
			left:312px;
			
		}
		
			
		
		div.fronpageBox4, div.frontpageBoxContent4 {
			left:468px;
			
		}
			
		div.frontpageBoxContent img.contentImage {
			margin-bottom:2px;
		}
			
		div.frontpageBottomLeft {
			width:630px;
			float:left;
		}
		
		div.frontpageBottomRightHolder {
			width:245px;
			float:right;
		}
			
		div.frontpageBottomRight {
			background-image:url("../files/designimages/bottom-right-forside.jpg");
			background-position:top left;
			background-repeat:repeat-x;
			background-color:#FAFAFA;
			border:1px solid #e0e0e0;
			width:245px;
			height:143px;
			position:relative;
			right:0px;
			margin-top:10px;
			overflow:hidden;
		}
		
		div.frontpageAgentBtn {
			background-image:url("../files/designimages/bottom-right-forside.jpg");
			background-position:top left;
			background-repeat:repeat-x;
			background-color:#FAFAFA;
			border:1px solid #e0e0e0;
			width:245px;
			height:50px;
			position:relative;
			margin-top:10px;
		}
		
			div.frontpageAgentBtn img {
				margin:6px;
				margin-top:3px;
			}
		
			div.frontpageBottomRightContent {
				position:relative;
				width:225px;
				height:239px;
				margin:10px;
			}
			
				div.frontpageBottomRight3 {
					position:absolute;
					width:225px;
					bottom:0px;
					left:0px;
					padding-top:10px;
					padding-bottom:6px;
					font-size:15px;
					color:#336633;
					font-weight:bold;
					border-top:2px solid #b7c1bb;
					border-bottom:2px solid #b7c1bb;
				}
				
					div.frontpageBottomRight3 a, div.frontpageBottomRight3 a:visited {
						font-size:14px;
						color:#336633;
						font-weight:bold;
					}
					
		div.ledigstillingBox {
			display:block;
			clear:both;
			margin-bottom:8px;
			margin-top:8px;
		}
		
			div.ledigstillingBox .headline {
				font-size:12px;
				line-height:15px;
				color:#000000;
				font-weight:bold;
				margin:0px;
				padding:0px;
				margin-bottom:5px;
			}
			
			div.ledigstillingBox .abstract {
				color:#a4afb0;
				font-weight:bold;
				font-style:normal;
				margin-bottom:6px;
				margin-top:6px;
			}
		
			img.ledigstillingImg {
				margin-top:8px;
				margin-bottom:4px;
			}
			
			div.ledigstillingBox a, div.ledigstillingBox a:visited {
				font-size:11px;
				line-height:15px;
				color:#124e32;
				font-weight:bold;
				margin:0px;
				padding:0px;
				margin-bottom:6px;
				text-decoration:none;
			}
			
			div.ledigstillingBox a:hover, div.ledigstillingBox a:visited:hover {
				color:#000000;
			}
		
div.middleArea {
	border-top: 1px solid #e6e6e6;
	margin-top:1px;
	clear:both;
	display:block;
	position:relative;
}

	div.greenLine {
		border-top:3px solid #4e8170;
	}
	
	div.breadcrumb {
		clear:both;
		margin-top:4px;
	}
	

	div.leftMasterHolder {
		float:left;
		position:relative;
		width:640px;
		margin-top:30px;
	}
	
		div.contentLayer {
			float:right;
			width:456px;
			position:relative;
			line-height:15px;
			margin-top:0px;
			margin-bottom:40px;
		}
		
		div.contentLayerBred {
			/*float:right;*/
			width:612px;
			position:relative;
			line-height:15px;
			margin-top:4px;
			margin-bottom:40px;
		}
		
			div.contentLayer .headline {
				font-size:14px;
				color:#000000;
				font-weight:normal;
			}
			
			div.contentLayer h1.headline {
				font-size:20px;
				color:#000000;
				font-weight:normal;
			}
			
			div.contentLayerGreen .headline {
				color:#5e7669;
			}
			
			div.contentLayerRed .headline {
				color:#b23926;
			}
			
			div.contentLayerYellow .headline {
				color:#ea9b32;
			}
			
			div.contentLayerBlue .headline {
				color:#5f7481;
			}
		
		div.menuHolder2 {
			width:160px;
			float:left;
			position:relative;
		}

	div.rightMasterHolder {
		float:right;
		position:relative;
		width:220px;
		margin-top:20px;
	}
	
		div.MWRBox {
			position:static;
			clear:both;
			border:1px solid #b8c3bc;
			background-image:url("../files/designimages/boxbg.jpg");
			background-position:top left;
			background-repeat:repeat-x;
			background-color:#f9f9f9;
		}
		
			div.MWRBox {
				
				font-family:Verdana,Arial;
				color:#000000;
				margin-bottom:20px;
				font-weight:normal;
			}
			
			div.MWRBox .headline {
				margin-bottom:0px;
				font-size:13px;
				font-weight:bold;
				line-height:26px;
				color:#000000;
				
			}
			
			div.MWRBox a, div.MWRBox a:visited {
				font-family:Verdana,Arial;
				
			}
			
				div.MWRBoxContent {
					padding:8px;
				}
		
		div.MWRBoxRight {
			position:static;
			border-top:1px solid #FFFFFF;
			clear:both;
			border:1px solid #b8c3bc;
		}
		
			div.MWRBoxRight, div.MWRBoxRight .headline {
				font-family:Verdana,Arial;
				color:#8d8d8d;
				margin-bottom:20px;
				font-weight:normal;
			}
			
			div.MWRBoxRight .headline {
				font-family:Verdana,Arial;
				color:#8d8d8d;
				margin-bottom:5px;
				font-weight:bold;
				font-size:12px;
				line-height:14px;
			}
			
			div.MWRBoxRight .masterHeadline {
				
				background-image:url("../files/designimages/lett-mwr-heading.jpg");
				background-position:top left;
				background-repeat:repeat-x;	
				padding:0px;
				margin:0px;
				margin-bottom:0px;
				font-size:14px;
				line-height:28px;
				color:#FFFFFF;
				padding-left:5px;
			}
			
			div.MWRBoxRight a, div.MWRBoxRight a:visited {
				line-height:20px;
				font-family:Verdana,Arial;				
				color:#575757;
			}
			
				div.MWRBoxRightContent p, div.MWRBoxRightContent .headline {
					padding:5px;
				}
		
		
		div.quoteBox {
			background-color:#b1beb5;
			background-image:url("../files/designimages/quoteboxbg.jpg");
			background-position:top left;
			background-repeat:repeat-x;	
		}
		
/* job */		
		
div.joboversigt {
	width:621px;
	height:310px;
	border:1px solid #d9d9d9;
}

div.joboversigt_uopfordret {
	width:621px;
	border:1px solid #d9d9d9;
	border-top:0px;
	line-height:24px;
	
	overflow:hidden;
}

	div.joboversigt_uopfordret a {
		line-height:28px;
		color:#5b7b86;
	}

	div.jobColumn {
		width:154px;
		height:310px;
		float:left;
		background-image:url("../files/designimages/job-bg.png");
		background-position:top left;
		background-repeat:repeat-x;	
	}
	
	div.jobColumnOver {
		width:154px;
		height:310px;
		float:left;
		background-image:url("../files/designimages/job-bg-over.png");
		background-position:top left;
		background-repeat:repeat-x;
	}
	
	div.jobHead {
		background-color:#5b7b86;
		height:40px;
	}

	div.jobHead img {
		border:0px;
		margin-top:7px;
		
	}

	div.jobContentHolder {	
		height:270px;
	}
	
	div.jobContentHolderContent {
		width:125px;
		margin-left:15px;
		padding-top:10px;
	}
	
	div.jobArea {
		padding-bottom:10px;
		padding-top:10px;
		background-image:url("../files/designimages/job-split.png");
		background-position:bottom center;
		background-repeat:no-repeat;
	}
	
	.jobHead {
		
	}
	
	div.jobContentBox {
		display:none;
	}
	
	div.jobContentBox div.job {
		clear:both;
		margin-top:5px;
		margin-bottom:5px;
	}
	
		div.jobContentBox div.job a {
			color:#000000;
			font-size:11px;
		}
	
div.jobColumnSplitter {
	width:1px;
	height:310px;
	float:left;
}
		
/* job */		
		
div.fadingImagesHolder {
	position:static;
	width:882px;
	height:182px;
	top:0px;
	left:0px;
	clear:both;
}

div.fadingImagesHolderForside {
	position:static;
	width:636px;
	height:318px;
	top:0px;
	left:0px;
	clear:both;
}

div.lettContactHolder div.elementBox {
	padding-right:10px;
}




/* search <- */

div.searchBox {
	float:right;
	margin-left:10px;
}

	div.searchBox form {
		margin:0px;
		padding:0px;
		border:0px;
		margin-top:5px;
	}
	
	div.searchBox input.katjsearch {
		border:1px solid #d7d7d7;
		color:#d7d7d7;
		height:17px;
		vertical-align:middle;
		margin-right:5px;
		width:100px;
		background-color:#FFFFFF;
	}
	
	.searchImage {
		border:0px;
		vertical-align:middle;
	}

div.searchResult {
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #e6e6e6;
}

	

/* search -> */

div.tidslinieContentBox {
	position:absolute;
	top:120px;
	left:40px;
	background-color:#FFFFFF;
	
	
	width:360px;
	display:none;
	-moz-opacity:0.95;
	filter: alpha(opacity=95);
	opacity: 0.95;
	padding:10px;
	border:1px solid #000000;
}

p.tidlinieBoxClose {
	text-align:right;
}
	
/* LETT Konkurrence <- */

table.lettkonkurrenceForm td.formAction {
	padding-bottom:8px;
}

td.question {
	padding-top:10px;
}

img.frontpageKonkurrence {
	position:absolute;
	left:140px;
	top:120px;
}

input.konkurrenceRadio {
	border:0px;
}
	
/* LETT Konkurrence -> */	
	
/* LETT Forum <- */

div.lettForumHolder {
	position:relative;
	clear:both;
	width:190px;
	padding-bottom:3px;
	margin-bottom:10px;
}

	table.lettForum {
		width:190px;
	}
	
		div.fronpageContentHolderContent td.lettForumInput {
			color:#FFFFFF;
			line-height:18px;
		}
		
		td.lettForumInput {
			padding-bottom:4px;
			font-weight:bold;
			
		}
	
		input.lettInput {
			width:135px;
			border-top:1px solid #bcbcbc;
			border-left:1px solid #bcbcbc;
			border-right:1px solid #dbdbdb;
			border-bottom:1px solid #dbdbdb;
			font-family:Verdana, Arial;
			font-size:10px;
			color:#4d4d4d;
			margin-right:5px;
			background-color:#FFFFFF;
			
		}
		
		input.lettInputText {
			border:0px;
			background-color:#FFFFFF;
		}
		
		input.lettSubmit {
			border:0px;
		}
		
		td.lettForumSubmitCreate {
			text-align:left;
		}
		
		td.lettForumSubmitLogin {
			text-align:right;
		}

	div.lettErrorBox {
		position:absolute;
		left:10px;
		width:150px;
		height:45px;
		border:2px solid #ae110e;
		background-color:#cb7a78;
		padding:5px;
		color:#000000;
		font-weight:bold;
		text-align:center;
		margin-bottom:10px;
	}
	
	div.lettforumUserText {
		padding:5px;	
	}
	
fieldset.lettForumProfile {
	border:1px solid #DDDDDD;
	padding:5px;
}

	fieldset.lettForumProfile legend {
		color:#000000;
		font-weight:bold;
	}


input.lettForumProfileCheckbox {
	border:0px;
	background-color:#FFFFFF;
}

input.lettForumProfileSubmit {
	background-color:#41675a;
	width:140px;
	line-height:20px;
	color:#FFFFFF;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	/*background-color:#FFFFFF;*/
}

	/* LETT Forum forside <- */
	div.lettForumHolderFrontpage {
		position:static;
		clear:both;
		width:225px;
		margin-bottom:10px;
	}
	
		table.lettForumFrontpage {
			width:225px;
		}
		
			td.lettForumInput {
				padding-bottom:8px;
			}
		
			input.lettInputFrontpage {
				width:225px;
				border-top:1px solid #bcbcbc;
				border-left:1px solid #bcbcbc;
				border-right:1px solid #dbdbdb;
				border-bottom:1px solid #dbdbdb;
				font-family:Verdana, Arial;
				font-size:10px;
				color:#4d4d4d;
			}
			
			input.lettSubmit {
				border:0px;
			}
			
			td.lettForumSubmitCreate {
				text-align:left;
			}
			
			td.lettForumSubmitLogin {
				text-align:right;
			}
	
		div.lettErrorBox {
			border:2px solid #ae110e;
			background-color:#cb7a78;
			padding:5px;
			color:#000000;
			font-weight:bold;
			text-align:center;
			margin-bottom:10px;
		}
		
		div.lettforumUserText {
			padding:5px;	
		}
		
		/* LETT Forum forside -> */
		
		td.lettForumArr_dato, td.lettForumArr_frist, td.lettForumArr_kontor, td.lettForumArr_arrangement, td.lettForumArr_tilmeldte, td.lettForumArr_action {
			font-weight:bold;
			border-bottom:1px solid #999999;
		}
		
		table.lettForumArrangementer {
			width:700px;
		}
		
		td.addArrangementTitle, td.addArrangementInput {
			padding:4px;
		}
		
		td.addArrangementTitle {
			width:150px;
		}
		
div.lettForumAdminControls {
	width:500px;
}




/* LETT Forum -> */

/* LETT Arrangementer <- */

table.lettForumArranementer {
	width:400px;
}

	td.lettForumArranementTitle {
		width:150px;
	}
	
	td.lettForumArranementInput {
		width:250px;
		padding-bottom:5px;
	}
	
		td.lettForumArranementInput input, td.lettForumArranementInput select {
			border-top:1px solid #bcbcbc;
			border-left:1px solid #bcbcbc;
			border-right:1px solid #dbdbdb;
			border-bottom:1px solid #dbdbdb;
			font-family:Verdana, Arial;
			font-size:10px;
			color:#4d4d4d;
		}

div.lettForumArrangementInfoBox {
	background-color:#EEEEEE;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:10px;
	font-weight:bold;
} 

tr.notAktiv td, td.notActive {
	text-decoration:line-through;
}

tr.notAktiv td.tool {
	text-decoration:none;
}

div.kalendermaandedContent .headline {
	color:#1e4724;
	font-weight:bold;
	
}

/* LETT Arrangementer -> */

/* LETT Kontakt <- */

input.lettKontaktForm {
	width:190px;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-family:Verdana, Arial;
	font-size:10px;
	color:#4d4d4d;
}

.lettKontaktFormTextarea {
	width:190px;
	height:100px;
	border-top:1px solid #bcbcbc;
	border-left:1px solid #bcbcbc;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-family:Verdana, Arial;
	font-size:10px;
	color:#4d4d4d;
}

.lettContactSubmit, .lettKontaktFormCheckbox {
	border:0px;
}


	
/* LETT Kontakt -> */

div.bottomHolder {
	position:relative;
	clear:both;
	height:20px;
	background-color:#4d6b55;
	margin-top:10px;
	line-height:20px;
	font-weight:bold;
	color:#aebcba;
	padding-left:5px;
}

	div.lettLink {
		position:absolute;
		right:5px;
		top:4px;	
	}
	
	div.lettLinkLeft {
		position:absolute;
		left:5px;
		top:4px;	
	}
	
		div.lettLink a, div.lettLink a:visited, div.lettLinkLeft a, div.lettLinkLeft a:visited {
			font-weight:bold;
			color:#aebcba;
			
			
		}

	a.menuStructure, a.menuStructure:visited, span.menuStructureSpacers {
		font-family:Verdana, Arial;
		font-size:10px;
		color:#4e4e4e;
		text-decoration:none;
	}
	
	a.menuStructure:hover, a.menuStructure:visited:hover {
		text-decoration:underline;
	}

	div.credits {
		position:absolute;
		top:20px;
		right:0px;
	}
		
		div.credits a,div.credits a:link, div.credits a:visited {
			font-size:9px;
			color:#999999;
		}
	
	
/* -> Site Specific */

/* STYLES */

.greytext {
	font-weight:bold;
	color:#939396;
}


/* last in CSS-file <- */
img {
	border:0px;
}

img.contentImage {

}

div.hiddenLogin {
	z-index:10;
}

div.blockSpace {
	width:100%;
	height:1px;
	overflow:hidden;
	clear:both;
}

table.katjContentTable {
	width:auto;
}

/* -> last in CSS-file */
