/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }

fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background:#120403;
	color:#BFBFBF;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
	width:100%;
	min-width:55em;
	max-width:65em;
	margin:0 0 0 3.5em;
}

.inside2{
	width:100%;
	min-width:55em;
	max-width:75em;
	margin:0 0 0 4em;
	float: left;
}


a{
	color:#F00
	}

h1{
	color:#fff;
	font-size:1.75em;
	font-weight:normal;
	margin:0.6em 0;
}

h2, h3{
	font-size:1.15em;
	color:#222;
	font-weight:normal;
}

p{
	line-height:1.6em;
	font:Futura, Arial, Helvetica, sans-serif;
}



/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background:#fff url(../bilder/bgr_header_rot.jpg) repeat-x left top;
	height:80px;
	border-bottom:1px solid #DDD;
}
#header .inside{
	padding:0;
}


/*-----------------------------------------------------------------------------------------------
  Image / Graphic Header
-----------------------------------------------------------------------------------------------*/

#image{
	background:#000;
	height:500px;
	padding:0;
	color:#000;
	text-align: center;
}

#olslogo{
	background-image:url(../bilder/olslogo.png);
	height:500px;
	width:400px;
	float:left;
	
	}
	
	
	#bildetekst{
	background-image:url(../bilder/billedtekst.png);
	height:250px;
	width:550px;
	background-repeat:no-repeat;
	}
	
#flottings{
	float:right;
}
/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	background:#120403 url(../bilder/bgr_page_rot.jpg) repeat-x left top;
	padding:2em 0;
	text-align: justify;
	border-top:1px solid #DDD;
	color: #fff;
}

#primary.onecol-stories .primary{
	float:left;
	width:60%;
}
#primary.onecol-stories .secondary{
	float:right;
	width:20%;
	margin:0 0 0 10%;
}

#primary.twocol-stories .story{
	float:left;
	width:60%;
	/*margin:0 0 0 4%;*/
	padding:10px;
	display:inline;
	/*background: transparent url(../images/bg_trans.png) repeat left top;*/
}
* html #primary.twocol-stories .story{
	margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
	margin:0 0 0 30%;
}
.story a{
	color:#F06;
}
.story a:hover{
	color:#000;
}
.story h3{
	font-size:1.95em;
	margin:0;
	font-weight:normal;
	/*border-bottom:3px solid #F06;*/
	padding:10px 0 20px 0;
	color:#AAA;
}
.story h3 a{
	color:#F06;
	text-decoration:none;
	/*border-bottom:1px dotted #666;*/
}

.story .details{
	margin:5px 0 1.5em 0;
	text-align:left;
	border-bottom:1px solid #F06;
	padding:0 0 10px 0;
	font-size:0.95em;
	color:#666;
}
.story .read-on a{
	display:block;
	text-align:right;
	text-decoration:none;
	margin-bottom:1.5em;
}
.story .details a{
	color:#F06;
	text-decoration:none;
}
.story .details a:hover{ color:#000; }

/* Single Post Styles */

#primary .primary{
	float:left;
	width:37%;
	padding:3.7em 0 0px 0;
}

#primary .primary2{
	float:left;
	width:60%;

}
#primary .forste{
	width:33%;
}
#primary .andre{
	width:33%;
	float:right;
}
#primary .andre2{
	width:33%;
	float:right;
	padding-top:37px;
}

#primary .tredje{
	width:20%;
	float:right;
}
#primary .bildeboks{
	float:right;
	padding:3px;
	margin-top:10px;
	background-color:#FFF;
	
}


#primary .bilder{
	width:25%;
	float:right;
	padding:0 20px;
	background-color:#FFF;
	
}


