/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style-position: inside;
}
ol li, ul li{
	line-height:1.4;
	padding:0 0 0.7em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}

strong{
	font-weight:bold;
}

body{
background-color: #FFFFFF;
margin:0;
font-family:  arial, helvetica, verdana, sans serif;
text-decoration:none;
text-align: left;
font-size: 13px;
color: #000000;
}
a
{ color: #000000; text-decoration: none; font-weight:normal;}
a:VISITED
{ color: #000000; text-decoration: none; font-weight:normal;  }
a:hover
{ color: #555555; text-decoration: none; font-weight:normal;  }

ul{
	padding:0;
	margin:0;
}

.container{
	position:relative;
	display:block;
	margin:0 auto;
	padding: 0;
}
.container_menu{
	position:fixed;
	display:block;
	padding: 75px 50px 0 0;
	width: 200px;
	top:0
	bottom:0;
	height:100%;
	z-index:1;
}
.container_main{
	position:relative;
	display:block;
	padding: 0 0 0 225px;
	max-width:800px;
	margin:0;
}
.container_sub{
	padding: 5px 0 75px 300px;
	max-width:600px;
}
.container_home{
	position:fixed;
	max-width:6000px;
	background:#eeeeee;
	margin:0;
	padding:0;
	top:0;
	bottom:0;
	left:225px;
	right:0;
}

.sub_inner{
	position:relative;
	display:block;
	padding:0 75px 0 0;
}

.nav{
	display:block;
	list-style:none;
	text-align:right;
}
.nav li{
	line-height:2.5;
	padding:0;
}
.nav li, .nav li a{
	display:block;
}
.nav li a.logo{
	line-height:1.25;
	text-transform:uppercase;
	font-size:26px;
	font-weight:normal;
	padding:0 0 .5em;
}
.nav li a.langNav{
	padding:1.5em 0 0;
}
.nav li a.current{
	color: #aaaaaa;
}

.gallery{
	position:relative;
	display:block;
	margin:-2px 0 0;
}
.item{
	position:relative;
	display:block;
	width: 25%;
	float:left;
	padding:0;
}
.item:hover{
	/*background:#000000;*/
}
.item img{
	display:block;
	width:100%;
	max-width:198px;
	opacity:1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.item img:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.item a{
	display:block;
	margin:2px 2px 0px 0px;
}
.clearer{
	clear:left;
}

.contentImg{
	display:block;
	width:100%;
	margin: 75px 0 1em 0;
}

.listitem{
	position:relative;
	display:block;
	padding:0 0 20px;
}
.listitem:first-of-type {
	margin-top:75px;
}
.listitem img{
	display:block;
	float:left;
	margin:0 20px 0 0;
}



.container2{
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	font-size: 17px;
	color: #FF00FF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

.menu{
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	font-size: 11px;
	color: #000000;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 15px;	
}

.tekst{
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	vertical-align:top;
	font-size: 11px;
	color: #000000;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;	
}
h1 {
	font-weight:normal;
	font-size: 26px;
	line-height:1.4;
	padding:0 0 .7em;
}
h2 {
	font-weight:normal;
	font-size: 19px;
	line-height:1.4;
	padding:.7em 0;
}
p{
	line-height:1.4;
	padding:0 0 1.4em;
}

.broedtekst{
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	vertical-align:top;
	font-size: 13px;
	color: #000000;
	line-height:140%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;	
}
.broedtekst2{
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	vertical-align:top;
	font-size: 13px;
	color: #000000;
	line-height:140%;
	padding-top: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 280px;	
}
.kontaktbillede{
	background-image: url(../grafik/kontakt.jpg);
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 500px;
	height: 429px;	
}

.billede{
	background-color: #FFFFFF;
	font-family: helvetica, arial, verdana, sans serif;
	text-decoration:none;
	text-align: left;
	vertical-align:top;
	font-size: 11px;
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

.button{
cursor:hand;
font-family: helvetica, arial, verdana, sans serif;
font-size: 11px;
}	
	   
.field{
background-color:#FFFFFF;
font-family: helvetica, arial, verdana, sans serif;
font-size: 11px;
line-height:130%;
border:1px solid #bbbbbb;
margin-top:6px; 
margin-bottom:6px;
margin-left:0px; 
margin-right:0px;
}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; right:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
		#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
	#supersized a { width:100%; height:100%; display:block; }
		#supersized li.prevslide { z-index:-20; }
		#supersized li.activeslide { z-index:-10; }
		#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
			#supersized li.image-loading img{ visibility:hidden; }
		#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


@media screen and (min-width: 1225px) {
	.container_gallery{
		max-width:1000px;
	}
	.item{
		width: 20%;
	}
}