/*
Kunde: Ryfoss Betong AS
© 2008 Kreativ Strek AS
Dokumentet er laget med enerett for www.ryfossbetong.no
*/

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

html, body {
	background:url(../images/bg.jpg) repeat-x;
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Tahoma, Verdana;
	font-size:11px;
	line-height:18px;
	color:#4d5054;
	padding-bottom:40px;
}

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

#header {
	position:absolute;
	top:0px;
	z-index:1;
	width:697px;
	height:282px;
	left: 50%;
	margin: 0px 0px 0px -348px;
	background:url(../images/header.jpg) no-repeat;
}

#bilde {
	position:absolute;
	top:174px;
	z-index:3;
	width:726px;
	height:158px;
	left: 50%;
	margin: 0px 0px 0px -363px;
}

#wrap {
	position:absolute;
	z-index:1;
	top:282px;
	left: 50%;
	margin: 0px 0px 0px -146px;	
	width:495px;
	height:auto;
	display:block;
	padding-bottom:40px;
}

#content {
	float:left;
	width:495px;
	min-height:380px;
	_height:380px;
	padding-top:30px;
}

#footer {
	float:left;
	width:495px;
	height:39px;
	background:url(../images/footer.jpg) no-repeat;
}

#frontwrap {
	position:absolute;
	z-index:1;
	top:252px;
	left: 50%;
	margin: 0px 0px 0px -179px;	
	width:495px;
	height:auto;
	display:block;
	padding-bottom:40px;
}

#frontcontent {
	float:left;
	width:495px;
	min-height:380px;
	_height:380px;
	padding-top:30px;
}

#frontfooter {
	float:left;
	width:495px;
	height:39px;
	margin-left:33px;
	background:url(../images/footer.jpg) no-repeat;
}


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

#snarveier {
	position:absolute;
	top:311px;
	z-index:3;
	width:152px;
	height:149px;
	left: 50%;
	padding-top:52px;
	padding-left:16px;
	background:url(../images/snarveier.jpg) no-repeat;
	margin: 0px 0px 0px -348px;
}

.snarvei {
	width:134px;
	height:28px;
	float:left;
	margin-bottom:1px;
	color:#1a3e77;
	line-height:27px;
	padding-left:10px;
	background:url(../images/snarvei.gif) no-repeat;
}

.snarvei:hover {
	text-decoration:none;
	color:#1a3e77;
}

#tlf {
	position:absolute;
	top:534px;
	z-index:3;
	width:168px;
	height:124px;
	left: 50%;
	background:url(../images/tlf.jpg) no-repeat;
	margin: 0px 0px 0px -348px;
}

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

p {
	font-family:Trebuchet MS, Arial, Helvetica, Verdana, Tahoma;
	font-size:11px;
	line-height:18px;
	color:#4d5054;
	font-weight:normal;
	text-align:left;
	text-decoration: none;
	display:block;
	margin-top:0;
} 

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


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

img  {
	border:0px;
}

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

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


h1, h2, h3, h4, h5 {
	font-family: Trebuchet MS, Arial, Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color:#1a3e77;
}
	
h2 {
	font-size: 20px;
	line-height:22px;
	margin-bottom:16px;
	margin-top:0px;
}

h3 {
	font-size:16px;
	line-height:18px;
}

h4 {
	font-size:14px;
	margin-bottom:5px;
}


h5 {
	font-size: 14px;
	line-height:20px;
}

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

a { 
	text-decoration: none; 
	COLOR: #1a3e77;
}

a:hover { 
	COLOR: #1a3e77;
	text-decoration: underline; 
}

/*-------Hovedmeny-------*/

ul#meny{
	position:absolute;
	top:242px;
	left:50%;
	height:27px;
	width:495px;
	list-style: none;
	padding:0;
	padding-top:13px;
	margin: 0px 0px 0px -146px;	
	z-index:2;
}
	
	
ul#meny li a {
	display:block;
	_display:inline;
}

ul#meny li {
	float:left;
	position:relative;
	list-style:none;
}
			
		
li a.menyvalg {
	height:22px;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:normal;
	margin-right:18px;
	color: #fff;
	text-decoration:none;
}


li a.menyvalg:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border-bottom:5px solid #1a3e77;
}

li a.menyvalgaktiv {
	height:auto;
	font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight:normal;
	margin-right:18px;
	color: #fff;
	height:22px;
	text-decoration: none;
	border-bottom:5px solid #1a3e77;
}

li a.menyvalgaktiv:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	border-bottom:5px solid #1a3e77;
}