@charset "utf-8";
/* CSS Document */
/* CAROUSEL */
.carouselcontainer {
	width:100%;
	height: 100%;
	display:block;
	}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%;
display:block;
min-height: 1050px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
min-height:100%;
}

.stepcarousel .panel {
float: left; /*leave this value alone*/
/*overflow: hidden; clip content that go outside dimensions of holding panel DIV*/
margin: 0 1px 0 0; /*margin around each panel*/
/*width: 525px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
min-height:100%;
color:#ddd;
}

#gallery{
width: auto;
display:block;
min-height:500px;
height: 100%;
}

#gallery .panel {
	min-height:500px;
	height:100%;
	float: none;
	position:absolute;
	}
#gallery .panel div div {
	padding:4px 20px 0 1px;
	line-height:15px;
	}

.paneloff {
	color:#ddd;
	}
	.paneloff div {border-top:1px solid #eee;}
	.paneloff img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
	.paneloff .uthev, .paneloff .uthev2, .paneloff .prosjektnavn, #content .paneloff a, 
	.paneloff .overskrift, .paneloff .overskrift2, .paneloff .red {color:#ddd;}

.panelon {
	color:#444;
	}
	.panelon div {border-top:1px solid #ccc;}
	

#content a {color:#333;}
#content a:hover {color:#004664;}
a.newslink {clear:both;}	

.paneloff .newsbox {display:none;visibility:hidden;}

.panelon .newsbox {
	position:absolute;
	z-index:100;
	left:260px;
	top:75px;
	height:auto;
	display:block;
	width:300px;
	border:0px;
	}

	.newsbox .newscontent {
		position:relative;
		border:0px;
		z-index:100;
		width:300px;
		border-color:#ccc;
		margin:0 10px 10px 10px;	
		}
	
#gallery {overflow: hidden;}

#nav {
	position:absolute;
	font-size:12px;
	left:0px;
	top:135px;
	z-index:100;
	padding:0px 0px 0px 15px;
	}
#nav span {
	display:block;
	width:10px;
	text-align:center;
	float:left;
	}
#nav a {
	position:relative;
	width:9px;
	height:16px;
	display:block;
	float:left;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center;
	}
a#nav-prev {background-image:url(../layout/arrow3l.gif);}
a#nav-prev:hover {background-image:url(../layout/arrow3l.gif);}
a#nav-next {background-image:url(../layout/arrow3r.gif);margin:0 5px 0 8px;}
a#nav-next:hover {background-image:url(../layout/arrow3r.gif);}