/*
-----------------------------------------------
Author:   OJR / Agens AS
superblink.no
Version:  09 Mar 2009
----------------------------------------------- */
@import url("mytypography.css");

* {
	margin: 0;
	padding: 0;
    outline: none;
}

body {
	background: #BD1225 url(./../gfx/body_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

img {
	border: 0;
	display: block; /* forhindrer mystisk spacing rundt bilder i IE */
}


/* Grunnstrukturer
----------------------------------------------- */
#container {
	position: relative;
	margin: auto;
	width: 990px;
	height: 1233px;
	top: 34px;
	background-color: #BD1225;
}

#left {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	width: 240px;
}

#right {
	position: absolute;
	top: 0;
	left: 250px;
	width: 740px;
}

/* forms
---------------------------------------------- */
fieldset{
    border: 0;
}
label{
	font-size: 14px;
	font-weight: bold;
	color: #BD1225;
}
input, textarea{
    color: #BD1225;
	background: #FFF;
	border: 1px solid #BD1225;
	font-family:Arial, Helvetica, sans-serif;
	width: 250px;
	font-size: 12px;
}
#CustomPageCommentInterface_Form_CustomPageCommentsCustomPostCommentForm_action_postcomment{
    background: #FFF url(./../gfx/sendkommentar.png);
    border: 0;
    width: 211px;
    height: 23px;
}

/* venstremarg
----------------------------------------------- */
div#menu {
	position: relative;
	top: 0;
	left: 0;
	width: 220px;
	height: 540px;
    background: url(./../gfx/rounded/mainmenu.png) no-repeat;
	color: #000;
	float: left;
	padding: 10px;
}
div#menu-swf {
	position: relative;
	top: 0;
	left: 0;
	width: 220px;
	height: 540px;
}

div#barometer {
	position: relative;
	top: 10px;
	left: 0;
	width: 220px;
	height: 500px;
    background: url(./../gfx/rounded/barometer.png) no-repeat;
	color: #000;
	clear: left;
	padding: 10px;
}
div#barometer-swf {
	position: relative;
	top: 20px;
	left: 0px;
	width: 220px;
	height: 500px;
}

/* Forsiden
----------------------------------------------- */


div#superblinkland {
	position: relative;
	top: 0;
	left: 10px;
	width: 720px;
	height: 540px;
	background: url(./../gfx/rounded/superblinkland.png) no-repeat;
	color: #000;
	float: left;
	padding: 10px;
}

div#superblinkland-swf {
	position: relative;
	top: 0;
	left: 0px;
	width: 720px;
	height: 540px;
}

div#faq {
	position: relative;
	top: 10px;
	left: 0;
	width: 220px;
	height: 185px;
    background: url(./../gfx/rounded/faq.png) no-repeat;
	color: #000;
	clear:left;
	float: left;
	padding: 5px 10px 10px 10px;
}

div#blog {
	position: relative;
	top: 10px;
	left: 10px;
	width: 345px;
	height: 180px;
	background: url(./../gfx/rounded/blogg.png) no-repeat;
	float: left;
	padding: 10px;
}
	#blog h1 {
		position: absolute;
		top: 43px;
		left: 14px;
	}

	#blog p {
		position: absolute;
		top: 68px;
		left: 14px;
		width: 177px;
		height: 62px;
		overflow: hidden;
	}

	#blog #blog-lesmer {
		position: absolute;
		top: 133px;
		left: 16px;
	}

	#blog #blog-blogbilde {
		position: absolute;
		top: 67px;
		left: 201px;
	}

	#blog #blog-lesflereinnlegg {
		position: absolute;
		top: 176px;
		left: 13px;
	}

div#news {
	position: relative;
	top: 10px;
	left: 20px;
	width: 344px;
	height: 484px;
	background: url(./../gfx/rounded/news.png) no-repeat;
	color: #000;
	float: left;
	padding: 10px;
}

	#news .bolk {
		position: relative;
		top: -10px;
		left: -10px;
		padding-bottom: 140px;
	}

	#news h1 {
		position: absolute;
		top: 43px;
		left: 14px;
		width: 344px;
	}

	#news p {
		position: absolute;
		top: 68px;
		left: 14px;
		width: 177px;
		height: 62px;
		overflow: hidden;
	}

	.news-lesmer {
		position: absolute;
		top: 133px;
		left: 16px;
        z-index: 1000;
	}

	.news-bilde {
		position: absolute;
		top: 67px;
		left: 201px;
	}

	#news-lesflerenyheter{
		position: absolute;
		top: 448px;
	}



