@charset "utf-8";
/* CSS Document */
html {height:100%;overflow: -moz-scrollbars-vertical;}

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	min-height:100%;
	height:100%;
	background:url(../layout/whitesquare.gif) #e8e8e8 repeat-x;
	}

ul, li {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

#bgwrapper {
	position:absolute;
	display:block;
	top:122px;
	left:0px;
	z-index:10;
	width:100%;
	height:23px;
	background:url(../layout/black-band.png) repeat-x;
	}
#wrapper {
	position:relative;
	width: 955px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	height: auto !important;
	height: 100%;
	min-height:100%;
	margin-bottom: -45px; /* for sticky footer */
	}
	
#footer, #push {clear:both;height:25px;}
	
#footer {
	display:block;
	position:relative;
	width: 955px;
	padding: 20px 0 0 0;
	margin: 0 auto 0 auto;
	z-index:10;
	}
#innerfooter {
	display:block;
	position:relative;
	height:20px;
	font-size:10px;
	background-color:#fff;
	color:#666;
	padding: 5px 10px 0 10px;
	margin-left:252px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	}

	#innerfooter a {color:#000;text-decoration:none;}
	#innerfooter a:hover {color:#f60;}
	
	#innerfooter a.ma-logo {float:right;color:#999;}
	#innerfooter a img {border:0px;}
	
#header {
	position:relative;
	display:block;
	height:115px;
	width:955px;
	padding-top:25px;
	z-index:50;
	overflow:visible;
	}
