/* CSS Document */


body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 21px;
	padding: 0px;
	font-size: 100%;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	width: 695px;
}

.spacer {
clear:both;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.main {
font-size:10px;
padding-left: 20px;
padding-right: 20px;
padding-top: 23px;
padding-bottom: 0px;
width: 643px;
}

.main a, .main a:link, .main a:visited, .main a:hover, .main a:active {
   color: #FF6600;
}


.left{
width: 205px;
margin-left: 20px;
}

.logo{
width: 225px;
}

.right{
width:425px;
margin-left:3px;
}


.leftsub, .rightsub {
padding-top:3px;
padding-bottom:1px;
padding-left:7px;
padding-right:7px;
height: 13px;
background-color:#eeeeee;
}

.leftsub {
width: 192px;
margin-top: 12px;
margin-left:20px;
}

.rightsub {
margin-top: 12px;
width: 411px;
margin-left:3px;
}

.main img {float:right}

.divider {
	background-image:url(images/divider.gif);
	background-repeat: no-repeat;
	margin-bottom: 24px;
}

.left, .right, .logo, .leftsub, .rightsub {float:left; display:inline;}

h1, h2, h3, h4, p  {
	font-weight: normal;
}

h1 {
}

h2 {
font-size:10px;
display:inline;
color:#666666;
}

h3 {
font-size:10px;
display:inline;
text-transform:uppercase;
background: url(images/kloss.gif) no-repeat left top;
padding-left: 12px;
margin: 0px;
float: left;
color:#666666;
padding-right: 3px;
}

h4 {
}

.divider {
	background-image:url(images/divider.gif);
	height: 1px;
	background-repeat: no-repeat;
	clear:both;
	margin-bottom: 
}

p,
.main div
{
	font-size: 10px;
	margin-top: 0px;
}

A:link, A:active, A:visited, A:hover { text-decoration:none; color: #ffffff; }
A:link {}
A:active {}
A:visited {}
A:hover {
color:#ffffff;}

a.lesmer {
   color: #FF6600;
}

.hovedvalg {margin-left: 21px;}

.hovedvalg a
   {
      width: 0px;
      padding-left: 101px;
      height: 24px;
      overflow: hidden;
      background-repeat: no-repeat;
      float: left;
      margin-right: 3px;
   }
   
   /* Kloss for kids */
   .hovedvalg a.kloss
   {
      background-image: url(images/menu_kloss_out.png);
   }
   .hovedvalg a.kloss:hover,
   .hovedvalg#klossValgt a.kloss
   {
      background-image: url(images/menu_kloss_over.png);
   }

   /* Nyheter */
   .hovedvalg a.nyheter
   {
      background-image: url(images/menu_nyheter_out.png);
   }
   .hovedvalg a.nyheter:hover,
   .hovedvalg#nyheterValgt a.nyheter
   {
      background-image: url(images/menu_nyheter_over.png);
   }

   /* Kloss design */
   .hovedvalg a.play
   {
      background-image: url(images/menu_play_out.png);
   }
   .hovedvalg a.play:hover,
   .hovedvalg#playValgt a.play
   {
      background-image: url(images/menu_play_over.png);
   }

   /* Kloss kontrakt */
   .hovedvalg a.living
   {
      background-image: url(images/menu_living_out.png);
   }
   .hovedvalg a.living:hover,
   .hovedvalg#livingValgt a.living
   {
      background-image: url(images/menu_living_over.png);
   }
   
   /* Kloss fabrikker */
   .hovedvalg a.work
   {
      background-image: url(images/menu_work_out.png);
   }
   .hovedvalg a.work:hover,
   .hovedvalg#workValgt a.work
   {
      background-image: url(images/menu_work_over.png);
   }
   
   /* Kloss email */
   .hovedvalg a.email
   {
      padding-left: 113px;
	  margin-right: 0px;
      background-image: url(images/menu_email_out.png);
   }
   .hovedvalg a.email:hover,
   .hovedvalg#emailValgt a.email
   {
      background-image: url(images/menu_email_over.png);
   }

   table
   {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      border-collapse: collapse;
      border: 1px solid #999999;
   }
   td
   {
      padding: 2px;
   }
img.left
{
   float: left;
   clear: left;
}
img.right
{
   float: right;
}