body {
background: url(../img/bd_bg.gif);
}

#topwrapper {
background: url(../img/top_bg.gif);
width: 100%;
border-bottom: 1px solid #FFF;
padding-bottom: 10px;
}

div.toparea {
position: relative;
}

#contentwrapper {
width: 100%
}

#footerwrapper {
background: url(../img/ft_bg.png) top center no-repeat;
width: 100%;
margin-top: 20px;
min-height:240px;
height:auto !important;
height:240px;
}

#gallerywrapper {
background: #322 url(../img/gallery_wrapper.gif) top center no-repeat;
width: 100%;
border-top: 1px solid #CBA;
border-bottom: 1px solid #FFE;
}

body#prosjekter #gallerywrapper {
background: #522 url(../img/hd_bg_blue.gif);

}

#focusarea {
width: 960px;
min-height:250px;
height:auto !important;
height:250px;
position: relative;
border-left: 1px solid #322;
border-right: 1px solid #322;
background: url(../img/hd_bg_blue.gif);
padding-bottom: 20px;
}

/*
body#prosjekter #focusarea,
body#kontakt #focusarea  {
background: url(../img/top_bg.gif);
}
*/

body#prosjekter #focusarea,
body#kontakt #focusarea {
border-left: none;
border-right: none;
}

#gallerywrapper h1 a {
display: block;
padding: 20px 0 10px 0;
background: green;
color: #ffe !important;
border-bottom: 1px solid #FFE;
border-left: 1px solid #FFE;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
}

#gallerywrapper h1 a:hover {
color: #FF9 !important;
}

#gallerywrapper h1 a.selected {
background: none;
color: green !important;
border: none;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0;
}

div.flip1 {
width: 50%;
float: left;
text-align: center;
}

div.flip2 {
width: 50%;
float: right;
text-align: center;
}

#newsletterwrapper {
background: url(../img/hd_dark_bg.gif) bottom;
width: 100%;
border-top: 1px solid #FFE;
height: 96px;
}

#newsletterwrapper input.text {
width: 280px;
font-size: 20px;
}

#newsletterwrapper h2 {
margin-top: 7px;
}

div.bedriftslogoer img{
margin: 10px;
}

button.submit {
background: url(../img/button_big.gif) top right no-repeat;
width: 120px;
font-size: 20px;
color: #FFE;
margin-bottom: 30px;
border: 0;
height: 40px;
line-height: 37px;
padding-right: 30px;
cursor: pointer;
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0;
border-left: 1px solid #330;
}

button.submit:hover {
color: #FFE;
background: url(../img/button_big_on.gif) top right no-repeat;
}

div.aktuelt p {
padding-right: 10px;
}

body#aktuelt .summary img {display: none;}

#logo {
margin-top: 30px;
}

#logo a {
text-indent: -9999px;
background: url(../img/logo.gif) no-repeat;
display: block;
width: 130px;
height: 122px;
}

#menu {
position: absolute;
top: 88px;
right: -12px;
font-size: 15px;
}

#menu li {
float: left;
display: inline;
list-style-type: none;
}

#menu li a {
display: inline-block;
width: 170px;
height: 83px;
background: url(../img/menu_sprite.png) no-repeat 0 0;
overflow: hidden;
text-indent: -9999px;
}

   
#menu ul li#prosjekter a {
   width:170px;
   background-position: -170px 0;
   }

#menu ul li#kontakt a {
   background-position: -340px 0;
   }
  
#menu ul li a:hover{
   background-position: 0 -83px;
   }

#menu ul li#prosjekter a:hover {
   background-position: -170px -83px;
   }

#menu ul li#kontakt a:hover {
   background-position: -340px -83px;
 }

#menu ul li a.selected {
   background-position: -0 -166px;
   }

#menu ul li#prosjekter  a.selected {
   background-position: -170px -166px;
   }

#menu ul li#kontakt a.selected {
   background-position: -340px -166px;
 }

#gallery {
width: 960px;
height: 320px;
background: #322;
position: relative;
border-left: 1px solid #322;
border-right: 1px solid #322;
}

body#prosjekter #gallery {
width: 220px;
height: 220px;
background: none;
position: relative;
border-left: none;
border-right: none;
}

div.actions {
position: absolute;
top: 0;
left: 0;
padding: 10px 0 10px 10px;
background: rgba(0, 0, 0, 0.7);
width: 405px;
z-index: 11;
}

div#gallery div.prev {
position: absolute;
top: 141px;
left: 10px;
z-index: 10;
}

div#gallery div.prev a {
background: url(../img/last.png) no-repeat;
text-indent: -9999px;
display: block;
width: 40px; height: 38px;
}

div#gallery div.prev a:hover {
background: url(../img/last_on.png) no-repeat;
}

div#gallery div.next {
position: absolute;
top: 141px;
right: 10px;
z-index: 10;
}

