/*
	Design: Nina Taralsen, Recommended Norway
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Norge
	Fargene vi bruker er:
    #E0EED7     #666666
    #9CC4C9     #CEE2E4
	
*/

body {
	padding: 30px 0 0 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	background: #ddd url(../img/gr/bg-body.gif) left top repeat;
	color: #555;
}
p {
	font-size: 1.2em;
	line-height: 1.1em;
}
a {
	/*color: #ff3300;  TODO: Hvorfor hvar denne med?*/
	color: #555;
	font-weight: bold;
	text-decoration: underline;
}
a:hover 
{    
	/*color: red; TODO: Hvorfor hvar denne med?*/
}

a:active, a:focus {outline: 0;} /* fikser irriterende prikkeoutline i firefox */ 


h1, h2, h3, h4, h5, h6 {
	font-size: 2em;
	line-height: 1.0em;
	padding-bottom: 0.2em;
	color:#555;
	font-weight: normal;
}

/* Structure    
--------------------------------------------------------------------------------------- */

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

#leftWrapper { float: left; width: 222px; overflow: hidden;}


#searchbox {
	width: 222px;
	background: url(../img/gr/bg-search-bottom.png) bottom left no-repeat;
	padding-bottom: 20px;	
}
#main-wrapper 
{    
	position: relative;
	width: 710px;
	float: right;
}

#header {
}
#content-wrapper 
{    
    /*height:auto; MB*/    
	padding: 10px;
	background-color:#FFF;
}
#contentWide
{
    width:690px;    
    padding-bottom: 30px;
}
#content {
	width: 440px;
	float: right;
	padding-bottom: 30px;		
}
#sidebar {
	width: 220px;
	float: left;	
}
#footer {
	clear: both;
	font-size: 0.9em;
	color: #666;
	padding: 20px 80px;
	font-family: verdana, sans-serif;
}

/* Search box
--------------------------------------------------------------------------------------- */

#search-content {
	background: #fff;
	padding: 10px 10px 0 10px;
	padding-bottom: 20px;
}
#searchbox h2 {
	background: url(../img/gr/bg-searchbox-head.png) top left no-repeat;
	height: 68px;
	text-indent: -9999px;
}
#search-content .routesearch 
{
	width: 190px;
	border: 1px solid Gray;	
	padding: 5px;
}
#search-content .descr
{
	padding: 10px 0 5px;
}
#search-content .search-btn
{
	background: #fff url('/img/gr/knapp.jpg') no-repeat;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	font-weight: lighter;
	padding-top: 3px;
	margin-top: 20px;
	display: block;
	width: 110px;
	height: 18px;
	float: right;
	color: #fff;
	clear: both;
}
#search-content .advsearch-btn
{
	display:block;
	float: right;	
	clear:both;
	color: #A7A9A8;
	margin-top: 5px;
	font-weight: lighter;
}

/* Fokusboks    
--------------------------------------------------------------------------------------- */
.focusOuter { clear: both; float: left; width: 222px;   background: url(../img/gr/topp-trafikkavik.png) no-repeat top left; margin-top: 20px; padding-top: 41px;}
.focusOuter p { background: #FFF; padding: 17px 10px 3px 10px; border: 0;}



#leftWrapper .bottom {background: url(../img/gr/bg-search-bottom.png) no-repeat;  width: 222px; height: 20px;clear: both; float: left; width: 222px;}
.focusOuter h2 { line-height: .9em;  padding-bottom: 0;}

#wrapper .focusOuter a { background: (../img/gr/pil.png); text-decoration: none;   width: 180px; }
.focusOuter a:hover { text-decoration: underline}
.focusOuter p a{  font-weight: normal; padding-bottom: 0; font-size: 0.9em;}
/* Header    
--------------------------------------------------------------------------------------- */

#breadcrumbs {
	background: url(../img/gr/bg-breadcrumbs.png) top left no-repeat;
	/*background: url(../img/gr/bg-breadcrumbs_AKT.png) top left no-repeat; */
	height: 30px;
	/*padding-left:180px;*/
	padding-top:3px;			
}
#breadcrumbs p {
	font-size: 1em;
	color: #006b6a;
	padding: 10px 0 0 10px;
}
#breadcrumbs a {
	font-size: 1em;
	color: #006b6a;
	text-decoration: none;
	font-weight: normal;
}
#splash {
	border-left :1px solid #fff;
	border-right :1px solid #fff;
}
#splash img {
	width: 708px;
	/*height: auto;*/
}

/* Tab nav (kompakt variant)
--------------------------------------------------------------------------------------- */

#tabnav 
{
    padding: 0; 
    margin: 0; 
    height: 38px; 
    list-style-type: none;     
}
#tabnav li.lvl0 
{
    float: left; 
    margin-right: 5px;
} 
#tabnav li.lvl0 a.lvl0
{
    display: block; 
    text-indent: -9999px; 
    height: 38px;
    width: 180px; 
    border-bottom: 1px solid #FFF;
}
#tabnav li.lvl0 a.mnuBusskort 
{
    background: transparent url(../img/gr/tabnav3.png) 0px top no-repeat; 
    /*border-bottom: 1px solid #9CC4C9;*/
} 
#tabnav li.lvl0 a.mnuAkt 
{
    background: transparent url(../img/gr/tabnav3.png) -181px top no-repeat;
} 
#tabnav li.lvl0 a.mnuBusskort:hover 
{ 
    background-position: 0px 3px;
}
#tabnav li.lvl0 a.mnuAkt:hover 
{ 
    background-position: -181px 3px;
}
#tabnav li.lvl0 a.rute177 
{
    background: transparent url(../img/gr/tabnav3.png) -362px top no-repeat;
}
 #tabnav li.lvl0 a.rute177:hover 
 { 
    background-position: -362px 3px;
 }

