body, html {
	margin:0;
	padding:0;
}
body {
	background-color:#999;
	color:#000;
	overflow-y:scroll;
	font-size:100%;
	font-family:'Verdana', 'Arial', 'Helvetica', sans-serif;
}
head+body nav, head+body #main  {
	height:auto;
}

@font-face {
	font-family: 'Vivaldi';
	src:url('/font/Vivaldi.eot');
	src:url('/font/Vivaldi.eot?#iefix') format('embedded-opentype'),
	url('/font/Vivaldi.woff') format('woff'),
	url('/font/Vivaldi.ttf') format('truetype'),
	url('/font/Vivaldi.svg#svgFontName') format('svg');
}

#mainWrapper {
	width:80vw;
	min-width:70%;
	margin:5vw auto;
	background-color:#fff;
	position:relative;
	padding:200px 0 0 0;
}

/***** BANNER / HEADER *****/
	header {
		position:absolute;
		top:50px;
		background-color:#fcfcfc;
		padding: 10px;
		z-index:500;
		border-width:1px 0;
		border-style:solid;
		border-color:#ddd;
		width:80%;
		overflow:hidden;
	}

	/*** ROTERENDE LOGO ***/
	#logo {
		float:left;
		position:relative;
		animation:slidein_right 6s 1 linear forwards;
		width:10%;
		margin:0 1.5vw;
		display:block;
	}
	@keyframes spin {
		0% {transform:rotate(0deg);}
		100% {transform:rotate(-1800deg);}
	}
	@keyframes slidein_right {
		0% {right:-120%; transform:rotate(0deg);}
		100% {right:0; transform:rotate(-1800deg);}
	}
	/*** SLIDE-IN FIRMANAVN ***/
	#rollIn {animation:slidein_left 6s 0.2s 1 linear forwards;}

	@keyframes slidein_left {
		0% {right:-120%;}
		100% {right:-1%;}
	}

/***** NAVIGERING *****/
	/* ANIMERET BURGER MENU */
		#nav-icon {
			width:50px;
			height:40px;
			display:none;
		}
		#nav-icon span {
			display:block;
			position:absolute;
			height:8px;
			width:100%;
			background:#666;
			border-radius:8px;
			opacity:1;
			left:0;
			transform:rotate(0deg);
			transition:.25s ease-in-out;
		}
		#nav-icon span:nth-child(1) {top:0px;}
		#nav-icon span:nth-child(2) {top:16px;}
		#nav-icon span:nth-child(3) {top:32px;}
		#nav-icon.open span:nth-child(1) {
			top:16px;
			transform:rotate(135deg);
		}
		#nav-icon.open span:nth-child(2) {
			opacity:0;
			left:-50px;
		}
		#nav-icon.open span:nth-child(3) {
			top:16px;
			transform:rotate(-135deg);
		}

	/* HOVED-NAVIGERING */
		nav {
			width:200px;
			height:390px;
			min-height:390px;
			position: absolute;
			left:0;
			top:0;
			padding-top:225px;
			background-color:#fff;
		}
		nav a::before {content:":: ";}
		nav a {
			text-decoration:none;
			font-weight:bold;
			color:#999;
			width:70%;
			display:block;
			margin:0 auto .5em auto;
			font-size:1em;
			padding:3px 5px;
		}
		nav a:hover {color:#000;border: none;}
		/*nav a:active {color:#666;}*/

		#reklame {
			margin:13em auto 0 auto;
			width:80%;
			text-align:center;
			border:solid 1px #000;
		}

		.aktiv {color:#fff; background:#000 linear-gradient(#333 2%, #000 65%, #333);}
		.aktiv:hover {color:#999;}

	/* TIL-TOPPEN-LINK */
		#tiltop {
			position:fixed;
			top:60%;
			width:30px;
			height:30px;
			text-align:center;
			line-height:28px;
			border:solid 1px #444;
			border-radius:8px;
			background:#555 url('../img/uarr1.png');
			box-shadow:2px 2px 4px #000;
			display:none;
		}
		#tiltop:hover {
			cursor:pointer;
			background:#fff url('../img/uarr2.png');
		}

/***** HOVEDINDHOLD *****/
	#main {
		padding:10px 15px;
		margin:0 3em 3.5em 12.625em;
		background-color:#fff;
		position:relative;
		border-radius:0 8px 8px 0;
		height:395px;
		min-height:395px;
	}

/***** FOOTER *****/
	footer {
		text-align:center;
		background:#000 linear-gradient(#333 2%, #000 65%, #333);
		height:40px;
		width:100%;
	}
	footer p {
		font:0.7em/1 'Eurostyle', sans-serif;
		color:#fff;
		padding:1.2em 0;
	}

	#footerlogo {display:none;}

	/*** E-mail camouflage ***/
		.mail {
			unicode-bidi:bidi-override;
			direction:rtl;
		}