div#gallery div.next a {
background: url(../img/next.png) no-repeat;
text-indent: -9999px;
display: block;
width: 40px; height: 38px;
}

div#gallery div.next a:hover {
background: url(../img/next_on.png) no-repeat;
}

div#focusarea form {
padding-top: 70px;
}

#focusarea form label {
text-align: right;
display: block;
font-size: 1.4em;
line-height: 38px;
}

#focusarea form input.text {
width: 280px;
font-size: 18px;
}

#focusarea form textarea {
width: 280px;
font-size: 18px;
padding:5px;
height: 130px;
}

#focusarea form button.submit {
margin-left: 170px;
margin-top: 10px;	
}


body#prosjekter #focusarea a,
body#prosjekter #focusarea p,
body#prosjekter #focusarea h2 {
color: 534741;
text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0;
}

body#prosjekter #focusarea li.selected a,
body#prosjekter #focusarea li a:hover,
body#prosjekter #focusarea div.selected h2,
body#prosjekter #focusarea div.selected p{
color: #F1F9E2;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;

}


div#submenu {
margin-top: 10px;
margin-bottom: -11px;
}

div#submenu ul{
margin-left: 10px;
display: block;
}

div#submenu li {
font-size: 1.2em;
display: block;
float: left;
margin-right: 3px;
}

div#submenu li a {
text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0;
padding: 5px 20px;
display: block;
background: url(../img/hd_dark_bg.gif) bottom;
color: #FFE;
border-top: 1px solid #FFe;
border-left: 1px solid #FFe;
border-right: 1px solid #FFe;
border-bottom: 1px solid #FFF;
text-decoration: none;
}

div#submenu li a:hover {
color: #534741;
text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0;
}

div#submenu li a.selected {
text-shadow: rgba(255, 255, 255, 0.9) 0px -1px 0;
background: url(../img/bd_bg.gif);
color: #534741;
border-bottom: 1px solid #F1F1E4;
}


a.greenbutton,
button.greenbutton {
	font-family: "Comic Sans", "Comic Sans MS", Helvetica, Sans-Serif;
	background: url(../img/green.gif) top right no-repeat;
	height: 21px;
	line-height: 21px;
	color: #FFE;
	padding: 0 20px 0 10px;
	text-decoration: none;
	border: 0;
	cursor: pointer;
	border-left: 1px solid #006633;
	display: inline-block;
	text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0;
}

a.greenbutton:hover,
button.greenbutton:hover {
	color: #FCEE97;
}

.aktuelt a.greenbutton {
margin: 0 15px 0 0;
}

#topwrapper a.greenbutton {
margin: 0 0 10px 0;
}


a.redbutton {
	background: url(../img/red.gif) top right no-repeat;
	height: 21px;
	line-height: 21px;
	color: #FFE;
	padding: 0 20px 0 10px;
	text-decoration: none;
	border-left: 1px solid #882222;
	display: inline-block;
	text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0;
}

a.redbutton:hover {
	color: #FCEE97;
}

.actions a.redbutton {
margin: 0 15px 0 0;
}

.orangebutton,
.orangebuttonlink {
	background: url(../img/orange.gif) top right no-repeat;
	height: 21px;
	line-height: 21px;
	color: #FFE;
	padding: 0 20px 0 10px;
	text-decoration: none;
	cursor: pointer;
	border-left: 1px solid #c60;
	display: inline-block;
	text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0;
}

.orangebutton:hover,
.orangebuttonlink:hover {
	color: #FCEE97;
}

div.note p.orangebutton  {
	position: absolute;
	bottom: 25px;
	left: 10px;
}


div.note a.orangebuttonlink  {
	position: absolute;
	bottom: 40px;
	left: 10px;
}

div.note {
	position: relative;
	overflow: hidden;
	background: url(../img/note_bg.png) no-repeat;
	width: 193px; height: 217px;
	padding: 10px;
}

div.hr {
height: 1px;
background-color: #CB9;
margin-bottom: 20px;
margin-top: 20px;
}

hr {
display: none;
}

#footer li {
	float: left;
	margin-right: 20px;
	font-weight: bold;
}

div.arrow_1{
display: block;
width: 42px;
height: 21px;
background: url(../img/arrow.gif) no-repeat;
position: absolute;
bottom: -21px;
left: 70px;
}

div.arrow_2{
display: block;
width: 42px;
height: 21px;
background: url(../img/arrow.gif) no-repeat;
position: absolute;
bottom: -21px;
left: 330px;
}

div.arrow_3{
display: block;
width: 42px;
height: 21px;
background: url(../img/arrow.gif) no-repeat;
position: absolute;
bottom: -21px;
left: 580px;
}

div.arrow_4{
display: block;
width: 42px;
height: 21px;
background: url(../img/arrow.gif) no-repeat;
position: absolute;
bottom: -21px;
left: 820px;
}