#competition {
	position: relative;
	top: -284px;
	left: 0;
	width: 615px;
	height: 294px;
	background: url(./../gfx/rounded/competition.png) no-repeat;
	color: #000;
	clear: left;
	float: left;
	padding: 10px;
}

div#competition-swf {
	position: relative;
	top: 0;
	left: 0px;
	width: 596px;
	height: 281px;
}

div#member {
	position: relative;
	top: -294px;
	left: 0;
	width: 220px;
	height: 100px;
	background: url(./../gfx/rounded/member.png) no-repeat;
	color: #000;
	clear: left;
	float: left;
	padding: 10px;
}

div#banner-front {
	position: relative;
	top: -294px;
	left: 10px;
	width: 720px;
	height: 100px;
    background: url(./../gfx/rounded/banner.png) no-repeat;
	color: #000;
	float: left;
	padding: 10px;
}

div#forsidekolofon {
	position: relative;
	top: -290px;
	width: 970px;
	padding: 10px;
	text-align:center;
}
		#forsidekolofon a{
			text-decoration: none;
			color: #FFF;
		}

		#forsidekolofon a:hover{
			text-decoration: underline;
		}

/* listevisning
----------------------------------------------- */
#list {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#list-content {
		position: relative;
		width: 720px;
		padding: 5px 10px 10px 10px;
	}

	.list-object {
		position: relative;
		top: 10px;
		height: 132px;
	}

		.list-object .list-bilde {
			position: relative;
			top: 0;
			left: 0;
			float: left;
		}

		.list-object h1 {
			position: absolute;
			top: 3px;
			left: 214px;
			width: 500px;
			height: 23px;
			overflow: hidden;
		}

		.list-object p {
			position: absolute;
			top: 25px;
			left: 214px;
			height: 43px;
			width: 300px;
			overflow: hidden;
		}

		.list-object .list-lesmer {
			position: absolute;
			top: 83px;
			left: 217px;
		}

		.list-object .list-dashed {
			position: absolute;
			top: 122px;
			left: 0px;
		}

	#navigation {
		margin-top: 15px;
		text-align: center;
		width: 720px;
	}

		#navigation a {
			text-decoration: none;
			color: #333;
		}

		#navigation a:hover {
			text-decoration: underline;
		}

/*artikkel
----------------------------------------------- */
#artikkel {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#artikkel-content {
		position: relative;
		top: 0;
		width: 720px;
		padding: 5px 10px 10px 10px;
	}

		#artikkel-content #bilde {
			position: relative;
			top: 10px;;
			left: 0;
			width: 718px;
			height: 281px;
			background-color: #DDD;
		}

			#bilde #bildet-heading{
				position: absolute;
				top: 5px;
				left: 510px;
			}

			#bilde #line-dashed1{
				position: absolute;
				top: 34px;
				left: 512px;
			}

			#bilde #line-dashed2{
				position: absolute;
				top: 144px;
				left: 512px;
			}

			#bilde #bildetekst{
				position: absolute;
				top: 44px;
				left: 513px;
				width: 190px;
				height: 90px;
				overflow: hidden;
			}

			#bilde #thumbnails{
				position: absolute;
				top: 156px;
				left: 510px;
				width: 218px;
				height: 124px;
				overflow: hidden;
			}

				#thumbnails img{
					float: left;
					margin-right: 9px;
					margin-bottom: 9px;
				}

		#artikkel-content #artikkeltekst {
			position: relative;
			top: 0;
			left: 0;
			width: 718px;
			padding-top: 20px;
		}

			#artikkeltekst h1 {
				margin-bottom: 10px;
			}

			#artikkeltekst  #ingress {
				margin-bottom: 10px;
				width: 550px;
			}

			#artikkeltekst  #brodtekst {
				width: 325px;
				margin-bottom: 10px;
			}

			#artikkeltekst  #forfatterinfo {
				margin-top: 10px;
			}

/*kommentar
----------------------------------------------- */
#kommentar {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	margin-top: 10px;
}

	#kommentar-content {
		position: relative;
		top: 0;
		width: 720px;
		padding: 5px 10px 10px 10px;
	}

	#kommentar-left{
		float: left;
	}
	#kommentar-right{
		float: right;
		padding-right: 60px;
		padding-top: 10px;
		width: 280px;

	}

	.kommentar {
		margin-top: 10px;
	}

		.kommentar p {
			margin-bottom: 5px;
		}

		.comment-text {
			width: 300px;
		}

	.kommentar-form{
		color: #BD1225;
		background: #FFF;
		border: 1px solid #BD1225;
		font-family:Arial, Helvetica, sans-serif;
		width: 250px;
		font-size: 12px;
	}

