@charset "UTF-8";
/* Rasfare.no CSS Document */

body, *
{
	margin: 		0;
	padding: 		0;
	font-family:	Helvetica, Arial, sans-serif;
	color:			#424242;
}

body
{
	font-size:			15px;
	line-height:		19px;
	background-color: 	#eeeeee;
}

/* Predefined styles */
a img, a:hover img, img
{
	border: 			0;
	text-decoration: 	none;
}

a { text-decoration: underline; color: #ef2c1f; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: 0; }

h1, h2
{
	font-size: 		25px;
	line-height: 	27px;
	padding: 		20px 0 10px 0;
	letter-spacing:	-1px;
	font-style:		italic;
}

h1
{
	color:			#ef2c1f;
	font-weight:	bold;	
}

h2
{
	color:			#424242;
	font-weight:	normal;
}


#content ol.legend  
{
	list-style-type:upper-alpha;
	margin-left:40px;
	
	}

#content ul
{
	padding-left:			40px;
	list-style-position:	outside;
	list-style-image: 		url(images/bullet.png); 
}

#content ul li
{
	margin:				2px 0 20px 0;
	padding-left: 		20px;
	font-size:			18px;
	font-style:			italic;
}
#content ul li span { font-weight: bold; }

#content img { border: 5px #adadae solid; }

img.margin_top { margin-top: 10px; }
img.margin_right { margin-right: 20px; }
img.margin_bottom { margin-bottom: 10px; }
img.margin_left { margin-left: 20px; }

img.right { width: auto !Important; }
img.left { width: auto !Important; }

img.news
{
	float:		left;
	margin:		0 10px 10px 0;
}

.news_image
{
	text-align: 		center;
	float:				left;
	margin:				0 10px 10px 0;
	font-size: 			10px;
	font-style:			italic;
	color: 				#424242;
	text-decoration:	none;
	line-height: 		12px;
}
.news_image:hover { text-decoration: underline; }

p { margin-bottom: 12px; }
p span { font-weight: bold; color: #ef2c1f; }

table { border-collapse: collapse; }

.left { float: left; }
.right { float: right; }
.clearer { clear: both; }

.sub_left { width: 50% !important; float: left; }

.spacer { clear: both; padding-top: 60px; }

#wrapper
{
	width: 		990px;	
	margin: 	0 auto;
}


/* Header */
#header
{
	position:		relative;
	height: 		545px;
	padding-left:	15px;
	margin-bottom:	30px;
}
#header.subpage { height: 180px; }
#header.subpage .header_image { height: 180px; }

#logo { float: left; }

#menu
{
	position:		absolute;
	top:			30px;
	left:			-20px;
	z-index:		10;
}

#menu ul
{
	float:				left;
	margin:				5px 0 0 20px;
	list-style-type:	none;
}

#menu ul li { margin-bottom: 7px; }

#menu ul li a
{
	color:				#424242;
	background:			#fff;
	text-decoration:	none;
	padding:			4px 10px 3px 10px;
	
	/*
	opacity: 			.86;
	filter: 			alpha(opacity=86);
	-ms-filter: 		"alpha(opacity=86)";
	-khtml-opacity: 	.86;
	-moz-opacity: 		.86;
	*/
}
#menu ul li a:hover, #menu ul li a.active
{
	color:				#fff;
	background:			#ef2c1f;	
}

.slider
{
	position: 		absolute;
	z-index:		5;
}


/* Content */
#content
{
	padding-left:	15px;	
}

#content .left { width: 320px; }
#content .right { width: 615px; }

#content .padding_top { padding-top: 28px; }

#ribbon
{
	position: absolute;
	top: 145px;
	right: 10px;
	z-index: 99;
}

blockquote
{
	padding:		28px 0 50px 75px;
	background: 	url(images/quote.png) top left no-repeat;
	font-size: 		25px;
	line-height: 	27px;
	font-style:		italic;
	letter-spacing:	-1px;
}

blockquote span, blockquote a
{
	display: 		block;
	font-size:		15px;
	line-height:	19px;
	color:			#ef2c1f;
	font-style:		normal;
	letter-spacing:	0;
}
blockquote span { margin-top: 15px; }
blockquote span span { display: inline; font-weight: bold; }

p.frontpage
{
	font-weight:	bold;
	font-size:		18px;
	line-height:	22px;
}
p.frontpage_sub
{
	font-weight:	normal;
	font-size:		15px;
	line-height:	19px;
}

.imagebox 
{
	position:relative;
}

.imagebox div
{
	bottom:12px;
	position:absolute;
	width:415px;
	right:0;
}





/* Button */
.blue_button
{
	float: 				right;
	display:			inline-block;
	width:				200px;
	height:				71px;
	margin:				-28px 0 30px 30px;
	padding-left:		15px;
	background:			url(images/blue_button.png) 0 0 no-repeat;
	color:				#fff;
	font-size:			25px;
	font-weight:		bold;
	font-style:			italic;
	line-height:		71px;
	vertical-align:		middle;
	text-decoration:	none;
}
.blue_button:hover { background-position: 0 -71px; }
.blue_button:active { background-position: 0 -142px; }


/* Form */
#email2 { display: none; }
#submit_button { font-size: 13px; width: 80px; }

input, textarea, select
{
	font-size: 		15px;
	font-style:		italic;
}

input, select
{
	width: 200px;
	padding: 7px 8px 6px 8px;
}

select { height: 30px; }

textarea
{
	width: 		215px;
	height:		100px;	
}	

.radio { width: auto !important; }
.zip { width: 70px; }
.order { width: 120px !important; }
#qty { width: 40px; }
.amount { width: 40px; }

/* Footer */
#footer
{
	padding:		70px 0 20px 0;
	font-size:		13px;
}

#footer .left
{
	width:			500px;
	padding:		15px 0 13px 15px;
	background: 	#adadad;
	color:			#fff;
}

#footer .right
{
	width: 			450px;
	padding-top:	0;
	color:			#ef2c1f;
	font-size:		10px;
	line-height: 14px;
}

#footer .right a { text-decoration: none; }
#footer .right a:hover, #footer .right a.active { text-decoration: underline; }

#facebook { margin-bottom: 5px; }

#rasfare_telefon
{
	display: 			inline-block;
	padding:			6px 6px 5px 6px;
	background-color:	#ef2c1f;
	color:				#fff;
	text-decoration:	none;
	vertical-align:		middle;
}
#rasfare_telefon:hover { background-color: #000; }

/* ################### Frontpage slider ################### */
#slider
{
	position: 			relative;
	width: 				990px;
	height: 			545px;
	margin: 			0 auto;
	overflow:			hidden;
}
		
#slideshow { z-index: 0; }

/* Controls (tabs on bottom of slideshow) */
#slider_control
{
	position:					absolute;
	bottom: 					50px;
	left: 						0;
	width: 						100%;
	height: 					40px;
	list-style-type: 			none;
	list-style-position: 		outside;
	overflow: 					hidden;
	background:					#000;
}

#slider_control li { float: left; }

#slider_control a
{
	display: 			inline-block;
	height: 			40px;
	line-height: 		40px;
	text-align: 		center;
	text-decoration: 	none;
	font-size:			20px;
	font-weight:		bold;
}
#slider_control a span { color: #fff !important; }

#slider_control a.active { background: #ef2c1f !important; }


/* Slider boxes */
#slider_overlay
{
	position: 		absolute;
	top: 			0;
	left: 			0;
	width: 			990px;
	height: 		545px;
}

.slider_box
{
	width: 		100%;
	height:		100%;
}

/* ### 3 boxes ### 
#slider_box_1 { background-image: url(images/slider/avvisere.jpg); }
#slider_box_2 { background-image: url(images/slider/istapper.jpg); }
#slider_box_3 { background-image: url(images/slider/varme.jpg); }

#slider_control a[rel=slider_box_1] { width: 330px; }
#slider_control a[rel=slider_box_2] { width: 330px; }
#slider_control a[rel=slider_box_3] { width: 330px; }

.box_content
{
	position: 			absolute;
	bottom: 			90px;
	width: 				306px;
	height:				110px;
	background:			#fff;
	padding:			15px 12px 13px 12px;
}

#slider_box_1 .box_content { left: 0px; }
#slider_box_2 .box_content { left: 330px; }
#slider_box_3 .box_content { left: 660px; }
*/

/* ### 4 boxes ###
#slider_box_1 { background-image: url(images/slider/avvisere.jpg); }
#slider_box_2 { background-image: url(images/slider/istapper.jpg); }
#slider_box_3 { background-image: url(images/slider/varme.jpg); }
#slider_box_4 { background-image: url(images/slider/fasadevask.jpg); }

#slider_control a[rel=slider_box_1] { width: 247px; }
#slider_control a[rel=slider_box_2] { width: 249px; }
#slider_control a[rel=slider_box_3] { width: 247px; }
#slider_control a[rel=slider_box_4] { width: 247px; }

.box_content
{
	position: 			absolute;
	bottom: 			90px;
	width: 				223px;
	height:				110px;
	background:			#fff;
	padding:			15px 12px 13px 12px;
}

#slider_box_1 .box_content { left: 0px; }
#slider_box_2 .box_content { left: 247px; width: 225px; }
#slider_box_3 .box_content { left: 496px; }
#slider_box_4 .box_content { right: 0; }
*/

/* ### 5 boxes ###
#slider_box_1 { background-image: url(images/slider/avvisere.jpg); }
#slider_box_2 { background-image: url(images/slider/snofangere.jpg); }
#slider_box_3 { background-image: url(images/slider/istapper.jpg); }
#slider_box_4 { background-image: url(images/slider/varme.jpg); }
#slider_box_5 { background-image: url(images/slider/fasadevask.jpg); }

#slider_control a { font-size: 16px; }
#slider_control a[rel=slider_box_1] { width: 198px; }
#slider_control a[rel=slider_box_2] { width: 198px; }
#slider_control a[rel=slider_box_3] { width: 198px; }
#slider_control a[rel=slider_box_4] { width: 198px; }
#slider_control a[rel=slider_box_5] { width: 198px; }

.box_content
{
	position: 			absolute;
	bottom: 			90px;
	width: 				174px;
	height:				130px;
	background:			#fff;
	padding:			15px 12px 13px 12px;
}

#slider_box_1 .box_content { left: 0px; }
#slider_box_2 .box_content { left: 198px; }
#slider_box_3 .box_content { left: 396px; }
#slider_box_4 .box_content { left: 594px; }
#slider_box_5 .box_content { right: 0; }
*/

/* ### 6 boxes ###*/
#slider_box_1 { background-image: url(images/slider/avvisere.jpg); }
#slider_box_2 { background-image: url(images/slider/snofangere.jpg); }
#slider_box_3 { background-image: url(images/slider/istapper.jpg); }
#slider_box_4 { background-image: url(images/slider/varme.jpg); }
#slider_box_5 { background-image: url(images/slider/fasadevask.jpg); }
#slider_box_6 { background-image: url(images/slider/takarbeid.jpg); }

#slider_control a { font-size: 14px; }
#slider_control a[rel=slider_box_1] { width: 165px; }
#slider_control a[rel=slider_box_2] { width: 165px; }
#slider_control a[rel=slider_box_3] { width: 165px; }
#slider_control a[rel=slider_box_4] { width: 165px; }
#slider_control a[rel=slider_box_5] { width: 165px; }
#slider_control a[rel=slider_box_6] { width: 165px; }

.box_content
{
	position: 			absolute;
	bottom: 			90px;
	width: 				141px;
	height:				170px;
	background:			#fff;
	padding:			15px 12px 13px 12px;
}

#slider_box_1 .box_content { left: 0px; }
#slider_box_2 .box_content { left: 165px; }
#slider_box_3 .box_content { left: 330px; }
#slider_box_4 .box_content { left: 495px; }
#slider_box_5 .box_content { left: 660px; }
#slider_box_6 .box_content { right: 0; height: 100px; }