#primary .primary h1, #primary .secondary h1{
	font-size:1.95em;
	margin:0;
	font-weight:normal;
	/*border-top:3px solid #F06;*/
	padding-top:10px;
	color:#fff;
}
#primary .primary h4, #primary .secondary h4{
	font-size:1em;
	margin:2px 0 0 0;
	font-weight:normal;
	border-bottom:1px solid #555;
	padding-bottom:10px;
	color:#999;
}
#primary .primary a, #primary .secondary, #primary .thirdodary  a{
	color:#C00;
	text-decoration:none;
}
#primary .primary a:hover, #primary .secondary, #primary .thirdodary  a:hover{
	color:#FFF;
}
#primary .secondary{
	width:75%;
	/*background: transparent url(../images/bg_trans.png) repeat left top;*/
	padding:12px;
	padding-top:0.5em;
	margin-left:5px;
}
#primary .thirdodary{
	float:right;
	width:15%;
	/*background: transparent url(../images/bg_trans.png) repeat left top;*/
	padding:0.4em 10px 10px;
	margin-left:25px;
	display:inline;
}

* html #primary .secondary{ margin-right:1%; }

.secondary .featured p{
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin:1em 0 0 0;
}
.secondary .featured dl{
	margin:0 0;
	border-bottom:1px solid #555;
	padding:0.5em 0 0.6em 0;
}



/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	color:#777;
	margin:1em 0 5em 0;
}
#footer .inside{
	/*border-top:1px solid #333;*/
	padding:0.5em 0;
}
#footer p{
	margin:0;
	font-size:0.95em;
}
#footer p.attributes{ 
	float:right;
	padding:0 0 0 1em;
}
#footer p.attributes a{
	text-decoration:none;
	color:#777;
}
#footer p.attributes a:hover{
	color:#FFF;
}
#footer div.foot-notes{
	float:left;
}
#footer a{
	color: #FFF;
	text-decoration:none;
}



/* Legacy Typo CSS */


/*-----------------------------------------------------------------------------------------------
  Utils Items
-----------------------------------------------------------------------------------------------*/

#utils{
	background: transparent url(../images/bgr_trans_night.png) repeat left top;
	color: #CCC;
	position: absolute;
	top: 81px;
	left: 0px;
	width: 100%;
}
#utils .inside p:first-letter {
	font-size: 1.25em;
}
#menu{
	height:30px;
	background:#000;
}
a.nav{
	display:block;
	float:right;
	margin:0;
	padding:10px 10px 9px 10px;
	background:#EEE url(../images/bg_menu.jpg) repeat-x left top;
	border-left: 1px solid #FFF;
	border-right:1px solid #FFF;
	font-size:10px;
	color:#666;
	text-decoration:none;
}
a.nav:hover{
	color:#000;
	background:#F06 url(../images/bg_menu_over_pink.jpg) repeat-x left top;
}

p.flavour{
	border-top:1px solid #333;
	padding: 12px 0 0 0;
}


/*-----------------------------------------------------------------------------------------------
  Image Styles
-----------------------------------------------------------------------------------------------*/

.story img{
	background-color:#000;
	padding:6px;
	margin:10px 10px 10px 0;
}
.primary img, .secondary img{
	background-color:#BBB;
	padding:5px;
	margin:0;
}
.story img:hover, .primary img:hover, .secondary img:hover {
	background-color:#FFF;
}
.ancillary img, .block img {
	background-color:#999;
	padding:4px;
}


/*-----------------------------------------------------------------------------------------------
  Menu Styles
-----------------------------------------------------------------------------------------------*/
ul#navigation{
	border:0;
	padding:0;
	margin:0;
	float:right;
}
ul#navigation li{
	float: left;
	display: inline;	
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
	border:0;
	font-size: 14px;
	font-weight: normal;
}
ul#navigation li a{
	float: left;
	display: block;
	height: 45px;
	margin:5px 0 0 0;
	padding: 25px 22px 0 23px;
	color: #FFF;
	text-decoration: none;
	text-transform: lowercase;
	border-left:1px solid #505050;
}
ul#navigation li a.last{
	border-right:1px solid #505050;
}
ul#navigation li a:hover, ul#navigation li a.selected{
	background:transparent url(../bilder/bgr_menu_rot.jpg) repeat-x left center;
	color: #CCC;
}
#primary .inside .thirdodary .featured {
}
#primary .inside .thirdodary .featured p strong {
}
#primary .inside .thirdodary .featured p {
	color: #699;
}