@import url("/stylesheets/undohtml.css");
@import url("/stylesheets/layout.css");



/* Layout
------------------------------------------------------------------------ */


body {
	margin: 0;
	padding: 0;
	font-size: 95%;
	text-align: left;
	font-family:Verdana,sans-serif;
	font-size:0.7125em;
	line-height:1.3em;
	width:2500px;
	height:1252px;
	min-width:700px;
	overflow-x : hidden;
}


body#index h2 {
	margin-top : -20px ;
}

body#about, body#sagt_om {
	overflow-y: auto;
	background-color : #A6A2A0;	 
}

body#images.album {
	overflow: auto;
	overflow-x: hidden;
}

#wrapper {
	z-index: 2;
	position:absolute;
	width:100%;
	margin:0 auto 0 auto;
}


#header {
	position:absolute;
	top:0;
	background: url(/images/background/header/2500x300.png) no-repeat left;
    height:161px;
	width:100%;
	min-width: 1000px;
}


#tabs {
	width:700px;
	font-weight:bold;
	font-style:italic;
	font-family: Georgia;
	font-size:16px;
	float:left;
	margin-top:27px;
  margin-left:40px;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

#main_content  {
	position  :  absolute;
	height	:	1200px;
	margin-top	:161px;
	padding-left	:	40px;
	padding-top	:	20px;
}


/* Typography
-------------------------------------------------------------------------------- */
h1#frontpage { 
	font-family: Georgia;
	font-style: italic;
	font-size: 2em;
	text-align:center;
	letter-spacing:0.12em;
	color:#7F444A;
	margin-left:520px;
	margin-top:0px;
}

h2#frontpage { 
	margin: 0 0 10px 0; 
}

h1.galleri { 
	position:relative;
	font-family: Georgia;
	font-style: italic;
	font-size: 2em;
	text-align:center;
	letter-spacing:0.12em;
	color:#7F444A;
	padding-right:300px;
}


p.bold {
	font-weight:bold;
	font-size: 1.05em;	
}

h2 {
	font-family: Georgia;
	font-size: 1.5em;
	padding:8px 0 0 1px 	
}

blockquote {
	margin:1px 0 0 22px;
	quotes: "\201C" "\201D";
}
	
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }


body#sagt_om i {
	margin:2px 0 10px 10px;
}

.headline {
	font-size:1.3em;
}

#header a {
	text-decoration:none;
}

ol ul {
	text-decoration:none;
}

#header ul li {
	display:inline;
	font-weight:bold;
	padding-right:20px;
}

body#pitsj ol {
	list-style-type:decimal;
}

body#gjenfortellinger ol {
	list-style-type:decimal;
}

body#gjenfortellinger  {
	overflow-y: auto;
}

body#gjenfortellinger li p {
	font-weight:bold;
}


#header a:hover {
	text-decoration:underline;
}

body#about h2 {
	font-family:Verdana;
	font-size:15px;
}

body#music h2 {
	font-family:Verdana;
	font-size:15px;
}

/*  LINKS
---------------------------------------------------------------- */


.page_text a {
	text-decoration:none;
}

.page_text a:hover {
	text-decoration:underline;
}

.page_text ul li { list-style : none ; }

.about a#navn {
	font-size:1em;
}

.about a:hover#navn {
	font-size:1em;
	text-decoration:underline;
	
}


.about a {
	text-decoration:none;
}

.about a:hover {
	text-decoration:underline;
}



/* HEADER
-------------------------------- */
#header a#myspace {
	float:left;
	font-weight:600;
	font-size:12px;
	margin-top:30px;
  font-family:Bodoni;
	font-style:italic;
	margin-left:10px;
}


/* Header
------------------------------------------------------------------------ */



#header img#flag {
	float:left;
	margin-top:20px;
	margin-left:10px;
}


#header img#logo {
	z-index:2;
	float:left;
	border:0;
	padding: 50px 0 0 43px;
}

#header .bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}


#header {
	position:absolute;
	top:0;
	background: url(/images/background/header/2500x300.png) no-repeat left;
    height:161px;
	width:2500px;
	min-width: 1000px;
}



/* Gallery
------------------------------------------------------------------------ */

.thumb2 {
	float:left;
	width:200px;
	padding: 10px 250px 0 0;
}

.current_album {
	float:left;
	margin:0 100px 0 50px;
	padding: 0;
}

.album_list {
	width:100px;
	margin:50px 0 0 0px;
	float:left;
}


.slideshow {
	height:300px;
}

body.portretter .slideshow {
	height : 400px;
	margin-bottom : -14px;
}


#thumbs {
/*	background:#B7B8B3;*/
	width:100px;
}

body#gallery.left {
	width:30px;
	float:left;
	margin: 50px 0 0 100px;
}

body#gallery.right {
	width:30px;
	float:left;
	margin: -419px 0 0 200px;
}

#image_frame {
	position:relative;
	margin: -404px 0 0 450px;
	float:left;
	height:390px;
	width:500px;
}

.page_text { width:420px; }



body.portretter div.current_album { 
  padding:48px 25px 0 0; 
}

body.pressebilder div.current_album {	
  padding:50px 300px 0 0; 
}


body#gallery .page_text 
{	width:1000px; }



.about 
{ width:400px; }

.clearer 
{ clear:both; }


/* Fotoalbum
------------------------------------------------------------------------ */

body#images img.bg {	
	display : none;
	line-height: 1em ;
}

body#images { 
	background-color : #CDCDC9; 
	width : 100%;
}

div.left {
	padding:0px 0px 0px 0px;
  float:left;
}
 
div.middle {
  float:left;
	padding:0px 10px 10px 100px;
}

div.right  { 
  float:left;
	padding:0px 10px 10px 100px;
}
 
div.image_container {
  padding:0px 0px 0px 0px;
  width:100%;
}

div.image_container div {
  width:200px;
}



body#images div#main_content img {
	display:block;
}

/* Colors
-------------------------------------------------------------------------------- */
a {
	color:#7F444A;
}

.flashNotice {
	color: green;
}

.flashWarning {
	color: red;
}

.flashMessage {
	color: green;
}


/*  MAIN BACKGROUND IMAGE
------------------------------------------------------*/
#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.bg {
	width: 100%;
	position: absolute;
	top: 160px;
	left: 0;
	z-index: 1;
}


/*body#english #main_content {
	height:1252;
}
*/



/* English 
-------------------------------------------------------*/

body#english .page_text {
	float:left;
	width:800px;
	margin-top:-15px;
}

body#english .page_text p {
	margin-top:10px;
/*	text-indent:20px;*/
}


body#english .eng_discography .float_right {
	float:left;
}

body#english .eng_discography {
	padding : 0 0 0 50px;
	float:left;
	width:100px;
}


body#english img.bg {	
		display : none;
}


body#english div.right_col {
}

body#english div.left_col, div.right_col {
	height:200px;
	float  : left ;
	position  :  relative;
	width  : 400px ;	
}

body#english { 
	background-color : #CDCDC9; 
}