/* 137FAA mørkeblå */
/* C5E5F1 lyseblå */
/* EE9C4C orange */

/*Resetting common unconsistent default settings */	
    * {
        margin: 0; padding: 0;
        font-size: 1em;
    }
	a:link, a:visited {
		color: blue;
	}

    body {
        font-family: verdana;
		font-size: 12px;
    }
    
    ul, ol, li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
	
	a img {
		border: none;
	}
	
	
	body, html {
		
		background: white url(../img/bg_stripes.jpg);
		color: black;
	}

	
	fieldset {
		border: 0;
	}
	
	#main_search {
		position: absolute;
		top: 68px;
		right: 0;
		padding: 10px;
	}
	
	#main_search input {
		margin-right: .5em;
	}
	
	/* LAYOUT */
	
	/* Main */
	#container {
		width: 1000px;
		margin: -1px auto 1em;
		background: white;
		border: 1px solid #137FAA;
	}
	
	#header {
		position: relative;
		border-bottom: 1px solid black;
		height: 129px;
		background: url(../img/header.jpg) no-repeat top left;
	}
	
	#ad_banner {
		padding: 0 140px;
		height: 43px;
		background: #C5E5F1;
	}
		
	#body {
		width: 1000px;
		background: white url(../img/faux.jpg) repeat-y;
	}
	#greytxt {
		color: #666666;
		margin: 20px;
	}
	#content {
		position: relative;
		width: 586px;
		padding: 6px 12px 0;
		margin-top: 20px;
		border-width: 0 1px;
		float: left;
		margin-left: 175px;
		/**/display: inline;
		overflow: visible;
		
	}
	
	#ad_skraper1 {
		float: left;
		width: 165px;
		margin-left: -785px;
		text-align: left;
		padding: 5px;
		position: relative;
	}
	
	#ad_skraper2 {
		float: left;
		width: 205px;
		text-align: left;
		padding: 5px;
		position: relative;
	}
	
	h2.advertisement-notice {
		position: absolute;
		margin: 0; padding: 0;
		margin-left: .2em;
		font-size: .875em;
	}
	
	#ad_skraper1 .advertisement-notice, #ad_skraper2 .advertisement-notice {
		left: .5em;
		margin-left: 0;
	}
	
	h2.advertisement-notice a {
		color: #555;
	}
	
	#ad_skraper2 .summary { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
	#ad_skraper2 .summary li { margin-left: 1.2em; margin-bottom: .3em; list-style: none;}
	
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
	
	/* Ekstralayout */
		#header h1 a {
			position: absolute;
			
			text-indent: -999px;
			height: 110px;
			width: 600px;
		}
		#header ul {
			position: absolute;
			top: .5em;
			right: 1em;
			font-size: 10px;
			color: #666;
			letter-spacing: -.125em;
		}
		
		#header li {
			display: inline;
			padding-left: .6em;
		}
		
		#steps_123 {
			position: relative;
			top: -20px;
			margin-bottom: -20px;
			margin-left: -5px;
			margin-right: -5px;
		}
		
		#ad_banner li {
			float: left;
			height: 43px;
			width: 144px;
			margin-top: 6px;
			margin-bottom: -6px;
		}
		
		#ad_banner em {
			display: block;
			font-style: normal;
			font-weight: bold;
		}
		
		#ad_banner a {
			color: black;
		}
		
		#ad_banner li {
			font-size: 11px;
		}
		
		#ad_preview {
			width: 160px;
			border: 1px solid black;
			background: #eef;
			padding: 5px;
		}
		
		#body .ads {
			margin: -5px -5px 0;
			padding: 5px;
			/*background: #eef;*/
		}
		
		#body .external_ads {
			text-align: center;
			margin: 1em 0;
		}
		
		.ads li {
			margin: 1.5em 0;
		}
		
		.ads a, #ad_preview a {
			display: block;
			color: black;
			font-size: .83em;
		}
		
		.ads em, #ad_preview em {
			display: block;
			font-weight: bold;
			font-style: normal;
			font-size: 1.2em;
		}
		
		
		#content ol {
			margin-bottom: 1.4em;
		}
	/* END LAYOUT */
	
	#content .search {
		width: 100%;
		border: 1px solid #999;
		background: #eee;
		border-width: 1px 0;
		
		float: left; clear: both;
	}
	
	#content .search p { color: #666; margin: 0; }
	#content .search em { font-weight: bold; font-style: normal;}
	#content .search a {color: #666;}
	#content .search div {  padding: 1em 2.5em .2em 2.5em;}
	#content .search h2 { display: none; float: left; margin-right: .4em; margin-top: .2em; }
	#content .search div input { width: 89%; font-size: 1.4em; }
	#content .search div input.button { width: 9%; }
	
	.categoriesCols {
		padding: 20px 40px 0;
		
		float: left; clear: both;
		padding-bottom: 20px;
		position: relative;
		width: 100%;
	}
	
	.categoriesCols li {
		width: 48%;
		float: left;
		margin-left: 1px;
		position: relative;
	}
	
	.categoriesCols li.last-child {
		clear: both;
	}
	
	.categories {
		padding: 0 10px;
	}
	
	.categories li {
		display: block;
		float: none;
		margin: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.categories img {
		float: left;

		margin-right: 5px;
	}
	
	.categories a {
		color: black;
		font-size: 15px;
	}
	
	.categories a:hover {
		text-decoration: underline;
	}

	#footer { /* (utside) */
		text-align: center;
		position: relative;
		width: 98%;
		height: 10em;
		font-size: 11px;
	}
	
	#extra {
		clear: both;
	}
	
	#foottest {
		clear: both;
	}
	
	.hr {
		margin-top: 1em;
		display: block;
		clear: both;
		border-bottom: 1px solid #bbb;
	}
	
	.hr hr {
		display: none;
	}
	
	/* ny shop-liste */
	ol.shops {
		line-height: 1.8em;
		padding: 0 4em;
	}
	
	ol.shops li {
		border-bottom: 1px solid #bbb;
		height: 4em;
		clear: both;
		margin-bottom: .5em;
	}
	
	ol.shops li.bet {
		background: #def;
		padding: .5em;
	}
	
	.shops dl {
		
	}
	
	.shops dt {
		font-size: 1.5em;
		line-height: .90em;
		text-align: left;
		float: left;
		overflow: visible;
		width: 49%;
	}
	
	.shops dd {
		float: left;
		width: 49%;
	}
	
	.shops dd.comment, .shops dd.rating {
		text-align: right;
	}
	
	.shops a {
		color: black
	}
	
	.shops a:hover {
		text-decoration: underline;
	}
	
	.shops .rating {
	
	}
	
	.shops .link {
	
	}
	
	.shops .comment {
	
	}
	
	.shops ul {
		
	}
	
	.shops ul li {
		display: inline;
		margin: 0; border: 0;
	}
	
	.shops ul a {
		padding: 0 .5em;
	}
	
	.shops ul li+li {
		border-left: 1px solid black;
	}
	
	
	/* Div innhold */
	table.shops {
		width: 100%;
	}
	
	table.shops tbody {
		line-height: 1.8em;
	}
	
	table.shops img {
		display: block;
	}
	
	table.shops .bet {
		background: #C5E5F1;
	}
	
	table.shops a {
		color: black;
	}
	
	table.shops th {
		border-bottom: 2px solid #48A5C8;
	}
	
	table.shops td {
		border-bottom: 1px solid #48A5C8;
	}
	
	table.shops .title {
		width: 100%;
		text-indent: .5em;
	}
	
	table.shops .rating {
		
	}
	
	table.shops .comment {
		white-space: nowrap;
		padding-left: .3em;
	}
	
	
	.articles {
		font-size: 1.2em;
		padding: 0 .5em .5em;
		margin-top: -15px;
	}
	
	.articles li {
		width: 46%;
		padding: 1%;
		float: left;
		margin-bottom: 10px;
	}
	
	#content .articles p {
		line-height: 1.4em;
		font-size: .9em;
	}
	
	#content h1 {
		font-size: 20px;
		margin-left: .1em;
		margin-bottom: .6em;
		border-bottom: 1px solid #bbb;
	}
	
	#content h2 {
		margin: .8em 0 .2em;
	}

	#content h3 {
		margin: .8em 0 .2em;
	}
	
	#content q {
		font-style: italic;
		font-weight: bold;
	}
	
	#content q:before,#content q:after {
		content: '';
	}
	h2 {
		font-size: 16px;
	}
	
	table tbody th, table tfoot th {
		text-align: right;
		padding-right: 5px;
	}
	
	table ul li {
		display: inline;
		padding-right: 1em;
	}
	
	.pageNav {
		float: left;
		clear: both;
		margin-bottom: 1em;
		/*border-bottom: 1px solid black;*/
		text-align: right;
	}
	
	.pageNav li {
		display: inline;
		padding: 0 .5em;
	}
	
	.charIndex { clear: both; width: 100%; text-align: center; margin: 1em 0;}
	.charIndex li { display: inline; font-weight: bold;}
	.charIndex li a { padding: 0 .4em; font-weight: normal;}
	
	.shopNav {
		margin: 1em 0;
		text-align: center;
		font-size: 125%;
	}
	
	.shopNav li {
		display: inline;
		padding: 0 .5em;
	}
	
	#content p {
		line-height: 1.6em;
	}
	
	p {
		margin-bottom: 1em;
	}
	
	p.description {
		padding: 0 1em;
		width: 95%;
		border: 1px solid #999;
		background: #eee;
		border-width: 1px 0;
	}
	
	p.note {
		font-size: .95em;
	}
	
	#content p.intro {
		font-weight: bold;
	}
	
	p.discrete-warning {
		font-size: 1.1em;
		padding: .5em;
		color: #666;
		text-align: justify;
	}
	
	p.warning {
	
	}
	
	#content form div {
		clear: both;
		margin-bottom: .5em;
	}
	
	form input.checkbox {
		
	}
	
	label.checkbox {
		float: none;
		display: inline;
	}
	
	form label {
		float: left;
		width: 10em;
		padding-right: .5em;
		text-align: right;
	}
	
	#content form p.error {
		color: #b00;
		margin-bottom: .3em;
	}
	
	.error label {
		font-weight: bold;
	}
	
	#searchresults {
		font-size: 1.2em;
		margin-bottom: 2em;
	}
	#searchresults li {
		margin-bottom: .3em;
		padding-bottom: .3em;
		border-bottom: 1px dashed #bbb;
		font-style: italic;
	}
	
	#searchresults a {
		font-weight: bold;
		font-style: normal;
	}
	
	
	form#email_friend {
		margin-top: 1em;
		/*border: 1px solid #bbb;*/
		padding: .5em;
		
		top: 3em; 
		right: 8px;
		background: white;
	}
	
	#email_friend legend {
		font-weight: bold;
	}
	
	#email_friend label {
		float: none;
		clear: both;
		padding-left: 1em;
		text-align: left;
	}

	
	ol.comments {
	
	}
	
	.comments h3 {

	}
	
	.comments li {
		margin-bottom: 1em;
		border-bottom: 1px dashed #bbb;
	}
	
	.comments .rec {
		
	}
	
	.comments .comment {
		display: block;
		
		width: 350px;
		float: left;
		clear: none;
	}
	
	#content .comments p {
		clear: both;
		line-height: 1.2em;
		font-size: .9em;
	}
	
	.comments .grades {
		float: right;
	}
	
	.summary {
		color: #666;
		font-size: .9em;
	}
	
	.summary .date {
		color: #333;
	}
	
	#flashMessage {
		font-size: 1.2em;
		font-weight: bold;
		padding: 0 .5em 1em;
	}
	
	
	
	/* Assistive pagenavigation */
	#assistive-nav {
		font-size: .9em;
	}
	
	#assistive-nav {
		text-align: left;
		margin: .5em .5em 1.5em;
	}
	
	#assistive-nav li {
		margin-bottom: .4em;
	}
	
	#assistive-nav a {
		color: blue;
	}
	
	#assistive-nav a:hover {
		text-decoration: underline;
	}
	
	h2 .date {
		font-size: .75em;
		color: #999;
	}
	.radiocontainer {
		display: inline;
	}
	.radiocontainer label {
		float: none;
		display: inline;
		padding-right: .5em;
	}
	
	#content fieldset {
		border: 1px solid #999;
		margin: .5em;
		padding: .5em;
	}
	
	#content fieldset legend {
		padding: 0 .4em;
	}
	
	#content fieldset p {
		color: #333;
		line-height: 1.4em;
	}
	
	
	/* Attention-classes */
	.important {
		font-size: 1.4em;
		border: 1px solid #cce;
		padding: 0.5em;
	}
	
	#content .semi-important {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	.super-important {
	
	}
	
	.attention {
		font-size: 1.4em;
		font-weight: bold;
		padding: .2em .4em;
	}
	#list li{
		list-style: circle;
		padding: 2px;
	}
	#list ul {
		padding: 10px;
	}