body, html, h1, h3{
	margin: 0; 
	padding: 0;
}

body{
	background: #000 url(../img/top_tile.gif) top left repeat-x;
	color: #fff;
	font: small/18px Verdana, Arial, Helvetica, sans-serif;
}

span.menu_border{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 31px;
	margin: 91px 0 0 0;
	padding: 0;
	background: url(../img/nav_bg_til.jpg) top left repeat-x;
}

h1{
	font-size: 180%;
}

h2{
	font-size: 130%;
}

h3{
	font-size: 110%;
	font-weight: bold;
}

h4{
	font-size: 100%;
	font-weight: bold;
}

a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

img{
	border: 0 none;
}

#wrapper{
	width: 968px;
	margin: 0 auto;
}

/* ========== HEADER ========== */
	#header h1{
		color: #fff;
		padding: 0;
		text-indent: -99999px;
	}

	#header h1 a{
		display: block;
		color: #000;
		padding: 20px 0 0 0;
		margin: 20px  0 0 0;
		background: url(../img/logo.jpg) top left no-repeat;
		width: 167px;
		height: 60px;
	}

/* ========== NAVIGATION ========== */
#navigation{
	margin: -11px 0 0 0;
	padding: 0;
}

	#navigation ul{
		style-type: none;
		margin: 1px 0 0 0;
		padding: 0;
		border-bottom: 1px solid #5a5a5a;
		float: left;
		z-index: 10;
		position: relative;
	}

		#navigation ul li{
			list-style-type: none;
			border-left: 1px solid #5a5a5a;
			padding: 7px 20px 6px 20px;
			display: block;
			float: left;
			text-align: center;
		}

		#navigation ul li.last{
			border-right: 1px solid #5a5a5a;
		}

		#navigation ul li a:hover, #navigation ul li a.selected{
			color: #ccd465;
		}

/* ========== SUBNAVIGATION ========== */
#subnavigation{
	margin: 0;
	padding: 0;
}

	#subnavigation #heading_holder{
		height: 30px;
		width: 184px;
		background: url(../img/subnav_bg.jpg) top left no-repeat;
		margin: 0;
		padding: 0;
	}

	#subnavigation #heading_holder h3{
		padding: 6px 0 0 0;
		margin: 19px 0 0 0;
		position: relative;
		top: -3px;
		left: 9px;
	}

	#subnavigation ul{
		margin: 0 auto;
		padding: 0;
		list-style: none;
		width: 182px;
	}

		#subnavigation ul li{
			margin: 0;
			border-top: 1px solid #404040;
			background: url(../img/pil_default.jpg) left center no-repeat;
		}

		#subnavigation ul li.first{
			border: none;
		}

		#subnavigation ul li.last{
			border-bottom: 1px solid #404040;
		}

			#subnavigation ul li a{
				font-weight: normal;
				font-size: 11px;
				display: block;
				padding: 2px 0 0 25px;
				background: url(../img/link_normal.jpg) top left no-repeat;
			}

			#subnavigation ul li a:hover, #subnavigation ul li a.selected{
				background: url(../img/link_hover.jpg) top left no-repeat;
			}

/* ========== CONTENT ========== */
	#content{
		float: left;
		width: 738px;
		margin: 21px  0 0 0;
	}

/* ========== SIDEBAR ========== */
	#sidebar, #sidebar2{
		float: right;
		width: 185px;
		margin: 21px 0 0 45px;
		padding: 0;
		height: 100%;
		position: relative;
	}

		#sidebar h2{
			padding: 0;
			margin: 0;
			font-weight: normal;
			color: #d0dd28;
		}

		#sidebar .news{
			background: url(../img/border_tile.gif) top left repeat-x;
			margin: 0;
			padding: 0;
		}

		#sidebar .news p{
			margin: -5px 0 0 0;
			padding: 0;
		}

		#sidebar .news p.date{
			font-size: 10px;
			color: #757;
			margin: 7px 0 0 0;
			padding: 0;
		}

		#sidebar .news p.linklast{
			margin: 6px 0 0 0;
			padding: 0;
			background: url(../img/border_tile.gif) top left repeat-x;
		}

			#sidebar .news p.linklast a{
				display: block;
				font-size: 10px;
				margin: 0;
				padding: 4px 0 0 13px;
				background: url(../img/pil_default.jpg) left 65% no-repeat;
			}

			#sidebar .news p.linklast a:hover{
				color: #d5d92c;
			}

		#sidebar img{
			margin: 0 auto;
			padding: 0;
			display: block;
		}

