/* CSS Document */
html, body {
	text-align:center;
	margin:0;
	padding:0;
}
* {
	margin:0;
	padding:0;
}
body {
	background-color:#3e3e3e;
	background-image: url(bakweb.gif);
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
}
h1,h2,h3,h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	clear:both;
	padding:4px 0px;
	font-size: 30px;
}
#cForm .nono {
	background-color: transparent;
	border: none;
	float: left;
	width: auto;
	clear: none;
}
#cForm td {
	padding-right: 5px;
}
#cForm td input {
	margin-top: 8px;
}
#cForm #btn {
	margin: 13px 0;
	padding: 2px 20px;
	display: block;
	border: 1px solid #706d65;
	background-color: #000;
	color: #fff;
	width: auto;
}
#cForm input, #cForm textarea {
	clear: both;
	float: none;
	display: block;
	border: 1px solid #706d65;
	background-color: #333;
	color: #e3b019;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
	width: 500px;
	margin-bottom: 8px;
	padding: 2px;
}
#cForm label {
	clear: both;
	
}
p {
	padding-bottom:13px;
}
ul, ol {
	margin:6px 0px;
	margin-left:10px;
	padding-left:10px;
}
li {
	list-style-type: square;
}
a:link {
	color:#fc0;
}
a:visited {
	color:#D1D1C7;
}
a:hover {
	color:#f5e561;
}
#galleryList {
	text-align: center;
}
#galleryList h1 {
	text-align: center;
}
#galleryList p {
	text-align: center;
	width: 500px;
	margin: auto;
}
#galleryList img {
	margin: 20px;
	border: 10px solid #fff;
}
.article {
	margin-top: 40px; 
}
.article .author {
	margin: 0;
	margin-top: 0px;
	margin-right: 15px;
	text-align: right;
}
.article h1 {
	margin-top:-50px;
	margin-bottom: 0px;
	
}
#folderList {
	margin-top:15px;
	 
}
.folderItem {
	margin: 0 0 7px 0;
	padding: 10px 40px;
	background-image: url(transbak.png);
	border: 1px solid #000;
	display: block;
	float: none;
	clear: both;
	width: 520px;
}
.folderItem p {
	margin: 0;
	padding: 0;
}
.picFolder {
	width: 180px;
	text-align:center;
	/*background-image: url(transbak.png)*/;
	border: 0px solid #000;
	margin: 10px;
	float: left !important;
	padding: 18px 0;
}
.picFolder * {
	display: block;
	/*float: none !important;
	clear: both !important;*/
}
.picFolder img {
	margin: auto;
	margin-bottom: 7px;
	border: 10px solid #fff;
	display: block;
	text-align: center;
}
.picFolder a:hover img {
	border: 10px solid #e3b019;
}
#bildeBak {
	text-align:center;
	background-image: url(flames.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	border: 0px solid #000;
	padding: 10px 0 30px 0;
}
#bildeBak img {
	border: 1px solid #333 !important;
}
.bildeBak2 {
	text-align:center !important;
	background-image: url(flames2.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	border: 0px solid #000;
	padding: 10px 0 30px 0;
	float: none;
	clear: both;
	width: 650px;;
}
.bildeBak2 img {
	border: 1px solid #333 !important;
	display: block;
	float: none;
	margin: auto;
}
.article2 {
	border: 1px solid #706d65;
	padding: 2px 10px;
	width:638px;
	background-image: url(transbak.png);
	margin-bottom: 10px;
	display: table;
	font-size: 0.8em;
}
.article2 .author {
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}
.article2 img {
	/*border: 1px solid #fc0 !important;*/
	float: left;
	margin: 0px 10px 5px 0px;
}
.article2 .tittel {
	font-size: 18px !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	margin: 0 !important;
	border: 0px solid #fc0;
	display: block;
}
.article2 h1 {
	font-size: 18px !important;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	width:950px;
	margin:auto;
	overflow:hidden;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	text-align:left;
	color:#eee;
	background-color:#44413a;
	display:table;
	background-image: url(bakgrunn.jpg);
}
#artContent {
	line-height: 1.6em;
}
#content h1 {
	padding-bottom:12px;
}
#content {
	padding:20px 0px 40px 30px;
	display:table;
	float:left;
	width:660px;
	overflow:hidden;
	color:#eee;
}
#content img {
	border: 1px solid #333;
}
#content_article {
	padding:20px 30px 40px 60px !important;
	display:block;
	float:left;
	width:628px;
	overflow:visible;
	color:#eee;
	border: 0px solid red;
}
#content_article strong {
	color: #fff;
	
	display: block;
	margin-bottom: 15px;
}
#content_article .author {
	margin: 0px 0 0px 0;
	padding: 0;
	text-align: right !important;
	font-size: 11px;
	color: #a8a08e;
}
#content_article h1 {
	margin-top: -6px;
}
.content_folder p {
	margin: 0;
	padding: 0;
}
.bildetekst {
	font-size: 11px;
	color: #a8a08e;
	clear: both;
	float: none;
	font-style: oblique;
}
.author {
	margin: -10px 0 10px 0;
	padding: 0;
	font-size: 11px;
	color: #a8a08e;
}
.spalte, .spalte2 {
	overflow:hidden;
	float:left;
	width:319px;
	/*border: 1px solid red;*/
	height: auto;
	padding:0px;
	margin-bottom:5px;
	color:#ccc;
	
}
.spalte {
	clear:left;
}
.spalte2 {
float:right;
	clear:right;
}
.spalte h2, .spalte2 h2 {
	color:#ccc;
	font-size:16px;
}
.important {
	font-weight:bold;
}
.skille {
	/*border-bottom:1px solid #2e2d28;*/
	background-image: url(skille.png);
	background-repeat:no-repeat;
	background-position:center;
	height:20px;
	float:none;
	clear:both;
	margin:5px 0px;
	padding:0 !important;
}
#header {
	height:149px;
	width:950px;
	margin:auto;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	
	border-bottom:1px solid #000;
}
#footer {
	clear:both;
	float:none;
	height:50px;
	width:950px;
	margin:auto;
	margin-top:-10px;
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	padding-top:103px;
	text-align:center;
	font-weight:bold;
	font-size: small;
}
#mirapub, #mirapub a:link, #mirapub a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: x-small;
	margin-top: 3px;
	padding-bottom: 20px;
	color: #666;
}
#mirapub a:hover {
	text-decoration: underline;
	color: #999;
}
.imgFloatLeft {
	float:left;
	display:block;
	margin:0px 15px 15px 0px;
}
.blackFill {
	background-color:#000;
	margin-bottom:1px;
}
#rightMenu {
	width:226px;
	border: 0px solid red;
	text-align:left;
	margin:auto;
	float:right;
	overflow: hidden;
}
#rightMenu .rightMenuBox {
	padding:10px;
}
#rightMenu  .rightMenuBox h2 {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin:0;
	font-size:14px;
	margin:-10px -10px 4px -10px;
	padding: 4px 0px 2px 15px;
	border-bottom:1px solid #666;
}
#rightMenu  .rightMenuBox p {
	
	margin:0;
}
#rightMenu  .rightMenuBox ul {
	margin:6px 0px;
	margin-left:10px;
	padding-left:10px;
}
#rightMenu  .rightMenuBox li {
	list-style-type: square;
}
#menu {
	margin:0;
	padding:0;
	background-image: url(bak_meny.jpg);
	background-repeat: no-repeat;
	height:25px
	border: 0px solid #f00;
	border-bottom:3px solid #000;
	
	width: 100%;
		/*overflow:auto;*/
}
#menu a:link, #menu a:visited {
	color:#000;
	text-decoration:none;
	border: 0px solid #f00;
}
#menu a:hover {
	color:#FFF;
	text-decoration:underline;
}
#menu .selected {
	background-color:#000;
	color:#FFF;
	/*height:20px;*/
	height:20px;
	margin:0px;
	padding:5px 10px 0px 10px;
	vertical-align:bottom;
	display:inline-table;
}
#menu li {
	margin:5px 0px 0px 0px;
	padding:0px 10px;
	border-right:1px solid #666;
	font-weight:bold;
	font-size:12px;
	color:#000;
	float:left;
	list-style-type: none;
}
#menu #skull {
	background-image:url(skull.gif);
	background-repeat:no-repeat;
	width:20px;
	margin:2px 0px 0px 13px;
	padding:0px;
	height:23px;
	border:none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
img {
	border:0px solid #000;
}
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0;
	padding:0 10px;
	border:1px solid #666;
	background:#000;
}
.cbb h1 {
	margin:0 -10px;
	/*padding:0.3em 10px;*/
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#36332e;
	/*background-image: url(boxbak.png);*/
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}
</style>
<!--[if lt IE 8]>
<style type="text/css">
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(button.gif);}