/*\*//*/
  @import "ie5mac.css";
/**/
@import "meny.css";
html, body {
margin: 0;
padding: 0
}
body {
color: #575756;
font: 0.7em / 1.5em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial, Verdana, sans-serif;
background-color: #fff;
background-image: url(../img/bg/bg-side.gif);
background-repeat: repeat-x
}
body#home #header  {
background-color: transparent;
background-image: url(../img/bg/bg-header-home.gif);
background-repeat: repeat-x;
background-attachment: scroll;
display: block;
width: 100%;
height: 290px
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header  {
background: transparent url(../img/bg/bg-header.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 98% 30%;
display: block;
width: 100%;
height: 110px
 }
html> body #innhold    {
background-color: transparent;
background-image: url(../img/bg/h-prikker.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 0 0 0 105px;
width: auto;
}

/* End IE5-Mac hack IE PC, trenger den 100%en */

/************************************************************************** KOLONNER \*/
#VenstreKolonne  {
background-image: url("../img/bg/ver-strek.gif");
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 100% 20%;
display: block;
margin: 12px 0 0;
position: relative;
width: 59%;
min-height: 292px;
height: 100%;
float: left
}
#HoyreKolonne  {
display: block;
margin-top: 12px;
position: relative;
width: 29%;
float: left;
clear: right
}
#bunn  {
background-color:#f4f4f0;
text-align: center;
margin: 0;
padding: 0 0 25px 105px
}
/* End IE5-Mac hack IE PC, trenger den 100%en */
.kolonne33   {
background-color: #f4f4f0;
text-align: left;
display: block;
padding-top: 0;
position: relative;
width: 33%;
/*height: 200px;*/
float: left
}
.kolonne20   {
background-color: #f4f4f0;
text-align: left;
display: block;
padding-top: 0;
position: relative;
width: 23%;
/*height: 200px;*/
float: left
}
.strek {}
#VenstreKolonne p, .kolonne33 p  {
padding-right: 15px; line-height: 160%;
}
#HoyreKolonne p, #HoyreKolonne h2 {
padding-left: 25px
}
#bunntekst  {
background: #fff url(../img/bg/bunntekst.gif) repeat-x left top;
width: 100%;
min-height: 78px;
height: auto;
float: left;
overflow: hidden
}

#bunntekst p    {
font-size: 0.8em;
/*line-height: 300%;*/
text-transform: uppercase;
padding: 30px 0px 0 90px
}
.number {
background-image: url(../img/issues/01-issue.gif);
background-repeat: no-repeat;
background-position: 85% 25%; }
.abbonement p {padding-top: 24px}

/* End IE5-Mac hack */
html> body #logo {
margin-top: 93px;
margin-left: 60px;
 }


/************************************************************************** GENEREL NAV ****/
a, a:active, a:link, a:visited {
color: #006699;
text-decoration: none
}

a:hover {
color:#900; 
}

a img {border: none; background-color: none;}  a:hover img {text-decoration:none; background-color: #fff}

/************************************************************************** TYPOGRAFI ****/
h1, h2, h3, h4, h5 {
font-family:"Trebuchet MS",arial,sans-serif;
color: #ba962c;
letter-spacing: 1px;
margin: 1.2em 0 0.3em;
padding-bottom: 0.1em;
text-transform:uppercase;
letter-spacing:4px;
}

h1 {
font-size: 196%;
margin-top: 0.6em
}

h2 {
font-size: 136%
}

h3 {
font-size: 126%
}

h4 {
font-size: 116%;
}

h5 {
font-size: 106%
}

h6 {
font-size: 96%;
color: #ba962c;
line-height: 1;
margin-bottom: 0;
padding-bottom: 0; }
.uk {background: #fff url(../img/bg/uk.png) no-repeat right 50%; padding: 0 0 0 15px;}
#bunn h5 {text-align: left; background-color: #f4f4f0; padding-top: 18px; margin: 0}
#header h1 {margin: 0; padding:0;}
#header h1 a {color: #fff }
#HoyreKolonne img, #VenstreKolonne img, .kolonne33 img {
background-color: #fff;
margin: 0 10px 1px 0;
padding: 8px;
float: left;
border: solid 1px #ddd
}
.break {clear: both; }
.breakit {clear: both; height: 1px; background-color: red;}
.margin {margin-left: 5%}
html> body .margin {margin-left: 10%}
#logo    {
background: transparent url("../img/kick-logo.gif") no-repeat;
text-indent: -100em;
display: block;
width: 145px;
height: 72px;
float: left;
position: absolute;
left: 40px;
top: -90px;
overflow: hidden;
}
a#logo:link, a#logo:visited, a#logo:active  {
background: #221e1f url("../img/kick-logo.gif") no-repeat; outline: none
}
a#logo:hover  {
background: #fff url("../img/kick-logo.gif") no-repeat -145px 0;
height: 72px;
}

.mer {background: transparent url(../img/knapper/mer.png) no-repeat left 50%; padding: 0 0 0 18px; clear: both}
.arkiv {background: transparent url(../img/knapper/arkiv.gif) no-repeat left 50%; padding: 0 0 0 18px; clear: both}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ie5mac { display: none;}
/* End IE5-Mac hack */
#ie5mac, .obs  {
color: #000;
font-weight: bold;
background-color: #ffffdc;
padding: 8px;
margin-right: 15px
}
#HoyreKolonne a:hover img, 
#HoyreKolonne a:focus img,
#VenstreKolonne a:hover img, 
#VenstreKolonne a:focus img, 
.kolonne33  a:hover img, 
.kolonne33 a:focus img { background-color: #f4f4f4; border: solid 1px #989898; }
acronym, abbr { 
cursor: help;
border-bottom: #aaa 1px dotted;
}
.right  {
position: relative;
float: right
}
.left { 
position:relative;
float:left;
}
#issue {padding-top: 10px; padding-left: 90px}
html> body #headerVenstre {
background-image: url(../img/headere/issue2.png);
background-repeat: no-repeat;
width: 307px;
height: 106px; margin-top: 120px; margin-left: 98px; position: absolute }
html> body #foto{
background-image: url(../img/bg/alex.png);
width: 556px;
height: 232px;
float: right;
margin-top: 10px;
}