﻿/**
 * Stylesheet for Synlighet.no - Synlighet.no tilbyr kostnadseffektiv markedsføring på Internett gjennom søkemotoroptimalisering
 *
 * @ synlighet.css
 *
 * @ Hogne Hundvebakke
 * @ 11.08.2008
 *
 * Denne filen er testet med Internet Explorer 6 & 7, Firefox, Opera og Safari, so don't mess it up!
 *
 **/


/**
 * Hovedstiler
 **/
 
body 
{
	width:100%;
	margin:0;
	padding:0;
	background-image:url(bilder/topplinje.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img
{
	border-style:none;
	border:0;
}

img.float
{
	float:left;
	margin-right:13px;
}

a
{
	color:#c9171b;
	text-decoration:none;
}

p, h3
{
	margin-top:0px;
	margin-bottom:12px;
	font-size:12px;
}

#hoved .hoyre p, #hoved .hoyre h3
{
	line-height:18px;
}

h3
{
	font-weight:bold;
}

#hoved .overskrift1, h1
{
	font-size:24px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:1px solid #8f8f8f;
}


#hoved .overskrift2, h2
{
	font-size:18px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:1px solid #8f8f8f;
}

.overskrift2 {
	width:100%;
}

.overskrift2liste
{
	font-size:18px;
	margin:0px;
	margin-bottom:10px;
	font-weight:bold;
}

.underskrift
{
	color:#5b5b5b;
	font-style:italic;
}

.ingress
{
	font-size:12px;
}

.feil
{
	color:#990000;
}

/**
 * Meny
 **/
 
#hoved .menyoverskrift
{
	margin:0px;
	margin-top:20px;
	margin-bottom:6px;
	font-weight:bold;
	padding-bottom:5px;
	font-size:12px;
	border-bottom:1px solid #8f8f8f;
	line-height:18px;
}

#forside #hoved .menyoverskrift
{
	margin-top:0px;
}

#hoved .meny p
{
	padding-top:2px;
	padding-bottom:7px;
	border-bottom:1px solid #e3e3e3;
	margin-bottom:3px;
}

#hoved .undersidemeny p
{
	padding-left:14px
}

#hoved .undersidemeny p.aktivt_underpunkt 
{
	background-image:url(bilder/aktivt_menypunkt.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#hoved .undersidemeny p.aktivt_underpunkt a
{
	color:#333333;
}

#hoved .meny p.siste
{
	padding-bottom:0px;
	border-style:none;
	margin-bottom:0px;
}

#hoved .meny p a
{
	font-weight:bold;
}

#emner, #kunder
{
	padding-top:4px;
}

#synlighet
{
	width:206px;
	line-height:18px;
}

#undersidemeny
{
	margin-top:-8px;
	margin-bottom:40px;
}

/**
 * Liste
 **/
 
.listepunkt
{
	clear:both;
	padding-bottom:10px;
	border-top:1px solid #E3E3E3;
	padding-top:10px;
}

.listepunkt img
{
	margin-right:10px;
	float:left;
}

.listepunkt .innhold
{
	clear:both;
}

#storcase1.listepunkt
{
	border-top:none;
	border-top-width:0px;
}

/**
 * Layout
 **/
 
#innhold /* Wrapper for innholdet på siden */
{
	margin:0px auto 0px auto;
	padding:0px;
	width:904px;
	text-align:left;
}

/**
 * Venstre og høyresiden
 **/
 
.venstre
{
	width:206px;
	float:left;
}

.venstre p, .venstre h3, #synlighet p, #synlighet h3 { 
	color: #626262;
}

.venstre p, #synlighet p { 
	font-size: 11px;
}

.hoyre
{
	width:678px;
	float:right;
}

.midtspalte { width:405px; }

/**
 * Topplinjen øverst på siden
 **/

#topplinje
{
	height:35px;
}

#topplinje a, #topplinje
{
	color:#f0f0f3;
	text-decoration:none;
}

#topplinje .venstre 
{
	background-color:#c9171b;
	height:100%;
}

#topplinje .hoyre
{
	margin-top:9px;
	text-align:right;
}

#topplinje #sitemap
{
	padding-right:15px;
}

/**
 * Topp Felt med plass til logo og og litt tekst
 **/

#topp
{
	height:80px;
}

#topp .hoyre
{
	font-family:"Arial Narrow",Helvetica Narrow,Helvetica,Arial,sans-serif;
	color:#1d2046;
	font-size:24px;
	margin-top:11px;
}

/**
 * Toppmeny - menyen på toppen av siden
 **/

#toppmeny
{
	clear:both;
}
 
#toppmeny .venstre, #toppmeny .hoyre
{
	height:19px;
	margin-top:0px;
}

#toppmeny .hoyre
{
	text-align:right;
}

#toppmeny, #toppmeny a
{
	font-weight:bold;
}

#toppmeny .hoyre .skillestrek
{
	color:#dbdbdb;
}

#toppmeny .venstre
{
	font-size:10px;
	color:#c9171b;
}

#toppmenyskillelinje .venstre, #toppmenyskillelinje .hoyre
{
	background-color:#e34444;
	height:6px;
	font-size:1px;
}

/* Svarte linker når man er på seksjonen linken tilsvarer */

#toppmeny #toppmenyforside.seksjon10,
#toppmeny #toppmenynyheter.seksjon6, 
#toppmeny #toppmenyukenscase.seksjon7,
#toppmeny #toppmenyomoss.seksjon12,
#toppmeny #toppmenytjenester.seksjon5,
#toppmeny #toppmenyvarfilosofi.seksjon8,
#toppmeny #toppmenykontaktoss.seksjon9
{
	color:#000000;
}

/**
 * Hoved
 **/

#hoved
{
	padding-top:28px;
}

#hoved p
{
	margin-bottom:12px;
}

/**
 * Bunn til siden
 **/

#bunn
{
	padding-top:10px;
	margin-bottom: 60px;
	border-top:6px solid #e34444; 
}

#bunn .hoyre
{
	text-align:right;
}

/**
 * Forsiden
 **/

#forsidemidt
{
	padding-top:43px;
}

#forsidebunn
{
	padding-top:30px;
	position:relative;
}

#OmOss
{
	padding-top:10px;
}

#OmOss img
{
	margin-bottom:2px;
}

#forside #nyhetsbrev
{
	margin-top: 20px;
	margin-bottom:10px;
}

#forside #nyhetsbrev .innhold form 
{
	margin:0;
	padding:0;
}

#underboks p a {
	text-decoration:underline;
}

/**
 * Gasellene 2008
 **/

div.gasellene
{

	background-repeat:no-repeat;
	background-image:url(bilder/gasellene2009_forside_topp.jpg);
	background-position:top;
	padding-top:94px;
	width:206px;
	margin-top: 50px;
}

div.gasellene div.indre
{
	background-repeat:no-repeat;
	background-image:url(bilder/gasellene_forside_bakgrunn_skalerbar.png);
	background-position:bottom;
	padding:12px;
	font-size:11px;
	line-height:16px;
}
