@import "default.css";

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

/* <- CMS Specific */

html,body {
	height:100%;
}

body,a,select,td,body.katjeditorbody {
	font-family:verdana;
	font-size:11px;
	color:#5b5b5b;
}

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 {
	
}

body.print {
	text-align:left;
	padding:5px;
}

div.columnHolder {
	float:left;	
}

div.pageletBox {
	clear:both;
	position:relative;
}

div.katjPageletBtn {
	display:none;
}

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

/* -> CMS Specific */


/* <- Site Specific */

a, a:link, a:visited {
	text-decoration:none;
	color:#7d1b7e;
	font-weight:bold;
}

.headline, .subheadline {
	font-size:22px;
	color:#000000;
	font-weight:normal;
	margin:0px;
	padding:0px;
	border:0px;
}

h1.headline {
	font-size:22px;
	color:#000000;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border:0px;
}

.abstract {
	font-size:22px;
	color:#000000;
	font-weight:normal;
	margin:0px;
	padding:0px;
	border:0px;
	line-height:22px;
}

div.body {
	position:relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color:#6b6b6d;

}

div.topRow {
	background-color:#6b6b6d;
	background-image:url("../files/designimages/topbottombg.jpg");
	background-position:bottom left;
	background-repeat:repeat-x;
	height:105px;
	margin:0px;
	padding:0px;
	text-align:center;
}

div.menuRow {
	background-image:url("../files/designimages/menubg.jpg");
	background-position:bottom left;
	background-repeat:repeat-x;
	height:32px;
	text-align:center;
}

	div.menuHolder {
		display:block;
		width:872px;
	}

div.mainRow {
	width:100%;
	background-color:#FFFFFF;
	text-align:center;
	min-height:400px;
}

