/* -------------------------------------------
	LAYOUT
-------------------------------------------- */
* { margin: 0; padding: 0; border: 0; outline: 0;
	font-family: arial, helvetica, helve, verdana, geneva; }
body {
	font-size: 75%; color: #366; line-height: 1.5;
	background: #b4d6d2 url(gfx/bg_ramme.gif) repeat-y 50% 0 !important;
	text-align: center }

html, body { height: 100% }
#ramme, #innholdsramme {
	height: auto !important;
	height: 100%;
	min-height: 100% }
#ramme {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left }

#header {
	position: absolute; top: 15px; left: 30px; /* left: 20px; */
	height: 110px; width: 512px;
	background: url(gfx/bg_header.gif) no-repeat top right !important }
#header img { position: relative; top: 34px }

#innholdsramme {
	background: url(gfx/bg_innholdsramme.gif) bottom right no-repeat }
#innholdsramme .inhinner { padding: 15px }

#innhold, #kol1 { overflow: hidden }
#innhold { width: 528px; float: left; padding: 146px 0 0 0 }
#kol1 { width: 320px; float: right; line-height: 1.3em }

#end, .clear, .sisteinnlegg { clear: both }

p.kred { text-align: right; padding: 70px 70px 0 0; margin: 0; font-size: .9em }

.adsense {
	clear: left;
	width: 468px; margin: 0 0 0 3px;
	/*
background: #fff;
	border: 1px dotted #ddd;
*/
	padding: 26px }

.adsense.topadd { width: 728px }

	body#forum .adsense { margin: 0 auto }
	
	body#blogg .adsense { padding: 20px 70px; margin: 0 0 0 30px; width: 470px }
	body#blogg .adsense.blogadd {
		float: right; clear: none; margin: 0 0 1.5em 1.5em; padding: 0; width: 125px; border: 0 }
	
.adsensebloggmarg {
	position: absolute; top: 20px; left: 720px;
	width: 180px; height: 130px }
	
/* -------------------------------------------
	NAVIGASJON
-------------------------------------------- */

#nav {
	position: absolute; top: 128px; left: 20px;
	width: 524px; height: 20px;
	overflow: hidden }

#nav ul, #nav li, ul.minnav, ul.minnav li { list-style-type: none }
#nav li ul { position: absolute; top: -999em }
#nav li, ul.minnav li { display: inline; float: left }

#nav li { padding: 0 3px 0 0 }

#nav a, #nav span { background: url(gfx/nav-ny.gif) no-repeat }
#nav a {
	float: left; position: relative;
	background: url(gfx/nav-ny.gif) no-repeat;
	padding: 0 0 0 10px }
#nav a span {
	float: left;
	display: block;
	padding: 0 10px 0 0;
	height: 20px; line-height: 20px;
	cursor: pointer;
	color: #399;
	background-position: top right }
#nav a:hover, #nav li.aktiv a {	background-position: bottom left }
#nav a:hover span, #nav li.aktiv a span {
	background-position: right bottom; color: #fff  }
	
#nav li.aktiv a span { font-weight: bold }

ul#menu em a, ul#menu strong { font-style: normal; font-weight: normal }