/* ========== CASES ========== */
#cases{
	margin: -22px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

	#cases h2{
		margin: 0 0 6px 0;
		padding: 0 0 7px 0;
		background: url(../img/border_tile.gif) bottom left repeat-x;
		font-weight: normal;
		color: #d0dd28;
	}

	#cases .case{
		float: left;
		margin: 0 76px 0 0;
		padding: 0;
		width: 184px;
	}

	#cases .last{
		margin: 0;
		padding: 0;
	}

		#cases .case a{
			display: block;
			font-weight: normal;
			z-index: 2;
			position: relative;
		}

		#cases .case a span.hovertext{
			color: #737373;
			margin: 0;
			padding: 0;
			font-weight: normal;
			font-size: 13px;
			display: block;
			height: 74px;
			overflow: hidden;
		}

			#cases .case a img{
				display: block;
				padding: 0 0 12px 0;
				position: relative;
			}

			#cases .case a img.overlay{
				position: absolute;
				top: 0;
				left: 0;
				margin: 1px 0 0 1px;
			}

			#cases .case span{
				font-size: 10px;
				font-weight: bold;
				display: block;
				margin: 24px 0 19px 0;
				padding: 0 0 0 13px;
			}

			#cases .case a:hover img.overlay{
				display: none;
			}

				#cases .case a:hover span#teater, #text_area h2#ref-Teater{
					color: #f9a340;
				}

				#cases .case a:hover span#koncerter, #text_area h2#ref-Koncerter{
					color: #ea1e41;
				}

				#cases .case a:hover span#events, #text_area h2#ref-Events{
					color: #f5008d;
				}

				#cases .case a:hover span#festivaler, #text_area h2#ref-Festivaler{
					color: #5dc0df;
				}

			#cases .case a:hover span.hovertext{
				color: #fff;
			}

			#cases .case span#teater{
				background: url(../img/pil_teater.jpg) left center no-repeat;
			}

			#cases .case span#koncerter{
				background: url(../img/pil_koncerter.jpg) left center no-repeat;
			}

			#cases .case span#events{
				background: url(../img/pil_events.jpg) left center no-repeat;
			}

			#cases .case span#festivaler{
				background: url(../img/pil_festivaler.jpg) left center no-repeat;
			}

		#cases .case h4{
			margin: 0 0 11px 0;
			padding: 0;
		}

		#cases .case p{
			margin: 14px 0 0 0;
			padding: 0;
		}

/* ========== FOOTER ========== */
#footer{
	clear: both;
	background: url(../img/border_tile.gif) top left repeat-x;
	height: 22px;
	margin: 0 0 50px 0;
}

	#footer address{
		font-style: normal;
		background: url(../img/border_tile.gif) bottom left repeat-x;
		padding: 1px 0;
		margin: 0;
	}

		#footer address p{
			background: url(../img/footer.jpg) top left no-repeat;
			text-indent: -99999px;
			margin: 0 auto;
			padding: 0 0 7px 0;
			font-size: 9px;
			text-transform: uppercase;
			text-align: center;
		}

		#footer address a{
			color: #d0dd28;
			font-weight: normal;
			text-decoration: underline;
		}

		#footer address a#e-mail{
			padding: 0;
			margin: 10px 0 0 635px;
			float: left;
		}

		#footer address a#sitemap_link{
			padding: 0;
			margin: 10px 6px 0 0;
			float: right;
		}