#subheader {
	position:relative;
	display:block;
	clear:both;
	background-color:#fff;
	height:50px;
	}
	
	#logo {
		float:left;
		padding:0 0 0 0;
		}
	a#logo-sub {
		position:relative;
		float:left;
		padding:15px 5px 6px 6px;
		background-color:#fff;
		border-right:13px solid #e8e8e8;
		}
		
	#header ul#mainmenu {
		position:absolute;
		left:240px;
		_left:220px;
		width:692px;
		_width: 712px;
		font-size:11px;
		height:63px;
		margin:7px 0 0 8px;
		overflow:hidden;
		}
		
		ul#mainmenu li {position:relative;float:left;margin-left:22px;padding-bottom:1px;width:208px;height:20px;}
		
		ul#mainmenu a {
			position:absolute;
			width:205px;
			bottom:0px;
			color:#333;
			display:block;
			text-decoration:none;
			padding:2px 2px 3px 1px;
			border-bottom:2px solid #ddd;
			line-height:11px;
			z-index:50;
			}
		ul#mainmenu a:hover {color:#f38400;border-bottom:2px solid #f83;}
		ul#mainmenu a.blank {border-bottom:0px;cursor:default;}
		
	#header ul#topmenu {
		position:absolute;
		top:0px;
		right:0px;
		font-size:10px;
		}
		
		ul#topmenu li {padding:3px 0 2px 0;}
		ul#topmenu a {
			color:#000;
			margin-left:5px;
			text-decoration:none;
			padding:3px 3px 2px 3px;
			background-color:#ccc;
			}
		ul#topmenu a:hover, ul#topmenu a.activeitem {background-color:#666;color:#fff;}
		
		
	a.language-select {
		position:absolute;
		top:8px;
		right:15px;
		padding-right:18px;
		color:#666;
		text-decoration:none;
		font-size:10px;
		z-index:100;
		background-position:right;
		background-repeat:no-repeat;
		}
	a.language-select:hover {color:#f83;}
	a#lang-en {background-image:url(../layout/icons/en.gif);}
	a#lang-no {background-image:url(../layout/icons/no.gif);}
		
#innerwrapper {float:left;position:relative;}
		
	
	#left {
		position:relative;
		float:left;
		width:220px;
		padding:0 10px 10px 10px;
		display:block;
		min-height:10px;
		line-height:14px;
		background-color:#fff;
		-webkit-border-bottom-right-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		}
		
		#left ul {
			border-top:2px solid #ccc;
			padding:3px 0 5px 0;
			display:none;
			visibility:hidden;
			}
		
		#left ul a {
			color:#333;
			display:block;
			text-decoration:none;
			padding:3px 2px 3px 2px;
			border-bottom:1px solid #ddd;
			line-height:14px;
			}
		#left ul a:hover {color:#000;border-bottom:1px solid #f83;}
		
		#left ul a.level2 {
			color:#666;
			padding-left:12px;
			background-image:url(../layout/arrows/arrow1.gif);
			background-repeat:no-repeat;
			background-position:3px 7px;
			}
		
		.archived {visibility:hidden;display:none;}
		
		#left ul a.level2:hover {color:#333;background-image:url(../layout/arrows/arrow2.gif);}
		
		#left .infobox {
			display:block;
			border:1px solid #f83;
			padding:4px;
			margin-top:20px;
			display:none;
			visibility:hidden;
			}
			
		#left ul.showhome {visibility:visible;display:block;margin-bottom:30px;}
		#left .show11, 
		#left .leftinfobox.show11, 
		.bottominfobox.show11 {
			visibility:hidden;display:none;
			}
		
	#main {
		position:relative;
		float:left;
		margin:0 0 13px 13px;
		width:672px;
		padding-bottom:20px;
		overflow:hidden;
		padding:0 15px 15px 15px;
		background-color:#fff;
		-webkit-border-bottom-right-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		-moz-border-radius-bottomright: 15px;
		-moz-border-radius-bottomleft: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		}
		
		.col1 {
			position:relative;
			float:left;	
			font-size:12px;
			padding:0px;
			margin-top:15px;
			width:390px;
			}
			.col1 p {line-height:20px;}
			.col1 p:first-child {margin-top:0px;}
			.col1 strong {color:#333;}
			.col1 a, .col2 a {color:#333;}
			.col1 a:hover, .col2 a:hover {color:#f83;}
			
		.col2 {
			position:relative;
			float:right;
			margin-top:5px;
			width:250px;
			text-align:right;
			}
			.col2 img {display:block;margin-top:25px;}
			.col2 .caption {
				display:block;
				padding:4px 4px 2px 4px;
				margin:0px 0 20px 0;
				background-color:#eee;
				font-size:10px;
				}
			.col2 .caption.larger {
				text-align:left;
				padding:8px 8px 8px 8px;
				margin:20px 0 20px 0;
				font-size:11px;
				}
			.col2 h3 {margin-top:0px;padding-top:0px}
				
.leftinfobox {
	display:block;
	margin-top:30px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0px 0 0px 0;
	font-size:10px;
	line-height:15px;
	color:#666;
	}
.bottominfobox {
	position:relative;
	display:block;
	border-top:1px solid #ccc;
	margin:13px 0 13px 0;
	font-size:10px;
	line-height:15px;
	color:#666;
	}
.leftinfobox a, .bottominfobox a {font-weight:bold;color:#333;}
.leftinfobox a:hover, .bottominfobox a:hover {color:#f83;}

.gul {color:#f83;}

p {line-height:130%;margin:8px 0 8px 0;padding:0px;}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	color:#333;
	font-size:20px;
	height:20px;
	margin:0px 0px 0 0px;
	padding:18px 15px 12px 15px;
	font-weight:normal;
	width:380px;
	background-color:#fff;
	}
h2 {color:#000;font-size:12px;margin:0px;padding:0px;font-weight:bold;}
h3 {color:#f83;font-size:12px;margin:0px;padding:8px 0 2px 0;font-weight:bold;}
h5 {font-size:12px;margin:0 0 10px 0;padding:0 0 0 0;}

p+h1, p+h2, p+h3 {margin-top:10px;}
h1+p, h2+p, h3+p {margin-top:5px;}

form {	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

hr {
	border-bottom:1px solid #ccc;
	height:0px;
	background-color:#fff;
	color:#fff;
	border-top:0px;
	shading:no-shading;
	margin-bottom:10px;
	width:100%;
	display:block;
	overflow:hidden;
	clear:both;
	}
	
.frontimage {
	display:block;
	margin:8px 0 8px 0;
	height:auto;
	}
.frontimage a {width:auto;}
.frontimage p {line-height:17px;}
.frontimage img {float:left;margin:0px 20px 20px 0px;}
	
/* SEARCH FORM DISPLAY */
.searchtable td {padding:0 0 15px 0;font-size:11px;}
.searchtable label {color:#f83;font-weight:bold;float:left;margin-right:20px;}
.searchtable strong {color:#f83;font-weight:bold;}

	#worksearch input, #worksearch select {
		border:1px solid #999;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#eee;
		margin-top:2px;
		font-weight:normal;
		}
	#worksearch input:focus, #worksearch select:focus {background-color:#fed;color:#000;border:1px solid #f83;}
	
	.input50 {width:50px;}
	.input75 {width:75px;}
	.input100 {width:100px;}
	.input150 {width:150px;}
	.input200 {width:200px;}

	.knapp, #worksearch .knapp {
		background-color:#666;
		border:1px solid #333;
		color:#fff;
		padding:2px 6px 2px 6px;
		}
	.knapp:hover, #worksearch .knapp:hover {background-color:#f83;}
	
		
/* WORK DISPLAY */

#workscount {
	position:relative;
	top:-5px;
	right:15px;
	font-size:9px;
	height:20px;
	margin:-20px 0 0 0;
	overflow:hidden;
	float:right;
	width:280px;
	text-align:right;
	z-index:100;
	}
	#workscount select {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		padding:0 0 0 0;
		margin:0 0 0 0;
		background-color:#eee;
		line-height:10px;
		border:1px solid #ccc;
		}

.pagemenu {position:relative;width:auto;border-top:2px solid #ccc;border-bottom:1px solid #ccc;padding:5px 0px 5px 0px;font-size:10px;}
.pagemenu ul {position:absolute;right:0px;top:8px;}
.pagemenu ul li {float:left;text-align:right;display:block;margin-left:8px;}
	.pagemenu a.nav1 {
		background-image:url(../layout/arrows/1.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:8px;
		}
	.pagemenu a.nav2 {
		background-image:url(../layout/arrows/2.gif);
		background-position:left;
		background-repeat:no-repeat;
		padding-left:8px;
		}
	.pagemenu a.nav3 {
		background-image:url(../layout/arrows/3.gif);
		background-position:right;
		background-repeat:no-repeat;
		padding-right:8px;
		}
	.pagemenu a.nav4 {
		background-image:url(../layout/arrows/4.gif);
		background-position:right;
		background-repeat:no-repeat;
		padding-right:8px;
		}
	.pagemenu a.slidelink {
		padding-left:15px;
		background-image:url(../layout/arrows/slideshow.gif);
		background-repeat:no-repeat;
		background-position:lefft;
		margin-right:10px;
		}

.pagemenu a {color:#666;}
.pagemenu a:hover {color:#000;}
.pagemenu .ellevepx {font-size:11px;}

#mediaframe {
	position:relative;
	width:672px;
	margin:5px 0 0 0;
	}
	#mediaframe .caption {
	display:block;
	padding:4px 4px 2px 4px;
	background-color:#eee;
	font-size:10px;
	}

.verk1, .verk2 {
	clear:both;
	border-top:1px solid #ccc;
	padding:0 0 5px 0;
	}
div.verk1:first-child {border-top:0px;}
	.verk1 a.bilde {
		float:left;
		display:block;
		width:120px;
		min-height:70px;
		margin:5px 20px 5px 0px;
		}
	.verk1 img.bilde {
		width:120px;
		background-color:#eee;
		border:0px;
		}
	.verk2 .bilde {
		width:672px;
		background-color:#eee;
		margin:5px 0px 0 0px;
		}
		
	.verk2 .caption {
		margin:1px 0 0 0;
		padding:2px 5px 2px 5px;
		display:block;
		background-color:#eee;
		}
		
	.verk1 .artist {
		color:#333;
		display:block;
		font-weight:bold;
		text-decoration:none;
		margin-top:8px;
		}
	.verk2 .artist {font-size:13px;}
	.verk1 a.artist:hover {color:#f83;}
	
	.verk1 a.title {
		color:#333;
		font-size:12px;
		font-style:italic;
		line-height:150%;
		letter-spacing:0.05em;
		}
	.verk1 a.title:hover {color:#f83;}

	.verk2 .title {font-size:13px;font-style:italic;}

	.verk2 .padbot1px {}
	.frontimage a, .verk2 a {color: #333;}
	.frontimage a:hover, .verk2 a:hover {color:#f83;}
		
	ul.list1 {margin:10px 0px 0px 0px;}
	ul.list1 .artist {color:#333;font-weight:bold;}
	ul.list1 li {margin-bottom:12px;}
	ul.list1 a {
		color:#333;
		margin-left:12px;
		padding:0 2px 0 14px;
		background-repeat:no-repeat;
		background-position:left;
		}
	ul.list1 a:hover {color:#f83;}
	ul.list1 a.verk {background-image:url(../layout/icons/verk.gif);padding-left:15px;}
	ul.list1 a.bio {background-image:url(../layout/icons/bio.gif);}
		
.lc {text-transform:lowercase;}
.smalltext {display:block;margin:10px 0 0 0;font-size:9px;color:#666;}
.smalltext2 {float:right;margin:-15px 4px 0 0;font-size:9px;color:#666;}

img.thumb-left {clear:both;margin:0 20px 20px 0;}

ul.workslist li a {display:block;margin:5px 0 5px 0;color:#333;}
ul.workslist li a:hover {color:#f83;}