/********** Generally applying styles **********/

/* Table spacing/setup */
table
{
  border-collapse: collapse;
  border-spacing: 0;
}

td
{
  padding: 0;
  vertical-align: top;
  text-align: left;
}

div
{
  text-align: left;
}

img
{
  border: 0;
}

/* Links */
a
{
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

/* Form padding and margin fix */
form, p
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* Font styles */
body, td, input, select, h1, h2, h3, h4
{
  color: #000000;
  font-family: Arial;
  font-size: 13px;
}

/* Inputs */
input.submit_input
{

}

/* Headers */
h1, h2, h3, h4
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

h3
{
  margin: 0px 0px 4px 0px;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
}

h4
{
  margin: 0px 0px 4px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #FFBA15;
}

/********** General page layout **********/

/* HTML */
html
{
  width: 100%;
  height: 100%;
}

/* Body */
body.page_body
{
  background-color: #666666;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 100%;
}

/* Default body styles */
body.body_index
{
  background-image: url('Pictures/BodyIndex.jpg');
}

/********** Footer **********/

/* Main layout */
#footer
{
  clear: left;
  height: 10px;
  font-size: 5px;
}

/********** Menu **********/

/* Main layout */
#menu
{
  background: #212121 url('Images/Logo.gif') no-repeat 3px 3px;
  width: 100%;
  height: 80px;
  margin: 0px 0px 50px 0px;
}

#menu div.container
{
  float: right;
}

#submenu
{
  width: 100%;
  background: #363636 url('Images/SubmenuBackground.gif') repeat-x 0px 0px;
  width: 100%;
  height: 40px;
  margin: -50px 0px 50px 0px;
}

#submenu div.container a
{
  background-position: 0px 0px;
  background-repeat: no-repeat;
  float: right;
  display: block;
  height: 40px;
}

#submenu div.container a:hover
{
  background-position: 0px -40px;
}

#submenu div.container a:active, #submenu div.container a.active
{
  background-position: 0px -80px;
}

#submenu #submenu_isenkram { background-image: url('Images/SubmenuIsenkram.gif'); width: 94px; }
#submenu #submenu_havefritid { background-image: url('Images/SubmenuHaveFritid.gif'); width: 118px; }
#submenu #submenu_blomster { background-image: url('Images/SubmenuBlomster.gif'); width: 98px; }
#submenu #submenu_saeson { background-image: url('Images/SubmenuSaeson.gif'); width: 76px; }
#submenu #submenu_jul { background-image: url('Images/SubmenuJul.gif'); width: 52px; }
#submenu #submenu_legetoej { background-image: url('Images/SubmenuLegetoej.gif'); width: 86px; }
#submenu #submenu_golf { background-image: url('Images/SubmenuGolf.gif'); width: 63px; }
#submenu #submenu_belysning { background-image: url('Images/SubmenuBelysning.gif'); width: 100px; }
#submenu #submenu_tekstil { background-image: url('Images/SubmenuTekstil.gif'); width: 80px; }
#submenu #submenu_fyrvaerkeri { background-image: url('Images/SubmenuFyrvaerkeri.gif'); width: 112px; }

/* Menu items */
#menu div.container a
{
  background-position: 0px 0px;
  background-repeat: no-repeat;
  float: right;
  display: block;
  height: 80px;
}

#menu div.container a:hover
{
  background-position: 0px -80px;
}

#menu div.container a:active, #menu div.container a.active
{
  background-position: 0px -160px;
}

/* Menu item styles */
#menu div.container #menu_forside
{
  background-image: url('Images/MenuForside.gif');
  width: 104px;
}

#menu div.container #menu_tilbud
{
  background-image: url('Images/MenuTilbud.gif');
  width: 91px;
}

#menu div.container #menu_varer
{
  background-image: url('Images/MenuVarer.gif');
  width: 89px;
}

#menu div.container #menu_butikken
{
  background-image: url('Images/MenuButikken.gif');
  width: 112px;
}

#menu div.container #menu_kontakt
{
  background-image: url('Images/MenuKontakt.gif');
  width: 107px;
}

#menu div.container #menu_medie
{
  background-image: url('Images/MenuMedie.gif');
  width: 85px;
}

/********** Boxes **********/

/* Box container */
div.box_container
{
  width: 990px;
}

div.box_container_right
{
  width: 100%;
}

/* Boxes */
div.box
{
  float: left;
  margin: 0px 0px 10px 10px;
}

/* Index: Orange box */
#box_orange
{
  background: url('Images/IndexBoxOrangeBackground.png') 0px 0px repeat-x;
  float: right;
  height: 350px;
  width: 470px;
  padding: 25px 25px 25px 25px;
  color: #FCF0E6;
  font-size: 13px;
}

#box_orange p
{
  line-height: 1.4em;
}

#box_orange div.caption
{
  background: url('Images/IndexBoxOrangeCaption.gif') 0px 0px no-repeat;
  width: 309px;
  height: 76px;
  margin: 0px 0px 25px 0px;
}

#box_orange div.caption_vertical
{
  background: url('Images/IndexBoxOrangeCaptionVertical.gif') 0px 0px no-repeat;
  float: right;
  width: 62px;
  height: 350px;
  margin: 0px 0px 0px 10px;
}

/* Index: Newsletter box */
#box_newsletter
{
  clear: left;
  background: #11140B;
  padding: 20px 20px 20px 20px;
  width: 410px;
}

#box_newsletter div.icon
{
  background: url('Images/IndexBoxNewsletterIcon.png') 0px 0px no-repeat;
  float: left;
  margin: 0px 25px 0px 0px;
  height: 72px;
  width: 92px;
}

#box_newsletter div.container
{
  float: left;
  width: 292px;
}

#box_newsletter div.container p
{
  color: #CCD8AF;
  font-size: 12px;
  line-height: 1.4em;
  margin: 0px 0px 10px 0px;
}

#box_newsletter div.container input
{
  float: left;
}

#box_newsletter div.container input.email
{
  border: 1px solid #86906E;
  color: #86906E;
  background: #273327;
  font-size: 12px;
  padding: 2px 2px 2px 2px;
  width: 215px;
  margin: 0px 5px 0px 0px;
}

/* Route box */
#box_route
{
  clear: left;
  background: #140B0B;
  padding: 20px 20px 20px 20px;
  width: 410px;
}

#box_route div.icon
{
  background: url('Images/IndexBoxRoutePicture.png') 0px 0px no-repeat;
  float: left;
  margin: 0px 25px 0px 0px;
  height: 137px;
  width: 192px;
}

#box_route div.container
{
  float: left;
  width: 193px;
}

#box_route div.container p
{
  color: #D8AFAF;
  font-size: 12px;
  line-height: 1.4em;
  margin: 0px 0px 10px 0px;
}

#box_route div.container p a
{
  color: #D8AFAF;
}

/* Index: Player box */
#box_player
{
  clear: left;
  background: #0B0C14;
  padding: 20px 20px 20px 20px;
  width: 410px;
}

#box_player div.container
{
  float: left;
  width: 193px;
}

#box_player div.container p
{
  color: #B0B6D9;
  font-size: 12px;
  line-height: 1.4em;
  margin: 0px 0px 10px 0px;
}

#box_player div.container p a
{
  color: #B0B6D9;
}

/* Generic: White box, wide */
div.box_white_wide
{
  background: #FEFEFE;
  float: right;
  width: 475px;
  padding: 25px 25px 25px 25px;
  font-size: 13px;
  margin: 0px 10px 10px 0px;
}

div.box_white_wide img.caption
{
  display: block;
  margin: 0px 0px 15px 0px;
}

div.box_white_wide p
{
  line-height: 1.4em;
}

div.box_white_wide div.picker_caption
{
  margin: 15px 0px 0px 0px;
  float: left;
  padding: 4px 5px 0px 0px;
  font-weight: bold;
  color: #666666;
}

div.box_white_wide div.picker
{
  margin: 15px 0px 0px 0px;
  float: left;
}

div.box_white_wide div.picker a
{
  display: block;
  float: left;
  border: 1px solid #CCCCCC;
  padding: 3px 7px 3px 7px;
  color: #999999;
  margin: 0px 0px 0px 3px;
}

div.box_white_wide div.picker a:hover
{
  text-decoration: none;
  background: #CCCCCC;
  color: #FFFFFF;
}

div.box_white_wide div.picker a.selected
{
  background: #CCCCCC;
  color: #FFFFFF;
}

/* Generic: White box, small */
div.box_white_small
{
  background: #FEFEFE;
  float: left;
  width: 410px;
  padding: 20px 20px 20px 20px;
  font-size: 13px;
  margin: 0px 0px 10px 10px;
}

div.box_white_small img.caption
{
  display: block;
  margin: 0px 0px 15px 0px;
}

div.box_white_small p
{
  line-height: 1.4em;
}


/********** Feature: background container **********/

/* Main container */
div.background_container
{
  z-index: -10;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
}

/* Background containers */
div.background_container div
{
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}