/*-----------------------------------------------------------------------------
site.no generic style

version:	0.9
author:		Gerhard Sletten
email:		gerhard[at]huset.no
website:	http://www.huset.no
colors:		#387c2b Main green
			#582414 Main brown
			#191301 Dark brown
			#dfc8af Light brown
			#e3ebd7 Light green
			#0975c3 Link
			#05406b Link hover
			#ffffdd Yellow light
			
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typo3.css");
@import url("grid_columns.css");
@import url("core.css");

/* =General
-----------------------------------------------------------------------------*/
html { font-size: 100%; }
body { font: 13px/130% Arial, Helvetica, sans-serif; color: #222; background: #fff; }

/* =Typography
-----------------------------------------------------------------------------*/
a { color: #0975c3 }
a:hover { color: #05406b }
h1, h2, h3 {color: #387c2b;}

a.download {background: #ffffff url(../images/icon_download.gif) no-repeat left center; height: 1em; padding-left: 20px;}
a.download {display:block; background: #ffffff url(../images/page_white_acrobat.gif) no-repeat left center; height: 1.5em; padding-left: 20px;}
#secondary h1, #secondary h2, #secondary h3, #secondary h4 { font-size: 1.1em;}

.extrabox-1 { background: #387c2b url(../images/greenbox-bottom.gif) repeat-x bottom center; color: #fff; width: 230px; padding-bottom: 10px;}
.extrabox-1 h3 { color: #ffffdd; background: url(../images/greenbox-top.gif) repeat-x top center; padding: 8px; margin-top:0;}
.extrabox-1 .csc-textpic-imagewrap {margin-left: 10px;}
.extrabox-1 p {margin-right: 10px;}
.extrabox-1 a, 
.extrabox-1 a:hover { color: #fff;}
.extrabox-2 h3 { border-bottom: 2px solid #eee; margin-bottom: .3em}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image { border: 1px solid #ccc; background: #eee; padding: 4px; zoom:1;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border: 0px solid #ccc;}
.product-box { border-bottom: 1px solid #ddd;  padding: 0 10px; margin-top: 10px;}
.product-box h2 { margin-top: 0;}
.product-box .csc-textpic-imagewrap img { border: 2px solid #ccc; background: #eee;  margin-right: 2px;}
.content .product-box ul li {list-style: none; background: #fff url(../images/product-list-bg.gif) repeat-y; padding: 2px 4px; margin-left: 0; border-left: 3px solid #ccd;}
.content .product-box ul { margin-left: 0; }

#body_28 #breadcrumb { display:none; }
.feature-box { color: #fff; background: #387c2b url(../images/bg_feature.gif) repeat-x; margin-bottom: 15px; padding: 8px; border-top: 4px solid #1d4116; border-bottom: 2px solid #1d4116;}
.feature-box * { color: #fff; margin-top: 0;}
.feature-box h2 { color: #ffffdd; font-size: 18px; margin-bottom: 4px;}
#body_28 .feature-box div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { padding: 1px; background: #fff;}
#body_28 .grid-col-3 .col {  width: 31.5%; padding-right: 2px;}
/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper {  }
#header, #content_wrapper  { padding: 0 5%; }
#header { position:relative; border-top: 1px solid #222; height: 170px; background: #582414 url(../images/bg_header_new.jpg) repeat-x top center;}
#header h1#logo { }
#header h1#logo a {position: absolute; top: 42px; left: 5%; display: block; width: 275px; height: 96px; background:  url(../images/boen_logo_new.gif) no-repeat; text-indent:-900px; overflow:hidden;}
#header #description { position: absolute; top: 15px; right: 3%; width: 412px; height: 173px; z-index: 14; background: url(../images/img_new.gif) no-repeat top right; text-indent:-900px; overflow:hidden;}
#header #description p {width: 200px; color: #ffffdd; font-size: 15px; font-style:italic;margin-top: 80px;}
#menu { background: #191301 url(../images/bg_menu_new.jpg) repeat-x top center; }
#breadcrumb, #primary {  margin: 0 260px 15px 0px; }
#breadcrumb .information { display:none;}
#breadcrumb p {margin: 0 15px; font-size: 100%; color: #888; *padding-right: 5px; }
#breadcrumb { background: #ffffff url(../images/bull-globe.gif) no-repeat left center; }
#content_wrapper { position:relative; z-index: 0; margin-top: 3px; background: #fff url(../images/gradient_gray.gif) repeat-x;padding-top: 20px; }
#primary {  min-height: 500px; margin-bottom: 10px; _height: 1%;}
#primary h1:first-child,
#secondary h3:first-child { margin-top: 0;}
#secondary { position: absolute; top: 20px; right: 5%; width:230px;}
#footer { clear:both;  padding: 1em; }
#footer p { text-align: center; font-size: 11px; color: #888; line-height: 1;}
#footer a {	color: inherit; text-decoration:none; }

/* =Menu
-----------------------------------------------------------------------------*/
#menu .information {display:none;}
#menu ul { overflow:hidden; width:90%; margin:0 auto; padding: .8em 0; border: 0px solid #fff; /* Center of page */}
#menu ul li { display: inline; }
#menu ul li a { font-size: 140%; text-decoration: none; font-weight: bold; color: #ffffdd; margin-right: 1em;}
#menu ul li a:hover { color: #fff; }
#menu ul li.selected a { color: #fff; background: url(../images/indicator.gif) no-repeat left top; padding-left: 20px; }