* { margin: 0; padding: 0; }

body { background-image: url(img/bg_sky.jpg); background-repeat: repeat-x; background-color: #dbdbd3; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 11px; background-attachment:fixed; }

h1 { 
	margin-bottom: 1em; 
	font-size: 20px;
	font-weight:normal; 
	}
	
h2 { 
	margin-bottom: 0.4em; 
	padding-top: 1em; 
	font-size: 13px;
	font-weight: bold;  
	}
	
h3 { font-size: 1.1em; }
h4 { 
	font-size: 1.1em;
	padding-left: 5px;
	padding-bottom: 10px;
}
p { line-height: 1.3em; margin-bottom: 1.3em; }
a { color: #3d506f; }
a:hover {
text-decoration:none;
}
ul { margin-left: 2em; list-style-position: outside; }

/**
 * Layout styles
 *
**/
#page {
	width: 953px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#header { margin-top: 67px; position: relative; height: 258px; background-image: url(graphics/headerBackground.jpg); background-repeat: no-repeat; }
#content { padding: 10px 30px; background-color: #fff; }
  #content #left { margin-right: 15px; padding-right: 15px; width: 350px; float: left; } /* left on subpages */
  #content #right { width: 510px; float: left; } /* right on subpages */
  #content #main {  } /* main on subpages */
#footer {  
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: center;
}


/**
 * header specific styles 
 */
#header #logo { height: 73x; position: absolute; top: -60px; left: 0; }
#header #flagg { position: absolute; right: 0; top: -24px; }
#header #kart-og-nyhetsbrev { position: absolute; top: 10px; right: 0; }
#header #kart-og-nyhetsbrev a { margin-right: 20px; text-decoration: none; }
#header #kart-og-nyhetsbrev img { vertical-align: text-bottom; border: 0; }
#header #kart-og-nyhetsbrev span { padding-left: 5px; font-size: 1.2em; }
#header #slagord { margin: 0; position: absolute; left: 444px; top: 47px; }
/* navigasjonsstiler */
#menu { height: 27px; position: absolute; right: 0px; bottom: 15px; list-style-position: inside; list-style-type: none; background-image: url(graphics/menuBackground.jpg); background-repeat: repeat-x; }

#menu li {
	margin: 0;
	float: left;
	line-height: 27px;
	position: relative;
	background-image: url(graphics/menyskiller.png);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 10px;
	}
	
#menu li p { margin: 0; padding: 0 10px; line-height: 27px; background-image: url(graphics/orange-right.png); background-position: 4px 10px; background-repeat: no-repeat; }
#menu li a { padding: 0 0px; color: #fff; text-decoration: none; }
#menu li:hover a { /*background-image: url(graphics/orange-down.png); background-position: 0px 13px; background-repeat: no-repeat; */ }
#menu li#menyoverskrift-1 { background-image: none; }
#menu li ul { position: absolute; left: 0px; top: 27px; display: none; background-color: #1f477b; z-index: 1000; }
#menu li:hover > ul { display: block; }
#menu li:hover > ul li { float: none; }
#menu ul li.sub:hover a { background-image: url(graphics/orange-right.png); background-position: 7px 11px; background-repeat: no-repeat; }
#menu ul li.sub { background-image: none; line-height: 1.5em;}
#menu ul li a { padding: 6px 0 6px 15px; display: block; line-height: 1.5em; text-decoration: none; color: #fff; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
#menu ul { margin: 0; padding: 0; list-style: none; width: 150px; }
#menu li:hover ul, #menu li.over ul { display: block; }



/**
 * left specific styles on frontpage 
 */
#leftFront { margin-right: 30px; padding-right: 30px; border-right: 1px dotted #333; width: 279px; float: left; }


/**
 * right specific styles on frontpage 
 */
#rightFront { width: 550px; float: left; }
#rightFront .col { width: 164px; float: left; background-image: url(graphics/colBackground.png); background-repeat: no-repeat; }
#rightFront .col .colHeader { padding: 0 10px; height: 39px; }
#rightFront .col .colHeader p { margin: 0; padding-top: 3px; line-height: 1em; }
#col1, #col2 { margin-right: 27px; }
#rightFront .col h2 { margin: 0; padding: 5px 0 2px 0; font-size: 1.1em; }
#rightFront .col h2 a { text-decoration: none; }
#rightFront .col p { margin: 0; font-size: 0.8em; }
#vaeret { margin-top: 30px; padding-right: 30px; }
#vaerdata { margin-left: 0; margin: 0; list-style-type: none; list-style-position: inside; float: right; letter-spacing: -0.07em; }
#vaerdata li { margin-left: 15px; display: block; float: left; }
#vaerdata li a { text-decoration: none; }



/**
 * right specific styles 
 */
#right .BackgroundLightBlue {
	background-color: #c8d2e3;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}
#right .BackgroundBlue {
	background-color: #8192b2;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}

#right .topptabell {
	background-color: #e5ebf3;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}




#right #rssliste { margin: 0; list-style: none; }
#right #rssliste li { display:block; padding: 10px 0; border-bottom: 1px dotted #7f7f7f; }
#right #rssliste li a { display:block; font-weight: bold; text-decoration: none; }

#right td{
	height: 26px;
	padding-left: 6px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}


#right #linker td{
	padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-bottom: 2px;
	border-bottom: 2px;
	border-bottom-color:#FFFFFF;

}




/**
 * main specific styles 
 */
#main #suvenirer { width: 100%; border-collapse: collapse;  }
#main #suvenirer tr { clear: both; }
#main #suvenirer td { padding: 10px; width: 50%; vertical-align: top; }
#main #suvenirer td img { float: left; margin-right: 10px; }



/**
 * footer specific styles
 */
#footer ul { margin-top: 10px; margin-left: 80px; list-style-type: none; float: left; color: #666; }
#footer ul li { margin-left: 15px; float: left; }



.clearBoth { clear: both; visibility: hidden; }




/**
 * jQuery lightBox plugin - Gallery style 
 */
ul#galleri { margin: 0; padding: 0; list-style: none; }
ul#galleri li { display: inline; }
ul#galleri img { margin: 0 10px 10px 0; border: 1px solid #333; }
ul#galleri a:hover { color: #eee; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute;top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev {  left: 0;  float: left; }
#lightbox-nav-btnNext {  right: 0;  float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details {  width: 70%;  float: left;  text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block;  clear: left;  padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px;  float: right; padding-bottom: 0.7em; }