/*
Kunde: iOrden
© 2006 Potetgutta - www.potetgutta.no
Dokumentet er laget med enerett for www.iorden.no
*/

/*----------Attributter for dokumentet----------*/

body {
	background:url(../images/bg.gif);
	margin:0px;
	padding: 0px;
	width:100%;
	height:100%;
	behavior:url("stylesheet/csshover.htc");

}

/*----------Layout-DIV'er----------*/


.header {
	margin:0;
	width: 100%;
	height:259px;
	background-color:#ffffff;
}

#bilde {
	position:absolute;
	top:0px;
	left:79px;
	width:599px;
	height:121px;
	z-index:1;
	background-color:000000;
}

#adresse {
	position:absolute;
	top:17px;
	left:651px;
	width:200px;
	height:150px;
}

.adresse {
	font-family:tahoma, verdana;
	font-size:10px;
	line-height:15px;
	color:#41301a;
	margin:0;
}

.adresse a {
	font-weight:normal;
	text-decoration:none;
	color:#41301a;
}

.adresse a:hover {
	font-weight:normal;
	text-decoration:underline;
	color:#41301a;
}

#sitat {
	position:absolute;
	top:334px;
	left:651px;
	width:307px;
	height:92px;
	z-index:1;
}

#wrap {
	top:259px;
	left:79px;
	height:auto;
	width:560px;
	padding-bottom:40px;
	position:absolute;
}

#footer {
	float:left;
	height:33px;
	margin:0px;
	width:599px;
	text-align:right;
	background:url(../images/footer.gif);
}

#tekstfelt {
	float:left;
	padding:45px;
	padding-top:27px;
	width:444px;
	background:#ffffff;
}

a#altvel {
	position:absolute;
	top:443px;
	left:651px;
	width:91px;
	height:48px;
	z-index:1;
	background-image:url(../images/altvel.gif);
}



/*----------Tekststiler----------*/

p {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #41301a;
	line-height:18px;
	text-align:left;
	text-decoration: none;
	display:block;
	margin-bottom:0px;
} 

ul {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #41301a;
	line-height:18px;
	text-align:left;
	text-decoration: none;
	display:block;
	margin-bottom:0px;
}

td {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	color: #383634;
	text-decoration: none;
}

.dato {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-align:left;
	color: #51b3d2;
	display:block;
	margin-top:-3px;
	text-transform:uppercase;
}


.skjult {
	display: none;
	visibility: hidden;
}


/*----------Attributter for bilder----------*/

img {
	border:0px;
}

.saksbilde {
	float:right;
	margin-left:28px;
	margin-bottom:20px;
}

/*----------Overskrifter----------*/

h1 {
	position:absolute;
	top:131px;
	left:651px;
	margin:0px;
	background: url(../images/logo.gif) no-repeat;
	height:99px;
	width:198px;
	z-index:2;
}

h1 a {
	display:block;
	height:99px;
	width:198px;
}
	
h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	font-size:22px;
	display:block;
	margin-top:0px;
	margin-bottom:20px;
	color:#2d2357;
}

/* HERE IS THE WHOLE THING */

#rollovermenu{
	position:absolute;
	top:131px;
	left:79px;
	width:650px;
	z-index:2;
}

#rollovermenu, #rollovermenu ul { /* all lists */
	list-style: none;
	padding:0;
	margin:0px;
}

#rollovermenu ul{
	margin-top:109px;
}

#rollovermenu li, #rollovermenu ul li { /* all list items */
	position:relative;
	cursor:arrow;
	float:left;
	display:block;
}

li a.submenyvalg {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height:13px;
	margin:0;
	background:#8ec540;
	border-top:0px solid #ffffff;
	padding:8px 8px 7px 10px;
	float:left;
	text-align:left;
	width:135px;

}

li a.submenyvalg:hover {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	background:#413062;
	cursor: pointer;

}

#rollovermenu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#rollovermenu li:hover ul, #rollovermenu li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	top:0px;
}

li#start {
	margin-right:10px;
	height:99px;
	background: url(../images/start.gif) no-repeat;
	width:99px;
}

li#start:hover {
	background: url(../images/start_mo.gif) no-repeat;
	width:99px;
	height:109px;
}


li#tjenester {
	width:99px;
	margin-right:10px;
	height:99px;
	background: url(../images/tjenester.gif) no-repeat;
}

li#tjenester:hover {
	background: url(../images/tjenester_mo.gif) no-repeat;
	height:109px;

}

li#kompetanse {
	width:99px;
	margin-right:10px;
	height:99px;
	background: url(../images/kompetanse.gif) no-repeat;
}

li#kompetanse:hover {
	background: url(../images/kompetanse_mo.gif) no-repeat;
	height:109px;

}

li#referanser {
	width:99px;
	margin-right:10px;
	height:99px;
	background: url(../images/referanser.gif) no-repeat;
}

li#referanser:hover {
	background: url(../images/referanser_mo.gif) no-repeat;
	height:109px;

}

li#samarb {
	width:99px;
	margin-right:10px;
	height:99px;
	background: url(../images/samarb.gif) no-repeat;
}

li#samarb:hover {
	background: url(../images/samarb_mo.gif) no-repeat;
	height:109px;

}

li#kontakt {
	width:99px;
	height:99px;
	background: url(../images/kontakt.gif) no-repeat;
}

li#kontakt:hover {
	background: url(../images/kontakt_mo.gif) no-repeat;
	height:109px;

}

.start {
	width:99px;
	height:99px;
	display:block;
}

.startaktiv {
	width:99px;
	height:99px;
	display:block;
	background-image:url(../images/start_mo.gif);
}

.tjenester {
	width:99px;
	height:99px;
	display:block;
}

.tjenesteraktiv {
	width:99px;
	height:99px;
	display:block;
	background-image:url(../images/tjenester_mo.gif);
}

.kompetanse {
	width:99px;
	height:99px;
	display:block;
}

.kompetanseaktiv {
	width:99px;
	height:99px;
	display:block;
	background-image:url(../images/kompetanse_mo.gif);
}

.referanser {
	width:99px;
	height:99px;
	display:block;
}

.referanseraktiv {
	width:99px;
	height:99px;
	display:block;
	background-image:url(../images/referanser_mo.gif);
}

.kontakt {
	width:99px;
	height:99px;
	display:block;
}

.kontaktaktiv {
	width:99px;
	height:99px;
	display:block;
	background-image:url(../images/kontakt_mo.gif);
}



/*----------Linker i dokumentet----------*/

a { 
	font-weight: bold;
	text-decoration: none; 
	COLOR: #2d2357;
}

a:hover { 
	COLOR: #2d2357;
	font-weight: bold;
	text-decoration:underline;
}