/*
CSS for Helge Hansen

www.helgehansenkunst.no

dato: 2008.04.06
2010.08.01

*/

/* stiler for alle sider: */

html, body, ul, li, p, h1, div {
	margin: 0;
	padding: 0;
}

img, img a, a img { border: 0; }

/* tabeller skal allikevel ha 'cellspacing="0"' i html: */

table {
	border-collapse: collapse;
}

html {
	background: #F0F0F0; /* url("bak.gif") top left;*/ /* bak alt */
}

body {
	/*font: 62.5%/140% Geneva, Arial, Helvetica, sans-serif;*/
	font: 10px/150% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	/*border: 1px solid #333333;
	background: #E5E5E5;*/
}

/* float: */

body {
	width: 850px;
	margin: 15px auto;
}

div#hele {
	
}

div#wrapper {
	float: right;
	width: 100%;
	margin-left: -200px;
}

div#innhold {
	float: right;
	width: 650px;
}

div#meny {
	float: left;
	width: 200px;
}

div#info {
	float: left;
	clear: left;
	width: 200px;
}

div#copyright {
	clear: both;
	width: 100%;
}

/* menybakgrunn: */

div#hele {
	/*background: url("menybilde.jpg") top left repeat-y;*/ /* under meny, info*/
}

/* overskrift */

div#overskrift {
	/*background: white;*/ /* url("topp.jpg") top left repeat-x*/
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
}

div#overskrift h1 {
	padding: 6px 0 8px 16px;
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	line-height: 135%;
	font-weight: bold;
	letter-spacing: 1px;
}

div#overskrift h1 a {
	color: #777777; /*#333333;*/
	text-decoration: none;
}

div#overskrift h1 a:hover {
	color: #333333;
	text-decoration: underline;
}

div#overskrift h1 a:active {
	color: black;
	text-decoration: underline;
}

/* id-bilde i toppfelt: */
/* ett bilde for hver hovedside */
/*
#side1 div#overskrift h1,
#cv div#overskrift h1,
#pressemld div#overskrift h1,
#malerier div#overskrift h1
	{ background: url("logo-m.jpg") top right no-repeat; }

#fotografier div#overskrift h1
	{ background: url("logo-f.jpg") top right no-repeat; }
	
#fotomontasjer div#overskrift h1
	{ background: url("logo-fm.jpg") top right no-repeat; }

#arkivmontasjer div#overskrift h1
	{ background: url("logo-afm.jpg") top right no-repeat; }
	
#arkivmalerier div#overskrift h1
	{ background: url("logo-am.jpg") top right no-repeat; }
	
#arkivgrafikk div#overskrift h1
	{ background: url("logo-ag.jpg") top right no-repeat; }
*/
/* meny */

div#meny {
	padding-top: 32px;
	padding-bottom: 25px;
}

div#meny ul {
	list-style-type: none;
}

div#meny ul li {
	
}

div#meny ul ul li { /* for submeny */
	text-indent: 20px;
}

div#meny a {
	text-decoration: none;
	color: #777777; /*#333333;*/
	font-size: 1.2em;
	/*font-weight: bold;*/
	display: block;
	padding-left: 16px;
	height: 2em;
	line-height: 2em;
	/*border-bottom: 1px solid #AAAAAA;*/
	border: 1px solid #F0F0F0; /* samme som bakgrunnen */
}

div#meny a:hover {
	/*background: #333333;
	color: white;*/
	color: black;
	border: 1px solid #000000;
}

div#meny a:active {
	/*background: black;
	color: white;*/
	border: 1px solid red;
}

/*-- knapp på denne siden:*/

#side1 div#meny a#menys1,
#cv div#meny a#menycv,
#prisliste div#meny a#menyp,
#sidekart div#meny a#menysk,
#kontakt div#meny a#menyk,
#malerier div#meny a#menym,
#fotografier div#meny a#menyf,
#fotomontasjer div#meny a#menyfm,
#arkivmalerier div#meny a#menyam,
#arkivgrafikk div#meny a#menyag,
#arkivmontasjer div#meny a#menyafm
	{ /*background: #AAAAAA; color: white;*/ color: #777777; border: 1px dashed #777777; }

#malerier div#meny a#menym:hover,
#fotografier div#meny a#menyf:hover,
#fotomontasjer div#meny a#menyfm:hover,
#arkivmalerier div#meny a#menyam:hover,
#arkivgrafikk div#meny a#menyag:hover,
#arkivmontasjer div#meny a#menyafm:hover
	{ /*background: #333333;*/ color: #777777; border: 1px dashed #777777; }

#malerier div#meny a#menym:active,
#fotografier div#meny a#menyf:active,
#fotomontasjer div#meny a#menyfm:active,
#arkivmalerier div#meny a#menyam:active,
#arkivgrafikk div#meny a#menyag:active,
#arkivmontasjer div#meny a#menyafm:active
	{ /*background: black;*/ color: #777777; border: 1px solid red; }

/* info-felt: */

div#info {
	font-size: 1.2em;
	line-height: 160%;
	border-top: 1px solid #CCCCCC;
}

div#info p {
	margin: 0;
	padding: 16px;
	color: black;
}

div#info a {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #AAAAAA;
}

div#info a:hover {
	color: black;
	border-bottom: 1px dashed #555555;
}