/*konkurranse
----------------------------------------------- */
#konkurranse {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#konkurranse-content {
		position: relative;
		top: 0;
		width: 720px;
		padding: 5px 10px 10px 10px;
	}

		#konkurranse-content #ingress {
			margin-top: 10px;
		}

		#konkurranse-content #oppgavetekst {
			margin-top: 10px;
		}

		#konkurranse-content #utfyllendetekst {
			margin-top: 10px;
		}

/*konkurranseskjema
----------------------------------------------- */
#konkurranseskjema-swf {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	height: 290px;
	margin-top: 10px;
}

/*faq
----------------------------------------------- */
#faqpage {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#faqpage-content {
		position: relative;
		top: 0;
		width: 720px;
		padding: 5px 10px 10px 10px;
	}

		#faqpage-content #ingress {
			margin-top: 10px;
			width: 500px;
		}

		#faqpage-content h2 {
			margin-top: 10px;
		}

		#faqpage-content #utfyllendetekst {
			margin-top: 10px;
		}

		#faqpage-content ul {
			margin-top: 10px;
			margin-bottom: 15px;
		}

		#faqpage-content li {
			list-style: none;
		}

		#faqpage-content li a {
			line-height: 12px;
		}

		#faqpage-content li a:hover {
			line-height: 12px;
			text-decoration: underline;
		}

		.question-answer{
			margin-top: 15px;
			width: 450px;
		}

/*mermoro
----------------------------------------------- */
#mermoro {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	margin-top: 10px;
}

	#mermoro-content {
		position: relative;
		top: 0;
		width: 720px;
		padding: 5px 10px 20px 10px;
	}

		#spalte1 {
			margin-top: 15px;
			float: left;
			width: 210px;
			line-height: 14px;
		}

		#spalte2 {
			margin-top: 15px;
			margin-left: 36px;
			float: left;
			width: 210px;
			line-height: 14px;
		}

		#spalte3 {
			margin-top: 15px;
			margin-left: 36px;
			float: left;
			width: 210px;
			line-height: 14px;
		}

		#mermoro-content li {
			margin-top: 10px;
			list-style: none;
		}

		#mermoro-content li a:hover {
			text-decoration: underline;
		}

/*bli medlem
----------------------------------------------- */
#blimedlem {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#blimedlem-content {
		position: relative;
		top: 0;
		width: 450px;
		padding: 5px 10px 10px 10px;
	}

		#blimedlem-content #text {
			margin-top: 10px;
		}


/*bli medlem skjema
----------------------------------------------- */
#blimedlem-swf {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	height: 140px;
	margin-top: 10px;
}

/*kontakt oss
----------------------------------------------- */
#kontaktoss {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#kontaktoss-content {
		position: relative;
		top: 0;
		width: 450px;
		padding: 5px 10px 10px 10px;
	}

		#kontaktoss-content #text {
			margin-top: 10px;
		}


/*kontakt oss skjema
----------------------------------------------- */
#kontaktoss-swf {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	height: 350px;
	margin-top: 10px;
}

/*bestilling
----------------------------------------------- */
#bestilling {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
}

	#bestilling-content {
		position: relative;
		top: 0;
		width: 450px;
		padding: 5px 10px 10px 10px;
	}

		#bestilling-content #text {
			margin-top: 10px;
		}


/*bestilling skjema
----------------------------------------------- */
#bestilling-swf {
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
	width: 740px;
	height: 780px;
	margin-top: 10px;
}

/* Annet generelt
----------------------------------------------- */

	#right #banner{
		position: relative;
		top: 10px;
		width: 720px;
		height: 100px;
		background: url(./../gfx/rounded/banner.png) no-repeat;
		padding: 10px;
	}

	#fake{ /* setter inn tom div etter tre floater for å få container til å "henge med" i høyden */
		clear: both;
	}

	#kolofon {
		width: 740px;
		text-align: center;
		margin-top: 10px;
	}
		#kolofon a{
			text-decoration: none;
			color: #FFF;
		}

		#kolofon a:hover{
			text-decoration: underline;
		}