/* ========== INNER WRAPPER ========== */
#inner-wrapper{
	margin: 0;
	padding: 0;
	float: left;
	background: url(../img/light_black.jpg) top left no-repeat;
}

#subpage #inner-wrapper, #kontakt #inner-wrapper, #sitemap #inner-wrapper{
	/*background: url(../img/light_black.jpg) top left no-repeat;*/
	padding: 0 0 78px 0;
}

/* ========== TEXT_AREA ========== */
#text_area{
	width: 572px;
	margin: 0 0 0 66px;
}

	#text_area table{
		border: 1px solid #d7d7d7;
		margin: 0 auto;
		padding: 0;
		border-collapse: collapse;
	}

		#text_area table td{
			border: 1px solid #bcb8b8;
			margin: 0;
			padding: 0;
			vertical-align: top;
		}

		#text_area table td.center{
			text-align: center;
		}

	#text_area p{
		font-size: 11px;
		margin: 0;
		padding: 0 0 10px 0;
	}

		#text_area p a{
			color: #d0dd28;
			text-decoration: underline;
			font-weight: normal;
			margin: 0;
			padding: 0;
		}

	#text_area h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 130%;
		margin: 0;
		padding: 0 0 10px 0;
	}

	#text_area ol{
		padding: 0;
		margin: 0 0 0 30px;
	}

		#text_area ol li{
			padding: 0 0 10px 0;
		}

		#text_area ol ul{
			list-style-type: circle;
		}

			#text_area ol ul li{
				margin: 0;
				padding: 0;
			}

	#text_area ul{
		list-style: none;
	}

	#news ul, #textRef ul{
		list-style: circle;
	}

		#text_area ul li a.newsLink{
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}

		#text_area ul li a.newsLinkText{
			text-decoration: none;
			color: #737373;
		}

		#text_area ul li a.newsLinkText:hover{
			color: #fff;
		}

/* ========== SEARCH ========== */
fieldset{
	margin: 0;
	padding: 5px 0 0 20px;
	width: 223px;
	position: relative;
	border: none;
}

ol#search{
	margin: 0;
	padding: 0;
	list-style: none;
}

	ol#search li{
		float: left;
		margin: 0;
		padding: 0;
	}

	ol#search li#search-button{
		margin: 0 0 0 4px;
		position: relative;
	}

		ol#search li#search-button input{
			margin: 1px 0 0 0;
		}

		ol#search li#search-field input{
			height: 14px;
			margin: 2px 0 0 0;
			padding: 1px;
		}

/* ========== SITEMAP ========== */
#sitemap #content{
	width: 100%;
}

#sitemap_site{
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

	#sitemap_site #site1, #sitemap_site #site3, #sitemap_site #site5, #sitemap_site #site2, #sitemap_site #site4, #sitemap_site #site6{
		float: left;
		margin: 0;
		padding: 10px;
		height: 150px;
		width: 220px;
		list-style: none;
	}

	#sitemap_site #site1 ul, #sitemap_site #site3 ul, #sitemap_site #site5 ul, #sitemap_site #site2 ul, #sitemap_site #site4 ul, #sitemap_site #site6 ul{
		padding: 0;
		margin: 0 0 0 14px;
	}

		#sitemap_site #site1 li li a:hover, #sitemap_site #site3 li li a:hover, #sitemap_site #site5 li li a:hover, 
		#sitemap_site #site2 li li a:hover, #sitemap_site #site4 li li a:hover, #sitemap_site #site6 li li a:hover, #text_area ul li a.newsLink:hover, .prodHolder a:hover{
			color: #d0dd28;
		}

/* ========== EXPAND/COLLAPSE ========== */
.hiddenState{
	visibility: hidden;
	display: none;
}

.visibleState{
	visibility: visible;
	display: block;
}