div#info a:active {
	color: black;
	border-bottom: 1px solid black;
}

/* innholdfelt: */

div#innhold {
	
}

/* nederste felt: */

div#copyright {
	color: #333333;
	/*background: white;*/ /*url("bak6a/topp-c.jpg") top left repeat-x;*/
	/*border-top: 1px solid #AAAAAA;*/
	text-align: right;
}

div#copyright p {
	padding: 4px 0 6px 16px;
}

div#copyright a {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #AAAAAA;
}

div#copyright a:hover {
	color: black;
	border-bottom: 1px dashed #555555;
}

div#copyright a:active {
	color: black;
	border-bottom: 1px solid black;
}

/* for enkeltbilde-sidene:
   maks bildemål: 500(b) x 400(h) */

div#innhold .bilderamme {
	text-align: center;
	margin: 16px 0 20px;
}

div#innhold .bilderamme img {
	padding: 12px;
	margin: 16px auto;
	background: white;
	border: 1px solid #CCCCCC;
}

div#innhold .bilderamme a img {
	border-color: #CCCCCC;
}

div#innhold .bilderamme a:hover img {
	border-color: #777777;
}

div#innhold .bilderamme p {
	font-size: 1.2em;
	margin-bottom: 16px;
	text-align: center;
}

div#innhold .bilderamme a {
	color: #333333;
	text-decoration: none;
}

div#innhold .bilderamme a:hover {
	text-decoration: underline;
}

div#innhold .bilderamme a:active {
	color: black;
}

/* bla-knapper (tekst): 

div#bla {
	background: white url("bak6a/topp-c.jpg") top left repeat-x;
	border-top: 1px solid #AAAAAA;
	font-size: 1.2em;
	float: left;
	width: 100%;
}

div#bla ul {
	list-style-type: none;
	margin-left: 230px;
}

div#bla a {
	text-decoration: none;
	color: #333333;
	padding: 0 5px;
	float: left;
	margin: 0 5px;
	font-weight: bold;
	display: block;
	height: 2em;
	line-height: 2em;
}

div#bla a:hover {
	color: white;
	background: #333333;
}

div#bla a:active {
	color: white;
	background: black;
}*/

/* alternative bla-knapper: */

#bla {
	margin-left: 269px;
}

#bla a {
	float: left;
	display: block;
	height: 23px;
	width: 31px;
	text-indent: -2000px;
	overflow: hidden;
}

.forrige, .opp, .neste {
	margin: 0 10px 10px 0;
}

#bla a.forrige { background: url("piler.gif") no-repeat top left; }
#bla a:hover.forrige { background-position: center left; }
#bla a:active.forrige { background-position: bottom left; }

#bla a.opp { background: url("piler.gif") no-repeat top center; }
#bla a:hover.opp { background-position: center center; }
#bla a:active.opp { background-position: bottom center; }

#bla a.neste { background: url("piler.gif") no-repeat top right; }
#bla a:hover.neste { background-position: center right; }
#bla a:active.neste { background-position: bottom right; }


/* for galleri-sidene:
   maks bildemål: 150(b) x 120(h) */

div#innhold .galleri {
	margin: 20px 0 32px;
}

div#innhold .galleri table {
	margin: 0 auto;
}

div#innhold .galleri table tr {
	
}

div#innhold .galleri table tr td {
	text-align: center;
	padding: 5px 20px;
	vertical-align: bottom;
}

div#innhold .galleri img {
	padding: 6px;
	margin: 8px auto 10px;
	background: white;
	border: 1px solid #CCCCCC;

}

div#innhold .galleri a img {
	border-color: #CCCCCC;
}

div#innhold .galleri a:hover img {
	border-color: #777777;
}

div#innhold .galleri p {
	font-size: 1.2em;
	margin-bottom: 10px;
}

div#innhold .galleri a {
	color: #333333;
	text-decoration: none;
	
}

div#innhold .galleri a:hover {
	text-decoration: underline;
}

div#innhold .galleri a:active {
	color: black;
}

/* for tekstsider (cv): */

div#innhold .tekst {
	font-size: 1.2em;
	line-height: 140%;
	margin: 16px 16px 32px;
}

div#innhold .tekst h2 {
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	margin: 16px;
	padding-top: 16px;
	/*text-align: center;*/
}

div#innhold .tekst p {
	margin: 16px;
}

div#innhold .tekst i {
	font-style: italic;
}

/*
div#innhold .tekst img {
	padding: 12px;
	margin: 16px auto;
	background: white;
	border: 1px solid #CCCCCC;
}
*/

div#innhold .tekst dl {
	margin-bottom: 16px;
	margin-left: 16px;
	text-align: left;
}

div#innhold .tekst dt {
	margin-top: 16px;
	font-weight: bold;
}

div#innhold .tekst dd {
	margin-left: 32px;
	/*padding-left: 32px;  for andre br? */
	font-weight: normal;
}

div#innhold .tekst ul {
	margin-left: 48px;
	font-weight: normal;
}

div#innhold .tekst a {
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #AAAAAA;
}

div#innhold .tekst a:hover {
	color: black;
	border-bottom: 1px dashed #555555;
}

div#innhold .tekst a:active {
	color: black;
	border-bottom: 1px solid black;
}

/* for førstesiden: */

/* rettinger for IE: */