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

version:	1.0
author:		Gerhard Sletten
email:		gerhardsletten[at]gmail.com
website:	http://www.gersh.no
colors:		#00a0c6 Bombus turkis
			#2d3627 Bombus gray
			#88816f Dirty snow
			#ffffb6 Light yellow
			#c0d06f Autum yellow
IE 6 Hack - not visible for IE 7
* html body #id 
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("typo3.css");
@import url("core.css");
/* =General
-----------------------------------------------------------------------------*/

html { font-size: 100%; }
body { text-align: center; font: 12px/130% Arial, Helvetica, sans-serif; color: #222; background: #2d3627; padding-bottom: 20px;}

h1, h1 a, h2, h2 a, h3, h3 a { color: #00a0c6;}

/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper { text-align: left; width: 860px; margin: 20px auto 20px auto; background: #fff; padding: 0; padding-top: 10px; }

#header { position:relative; border-top: 1px solid #fff; border-bottom: 7px solid #eee; height: 165px; _height: 175px; margin: 0 10px 0px 10px; background: url(../images/header_bg2.gif) no-repeat left top;}
#header h1#logo { }
#header h1#logo a {position: absolute; top: 0px; left: 0px; width: 170px; height: 100%; text-indent:-900px; overflow:hidden; border-left: 0px solid red;
	background:  url(../images/bombus-logo-3.gif) no-repeat 40px center; /* IE 6 */ }
#header h1#logo > a { background:  url(../images/bombus-logo-3.png) no-repeat 40px center; }
#header h1#logo a:hover {}
#header #description { display: none;}
#menu, #secondary { float: left; clear: left; width: 170px; 
margin-top: 10px; margin-left: 10px; }
#content_wrapper  { border-top: 1px solid #fff; }
#breadcrumb, #primary { 
	float: right;
	clear: right;
	width: 630px;
	border-top: 0px solid #eee;
	margin-top: 10px;
	margin-right: 30px;

	}
#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; }

#primary { min-height: 400px; border: 0px solid red; margin-bottom: 1em; }
#primary h1:first-child { margin-top: 0; border: 0px solid red;}
#secondary {
}
#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 {  }
#menu h4 {font-size: 13px; margin-top: 0; display:none;}
#menu ul { }
#menu ul li { margin: 0 0 2px 0;}

#menu ul li a { margin:0; color: #00a0c6; display: block; padding: 6px; background: #2d3627; border-bottom: 0px solid #2d3627; text-decoration: none; font-weight: bold; font-size: 13px; }
#menu ul li.selected > a,
#menu ul li a:hover { text-decoration: none; color: #ffffb6;}

#menu ul ul {  margin-top: 2px;}
#menu ul ul li a { font-size: 12px; padding: 4px 6px 4px 26px; background: #eee url(../images/0030_arr.png) no-repeat 8px center; color: #666; }
#menu ul ul li.selected  a,
#menu ul ul li a:hover { color: #2d3627;}

/* Hides from IE5-mac \*/
* html #menu ul li a {height: 1%;}
/* End hide from IE5-mac */