@import url("navigation.css");
@import url("modules.css");
@import url("input.css");

/************************* RESET **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

/************************* HTML BODY **********************/

html {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	background: #16c1f3 url(/web/grafik/bg_body.jpg) no-repeat center top fixed;
	color: #333;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/************************* STRUCTURE **********************/

#outerHeader {
	background: url(/web/grafik/bg_outerHeader.gif) repeat-x top center;
	overflow: hidden;
	width: 100%;
}

	#header {
		margin: 0 auto;
		width: 986px;
	}
	
		#header a.hovedsponsor {
			display: inline;
			float: left;
			padding: 0 0 0 26px;
		}
	
		#header a.facebook {
			display: inline;
			float: right;
		}

		#flash {
			background: url(/public/Flash/image01.jpg) no-repeat;
			clear: both;
			height: 210px;
			margin: 0 auto;
			width: 986px;
		}

#outerContainer {
	background: url(/web/grafik/bg_outerContainer.png) repeat-y top right;
	margin: 0 auto;
	padding: 0 10px 0 36px;
	width: 940px;
}

	#container {
		border-left: 1px #fff solid;
		border-bottom: 1px #fff solid;
		border-right: 1px #fff solid;
		min-height: 570px;
		overflow: hidden;
		width: 938px;
	}
		
		#mainnav {
			background: url(/web/grafik/bg_mainnav.gif);
			height: 51px;
			width: 100%;
		}
		
		.col {
			float: left;
			min-height: 350px;
			padding: 0 0 20px 0;
			width: 220px;
		}
			
			.col1 a.headerBilletsalg,
			.col1 span.headerNyhedsbrev {
				display: block;
				text-indent: -9999em;
				padding: 20px 0 20px 0;
				width: 100%;
			}
			
			.col1 a.headerBilletsalg {
				background: url(/web/grafik/bg_headerBilletsalg.gif) no-repeat left 20px;
				height: 80px;
			}
			
			.col1 span.headerNyhedsbrev {
				background: url(/web/grafik/bg_headerNyhedsbrev.gif) no-repeat left 20px;
				height: 70px;
			}
		
		.col1 {
			background: url(/web/grafik/bg_col1.png) no-repeat top left;
		}
		
			.col1 td {
				padding: 5px 20px 5px 20px;
			}
		
		.col2 {
			background: url(/web/grafik/bg_col2.gif) no-repeat top right;
			padding: 10px 20px 30px 20px;
			width: 458px;
		}
		
			.col2 .box img,
			#text img {
				background: url(/web/grafik/bg_image.gif) no-repeat bottom left;
				margin: -5px 0 0 5px;
				padding: 0 0 19px 15px;
			}
			
			.col2 .box {
				padding: 30px 0;
				position: relative;
			}
			
			.col2 .box:first-child {
				border-bottom: 1px #e5e5e5 solid;
			}
			
			.col2 .box a {
				background: url(/web/grafik/btn_seGalleri.png) no-repeat;
				display: block;
				height: 50px;
				position: absolute;
				right: 30px;
				text-indent: -9999em;
				top: 125px;
				width: 140px;
			}
			
			.col2 h1 {
				margin: 0;
			}
		
		.col3 {
			background: url(/web/grafik/bg_col3.gif) no-repeat top right;
			padding: 50px 20px 20px 20px;
			width: 180px;
		}
			
		#text {
			background: url(/web/grafik/bg_text.gif) no-repeat top left;
			float: left;
			padding: 40px;
			width: 638px;
		}
		
			#text img {
				margin: -5px 0 0 10px;
			}
			
	#footer {
		background: url(/web/grafik/bg_footer.gif) no-repeat top center;
		padding: 40px 0 15px 0;
		text-align: center;
		width: 938px
	}
	
		#footer img {
			padding: 0 20px;
		}

#outerBottom {
	height: 10px;
	margin: 0 auto 20px auto;
	padding: 0 0 0 26px;
	width: 960px;
}

	#bottom {
		background: url(/web/grafik/bg_bottom.png);
		height: 10px;
		width: 960px;
	}

/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
	line-height: normal;	
}

h1 {
	font: normal 20px/normal Verdana, Geneva, sans-serif;
	margin: 0 0 20px 0;
}

h2 {
	font: normal 16px/normal Verdana, Geneva, sans-serif;
}

h3 {
	font: bold 12px/normal Verdana, Geneva, sans-serif;
}

p {
	margin: 9px 0 9px 0;
}

/************************* LINKS **********************/

a {
	color: #52b633;
}

a:hover {
	color: #000;
}

/************************* OTHERS **********************/

.logo {
}

.clear {
	clear: both;
}