/***** BOX-SHADOW *****/
	/*** SMAL ***/
		main, #kontrol {
			box-shadow:3px 3px 5px #999;
		}
	/*** MELLEM ***/
		header, nav {
			box-shadow:0 4px 4px #666;
		}
	/*** BRED ***/
		#mainWrapper {
			box-shadow:4px 4px 6px #666;
		}

/***** FONT-DEFINITIONER *****/
	h1, h3 {
		font-family:Vivaldi;
	}
	h1 {
		/* font-size sættes dynamisk i head */
		color:#666;
		margin:0;
		padding:0 0 0 1.5vw;
		font-weight:normal;
		text-shadow:.02em .02em #000;
	}
	h1 span {
		position:relative;
		margin-right:0.2em;
	}
	h2 {font-size:0.9em;}
	h3 {
		font-size:1.3em;
		color:#000;
		margin-bottom:0.1em;
		padding-bottom:0;
		text-shadow:.01em .01em #666;
	}
	p {
		font-size:0.8em;
		margin:0 0 1.5em 0;
	}
	.h2, .h3, .h4, .h5, .h6 {
		display:block;
		margin-top:1em;
	}
	.h2 {
		font-size:1.1em;
		color:#000;
		font-weight:bold;
	}
	.h3 {
		font-size:1.3em;
		color:#000;
		margin-bottom:0.1em;
		padding-bottom:0;
		text-shadow:.01em .01em #666;
	}

/***** LINK-DEFINITIONER *****/
	a {
		color:#ccc;
		text-decoration:none;
	}
	a:hover {
		border-width:1px 0;
		border-style:solid;
		border-color:#f00;
		color:#fff;
	}
	a.noborder:hover {border:none;}

/***** BILLED-DEFINITIONER *****/
	figure {
		margin:0 0 1.5em 0;
		padding:0;
	}
	figcaption, .imgInfo {
		font-size:0.7em;
		font-style:italic;
		margin-bottom:0.3em;
		padding-bottom:0;
	}
	img {
		max-width:100%;
		height:auto;
		width:auto;
		border:none;
	}
	img#front {
		margin:0 0 0 -15px;
	}
	.galleri {border:1px #000 solid;}

	/*** INFO VED MANGLENDE BILLEDER ***/
	.noImg {
		height:200px;
		width:300px;
		margin:5em auto;
	}

/***** CLEAR FIX *****/
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear: both; 
		visibility:hidden;
	}
	/* html */.clearfix {
		height:1%;
	}
	.clearfix { /* annulering af hj?lp til IE-Mac */
		display:block;
	}

/***** KORT *****/
	iframe {
		border:none;
		width:100%;
		min-height:375px;
	}

/***** SLIDESHOW *****/
 	/*** Modvirker at slideshowet "hopper" ***/
	#slideWrapper {
		position:relative;
		width:510px;
		max-width:100%;
		height:394px;
		margin:0 auto;
		z-index:1;
	}
	#slideWrapper a {border:none; text-decoration:none;}
	/*** Sikrer at #slideInfo bliver vertikal-centreret på billedet ***/
	#mainImageBox {
		position:relative;
	}
	#mainImage {
		border-radius:15px;
		border:solid 5px #555;
		margin:0;
		padding:0;
	}
	/*** PAUSE-INFO VED MOUSE-OVER ***/
	#slideInfo {
		display:none;
		text-align:center;
		background:#000;
		color:#fff;
		padding:2px 5px;
		position:absolute;
		top:47%;
		left:15%;
		font-size:1.5em;
	}
	/*** #thumbs BRUGES KUN TIL AT LAGRE URL TIL STORE BILLEDER ***/
	#thumbs {
		height:0;
		display:none;
	}

/***** GALLERI *****/
	head+body #galWrapper, head+body #mainImageGal, head+body #thumbsGal {
		height:auto;
	}
	
 	/*** Modvirker at stort billede "hopper", hvis de har forskellig højde ***/
	#galWrapper {position: relative;
		width:510px;
		max-width:100%;
		min-height:496px;
		margin:0 auto;
	}
	#mainBoxGal {
		max-width:514px;
		max-height:388px;
	}
	#mainImageGal {
		border-radius:15px;
		border:solid 3px #555;
		margin:0;
		padding:0;
	}
	#thumbsGal {
		min-height:100px;
	}
	.imgStyle {
		height:96px;
		width:96px;
		border:solid 2px #555;
		float:left;
		margin:0 2px 2px 0;
	}
	.imgStyle:hover {
		cursor:pointer;
		border-color:#000;
	}