html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	background-color: #e2e2e2;
	color: #000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
}

div#kil {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Gjør «kilen» stor nok til å dytte alt innhold ned til midten av siden. */
	margin-top: -315px;		/* Trekk «kilen» tilbake litt over halve høyden til innholdet så midten av innholdet er tilnærmet sentrert. */
	float: left;
}

div#boks {
	width: 800px;
	height: 620px;
	margin: 0 auto;
	clear: both;
}

ul#lang,
div#bunntekst {
	width: 800px;
	margin: 0 auto 5px auto;
	padding: 0;
	
	font-size: 75%;
	text-align: right;
}
div#bunntekst {
	margin-top: 5px;
	margin-bottom: 0;
	text-align: left;
	color: #aaa;
}

	div#bunntekst .ikon {
		font-size: 150%;
	}

	ul#lang li {
		display: inline;
		color: #777;
	}
	
		ul#lang li a {
			color: #777;
			text-decoration: none;
		}
		
		ul#lang li a:hover {
			color: #333;
			text-decoration: underline;
		}
	
div#side {
	position: relative;
	width: 800px;
	height: 450px;
	padding: 0;
	padding-top: 150px;
	
	background-color: #fff;
	text-align: left;
}
	/*body#forside div#side { background: #000 url(img/illustrasjon_forside.jpg) no-repeat left top; }*/
	body#mystory div#side,
	body#no_historien div#side { background: #fff url(img/topp_mystory.jpg) no-repeat left top; }
	body#resume div#side,
	body#no_cv div#side { background: #fff url(img/topp_resume.jpg) no-repeat left top; }
	body#simply_mg div#side,
	body#no_baremg div#side { background: #fff url(img/topp_simplymg.jpg) no-repeat left top; }
	body#contact div#side,
	body#no_kontakt div#side { background: #fff url(img/illustrasjon_booking.jpg) no-repeat 0px 200px; }
	body#multimedia div#side,
	body#no_multimedia div#side { background: #fff url(img/topp_multimedia.jpg) no-repeat; }
	body#photos div#side,
	body#no_foto div#side { background: #fff url(img/illustrasjon_photo.jpg) no-repeat 0px 200px; }

	div#side div#topp {
		height: 50px;
		background: #32082A url(img/link_mg.jpg) no-repeat left top;
	}
	
	div#side ul#meny {
		float: right;
		width: auto;
		height: 50px;
		margin: 0;
		margin-right: 20px;
		padding: 0;
		
		color: #fff;
	}
	
		div#side ul#meny li ul {
			position: absolute;
			top: 20px;
			left: 20px;
			margin: 0;
			padding: 0;
		}
		
			div#side ul#meny li ul li {
				float: left;
				width: 80px;
				color: #32082A;
				font-size: 110%;
				text-align: center;
				line-height: 1.5em;
			}
			
				div#side ul#meny li ul li a {
					display: block;
					padding-top: 60px;
					color: #32082A;
					font-weight: bold;
				}
				div#side ul#meny li ul li a.photos_headshots,
				div#side ul#meny li ul li a.no_foto_portrett {
					background: url(img/ikon_photos_headshots.jpg) no-repeat center top;
				}
				div#side ul#meny li ul li a.photos_body,
				div#side ul#meny li ul li a.no_foto_kropp {
					background: url(img/ikon_photos_body.jpg) no-repeat center top;
				}
				div#side ul#meny li ul li a.photos_credits,
				div#side ul#meny li ul li a.no_foto_oppdrag {
					background: url(img/ikon_photos_credits.jpg) no-repeat center top;
				}
        div#side ul#meny li ul li a.showreel {
          background: url(img/ikon_showreel_play.png) no-repeat center 4px;
          line-height: 16px;
        }

		div#side ul#meny li {
			display: inline;
			line-height: 50px;
		}
		
			div#side ul#meny li a {
				color: #fff;
				text-decoration: none;
				font-size: 78%;
			}
			
			div#side ul#meny li a:hover,
			div#side ul#meny li a.active {
				text-decoration: underline;
			}
	
	div#side div#innhold {
		position: relative;
		height: 360px;
		margin: 0;
		padding: 20px;
		overflow: auto;
		font-size: 90%;
		line-height: 1.4em;
		font-family: Arial, Helvetica, sans-serif;
	}

  body#forside div#innhold {
    height: 400px;
    width: 704px;
    padding: 0 48px;
    overflow: hidden;
    background-color: #000000;
  }

	body#multimedia div#innhold ul,
	body#no_multimedia div#innhold ul {
		clear: left;
		float: left;
		width: 760px;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
			body#multimedia div#innhold ul li,
			body#no_multimedia div#innhold ul li {
				float: left;
				width: 175px;
				margin-right: 15px;
				margin-bottom: 12px;
			}
			
				body#multimedia div#innhold ul li a,
				body#no_multimedia div#innhold ul li a {
					display: block;
					min-height: 60px;
					text-decoration: none;
					font-size: 0.84em;
					line-height: 1.3em;
					color: #777;
				}
				* html body#multimedia div#innhold ul li a,
				* html body#no_multimedia div#innhold ul li a {
					height: 60px;
				}
				body#multimedia div#innhold ul li a:hover,
				body#no_multimedia div#innhold ul li a:hover {
					background-color: #f3f3f3;
				}
				
					body#multimedia div#innhold ul li a img,
					body#no_multimedia div#innhold ul li a img {
						float: left;
						width: 60px;
						height: 60px;
						margin-right: 8px;
					}
					
					body#multimedia div#innhold ul li a strong,
					body#no_multimedia div#innhold ul li a strong {
						display: block;
						padding-top: 0px;
						font-size: 1.2em;
						color: #32082A;
					}
					body#multimedia div#innhold ul li a em,
					body#no_multimedia div#innhold ul li a em {
						display: block;
						font-size: 1.2em;
						color: #444;
					}
			
	body#contact div#side div#innhold,
	body#no_kontakt div#side div#innhold {
		position: absolute;
		top: 20px;
		left: 20px;
		padding: 20px 0;
		height: 80px;
		font: 85% Verdana, Arial, Helvetica, sans-serif;
		color: #32082A;
	}

		body#contact div#side div#innhold a,
		body#no_kontakt div#side div#innhold a {
			font-weight: bold;
			text-decoration: none;
			color: #32082A;
		}
		
		body#contact div#side div#innhold a:hover,
		body#no_kontakt div#side div#innhold a:hover {
			text-decoration: underline;
		}
		
		body#contact div#side div#innhold p,
		body#no_kontakt div#side div#innhold p {
			float: left;
			margin: 0 20px 0 0;
			font-weight: bold;
			color: #32082A;
		}
		
		body#resume div#side div#innhold p,
		body#no_cv div#side div#innhold p {
			font-size: 90%;
		}
		
		div#side div#innhold h2 {
			clear: left;
			width: 100%;
			margin-bottom: 0;
			padding: 0;
			background-color: #ccc;
			color: #fff;
			text-transform: uppercase;
			text-indent: 2px;
			font-size: 130%;
			line-height: 1.4em;
		}
		
		div#side div#innhold p {
			margin: 0;
			padding: 0 0 1.4em 0;
		}
		
		div#side div#innhold ul.galleri#bilder {
			width: 432px;
			margin: 0;
			padding: 0;
			
			list-style-type: none;
		}
		
			div#side div#innhold ul.galleri#bilder li {
				float: left;
				padding-right: 12px;
				padding-bottom: 12px;
			}
			
				div#side div#innhold ul.galleri#bilder li img {
					display: block;
					width: 60px;
					height: 60px;
					border: 0;
				}
		
		div#side div#innhold div#bilderamme {
			position: absolute;
			left: 491px;
			top: 20px;
			width: 250px;
			height: 360px;
			overflow: hidden;
		}
		
			div#side div#innhold div#bilderamme img#portfolio {
				display: block;
				width: 250px;
			}
			
		div#side div#innhold div.galleri#navigasjon {
			position: absolute;
			left: 491px;
			bottom: 0;
			width: 250px;
			height: 20px;
			font-size: 120%;
		}
		
			div#side div#innhold div.galleri#navigasjon a#nav-forrige {
				float: left;
				font-weight: bold;
				text-decoration: none;
			}
			
			div#side div#innhold div.galleri#navigasjon a#nav-neste {
				float: right;
				font-weight: bold;
				text-decoration: none;
			}
		
		div#side div#innhold div.introduction {
			float: left;
			width: 560px;
		}

		div#side div#innhold ul.resyme {
			float: right;
			margin: 0;
			padding: 0;
			list-style-type: none;
			color: #666;
			font-weight: bold;
			font-size: 85%;
		}
		
			div#side div#innhold ul.resyme li {
				display: block;
				margin: 0;
				padding: 0;
			}
			
		div#side div#innhold table {
			width: 100%;
			margin: 0;
			padding: 0;
			font-size: 85%;
			line-height: 1.5em;
			padding-bottom: 1.4em;
		}
		
			div#side div#innhold table th,
			div#side div#innhold table td {
				padding-bottom: 0;
				padding-right: 5px;
				vertical-align: top;
			}
			
			div#side div#innhold table th.year,
			div#side div#innhold table td.year {
				padding-right: 0;
				text-align: right;
			}
		
			div#side div#innhold th {
				text-align: left;
			}
			
a {
	color: #32082A;
}

a img {
	border: 0;
}