@charset "utf-8";
/* CSS for F&B Kommunikasjon, January 2008 */
/* Author: Richard Harris Design, richard@darthvader.net */

body {background:#678fc2; margin:0; padding:0; text-align:center; font: smaller normal Verdana, Arial, Helvetica, sans-serif; color:#000;}
h2 {padding:0; margin:0 0 0.2em; font: 200 1.9em "Adobe Caslon Pro","Times New Roman", Times, serif; line-height:1em}
h3 {margin-bottom:0; font: 700 1.2em Arial, Helvetica, Times, serif;}
h4 {margin:0 0 0.2em; color:#596f96; font-size:1em;}
p {line-height:1.4em; margin: 0.6em 0 1em; text-align:justify;}
a {color:#2771ba; text-decoration:none;}
a:hover {text-decoration:underline}
a:visited {color:#5d99d5}
br {clear:both}

#wrapper {margin:8px auto; padding:0 0 0 1px;_padding:0; position:relative;}
#head {background:transparent url(i/fogb_top.gif) top no-repeat; height: 85px;}
#head h1 {margin:0 auto; padding:0; width:768px; height: 85px; text-align:left; overflow:hidden}
#head h1 a {float:left; text-indent: -100em; width:6em; height:3em;}

#main {background:transparent url(i/bg_content.gif) top repeat-y; margin:0; padding:0;}

#nav {margin:0 auto; padding:0; width:768px; height: 2.1em; text-align:left; overflow:hidden; background: url(i/bg_bar.gif) top repeat-x; color: #18479a;}
#nav ol {margin:0 1.6em; display: inline; padding:0; list-style: none; float:left; clear:both}
#nav li {margin:0; padding:1px 0; float:left;}
#nav li a {color: #18479a; font-weight:bold; display:block; padding: 5px 1em 3px;}
#nav li.right a {background: transparent url(i/dividing-line.gif) bottom right no-repeat;}
#nav li.left a  {background: transparent url(i/dividing-line.gif) bottom left no-repeat;}
/* Tab */
#nav li.current { padding: 3px 0 0; }
#nav li.current a { background: url(i/tab.gif) top left no-repeat; padding: 0 0 0 1em;}
#nav li.current a span { background: url(i/tab.gif) top right no-repeat; padding: 4px 1em 4px 0; display: block;}

#innerWrap {margin:0 auto; width:768px; text-align:left; overflow:hidden; border-bottom: 4px solid #f2be4b; padding:1em 0; background-color:#FFF;}

#sidebar {float:right; width:28%; overflow:hidden; padding: 0.5em 0 0; display: inline;}
#sidebar h3 {font: 700 1.2em "Adobe Caslon Pro","Times New Roman", Times, serif; color:#596f96; background: transparent url(i/box.gif) top no-repeat; padding:0.6em 0 0; width:182px; line-height: 1.2em; margin:0.2em 2em 1em 0.3em;}
#sidebar h3 a {display:block; padding: 0 1em 0.3em; background: transparent url(i/box.gif) bottom no-repeat; color:#596f96; text-decoration:none;}

#foot {background:transparent url(i/bg_foot.gif) top no-repeat; height: 75px; color:#7f7f7f; position:relative;}/* #c9defd */
#copyright {margin:0 auto; padding:0; width:768px; height: 50px; text-align:left; overflow:hidden; background: transparent url(i/fogb_logo_foot.gif) 680px 12px no-repeat;}
#copyright ul.links {float:left; margin:0.8em 2.6em 0.2em; padding:0; list-style:none; clear:both; display:inline;}
#copyright ul.links li {float:left; margin:0; padding:0;}
#copyright .text {float:left; clear:both; margin-left: 2.6em; display:inline;}

#content {margin:0 1em 0 2.7em; padding: 0.7em 0; float:left; width:490px; overflow:hidden; display:inline}
#content a {text-decoration:underline}
#content li {line-height: 1.4em}

ul {margin: 0 0 0.8em 0;_margin-left:1.3em;*margin-left:1.3em;}

ul.large {margin-top:1em;}
ul.large li {line-height:1.5em; font-weight:500; font-size:1.1em; color:#596f96}

fieldset.left {float:left; width:41%; padding: 0.5em 1em 4px}
fieldset.right {float:right; width:41%; padding: 0.5em 1em 4px}
fieldset h3 {margin-top:0.2em}

.tightT {margin-top:0 !important}
.tightB {margin-bottom:0 !important}

img.portrait {border: 1px solid #a7c0d6; padding: 2px; float:left; margin: 0 1em 0.5em 0;}

div.attentionBlock {background: #e3efff url(i/bg_attention_top.png) top no-repeat; padding-top:3px; margin-bottom:1em;}
div.attentionBlock h3 {padding:0 1.3em; margin:0;}
div.attentionBlock h3 a {display:block; text-decoration:none !important;}
div.attentionBlock div {background: transparent url(i/bg_attention_bot.png) bottom no-repeat; padding:4px 0 8px;}
div.attentionBlock ul {margin-left:3em;}
div.attentionBlock p {margin:4px 1.6em;}

/* new for the services page, to show and hide the relevant service. all start hidden, the collapse script shows one */
#strat,
#mediahand,
#mediatrain,
#krisekomm,
#pr,
#myndig,
#corp,
#omd {
	display:block;
}