div.bottomRow {
	background-color:#6b6b6d;
	background-image:url("../files/designimages/bottomtopbg.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	color:#FFFFFF;
	width:100%;
	height:45px;
	line-height:45px;
	position:relative;
	bottom:0px;
	left:0px;
	text-align:center;
}

	div.bottomAddress {
		width:700px;
		float:left;
		line-height:45px;
	}
	
		div.bottomAddress a, div.bottomAddress a:visited {
			color:#FFFFFF;
			font-weight:normal;
		}
	
	div.bottomNews {
		width:100px;
		float:right;
		text-align:right;
		line-height:45px;
	}
	
		div.bottomNews a, div.bottomNews a:visited {
			line-height:45px;
			color:#FFFFFF;
			font-size:11px;
			font-weight:bold;
		}
		
		div.bottomAddress a.credit, div.bottomAddress a.credit:visited {
			line-height:25px;
			color:#7f7f7f;
			font-size:10px;
			font-weight:normal;
			margin-left:200px;
		}
		
		

div.innerRow {	
	position:relative;
	width:872px;
	margin-left:auto;
	margin-right:auto;
	text-align:left; 
}

div.contentRow {
	position:relative;
	width:872px;
	overflow:hidden !important;
	clear:both;
}

	div.logoHolder {
		position:absolute;
		top:5px;
	}
	
	div.topMenuHolder {
		position:absolute;
		right:0px;
		top:65px;
		
	}

	div.searchHolder {
		position:absolute;
		width:150px;
		right:0px;
		top:3px;
	}
	
		div.searchHolder form {
			margin:0px;
			padding:0px;
			border:0px;
			height:30px;
			text-align:right;
		}
		
		/* Search */

		.katjsearch {
			width:120px;
			height:22px;
			border:0px;
			line-height:18px;
			background-color:transparent;
			background-image:url("../files/designimages/search-searchtext.jpg");
			background-position:top left;
			background-repeat:no-repeat;
			padding-left:10px;
			vertical-align:middle;
			
		}
		
		.katjsearchSubmit {
			width:24px;
			height:22px;
			line-height:18px;
			border:0px;
			background-color:transparent;
			background-image:url("../files/designimages/search-submit.jpg");
			background-position:top left;
			background-repeat:no-repeat;
			vertical-align:middle;
		}
					
		
div.menuHolder2 {
	position:relative;
	width:130px;
	float:left;
	border-left:1px solid #d8d8d8;
	min-height:400px;
	margin-bottom: -9999px; 
	padding-bottom: 9999px;
	
}

div.mainContentHolder {
	position:relative;
	width:500px;
	float:left;
	border-left:1px solid #d8d8d8;
	min-height:400px;
	margin-bottom: -9999px; 
	padding-bottom: 9999px;
}

	div.mainContentHolder div.contentBox {
		width:432px;
		margin-left:40px;
		padding-bottom:40px;
	}
	
	div.mainContentHolder div.contentBox p.bodyspan {
		
		line-height:14px;
	}
	
	div.mainContentHolder div.contentBox .bodyspan {
		margin-top:15px;
	}
	
div.mainContentHolderWide {
	width:855px;
}

	div.mainContentHolderWide div.contentBox {
		width:787px;
	}
	
div.mainContentHolderWideWithMenu {
	width:740px;
	float:right;
}

	div.mainContentHolderWideWithMenu div.contentBox {
		margin-left:20px;
		width:720px;
		overflow:hidden;
	}

div.mainContentRight {
	width:225px;
	float:right;
	overflow:hidden;
	padding-bottom:20px;
}

div.menuHolder2, div.mainContentHolder, div.mainContentRight {
	padding-top:35px;
}

/* FRONTPAGE */

div.frontTopLeft {
	width:604px;
	float:left;
	margin-top:35px;
	margin-left:20px;
}

	div.frontTopLeft div.contentBox {
		width:584px;
		
	}
	
	div.frontTopLeft div.contentBox p {
		line-height:14px;
	}
	
	
	div.frontTopLeft div.contentBox .headline {
	}

div.frontTopRight {
	width:218px;
	height:176px;
	float:right;
	margin-top:10px;
	background-image:url("../files/designimages/dark-grey-bg.png");
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:4px;
}

	div.frontTopRight div.contentBoxImage {
		margin:8px;
		width:200px;
		height:115px;
		margin-bottom:0px;
	}
	
		div.frontTopRight div.contentBoxImage img {
			border:1px solid #e7e7e7;
		}
		
	div.frontTopRight div.contentBox {
		margin-left:15px;
		margin-right:0px;
		margin-top:8px;
		width:200px;
		height:45px;
		color:#FFFFFF;
	}
		
		div.frontTopRight div.contentBox .headline {
			margin:0px;
			padding:0px;
			border:0px;
			font-size:14px;
			font-weight:bold;
			margin-bottom:4px;
			color:#FFFFFF;
		}
		
		div.frontTopRight div.contentBox a, div.frontTopRight div.contentBox a:visited {
			color:#FFFFFF;
		} 

div.frontMiddle {
	width:216px;
	height:233px;
	background-image:url("../files/designimages/fokusboks-bg.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}

	div.frontMiddle div.contentBoxImage {
		margin:8px;
		width:200px;
		height:115px;
		margin-bottom:0px;
	}
	
		div.frontMiddle div.contentBoxImage img {
			border:1px solid #e7e7e7;
		}
		
	div.frontMiddle div.contentBox {
		margin:20px;
		margin-top:8px;
		width:176px;
		height:85px;
		line-height:14px;
	}
	
		div.frontMiddle div.contentBox .headline {
			margin:0px;
			padding:0px;
			border:0px;
			font-size:14px;
			font-weight:bold;
			margin-bottom:7px;
		}

div.frontMiddleLeft {
	margin-right:2px;
}

div.frontMiddleRight, div.frontMiddleRight2 {
	margin-left:2px;
}

div.frontBottomLeft {
	width:654px;
	height:125px;
	background-image:url("../files/designimages/fokusboks-bred-bg.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
	margin-top:3px;
	margin-bottom:40px;
}

	div.frontBottomLeft div.contentBox {
		margin:20px;
		margin-top:8px;
		width:614px;
		height:100px;
		overflow:hidden;
	}
	
		div.frontBottomLeft div.contentBox .headline {
			font-size:14px;
			font-weight:bold;
			color:#000000;
		}
	
		div.frontpageNewsHeadline {
			
			
			
		}
		
			div.frontpageNewsHeadline .subheadline {
				color:#58585a;
				font-weight:bold;
				font-size:11px;
				margin-bottom:4px;
			}
			
		div.frontpageNewsDate {
			width:100px;
			float:right;
			color:#7d1b7e;
			text-align:right;
			font-weight:bold;
		}
		
		div.frontpageNewsAbstract {
			color:#58585a;
			margin-bottom:8px;		
			clear:left;
		}
		
		div.frontBottomLeft div.nyhed {
			margin-top:10px;
		}
		
/* new 2011 */

div.frontBottomLeftColumn {
	width:216px;
	height:125px;
	float:left;
	background-image:url("../files/designimages/bg-nyheder.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-right:2px;
}

	div.frontBottomLeftColumn div.contentBox {
		margin:10px;
		margin-left:20px;
		width:180px;
		height:105px;
		overflow:hidden;
	}
		
div.frontBottomMiddleColumn {
	width:435px;
	height:125px;
	float:left;
	background-image:url("../files/designimages/bg-facebook.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:4px;
}		

	div.frontBottomMiddleColumn div.contentBox {
		margin:20px;
		margin-top:10px;
		width:385px;
		height:95px;
		overflow:hidden;
	}
		
		

div.frontBottomRight {
	float:right;
	width:216px;
	margin-top:3px;
	margin-left:2px;
}

	div.frontBottomRight img.nyhedsbrev, .nyhedsbrev {
		margin-top:2px;
	}
	
	div.mainContentRight img.webshop {
		margin-top:7px;
	}



/* FRONTPAGE */

div.nyhed {
	clear:both;
}

	div.nyhed div.dateHolder {
		color:#7d1b7e;
	}

	div.nyhed div.headlineHolder {
		clear:both;
	}
	
		div.nyhed div.headlineHolder .headline {
			font-size:13px;
			color:#6b6b6d;
			font-weight:bold;
			line-height:16px;
			vertical-align:top;
		}
		
	div.nyhed div.newsTeaser {
		margin-top:8px;
		color:#58585a;
		font-weight:bold;
	}
	
	div.nyhed div.newsContent {
		clear:both;
		margin-top:8px;
		display:none;
	}
	
	div.newsHolderBtn {
		cursor:pointer;
		color:#7d1b7e;
		font-weight:bold;
		margin-top:8px;
		margin-bottom:14px;
	}
	
div.nyhedsliste {
	clear:both;
}

	div.nyhedsliste div.elementBox {
		border-bottom:1px solid #d8d8d8;
		padding-top:10px;
	}

/* kontakt form */

div.outerFormHolder {
	margin-bottom:10px;
}

	.kontaktTitle {
		padding-bottom:2px;
	}

	input.kontaktInput {
		width:200px;
		border:1px solid #DDDDDD;
		margin-bottom:10px;
	}
	
	 textarea.kontaktInputTextArea {
		width:200px;
		height:100px;
		border:1px solid #DDDDDD;
	}

.kontaktSubmit {
	border:0px;
	margin-top:5px;
}

/* focusbox */

div.rightFocusBox {
	clear:both;
}

div.rightFocusBoxTop {
	background-image:url("../files/designimages/box_top.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	width:215px;
	height:7px;
	clear:both;
} 

div.rightFocusBoxMiddle {
	background-image:url("../files/designimages/box_middle.jpg");
	background-position:top left;
	background-repeat:repeat-y;
	width:215px;
	padding-left:15px;
	padding-top:8px;
	padding-bottom:15px;
	clear:both;
}
	
	div.rightFocusBoxMiddle div.contentBox {
		width:185px;	
	}
	
	div.rightFocusBoxMiddle div.contentBox .headline {
		font-size:13px;
		color:#6b6b6d;
		font-weight:bold;
		padding-bottom:7px;
		vertical-align:top;
	}

div.rightFocusBoxBottom {
	background-image:url("../files/designimages/box_bund.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	width:215px;
	height:7px;
	clear:both;
}


/* kreta */

table.kreta td {
	vertical-align:top;
	padding-bottom:5px;
	padding-top:5px;
	border-top:1px solid #EEEEEE;
	
}

/* event */

div.eventItem {
	clear:both;
}

	div.eventItem a, div.eventItem a:visited {
		color:#6b6b6d;
		color:#5b5b5b;
		font-weight:normal;
	}

/* print */

div.print {
	position:absolute;
	top:10px;
	right:240px;
	z-index:100;

}

div.printBred {
	right:10px;
}

/* styles */

.subheading {
	font-size:13px;
	color:#6b6b6d;
	font-weight:bold;
	line-height:22px;
	vertical-align:top;
}

.lightgrey {
	color:#D8D8D8;
}

/* holdoversigt */

div.holdoversigt {
	width:720px;
	overflow:hidden;	
}

	div.holdoversigt table, div.holdoversigt td {
		border:1px solid #6b6b6d;
	}
	
	div.holdoversigt td {
		padding:2px;
		width:100px;
	}
	
/* hacks */

hr {
	color:#d8d8d8;
	background-color:#d8d8d8;
	height:1px;
	border:0px;
}


div.yellowbox {
	width:188px;
	background-color:#EEEEEE;
	padding:10px;
	border:3px solid #fde101;
}

div.greenbox {
	width:188px;
	background-color:#EEEEEE;
	padding:10px;
	border:3px solid #77a72f;
}

div.purplebox {
	width:188px;
	background-color:#EEEEEE;
	padding:10px;
	border:3px solid #982b98;
}

/* facebook-specific */

body.noscrolling {
	overflow:hidden;
}

div.facebookMaster {
	width:520px;
	display:block;
	position:relative;
	overflow:hidden;
}
  
  div.bigBox {
  	clear:both;
  }
  
  	div.bigBox div.boxHolder {
  		background-image: url("../files/designimages/bg-box-middle-repeat.png");
    	background-repeat: repeat-y;
    	display:block;
    }
    
    	div.bigBox div.boxHolder div.boxContent {
    		width:470px;
    		margin-left:25px;
    		padding-top:25px;
    	}
    	
div.smallBox {
	width:255px;
	height:281px;
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	background-image: url("../files/designimages/bg-teaser.png");
    background-repeat: repeat-y;
}

	div.smallBoxRight {
		float:right;
	}

	div.smallBox div.boxHolder {
  		
    	display:block;
    }
    	
    	div.smallBox div.boxHolder div.boxContent {
    		width:200px;
    		margin-left:25px;
    		padding-top:25px;
    	}
    	
    	div.smallBox div.boxHolder div.boxContent .contentImage {
    		width:200px;
    	}
    
    
  
  

/* -> Site Specific */

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