ul.minnav { margin: 0 0 10px 15px; padding: 10px 0 0 0; height: 24px; border-bottom: 2px solid #d8dfe5; width: 494px }
ul.minnav a { float: left; padding: 0 2px 0 0 }
ul.minnav a span {
	float: left;
	display: block;
	padding: 0 5px; font-weight: normal;
	height: 24px; line-height: 24px;
	cursor: pointer;
	background: #e6f2ee; color: #596e7a }
ul.minnav a:hover span, ul.minnav li.aktiv a span { background: #d8dfe5; color: #333 }
ul.minnav li.aktiv a span { font-weight: bold }

/* -------------------------------------------
	TYPOGRAFI
-------------------------------------------- */


span.visitdate { font-size: 0.9em }

h1, h2, h3, h4, h5, h6 {
	font-size: 1.2em; /* font-weight: normal; text-transform: uppercase; */
	color: #366; /*
border: 1px solid #c1dfdc;
	background: #e6f2ee;
*/
	padding: 0 10px }



#innhold h3 { background: #fff; border: none; text-transform: none; padding: 0; font-size: 1.1em; color: #333; font-weight: bold }

/* Marger og padding */
h1 { margin: 0 0 0.5em 0 }
h2,h3,h4,h5,h6,blockquote,p,hr, object, table, address { margin: 0 0 1em 0 }
#innhold .artikkel ul, #innhold .artikkel ol { margin: 0 0 1.2em 30px }
#kol1 ul, #kol1 ol, #innhold .lastreg ol, #innhold ol.visits, .lastreg p { list-style-type: none; margin: 0 }
#kol1 ul, #kol1 ol, #kol1 p, #kol1 h1 { margin: 0 0 0.5em 0 }

/* Lenker, akronymer og forkortelser */

a { color: #c36; text-decoration: none }
a:hover { color: #000 }

p.skip, #header h1, #header p, #header .x1, #header .x2, .sep { display: none }

input, textarea, select { border: 1px solid #ddd; padding: 3px; font-size: 1em }
input.check { border: 0; padding: 0 }

td { vertical-align: top }

img.right { float: right; margin: 0 0 1.5em 1.5em }
img.left { float: left; margin: 0 1.5em 1.5em 0 }

/* -------------------------------------------
	NYHETER
-------------------------------------------- */

#nyheter { clear: left; width: 100% }
.art h1, .art h2, .art h3, .art h4, #nyheter p { margin: 0; padding: 0 }
#nyheter p.bilde { margin: 0 0 5px 0 }
#nyheter strong { font-weight: normal }

.art { line-height: 1.3em, padding: 5px 10px }
.art h2,.art h3, .art h4 { font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; text-transform: none; border: 0; background: none }
p.dato { margin: 0; padding: 3px 0; color: #999 }

.art.nyhet1 { padding: 5px; background: #fff; color: #000 }
.art.nyhet1 h1 { font-size: 1.4em; font-weight: normal; padding: 3px; text-transform: none }
.art.nyhet1 p.bilde { margin: 0 -10px; text-align: center }

.nyhetsrad { float: left; width: 100%; border-top: 2px solid #c1dfdc; padding: 5px 0 0 0 }
.nyhetsrad .art { float: left; width: 235px; padding: 5px }
.nyhetsrad .art img { float: right }

#innhold #nyheter ul { margin: 0 0 5px 0; list-style-type: none }

p.news_arkiv { margin: 0 0 10px 0; padding: 0 15px; height: 20px; line-height: 20px; background: #f6f8f9 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none }
p.news_arkiv a.aktiv:hover { color: #000 }

/* -------------------------------------------
	KOMP
-------------------------------------------- */

.artikkel, .komp { background: transparent !important; color: #333 !important; font-weight: normal !important }
blink { display: none }



.komp .rad { float: left; width: 528px }
#kol1 .rad { width: 320px; background: url(gfx/bg_rad.gif) repeat-y }
#kol1 .rad.to { background: url(gfx/bg_rad_to.gif) repeat-y }

.radtopp, .radbunn { height: 5px; overflow: hidden; clear: both }
#kol1 .radtopp { background: url(gfx/radtopp.gif) }
#kol1 .rad.to .radtopp { background: url(gfx/radtopp_to.gif) }
#kol1 .radbunn { background: url(gfx/radbunn.gif); width: 320px; clear: left }
#kol1 .rad.to .radbunn { background: url(gfx/radbunn_to.gif) }
#kol1 .rad .komp { width: 308px; padding: 9px 4px 0px 4px }
#kol1 .rad.to .komp { width: 148px; float: left; position: relative; padding: 9px 8px 0px 4px }
#kol1 .komp .inner { padding: 2px 5px 2px 12px }

#innhold .rad { background: url(gfx/bg_art.gif) }
#innhold .radtopp { background: url(gfx/arttopp.gif) }
#innhold .radbunn { background: url(gfx/artbunn.gif); width: 528px; clear: left }
#innhold .artikkel, #innhold .plassering { padding: 10px 5px }
#innhold .inner, #innhold #respons { padding: 0 10px }

ul.profilelist li a, .lastreg a span {
	display: block;
	padding: 0 0 0 16px; height: 17px; line-height: 17px;
	background-image: url(gfx/ikoner/sex.gif);
	background-position: 0 2px;
	background-repeat: no-repeat }
ul.profilelist li a.male, .lastreg a.male span { background-position: 0 -26px }

.lastreg p { text-align: right }

.komp.forum li, .sisteblg li { padding: 0 0 0 16px;
	background: url(gfx/ikoner/forum.gif) 0 2px no-repeat }

.komp.ukens img { float: right; margin: 0 0 0 5px }
.komp.ukens strong { display: block; font-size: 1.3em; font-weight: normal; color: #c36 }
.komp.ukens a:hover strong { color: #000 }
.komp.ukens a:active strong { color: #e0002f }
.komp.ukens a:visited strong { color: #f69 }
.komp.ukens a { display: block; color: #666 }

input#profil_brukernavn, input#profil_passord { width: 120px } 

#kol1 .komp.finnvenn .inner { padding: 2px 12px }

.komp.finnvenn label, .komp.finnvenn a { display: block; width: 284px; float: left; height: 20px; line-height: 20px; padding: 0 0 4px 0 }
.komp.finnvenn legend { display: none }
.komp.finnvenn span { display: block; cursor: pointer; float: left; width: 7em }
.komp.finnvenn select { width: 65px }
.komp.finnvenn .input { width: 144px }
.komp.finnvenn select, .komp.finnvenn .input { border: 1px solid #b5d6d2; padding: 0 }
.komp.finnvenn p { margin: 0; padding: 0 0 0 7em }
.komp.finnvenn a.button {
	text-transform: uppercase;
	background-image: url(gfx/soek.gif);
	background-color: #fff;
	color: #c36;
	width: 30px; height: 17px; padding: 5px;
	line-height: 17px; text-align: center;
	overflow: hidden }
.komp.finnvenn a.button:hover { background-color: #b5d6d2; color: #fff  }
.komp.finnvenn a.avansert { width: 115px; height: 27px; line-height: 27px; text-align: right  }

span.gbook, span.mail { padding: 0 0 0 15px }
/* Profilnavn */

a.profilnavn span.kingsize { padding: 0 17px 0 0 }
a.profilnavn span.camera { padding: 0 17px 0 0 }
a.profilnavn span.alder{ 
	margin: 0 0 0 2px;
	font-size: 0.8em;
}

a.profilnavn span.kingsize { background: url(gfx/ikoner/kingsize.gif) no-repeat right center }
a.profilnavn span.camera { background: url(gfx/ikoner/camera.gif) no-repeat right center }

/* Slutt profilnavn */
span.gbook { background: url(gfx/ikoner/gbook.gif) no-repeat 0 50% }
span.mail { background: url(gfx/ikoner/mail.gif) no-repeat 0 50% }

.personinfo { float: left; width: 330px; padding: 0 0 10px 0 }
strong.title { color: #699; font-weight: normal }
span.brukernavn { text-transform: uppercase }

#innhold ul.barometer, ul.barometer li { width: 330px; float: left; margin: 0; list-style-type: none }
ul.barometer li { height: 17px; line-height: 17px }
ul.barometer li span { height: 17px; line-height: 17px; display: block; float: left; position: relative }
ul.barometer li span.left, ul.barometer li span.right { width: 95px }
ul.barometer li span.grad {
	width: 123px;
	background-image: url(gfx/barometer.gif);
	background-repeat: no-repeat }
span.grad.to { background-position: 0 -17px }
span.grad.tre { background-position: 0 -34px }
span.grad.fire { background-position: 0 -51px }
span.grad.fem { background-position: 0 -68px }

ul.barometer li span.grad em { visibility: hidden  }

.bildekol { float: right; width: 150px }
ol.visits { width: 150px }
ol.visits li { float: left; width: 150px; height: 23px; line-height: 23px }
ol.visits li img { vertical-align: middle; float: left }
ol.visits li a {
	display: block;
	height: 19px; line-height: 19px }
ol.visits li a:hover { background: #eef7f4 }
ol.visits a span.visitor { float: left; padding: 0 5px; width: 50px; overflow: hidden }
ol.visits a span.visitdate { float: right; color: #699 }

#innhold .artikkel.lastreg ol { width: 528px; height: 180px; overflow: hidden }
.lastreg li { float: left; width: 101px; height: 90px; position: relative }
.lastreg li a { display: block; width: 95px }
.lastreg li a:hover { background: #eef7f4 }
.lastreg a span { height: 20px; line-height: 17px }

/* Rediger profil */

#respons table { width: 100% }

#respons td { padding: 5px; vertical-align: top; }
#respons th { padding: 10px; background: #399; color: #fff }
#respons label { display: block; padding: 5px 0; font-weight: bold; text-align: right }
#respons input, #respons textarea, #respons select { border: 1px solid #ddd; width: 250px }
#respons label.check { display: inline; padding: 0 5px 0 3px }
#respons input.check { border: 0; padding: 0; width: auto }
#respons textarea { height: 100px }
#respons select.datofelt_dag, #respons select.datofelt_mnd, #respons select.datofelt_aar { width: 4em }

/* Send melding */

.inner.skjema input, .inner.skjema textarea { width: 370px }
 
/* Fritekstsøk */

.fritekstsoek label { display: block; font-size: 1.1em; font-weight: bold; padding: 0 0 5px 0 }
.fritekstsoek input {
	font-size: 1.3em; font-weight: bold;
	padding: 0 7px;
	height: 30px; line-height: 30px; width: 353px; border: 0;
	background: url(gfx/fritekst-input.gif) no-repeat }
.fritekstsoek p.knapp { width: 120px; float: right; margin: -49px 0 0 0 }
.fritekstsoek p.knapp a { display: block; height: 43px; line-height: 43px; padding: 0 0 0 52px;
	background: url(gfx/fritekst-sok.gif) no-repeat }
	
/* Søkeskjema v2 */	
.avansertprofilsoek label { width: 150px; display: block;  float: left; font-weight: bold; padding: 0 0 0 0 }
.avansertprofilsoek input, .avansertprofilsoek select {
	font-weight: bold;
	padding: 0 2px;
	height: 16px; line-height: 18px; width: 200px; border: 1; }
.avansertprofilsoek .check { width: auto;  }
.avansertprofilsoek p.knapp { clear: both; width: 120px; float: right; margin: -49px 0 0 0 }
.avansertprofilsoek p.knapp a {
	display: block; height: 43px; line-height: 43px; padding: 0 0 0 52px;
	background: url(gfx/fritekst-sok.gif) no-repeat }
 
.avansertprofilsoek input#alder_til, .avansertprofilsoek input#alder_fra { width: 92px }
.avansertprofilsoek p { margin: 0 0 0.5em }

/* Søkeres v2 */ 

.sokeres table { width: 98%}
.sokeres .bilde { width: 95px; }
.sokeres_t tr.skille td { height: 5px; }
.sokeres_t tr.skille td hr { height: 5px; border-bottom: 1px dashed #ccc; }

/* Online akkurat nå */

.artikkel.onlinena { width: 517px; overflow: hidden }
#innhold ol.profilliste { margin: 0; list-style: none; width: 504px }
.profilliste li {
	float: left; width: 79px; height: 76px; margin: 0 5px 5px 0;
	overflow: hidden; position: relative;
	font-size: .9em }
.profilliste a { display: block; background: #333; height: 60px; overflow: hidden }
.profilliste a span.brukernavn {
	position: absolute; top: 60px; left: 0; height: 16px; line-height: 16px; width: 59px;
	background: #fff; color: #666; text-transform: none;
	padding: 0 5px }
.profilliste a:hover span.brukernavn {
	background: #000; color: #fff }

.profilliste span.brukernavn { border-left: 10px solid #36c }
.profilliste a.kvinne span.brukernavn { border-color: #c36 }
	
.sm_clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }
.sm_clearfix { display: inline-block }
* html .sm_clearfix { height: 1% }
.sm_clearfix { display: block }