/* Yahoo GUI Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* General html elements and fonts */
body {background-color: #fff;}

a {color: #32b44a }
a:link {color: #32b44a; text-decoration: none }
a:hover {color: #32b44a; text-decoration: underline }
a:hover {color: #32b44a; text-decoration: none }
a:visited {color: #32b44a; text-decoration: none }
a:hover {color: #32b44a; text-decoration: underline }

div.content {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 18px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}
#headerItems {
	font-family: Tahoma; 
	float: right;
	padding: 2px 5px 0px 5px; 
	padding-top: 20px;
	height: 25px; 
	color: #fff; 
	font-size: 12px;
}
#headerItems a { 
	color: #fff;
}

#headerLogo a {
	color:#fff;
	font-size: 20px;
	}
div.menuButton, div.menuButtonSelected {
	background-color: #fff;
	padding: 9px 10px 0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	font-size: 13px;
	cursor: pointer;
	margin-right: 1px;
	color: #000;
	height: 21px;
	line-height: 30px;
	*height: 30px;
	*padding: 0px 10px 0px 10px;
}
div.menuButton:hover, div.menuButtonSelected {
	background-color: #3ac000;
	color: #fff;
	background-image:url(/images/hover_30.png); 
}
div.subMenuButton, div.subMenuButtonSelected, div.frontHeader {
	background-color: #fff;
	padding: 9px 10px 0px 10px;
	font-family: Tahoma, Geneva, sans-serif;
	float: left;
	font-size: 13px;
	cursor: pointer;
	margin-bottom: 1px;
	color: #fff;
	text-align:right;
	line-height: 30px;
	height: 21px;
	*height: 30px;
	*padding: 0px 10px 0px 10px;
	*margin-top: 1px;
	*position: relative;
	*bottom: 1px;
}
div.subMenuButton:hover, div.subMenuButtonSelected, div.frontHeader {
	background-color: #3ac000;
	color: #fff;
	background-image:url(/images/hover_30.png); 
}
div.menuButton {
	color: #fff; 
}
div.subMenuButtonSelected,  div.menuButtonSelected {
	color: #32b44a; 
}

h1 {font-size: 20px; margin-bottom: 18px; color:#fff;}
h2 {font-size: 12px; margin-bottom: 4px; position:relative; right:1px; color:#000}
p {margin-bottom: 0px;}
strong,b {
	font-style:bold;
	font-weight:bold;
}

a span.wrapBackground { 
	font-size: 11px;
	font-family: Tahoma;
	background-color: #fff;
	color:#000;
	padding: 6px 10px 8px 10px;
	line-height:20px;
	text-decoration: none;
} 

.wrapDate {
	font-size: 11px;
	font-family: Tahoma;
	background-color: #fff;
	padding: 6px 10px;
	line-height:20px;
	text-decoration: none;
	color: #999; 
	position:relative; 
	top: 3px; 
	margin-left: 0px;
}

.wrapSpan { 
	font-size: 11px;
	font-family: Tahoma;
	background-color: #fff;
	color:#000;
	padding: 6px 10px;
	line-height:20px;
	text-decoration: none;
	margin-top: 10px;
}
.left100 {
	width:100%; 
	float:left;
	margin-top: 5px;
}

.frontNewsImage {
	width: 90px; 
	float: left; 
	padding:10px 0px 10px 10px; 
	background-color: #fff; 
	margin-top: 20px;
}

a:hover span.wrapBackground, a:hover div.projectImageFront, a:hover span.wrapDate, a:hover .frontNewsImage  { 
	background-color: #65cb00;
	color:#fff;
	text-decoration: none;
	cursor: pointer;
	} 

a:hover span.wrapDate { 
	color:#fff;
	} 
.kompetance {
	background-color: #fff;
	color:#000;
}

a:hover .kompetance {
	background-image:url(/images/hover_130.png); 
	color:#fff;
	text-decoration: none;
	cursor: pointer;
}

#projectsFront a {
	text-decoration: none;
	cursor: pointer;
}

#news-items a {
	text-decoration: none;
	cursor: pointer;
}


div.projectImageFront {
	background-color: #fff;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}
.underoverskrift {font-size:12px;}


#projects {float: left;}
/* Gallery Styles */

a img {
border: 0;
}

.galText {
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 10px;
	background-color: #fff;
	height: 95px;
	widht: 245px;
	}

.galText h1 {
	width: 125px; 
	font-size: 40px; 
	text-align: right; 
	padding-top: 47px;
	*padding-top: 43px;
}
.galTileTitle{margin-top: 3px; overflow:hidden; position:relative; width:125px; height:18px;white-space: nowrap;}
a .galPic {
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 10px;
	background-color: #fff;
	height: 95px;
	color: #000;
	font-weight: bold;
	font-size: 10px;
	}
a .galPic:hover {
	background-color: #eeeeee;
	background-image:url(/images/hover_130.png); 
	color: #fff;
	text-decoration: none;
	}
div.imgWrapper {width:125px; height:80px; overflow:hidden; background-color: #fff; cursor: pointer;}
			
#projekterNavigation {width:610px; height:30px; background-color: #fff; margin-left:10px; margin-bottom:10px}
#projekterNavigation ul {display:inline; float:left; margin:0px 10px 0px 10px; padding:0px; list-style:none}
#projekterNavigation li {display:inline; float:left;}
#projekterNavigation a {color:#999}
			
#projekterNavigation .paging {position:relative; color:#000; line-height:30px; overflow:hidden}
#projekterNavigation .paging li {position:relative; left:-21px; padding-left:21px; background:url(/images/gx_paging_divider.gif) no-repeat 11px 12px}
				
#projekterNavigation .view {float:right; margin-top:7px}
#projekterNavigation .view li {margin-left:12px}
#projekterNavigation .view a {display:inline; float:left; border:1px solid #bbb}
#projekterNavigation .view a:hover {border-color:#333}
#projekterNavigation .view li.selected a {border-color:#3ac000;}
		
#projekterBeskrivelse {width:580px; background-color: #fff; margin-left:10px; margin-bottom:10px; padding:10px 15px; float:left;}
#projekterBeskrivelse li {margin-left: 20px; padding-left:0px; list-style:disc}

#newsNavigation {width:610px; float:left; height:30px; background-color: #fff; margin-top:10px}
#newsNavigation ul {display:inline; float:left; margin:0px 15px; padding:0px; list-style:none}
#newsNavigation li {display:inline; float:left;}
#newsNavigation a {color:#999}	
#newsNavigation .paging {position:relative; color:#000; line-height:30px; overflow:hidden}
#newsNavigation .paging li {position:relative; left:-21px; padding-left:21px; background:url(/images/gx_paging_divider.gif) no-repeat 11px 12px}


#xsltsearch {margin: 0; padding-bottom: 20px; font-family:verdana; font-size:11px}
#xsltsearch_navigation {text-align: center;}
#xsltsearch_navigation .disabled {color: #AAA;}
#xsltsearch_stats {font-size: 100%; color: #999;}
#xsltsearch_results {padding-bottom: 20px;}
#xsltsearch h2 {font-size:15px;}
#xsltsearch h5 {font-size:13px;}
.xsltsearch_result p {margin: 0; padding: 0;}
.xsltsearch_result:hover {background: #fafafa;}
.xsltsearch_ordinal {font-weight: bold; font-size: 100%;}
.xsltsearch_title {font-weight: bold;}
.xsltsearch_score {font-size: 100%;}
p.xsltsearch_result_description {padding-bottom: 10px;}
.xsltsearch_description strong {background: #FFD;} /* highlighting */










#galleryContainer {
  width: 780px;
  height: 350px;        /* Image height + 200px */
  overflow: hidden;
  position: absolute;

  margin-top: auto;
  margin-bottom: auto;
  z-index: 1;
  background-color:#fff;
}


/*
  The gallery div that contains all the images

  We'll set the width dynamically in the JavaScript as the images load
*/

#gallery {
  width: 100px;
  height: 350px;        /* Image height + 100px */
  padding: 0px 0;
  position: absolute;
  z-index: 1;
}


/*
  Individual slides within the gallery:

  Float them left so that they're all side by side
  Fixed height (the width will vary as required)
  Add some horizontal margin between the slides
  Add a bottom fading reflection for WebKit browsers
*/

#gallery img {
  float: left;
  height: 350px;
  margin: 0 10px;      /* Adjust the left/right margin to show greater or fewer slides at once */
  -webkit-box-reflect:
    below
    0
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(1, rgba(255, 255, 255, .5)),
      color-stop(.8, rgba(255, 255, 255, 0))
    );
}


/*
  Loading text:

  Position in the centre of the gallery container
  Hide by default
*/

#loading {
  position: absolute;
  z-index: 1;
  bottom: 50%;
  width: 100%;
  color: #ffc;
  text-align: center;
  font-family: "Georgia", serif;
  font-size: 36px;
  letter-spacing: .1em;
  opacity: 0;
  filter: alpha(opacity=0);
}


#nav a, #nav2 a { font: bold 13px Helvetica, Arial, Verdana; border: 0px solid #ccc; color: #000; background-color: rgba(255, 255, 255, 0.8); text-decoration: none; margin: 0 0 0 3px; padding: 3px 6px; width:20px; height:20px; }
#nav2 a {width:20px; height:20px;}
#nav a:hover, #nav2 a:hover { color: #000; background: #4ac107; }
#nav a.activeSlide, #nav2 a.activeSlide { background: #000; color: #fff; }
#nav a:focus, #nav2 a:focus { outline: none; }
#navWrapper { z-index: 50; position: absolute; top: 310px; left: 20px; }
#navWrapper2 { z-index: 50; position: absolute; top: 310px; left: 690px; }
























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */