* {
margin: 0;
padding: 0;
}

html {
min-height: 100.3%;
}

body {
margin: 0;
padding: 0;
font: 13px/1.5 Arial, Helvetica, sans-serif;
color: #666;
background: #D1D3D0;
text-align: center;
z-index: 1;
}

a {
color: #B40000;
}
a:hover {
color: #222;
}

img {
border: 0;
}

#kartong {
width: 980px;
margin: 0 auto 20px;
background: #fff url(http://www.flexbo.as/images/bg_flexbo_sub.jpg) repeat-y top left;
text-align: left;
z-index: 5;
}
#banner {
position: relative;
width: 980px;
height: 206px;
margin: 0 auto;
z-index: 8;
}
#topp {
margin: 0 auto;
color: #333;
text-align: right;
}
#topp ul {
list-style-type:none;
margin: 0 40px 0 0;
padding: 6px 0 0;
}
#topp li {
display: inline;
margin: 0;
padding: 0 12px;
font-weight: bold;
font-size: 12px;
line-height: 1.2;
border-left: 1px solid #666;
}
#topp li.first {
border-left: none;
}
#topp a {
color: #666;
text-decoration: none;
}
#topp a.aktiv {
color: #000;
text-decoration: underline;
}
#topp a:hover {
color: #000;
text-decoration: underline;
}

#meny {
float: right;
width: 630px;
height: 25px;
padding: 20px 40px 6px 0;
text-align: right;
}
#meny li {
padding-left: 30px;
display: inline;
list-style-type: none;
}
#meny a.aktiv {
padding: 0;
border-bottom: 2px solid #B40000;
}

#intro {
float: left;
width: 294px;
padding: 20px 0;
}
#intro img {
padding-left: 36px;
}
#intro h2 {
margin: 0 20px 1.2em 40px;
font: lighter 1.7em/1.3 Arial, Helvetica, sans-serif;
color: #77593F;
}
#intro p {
margin: 0 20px 1.2em 40px;
color: #77593F;
font-weight: bolder;
line-height: 1.3;
}
#intro p.bildetekst {
margin: 0 20px 3.5em 40px;
}
#intro p.byline {
font-weight: lighter;
}
#intro ul {
margin: -1em 20px 3.5em 40px;
list-style-type: none;
}
#intro ul.nav {
list-style-type: none;
padding: 4px 0;
}
#intro .nav li {
display: block;
margin: 0;
padding: 0;
height: 1%;
font: 13px/1.2 "Century Gothic", Arial, sans-serif;
text-transform: uppercase;
}
#intro .nav a {
display: block;
padding: 6px 2px;
color: #444;
text-decoration: none;
}
#intro .nav a:hover {
display: block;
padding: 6px 2px;
color: #000; 
text-decoration: underline;
background: #fff;
}
a.aktivtpunkt {
color: #674B32;
text-decoration: none;
padding-left: 18px;
background: url(http://www.flexbo.as/images/pil.gif) no-repeat top left;
}
.copyright { 
padding: 2px 0 5px 30px;
font: 12px/1.4 Arial, Helvetica, sans-serif;
color: #970000; 
text-align: left;
}
#intro .copyright img,
#intro .copyright p  {
margin: 0;
padding: 6px;
}
.copyright img {
vertical-align: text-top;
}

#innhold {
float: right;
width: 685px;
margin: 10px 0 50px 0;
background: url(http://www.flexbo.as/images/line.gif) repeat-y top left;
z-index: 10;
}

h1 { 
margin: 20px 0 23px 20px;
font-size: 16px;
font-family: Arial, sans-serif;
color: #970000; 
}
h2 { 
margin: 0 40px 13px 20px; 
font-size: 13px;
font-family: Arial, sans-serif;
color: #003062;
}
.tekst {
position: relative;
margin-top: -100px;
z-index: 200;
}
.tekst p {
margin: 0 40px 1.5em 20px;
font: 13px/1.5 Arial, Helvetica, sans-serif;
}
.tekst ul {
margin: 0 60px 1.5em 36px;
font: 13px/1.5 Arial, Helvetica, sans-serif;
list-style-type: square;
}
.tekst ol {
margin: 0 60px 1.5em 46px;
font: 13px/1.5 Arial, Helvetica, sans-serif;
}
.tekst p.bilde {
margin: 0 20px 1.5em;
font: 13px/1.5 Arial, Helvetica, sans-serif;
}
.tekst p.lesmer {
margin: 0 140px 1.5em 0;
text-align: right;
}
.lesmer a, a.lesmer {
padding-right: 20px;
color: #B40000;
background: url(http://www.flexbo.as/images/pil.gif) no-repeat bottom right;
}

#fot {
clear: both;
margin: 0 auto;
width: 980px;
height: 103px;
background: url(http://www.flexbo.as/images/bg_flexbo_bunn.jpg) no-repeat bottom left;
text-align: left;
}
#fot p {
padding: 33px 0 0 40px;
word-spacing: 1px;
font: 11px/1 Arial, Helvetica, sans-serif;
}
#fot a {
color: #666;
}
#fot .cred {
float: right;
width: 240px;
text-align: right;
padding: 33px 40px 0 0;
}
.bunnen {
word-spacing: 0;
color: #A4A7A2;
font: 10px/1 Verdana, Arial, Helvetica, sans-serif;
}
.bunnen a {
color: #A4A7A2;
}
#fot .flexbo {
float: left;
width: 580px;
text-align: left;
padding: 33px 0 0 50px;
}
#fot .flexbo a , #fot .cred a {
color: #A4A7A2;
}

.flytleft {
float: left;
margin: 4px 12px 0 0;
}
.flytright {
float: right;
margin: 0 0 0 12px;
}