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

author:		Gerhard Sletten
website:	http://www.huset.no
colors:		#222 		Main gray
			#73BE1E		Happy green
			#00A0C6		Sweet blue
			#FFFFB3		Lght yllw
			#eee		Light gray
			#ddd		Border gray
			
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("core.css");
@import url("typo3_bee3.css");

/* =General
-----------------------------------------------------------------------------*/
html 	{ font-size: 100%; }
body 	{ font: 12px/130% Arial, Helvetica, sans-serif; color: #222; background: #8d8d8d url(../images/bg_site.gif) repeat-x right top; /* IE6-hack*/ text-align: center; }

h1, h1 a, h2, h2 a, h3, h3 a { color: #0090c8;}

.csc-header { margin: 1em 0 .4em; clear: both; }
.csc-firstHeader { margin-top: 0;}

#primary h1:first-child,
#secondary h3:first-child { margin-top: 0;}
.content a { color: #0090c8; }
.content a:hover { color: #006c96; text-decoration: none;}

table#teaser_table,
table#teaser_table td { background: 0; border: 0; }
table#teaser_table { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px;}

table#teaser_table img,
.tx-bee3multilineimgtext-pi1 img { margin:0;}


#search-box-secondary { border: 1px solid #ccc; background: #eee; padding: 10px 5px; margin-bottom: 10px;}
#search-box-secondary input,
#search-box-secondary button { display: inline; padding: 2px 4px; margin: 0px; margin-right: 3px; height: 16px; *height: auto; vertical-align: top; font-size: 12px; line-height: 12px;}
#search-box-secondary button { height: 22px; }
#search-box-secondary input { background: #fff; }

#mobilize-menu ul { padding: 0; margin: 0 0 1em 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#mobilize-menu ul li { list-style: none; margin: 0; padding: 0;}
#mobilize-menu ul li a { display: block; margin:5px 0; height: 29px; line-height: 30px; font-size: 13px; position: relative; font-weight: bold; text-decoration: none; padding-left: 5px;}
#mobilize-menu ul li a:hover { background: url(../images/bg_mobilize.gif); }
#mobilize-menu ul li a img { position: absolute; right: 0; margin:0; top:0;}

/* Hide breadcrumb in frontpage */
#body_1 #breadcrumb { display: none;}

p.large { font-size: 120%; line-height: 130%; }

/* =Layout
-----------------------------------------------------------------------------*/
#page_wrapper { width: 790px; margin: 30px auto; border: 1px solid #fff; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; /* IE6-hack*/ text-align: left;}
#header, 
#footer,
#menu,
#content_wrapper 	{ margin: 20px 20px 10px 20px; }
#header 			{ position:relative; border-top: 1px solid #fff; height: 91px; background: url(../images/bg_header.jpg) no-repeat; }
#header h1#logo 	{ position: absolute; top: 15px; right: 20px; border: 0px solid red; margin: 0;}
#header h1#logo a,
#header h1#logo a:hover {display: block; width: 268px; height: 62px; background: url(../images/giantleap-logo.gif) no-repeat; text-indent:-900px; overflow:hidden; }

/* Description is hidden with CSS */
#header #description { position: absolute; top: 65px; right: 20px; width: 200px; height: 30px; display: none; }
#header #description p { margin: 0; text-align: right; font-style:italic; font-size: 110%; color: #ccc;}

#links { margin: 10px;}
#links li { display: inline; padding: 0 3px 0 5px; border-left: 1px solid #fff;}
#links li:first-child { border-left: 0px solid #fff; margin-left: 0;}
#links li a { font-size: 11px; color: #fff; text-decoration: none;}
#links li a:hover { text-decoration: underline;}

/* Quicksearch is hidden with CSS */
#search { margin: 10px; display: none;}
#search input,
#search button { border: 1px solid #666; font-size: 12px; line-height: 12px;  background: #eee; color: #333; padding: 2px 4px; margin: 0px; margin-right: 3px; height: 16px; vertical-align: top;}
#search button { border: 1px solid #222; background: #333; color: #eee;  height: 21px;  }
#search button:hover { border: 1px solid #111; background: #222; color: #ddd; }


#content_wrapper 	{ position: relative; clear: left; overflow: hidden; *height: 1%; margin-top: 10px; background: url(../images/col_border.gif) repeat-y 525px; border-top: 0px solid #ddd;  }

#breadcrumb .information { display:none;}
#breadcrumb p 		{ margin: 0 15px; color: #888; font-size: 11px; }
#breadcrumb p a		{ font-size: 11px; color: #888; }
#breadcrumb 		{ background: url(../images/bull-globe.gif) no-repeat left center; margin-bottom: 5px;}

#breadcrumb,
#primary 			{ width: 510px; width: 510px; margin: 0px; *height: 1%; }
#primary 			{ min-height: 400px; height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets max-height for IE */ }
#secondary 			{ position: absolute; right: 0; top: 0; width:205px;  clear: none; }

#footer 			{ clear:both;  padding: 1em 0; border-top: 1px solid #ddd; }
#footer p 			{ text-align: center; font-size: 11px; color: #888; line-height: 1;}
#footer p span 		{ margin: 30px;}
#footer a 			{ color: #888; text-decoration: underline; }
#footer a:hover 	{text-decoration: none;}

/* =Menu
-----------------------------------------------------------------------------*/
#menu 				{  z-index: 10; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 0; height: 30px; }
#menu .information {display:none;}
#menu ul 			{ z-index: 11;}
#menu ul li 		{ z-index: 12;position: relative; float: left;  }
#menu ul li a 		{  z-index: 13;display: block; float: left; font-size: 13px; text-decoration: none; font-weight: bold; color: #004371; margin: 0 1em; line-height: 30px; height: 30px;}
#menu ul li a:hover,
#menu ul li.selected a {  color: #0090c8; }

/* We have to give each element in dropdown menu a z-index - no other elements on the page should have a z-index, because elements positioned absolute will be stacked in its own stack */ 
#menu li ul { z-index: 13;display: none; width:11em !important; left:10px; top: 25px; position:absolute; border:1px solid #ccc; border-bottom: 0;  background: #7d8ba8; opacity: .93; filter: alpha(opacity=93); -moz-opacity: .93; -khtml-opacity: 0.93; }

#menu li li { z-index: 20; display: block; float: none; clear: both; margin: 0; padding: 0; border: none;}
#menu li.selected ul li a,
#menu ul ul li a:hover,
#menu ul ul li a { z-index: 21; position:relative; float: none; color: #fff; margin: 0; width: auto;
	border-bottom: 1px solid #ccc; padding: 2px 4px; height: 20px; line-height: 20px; }
#menu ul ul li a:hover { background: #eee; color: #004371; opacity: .93; filter: alpha(opacity=93); -moz-opacity: .93; -khtml-opacity: 0.93; }
#menu li:hover ul,
#menu li.over ul { display: block; }
#menu li.over ul {  }