@import "default.css";
@import "../katj/css/cms-navigation.css";

/* <- CMS Specific */

body,a,select,td,body.katjeditorbody {
	font-family:Verdana,Arial,Helvetica;
	font-size:11px;
	color:#000000;	
}

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.kantBlack {
	background-image:url("../files/designimages/menubar.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

body.kantBlackFront {
	background-image:url("../files/designimages/menubar-front.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}

body.print {
	text-align:left;
}

div.columnHolder {
	float:left;
		
}

div.pageletBox {
	clear:both;
	
	clip:auto;
	display:block;
}

	div.katjPageletBtn {
		
	}

div.elementBox {
	margin-right:0px;
}

a {
	text-transform: none;
	font-weight:normal;
}

/* -> CMS Specific */


/* <- Site Specific */

	a:link, a:visited {
		text-decoration:none;
	}
	
	.headline {
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		color:#000000;
		padding:0px;
		margin:0px;
		margin-top:13px;
		margin-bottom:6px;
		
	}
	
	h1.headline {
		font-size:18px;
		line-height:18px;
		font-family:Verdana,Arial;
		font-weight:bold;
		color:#000000;
		margin-bottom:13px;
		/*margin-top:10px;*/
		margin-top:0px;
	}

div.masterColumn {
	width:990px;
	position:relative;
	clear:both;
}

	div.topHolder {
		height:135px;
		background-image:url("../files/designimages/kant-top-logo.jpg");
		background-repeat:no-repeat;
		background-position:top left;
		margin-left:20px;
	}
	
		div.menuHolderTop {
			position:absolute;
			top:0px;
			left:230px;
			height:130px;
		}

div.middleColumn {
	width:990px;
	position:relative;
	clear:both;
}

	div.middleColour {
		background-repeat:no-repeat;
		background-position:top left;
		/*height:1100px;*/	
	}


	div.middleContentHolder {
		position:absolute;
		left:230px;
		top:0px;
		/*border-top:4px solid #000000;*/
		background-image:url("../files/designimages/kant-bottom.jpg");
		background-repeat:no-repeat;
		background-position:top left;
		padding-top:13px;
		
	}
	
		div.mainContentHolder {
			width:565px;
			clear:both;
			position:relative;
		}
	
	div.middleContentHolderFrontpage {
		position:absolute;
		width:756px;
		left:230px;
		top:0px;
		border-top:4px solid #000000;
	}
	
		div.mainContentHolderFrontpage {
			width:756px;
			clear:both;
			margin-top:13px;
			margin-bottom:13px;
			padding-bottom:13px;
			border-bottom:4px solid #000000;
		}
		
		div.mainContentHolderFrontpage .headline {		
			font-size:18px;
			line-height:18px;
			font-family:Verdana,Arial;
			font-weight:bold;
			color:#000000;
			margin-bottom:5px;
			margin-top:5px;
		}
	
			div.frontpageContentHolder  {
				width:550px;
				float:left;
				overflow:hidden;
			}
				
				div.frontpageContentBox {
					width:540px;
				}
			
			div.frontpageContactHolder {
				width:206px;
				float:left;
				overflow:hidden;
				background-color:#000000;
			}
			
				div.frontpageContactBox {
					padding:13px;
					color:#FFFFFF;
					border:0px;
					clear:both;
				}
				
					div.frontpageContactBox .headline, div.frontpageContactBox a, div.frontpageContactBox a:visited {
						color:#FFFFFF;
					}
					
				div.newsletterSubmitBox {
					background-color:#e9ca00;
					border-top:1px solid #FFFFFF;
					padding:3px;
					padding-left:13px;
					clear:both;
				}
					div.newsletterSubmitBox a, div.newsletterSubmitBox a:visited {
						color:#000000;
					}
					
			div.frontpageNewsHolder {
				width:200px;
				float:left;
				overflow:hidden;
				border-left:1px solid #000000;
			}
			
				div.frontpageNewsBox {
					width:175px;
					margin-left:13px;
					color:#000000;
					border:0px;
				}
				
				div.frontpageNewsBox a, div.frontpageNewsBox a:visited, div.aktuelleProjekterHolder a, div.aktuelleProjekterHolder a:visited {
					color:#cfbf0d;
					text-decoration:none;
				}
				
				div.aktuelleProjekterHolder {
					width:540px;
				}
				
					div.aktuelleProjekterHolder td.katjContentTableCell {
						padding-bottom:18px;
						padding-right:13px;
						vertical-align:top;
						line-height:15px;
						font-size:11px;	
					}
						
						div.aktuelleProjekterHolder td.katjContentTableCell img.contentImage {
							padding:0px;
							margin:0px;
						}
					
					div.aktuelleProjekterHolder td.katjContentTableCell0 {
						width:190px;
					}
					
					div.aktuelleProjekterHolder td.katjContentTableCell1 {
						
						padding-left:0px;
					}
	
	div.rightContentHolder {
		position:absolute;
		width:164px;
		right:0px;
		top:0px;
	}
	
		div.rightContentHolder .headline {
			font-size:14px;
			line-height:14px;
			font-weight:bold;
			color:#000000;
			padding:0px;
			margin:0px;
			margin-top:13px;
			margin-bottom:6px;
		}
	
		div.rightColumnContentHolder {
			width:164px;
			overflow:hidden;
		}
		
			div.colouredQuoteBox {
				
				background-repeat:no-repeat;
				background-position:10px 10px;
				color:#FFFFFF;
				font-size:13px;
				line-height:17px;
				margin-bottom:13px;
			}
			
			div.colouredQuoteBox a, div.colouredQuoteBox a:link, div.colouredQuoteBox a:visited {
				color:#FFFFFF;
				font-size:13px;
				line-height:17px;
				text-decoration:none;
			}
			
			
			div.colouredQuoteBox .headline {
				color:#FFFFFF;
			}
			
			div.quoteBoxContent {
				width:136px;
				margin-left:14px;
				
				padding-top:36px;
				padding-bottom:10px;
				clear:both;
			}
			
			div.colouredBox {
				
			
				color:#FFFFFF;
				margin-top:13px;
				margin-bottom:13px;
			}
			
			div.colouredBox a, div.colouredBox a:link, div.colouredBox a:visited {
				color:#FFFFFF;
				text-decoration:none;
			}
			
			
			div.colouredBox .headline {
				color:#FFFFFF;
			}
			
			div.greyBox {
				color:#000000;
				background-color:#ededed;
				margin-bottom:13px;
			}
			
			div.greyBox a, div.greyBox a:link, div.greyBox a:visited {
				color:#000000;
				text-decoration:none;
			}
			
			div.greyBox .headline {
				color:#000000;
			}
			
			div.BoxContent {
				width:136px;
				margin-left:14px;
				padding-top:10px;
				padding-bottom:10px;
				clear:both;
			}
			
			
			
	
	div.leftContentHolder {
		position:absolute;
		width:140px;
		left:2px;
		top:63px;
	} 

	div.breadcrumb {
		margin-top:13px;
		/*border-top: 4px solid #000000;*/
		background-image:url("../files/designimages/kant-bottom.jpg");
		background-repeat:no-repeat;
		background-position:top left;
		width:760px;
		height:10px;
		
		padding-top:2px;
		padding-bottom:2px;
		margin-bottom:20px;
		clear:both;
	}
	
		div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited,
		div.breadcrumb a:hover, div.breadcrumb a:link:hover, div.breadcrumb a:visited:hover {
			font-family:Verdana,Arial,Helvetica;
			font-size:11px;
			font-style:normal;
			text-decoration:none;
		}

div.medarbejderHolder {
	border-bottom:4px solid #000000;
	position:relative;
	clear:both;
	padding-bottom:13px;
	margin-bottom:15px;
	display:block;
}

	div.medarbejderContent {
		position:relative;
		clear:both;
		
	}
	
		div.medarbejderData {
			position:absolute;
			bottom:0px;
		}
		
		div.medarbejderData .headline {
			margin-bottom:5px;
		}


	div.projectPresenter {
		width:565px;
		clear:both;
		display:block;
	}
	
		div.projectItem {
			width:182px;
			height:125px;
			float:left;
			background-color:#363535;
			margin-bottom:10px;
			margin-top:3px;
		}
		
		div.projectItem_hover {
			background-color:#000000;
			width:182px;
			height:125px;
			float:left;
			margin-bottom:10px;
			margin-top:3px;
		}
		
			div.projectItemColor {
				background-color:#363535;
				width:182px;
				height:125px;
				cursor:pointer;
			}
			
				a.projectLink, a.projectLink:visited {
					color:#FFFFFF;
				} 
			
			div.projectItemColorOver {
				background-color:#000000;
				width:182px;
				height:125px;
				cursor:pointer;
				color:#FFFFFF;
			}
		
			div.projectItem_1 {
				margin-right:9px;
			}
			
			div.projectItem_2 {
				margin-right:9px;
			}
			
			div.projectItem_3 {
				margin-right:0px;
				float:right;
			}
			
			
				div.projectItemImage {
					height:100px;
					clear:both;
					background-color:#FFFFFF;
					margin:1px;
					padding-bottom:2px;
				}
				
				div.projectItemImageOver {
					height:100px;
					clear:both;
					background-color:#FFFFFF;
					margin:1px;
					padding-bottom:2px;
				}
				
					div.projectItemImage img {
						-moz-opacity:0.50;
						filter: alpha(opacity=50);
						opacity: 0.50;
					}
					
					div.projectItemImageOver img {
						
						-moz-opacity:1.0;
						filter: alpha(opacity=100);
						opacity: 1.00;
					}
			
				div.projectItemText {
					padding-left:5px;
				}
				
					div.projectItemText a, div.projectItemText a:visited {
						line-height:20px;
						color:#FFFFFF;
					}
					
div.dynamicImageSelector {
	width:570px;
	padding-top:8px;
	
}
	
	div.dynamicImageSelectorEnd {
		border-top:4px solid #000000;
		margin-top:8px;
		margin-bottom:8px;
	}
					
	div.dynamicImageRight {
		display:block;
		text-align:left;
	}
	
	img.dynamicImageHidden {
		display:none;
	}
	
	div.dynamicImageSelector img.contentImage {
		margin-right:5px;
		margin-bottom:5px;
		border:1px solid #000000;
		-moz-opacity:0.50;
		filter: alpha(opacity=50);
		opacity: 0.50;
		width:50px;
	}
	
	div.dynamicImageSelector img.dynamicIconOver {
		-moz-opacity:1.00;
		filter: alpha(opacity=100);
		opacity: 1.00;
		cursor:pointer;
	}
	
	div.dynamicImageSelector img.dynamicIconChosen {
		-moz-opacity:1.00;
		filter: alpha(opacity=100);
		opacity: 1.00;
		cursor:pointer;
	}
	
	div.dynamicImageSelector td.katjContentTableCell0 {
		color:#616161;
	}
	
	div.dynamicImageSelector img.dynamicIcon {
		cursor:pointer;
	}
	
div.projektDataHolder {
	border-top:4px solid #000000;
	border-bottom:4px solid #000000;
	padding-bottom:13px;
	padding-top:13px;
	margin-bottom:13px;
	line-height:16px;
}

	div.projektDataHolder .headline {
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		color:#000000;
		padding:0px;
		margin-bottom:28px;
		margin-top:0px;
	}

div.sortStregTop {
	border-top:4px solid #000000;
	padding-bottom:13px;
	padding-top:13px;
	margin-bottom:13px;
}

div.sortStregBund {
	border-top:4px solid #000000;
	padding-bottom:13px;
	padding-top:13px;
	margin-bottom:13px;
}

div.fadingImagesHolderStandard {
	position:static;
	clear:both;
	padding-top:0px;
}

	div.fadingImagesContent {
		position:static;
		clear:both;
		padding-bottom:13px;
	}

/* nyhedsbrev <- */

form.kantNewsletter {
	margin-top:10px;
	padding-top:0px;
}

input.kantNewsletterInput {
	width:160px;
	padding:2px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

input.kantNewsletterSubmit {
	padding:2px;
	border:1px solid #000000;
	background-color:#000000;
	color:#FFFFFF;
	margin-bottom:10px;
}


/* nyhedsbrev -> */


/* -> Site Specific */

/* Colour Specific */
/* <- */

	/* purple <- */
	
	div.middleColourpurple {
		background-image:url("../files/designimages/leftbar-purple.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}	
	
	

	div.breadcrumb_purple {
		border-color:#9a32cd;
		color:#9a32cd;
	}
	
	div.middleColourpurple  div.elementBox a, div.middleColourpurple  div.elementBox a:link, div.middleColourpurple  div.elementBox a:visited,
	div.breadcrumb_purple a, div.breadcrumb_purple a:link, div.breadcrumb_purple a:visited,
	div.breadcrumb_purple a:hover, div.breadcrumb_purple a:link:hover, div.breadcrumb_purple a:visited:hover {
		color:#9a32cd;
	}
	
	div.colouredQuoteBoxpurple {
		background-color:#9a32cd;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxpurple {
		background-color:#9a32cd;
	}
	
	span.purpleStyle, .purpleStyle {
		color:#9a32cd;
	}
	
	/* purple -> */

	/* green <- */
	
	div.middleColourgreen {
		background-image:url("../files/designimages/leftbar-green.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}
	

	div.breadcrumb_green {
		border-color:#b0e11d;
		color:#b0e11d;
	}
	
	div.middleColourgreen div.elementBox a, div.middleColourgreen div.elementBox a:link, div.middleColourgreen div.elementBox a:visited,
	div.breadcrumb_green a, div.breadcrumb_green a:link, div.breadcrumb_green a:visited,
	div.breadcrumb_green a:hover, div.breadcrumb_green a:link:hover, div.breadcrumb_green a:visited:hover {
		color:#b0e11d;
	}
	
	div.colouredQuoteBoxgreen {
		background-color:#b0e11d;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxgreen {
		background-color:#b0e11d;
	}
	
	span.greenStyle, .greenStyle {
		color:#b0e11d;
	}
	
	/* green -> */

	/* black <- */
	
	div.middleColourblack {
		background-image:url("../files/designimages/leftbar-black.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}
	

	div.breadcrumb_black {
		border-color:#000000;
		color:#000000;
	}
	
	div.middleColourblack div.elementBox a, div.middleColourblack div.elementBox a:link, div.middleColourblack div.elementBox a:visited,
	div.breadcrumb_black a, div.breadcrumb_black a:link, div.breadcrumb_black a:visited,
	div.breadcrumb_black a:hover, div.breadcrumb_black a:link:hover, div.breadcrumb_black a:visited:hover {
		color:#000000;
	}
	
	div.colouredQuoteBoxblack {
		background-color:#262626;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxblack {
		background-color:#262626;
	}
	
		div.colouredBoxblack div.BoxContent a, div.colouredBoxblack div.BoxContent a:link, div.colouredBoxblack div.BoxContent a:visited {
			color:#DDDDDD;
		}
	
	span.blackStyle, .blackStyle {
		color:#262626;
	}
	
	span.blackBigStyle, .blackBigStyle, .blackBigStyle a, .blackBigStyle a:visited {
		color:#262626;
		font-size:14px;
	}
	
	/* black -> */
	
	/* blue <- */
	
	div.middleColourblue {
		background-image:url("../files/designimages/leftbar-blue.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}
	

	div.breadcrumb_blue {
		border-color:#3399fe;
		color:#3399fe;
	}
	
	div.middleColourblue div.elementBox a, div.middleColourblue div.elementBox a:link, div.middleColourblue div.elementBox a:visited,
	div.breadcrumb_blue a, div.breadcrumb_blue a:link, div.breadcrumb_blue a:visited,
	div.breadcrumb_blue a:hover, div.breadcrumb_blue a:link:hover, div.breadcrumb_blue a:visited:hover {
		color:#3399fe;
	}
	
	div.colouredQuoteBoxblue {
		background-color:#3399fe;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxblue {
		background-color:#3399fe;
	}
	
	span.blueStyle, .blueStyle {
		color:#3399fe;
	}
	
	/* blue -> */
	
	/* red <- */
	
	div.middleColourred {
		background-image:url("../files/designimages/leftbar-red.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}
	

	div.breadcrumb_red {
		border-color:#ff3301;
		color:#ff3301;
	}
	
	div.middleColourred div.elementBox a, div.middleColourred div.elementBox a:link, div.middleColourred div.elementBox a:visited,
	div.breadcrumb_red a, div.breadcrumb_red a:link, div.breadcrumb_red a:visited,
	div.breadcrumb_red a:hover, div.breadcrumb_red a:link:hover, div.breadcrumb_red a:visited:hover {
		color:#ff3301;
	}
	
	div.colouredQuoteBoxred {
		background-color:#3399fe;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxred {
		background-color:#ff3301;
	}
	
	span.redStyle, .redStyle {
		color:#ff3301;
	}
	
	/* red -> */
	
	/* pink <- */
	
	div.middleColourpink {
		background-image:url("../files/designimages/leftbar-pink.jpg");
		background-image:url("../files/designimages/leftbar-black.jpg");
	}
	

	div.breadcrumb_pink {
		border-color:#d538d5;
		color:#d538d5;
	}
	
	div.middleColourpink div.elementBox a, div.middleColourpink div.elementBox a:link, div.middleColourpink div.elementBox a:visited,
	div.breadcrumb_pink a, div.breadcrumb_pink a:link, div.breadcrumb_pink a:visited,
	div.breadcrumb_pink a:hover, div.breadcrumb_pink a:link:hover, div.breadcrumb_pink a:visited:hover {
		color:#d538d5;
	}
	
	div.colouredQuoteBoxpink {
		background-color:#d538d5;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxpink {
		background-color:#d538d5;
	}
	
	span.pinkStyle, .pinkStyle {
		color:#d538d5;
	}
	
	/* pink -> */
	
	
	/* yellow <- */
	
	div.middleColouryellow {
		background-image:url("../files/designimages/leftbar-black.jpg");
		background-image:url("../files/designimages/menubar-front.jpg");
	}
	

	div.breadcrumb_yellow {
		border-color:#dfcd01;
		color:#dfcd01;
	}
	
	div.middleColouryellow div.elementBox a, div.middleColouryellow div.elementBox a:link, div.middleColouryellow div.elementBox a:visited,
	div.breadcrumb_yellow a, div.breadcrumb_yellow a:link, div.breadcrumb_yellow a:visited,
	div.breadcrumb_yellow a:hover, div.breadcrumb_yellow a:link:hover, div.breadcrumb_yellow a:visited:hover {
		color:#dfcd01;
	}
	
	div.colouredQuoteBoxyellow {
		background-color:#dfcd01;
		background-image:url("../files/designimages/quote-gfx.gif");
	}
	
	div.colouredBoxyellow {
		background-color:#dfcd01;
	}
	
	span.yellowStyle, .yellowStyle {
		color:#dfcd01;
	}
	
	/* yellow -> */

.overskrift1, span.overskrift1, .overskrift1 a, .overskrift1 a:visited {
	font-size:18px;
}

.overskrift2, span.overskrift2, .overskrift2 a, .overskrift2 a:visited {
	font-size:14px;	
}

.lilleskrift, span.lilleskrift, .lilleskrift a, .lilleskrift a:visited {
	font-size:9px;
}

.storskrift, span.storskrift, .storskrift a, .storskrift a:visited {
	font-size:13px;	
}

/* -> */
/* Colour Specific */


/* nyheder <- */

div.columnHolderNyhed {
	clear:both;
	border-top:1px solid #000000;
	padding-top:16px;
	padding-bottom:16px;
}

	div.columnHolderNyhed img.contentImage {
		margin-left:5px;
		margin-right:5px;
	}

/* nyheder -> */

/* kontaktform */
/* <- */

div.outerFormHolder {
	width:164px;
	clear:both;
	/*border-bottom:4px solid #000000;*/
	border-top:4px solid #000000;
	margin-bottom:13px;
}

	div.outerFormHolder .headline {
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		color:#000000;
		padding:0px;
		margin-top:13px;
		margin-bottom:18px;
	}
	
	div.formHolder {
		margin-bottom:5px;
	}
	
	table.kontaktTable {
		width:164px;
	}
	
		td.kontaktTitle  {
			font-family:Verdana,Arial,Helvetica;
			font-size:11px;
			font-style:normal;
			text-decoration:none;
			color:#000000;
			height:16px;
		}
		
		td.kontaktInput {
			height:24px;
		}	
		
		input.kontaktInput {
			width:164px;
			border:1px solid #000000;
			background-color:#FFFFFF;
			font-size:10px;
			padding:2px;
			height:20px;
		}
		
		td.kontaktInputTextArea {
			height:55px;
		}
		
		textarea.kontaktInputTextArea {
			width:164px;
			height:45px;
			border:1px solid #000000;
			background-color:#FFFFFF;
			font-size:10px;
			padding:2px;
			font-family:Verdana,Arial,Helvetica;
			font-size:10px;
			font-style:normal;
			text-decoration:none;
		}
		
		input.kontaktSubmit {
			float:right;
			background-color:#000000;
			padding:2px;
			padding-left:10px;
			padding-right:10px;
			text-align:center;
			color:#FFFFFF;
			border:0px;
			
		}
		
		div.messageAfterFormSubmission {
			padding:8px;
			background-color:#999999;
		}

div.topBillede {
	padding-bottom:13px;
}

div.kantPerson {

}

	div.kantPersonContent td, div.kantPersonContent td a, div.kantPersonContent td a:visited {
		font-size:9px;
	}

/* -> */
/* kontaktform */

/* 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 */

div.middleColour {
	background-image:none;
}