/**
 * 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,
#toppmeny #toppmenynyheter.seksjon6
{
	color:#000000;
}

/**
 * Hoved
 **/

#hoved
{
	padding-top:2px;
}

#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;
}

.linkboost li a, .linkboost li a:visited { border-bottom: 1px solid #f4c5c6; }
.linkboost li a:hover { border-bottom: 1px solid #d3171b; }
.linkboost li { padding-bottom: 5px; }

/** NY nyhetsside og nyhetsarkivside **/

.nyhetslisteboks { float: left; clear: left; margin-bottom: 20px; width: 100%; }
.nyhetslisteboks .dato { font-size: 11px; color: #5e5e5e; margin-bottom: 2px !important; }
.nyhetslisteboks h4 { font-size: 14px; font-weight: bold; margin: 0 0 4px 0; }
.nyhetslisteboks .tekst { font-size: 11px; color: #000; margin: 0; line-height: 15px; }
.nyhetslisteboks .tekst a, .nyhetslisteboks .tekst a:visited { font-weight: bold; text-decoration: none; border-bottom: 1px solid #eb9888; }
.nyhetslisteboks .tekst a:hover { text-decoration: none; border-bottom: 1px solid #fff; }

.nyhetsarkivboks { float: left; clear: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #bfbfbf; width: 100%; }
.nyhetsarkivboks .dato { font-size: 12px; color: #5e5e5e; margin-bottom: 2px !important; }
.nyhetsarkivboks h4 { font-size: 16px; font-weight: bold; margin: 0 0 4px 0; }
.nyhetsarkivboks .tekst { font-size: 12px; color: #000; margin: 0; line-height: 16px; }
.nyhetsarkivboks .tekst a, .nyhetsarkivboks .tekst a:visited { font-weight: bold; text-decoration: none; color: #d52300; border-bottom: 1px solid #eb9888; }
.nyhetsarkivboks .tekst a:hover { text-decoration: none; border-bottom: 1px solid #fff; }

/** Brødsmulesti **/

#brodsmule { clear: both; padding: 7px 0 0 226px; height: 18px; }
#brodsmule a, #brodsmule a:visited { text-decoration: underline; }
#brodsmule a:hover { text-decoration: none; }

/* Landingsside med chat */

.venstresitat { margin: 0 0 20px; }
.venstresitat h3 { width: 159px; padding-left: 47px; background: url('../images/ico-sitat.png') no-repeat 0px 5px; margin: 0 0 3px; color: #000; font-size: 16px; font-weight: normal; line-height: 21px; }
.venstresitat h4 { width: 159px; padding-left: 47px; font-size: 16px; font-weight: bold; margin: 0; }
.venstresitat h5 { width: 159px; padding-left: 47px; font-size: 11px; margin: 0; font-weight: normal; }

.chatknapper { margin: 0 0 17px; }
.chatknapper img { border: 0 none; display: block; margin: 0 0 8px; }

#chatland .kontaktboks .header { overflow: hidden; width: 253px; }

#chatland .maincontact { width: 404px; background-color: #f0f0f0; margin-top: 25px; }
#chatland .header { margin: 0; padding: 0; overflow: hidden; float: left; }
#chatland .header img { margin: 0; border: 0 none; }
#chatland .maincontact h3 { font-size: 16px; font-weight: bold; color: #fff; padding: 20px; margin: 0; background-color: #e23e3e; }
#chatland .maincontact .mainform { background-color: #f0f0f0; width: 364px; padding: 10px 20px 20px; margin: 0; }
#chatland .maincontact .mainform .utfylling { color: #666; margin-bottom: 10px; width: 354px; height: 20px; padding: 5px; }
#chatland .maincontact .mainform #skjema_kommentar { height: 65px; }
#chatland .maincontact .mainform #skjema_captcha_tekst { width: 216px; margin-right: 10px; padding: 5px 0 0 7px; vertical-align: top; }
#chatland .maincontact .mainform img#skjema_captcha_bilde { height: 25px; border: 1px solid #CCCCCC; }