/* Tab nav
--------------------------------------------------------------------------------------- */

/*#tabnav {
	padding: 0;
	margin: 0;
	height: 38px;
	list-style-type: none;
}
#tabnav li.lvl0 {
	float: left;
}
#tabnav li a.lvl0, div.busskort {
	display: block;
	text-indent: -9999px;
	height: 40px;	
	background-image:  url(../img/gr/tabnav.png);	
}
a#busskort {
		width: 170px;
		background-position: 0 0;
}


a#akt {
	width: 170px;
	background-position:  350px 0;
}
a#akt:hover {
	background-position: 350px -40px;	
}
a#xxx {
	width: 180px;
	background-position: 180px 0;
}
a#xxx:hover {
	background-position: 180px -80px;
}*/

/* Dropdown menu
--------------------------------------------------------------------------------------- */
ul.LeftMenu
{
	position: absolute;
	top: 0;
	left: 0;
    display: block;
    width:180px;    
    margin: 38px 0 0 0;
    background:url(../img/gr/bussDropdownBGBottom.png) bottom left no-repeat;
    background-position: 0 100%;
    padding: 0 0 0 0;

 
     /*TODO if you want to seperate menuitems by horisontal lines: background-color:#FFF;*/    
}

ul.AKTMenu
{
    left: 185px;
    background:url(../img/gr/bussDropdownBGBottom_AKT.png) bottom left no-repeat;
}

ul.menu177
{
    left:370px;
    background:url(../img/gr/bussDropdownBGBottom-177.png) bottom left no-repeat;
}

ul.LeftMenu a 
{
    display:block;    
    padding:6px 5px 6px 10px;
    margin: 0 0 0 0;    
    text-decoration:none;
    font-weight:normal;    
    color:#333;
    font-size:1.1em;
    text-transform:uppercase;     
    
}

ul.LeftMenu li {
    list-style-type:none;    
}
ul.LeftMenu li a:hover
{
    background-color:#CEE2E4;
}
ul.LeftMenu ul, ul.LeftMenu li
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul.LeftMenu li ul li a 
{
    background-color:#DEF2F4;
    padding-left:18px;
    font-weight: normal;
}
ul.LeftMenu ul li a:hover
{
    background-color:#FFF;
}

ul.LeftMenu li a.inPathTrue, ul.LeftMenu ul li a.inPathTrue
{
    font-weight:bold;
}

/* Content    
--------------------------------------------------------------------------------------- */
div#content-wrapper /* Gjelder egentlig kun IE som lager  2 px margin under banner */
{
    margin-top:-2px;
}
div#content div.introtxt 
{
    padding:20px 15px 20px 0;
    font-size:1.3em;
    line-height:1.5em;
}
div#content div.introtxt p {
	font-family: verdana, arial, sans-serif;
	padding-top: 1em;
	padding-right: 1.5em;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #555;
}
#content h3 {
	background: #9cc4c9;
	color: #555;
	font-size: 1.0em;
	padding: 0.3em 0.3em 0.3em 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: -1.5em;
}
.news-list 
{

	overflow: auto;
	border-bottom: 1px solid #999;
	padding: 1em 1em 1em 0;
	color:#555;
}
.last {
	border: none;
}
.news-list div.news-thumb {
	width :150px;
/*	height: 110px;*/
	float: right;	
	overflow:hidden;
}
.news-list h4 {
	font-size: 1.6em;
	line-height: 1.4em;
	font-weight: normal;
	padding-bottom: 0.5em;
}
.news-list h4 a
{
    text-decoration:none;
    font-weight:normal;  
    color:#555;  
}
.news-list p {
	font-size: 1.1em;
	line-height: 1.5em;
	/*width:257px;*/
}

/* Sidebar    
--------------------------------------------------------------------------------------- */

/*#sidebar a img {
	margin-bottom: 10px;
}*/

/* Articlelist
--------------------------------------------------------------------------------------- */
div#toppArtHeadline_AL
{
    font-size:2.4em;
    padding-bottom:1em;
}
div#toppArtAbstract_AL
{
    font-size:1.4em;
    line-height:1.8em;
    padding-bottom:37px;
}

div.artListRow_AL
{
    border-top:1px solid #999;  

    padding:18px 0;    
clear: both;
}
div.artListRowThumb_AL
{
    float:right;

    margin-right:16px;

}
div.artListRowThumb_AL
{    
}
div.artListRowText_AL
{
    float:left;
    color:#555;
}
div.artListRowText_AL h1
{
    font-size:1.8em;
    line-height:1.8em;
}
div.artListRowText_AL h1 a
{
    text-decoration:none;   
    font-weight:normal; 
    color:#555;   
}
div.artListRowText_AL p
{
    font-size:1.1em;
    line-height:1.8em
}

div.artListRowText_AL .AutoGenImg { float: right;}
/* Footer    
--------------------------------------------------------------------------------------- */

div#footer 
{
    height:1.5em;
    border-top: 1px solid #999;   
    padding:10px 0 0 0; 
}
div#footer div.footerText
{
margin-right:5px;
}
div#footer div.footerText,
div#footerMenu
{       
    float:left;
}
div#footerMenu ul
{
    padding:0;
    margin:0;
}
div#footerMenu li
{
    display:block;
    float:left;
    margin-right:5px;
}
div#footerMenu li.RecommendedInfo span
{
    display:block;
    float:left;
    margin-right:5px;
}

/*#footer {
	border-top: 1px solid #999;
	padding: 1em;	
}
#footer p {
	padding: 0 0 0.7em 0;
	margin: 0;
	font-size: 1em;
	color: #999;
}
#footer p a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
#footer p a:hover {
	color :#000;
	border-bottom: 1px solid #000;
}*/