/* ========== PRODHOLDER ========== */
.prodHolder{
	border-bottom: 1px solid #606060;
	width: 700px;
}

	.prodHolder a{
		margin: 0 0 0 2px;
		padding: 0 0 0 14px;
		font-size: 11px;
		font-weight: normal;
	}

	.prodHolder a.closed{
		background: url(../img/prod_pil_n.jpg) center left no-repeat;
	}

	.prodHolder a.open{
		background: url(../img/prod_pil_h.jpg) center left no-repeat;
	}

/* ========== PRODINFO ========== */
.prodInfo{
	width: 700px;
	margin: 0 0 10px 0;
	padding: 2px 0 10px 0;
	border-bottom: 1px solid #606060;
	float: left;
}

	.prodInfo table{
		width: 540px;
		border-collapse: collapse;
	}

		.prodInfo table td{
			margin: 0;
			padding: 2px;
			text-align: right;
		}

		.prodInfo table td.tdSpace{
			padding-top: 12px;
		}

		.prodInfo table td.titleDescription{
			width: 360px;
			text-align: left;
		}

	.prodInfo img{
		display: block;
		float: left;
		margin: 20px 25px 20px 0;
		padding: 0;
	}

	.prodInfo a{
		font-weight: normal;
		text-decoration: underline;
		color: #d0dd28;
	}

/* ========== BRUGT SALG ========== */
#brugtsalg .prodInfo table{
	width: 712px;
}

	#brugtsalg .prodInfo table td{
		text-align: center;
	}

	#brugtsalg .prodInfo table td.titleDescription{
		width: 400px;
		text-align: left;
	}

	#brugtsalg .prodInfo table td.picHolder{
		width: 132px;
		text-align: left;
	}

		#brugtsalg .prodInfo table td.picHolder img{
			margin-right: 10px;
		}

/* ========== SUBFLASH ========== */
#subFlash{
	height: 298px;
}

/* ========== KONTAKT ========== */
#kontakt #sidebar, #kontakt #sidebar2{
	margin-top: 0;
	margin-bottom: 10px;
	clear: right;
}

	#kontakt #sidebar p, #kontakt #sidebar2 p{
	font-size: 11px;
	margin: 4px 0 0 10px;
	padding: 0;
}

#kontakt table{
	width: 400px;
	margin: 0;
	border: none;
}

		#kontakt table td{
			padding: 3px;
			border: none;
		}

			#kontakt table td a, #kontakt p a{
				font-weight: normal;
				color: #d0dd28;
				text-decoration: underline;
			}

			#kontakt table td a:hover, #kontakt p a:hover, #footer address a:hover, #text_area p a:hover, .prodInfo a:hover{
				text-decoration: none;
			}

#kontakt p{
	padding: 0 0 5px 0;
}

/* ========== LINKS (Indholdet under menupunktet) ========== */

#leftLinkHolder{
	float: left;
	width: 355px
}

#rightLinkHolder{
	float: right;
	width: 355px
}

#leftLinkHolder ul, #leftLinkHolder ul li, #leftLinkHolder h2, #rightLinkHolder ul, #rightLinkHolder ul li, #rightLinkHolder h2{
	padding: 0;
	margin: 0;
}

#leftLinkHolder ul, #rightLinkHolder ul{
	list-style: none;
	background: url(/img/border_tile.gif) top left repeat-x
}

#leftLinkHolder ul li, #rightLinkHolder ul li{
	font-size: 11px;
	padding: 5px 0 0 0;
}

#leftLinkHolder ul li a:hover, #rightLinkHolder ul li a:hover{
	color: #ccd465;
}

#leftLinkHolder h2, #rightLinkHolder h2{
	margin: 10px 0 5px 0;
	color: #d0dd28;
	/*background: url(/img/border_tile.gif) bottom left repeat-x;*/
}

.imgCenter{
	margin: 10px auto;
	display: block;
}

a.next{
	margin-left: 10px;
}

.dato{
	font-size: 11px;
	font-weight: bold;
}

#text_area h2#referenceHeader{
	font-size: 135%;
}