* { margin: 0; padding: 0 }
body { padding-top: 12px; font-family: verdana, sans-serif; font-size: 67.5%; background: url(../images/background.jpg) transparent top left repeat }
hr { clear: both; margin: 16px 0; height: 2px; border: 1px solid white; background-color: white }
img { border: 0 }
a { cursor: pointer }
a:link, a:visited, a:active { color: #586d7a; text-decoration: none }
/*a#activemenu { background-color: #c4e0f1 }*/
a:hover { color: #343f45; cursor: pointer }
q { font-style: italic }
.clear { clear: both }
.italic { font-style: italic }
.centered { text-align: center }
.rightalign { text-align: right }
.error { border: 1px solid red }
#pagewrapper { margin: 0 auto; width: 970px; background-color: transparent }
#free { position: relative; left: 138px; top: -124px; float: left; width: 47px; height: 15px; background: url(../images/free.png) transparent top left no-repeat }

#header { height: 128px; width: 970px }
#logo { float: left; margin-top: 26px; padding-left: 8px; width: 350px }
#search { float: right; width: 610px; height: 128px }
#search p { color: #15323d; text-transform: uppercase; font-size: 0.7em; padding-right: 22px }
#credits { float: right; width: 386px }
#searchform { padding-top: 82px }
#searchsubmit { float: right }
#searchtext { float: right; border: 0; width: 158px; padding: 2px 0 }

#menu { float:left; margin-top: 8px }
#nav { font-size: 1.2em; list-style: none; width: 183px }
#nav li { display: block; }
#nav a, #nav a:link, #nav a:visited, #nav a:active { display: block; padding: 1px 2px 1px 9px; color: #586d7a; text-decoration: none }
#nav a:hover { display: block; text-decoration: none; background-color: #c4e0f1; color: #15323d; cursor: pointer }
#nav span { display: block; float: right; width: 9px; height: 9px; margin: 3px 0 0 3px }
/*
#nav span.menuclosed { background: url(../images/arrow-right.png) transparent top left no-repeat }
#nav span.menuopen { background: url(../images/arrow-down.png) transparent top left no-repeat }
*/

#content { float:left; width: 534px; margin-bottom: 16px; padding: 7px 28px 0 26px }
#content h1 { padding: 2px 8px 0 8px; font-size: 1.2em; color: #15323d; font-weight: 600 }
#content h2 { padding: 0 8px; font-size: 1.2em; color: #15323d; font-weight: 600 }
#content h3 { padding-left: 8px; font-size: 1.2em; color: #15323d; font-weight: 100 }
#content p { padding: 8px 36px 8px 8px; line-height: 1.5em; font-size: 1.2em; color: #15323d }
#content p.figure { float: left; padding-top: 54px; font-size: 0.8em; width: 160px }
#content img.figure { float:left; margin: 24px 0 16px 8px }
#content p#footnote { font-size: 0.9em; font-style: italic }
#content ul { margin: 8px 0 0 8px; font-size: 1.2em; color: #15323d }
#content li { padding: 4px 0 }

#sidebar { float: left; width: 176px; padding-top: 8px; margin: 0 0 16px 0; font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif }
#sidebar div.yellowboxes { width: 172px; height: 31px; background-image: url(../images/yellowbox.png); margin-bottom: 7px; color: #6490ac; padding: 4px 0 0 4px }
#sidebar h3 { font-size: 1.1em; letter-spacing: 0.2em; padding-top: 4px; font-weight: 600 }
#sidebar h3.bestil { font-size: 1.1em; padding: 4px 0; font-weight: 600 }
#sidebar p { font-size: 1.1em; color: #15323d; line-height: 1.5em }
#sidebar p.bestil { font-family: verdana, sans-serif; font-size: 1.1em; color: #15323d; line-height: 1.45em }
#sidebar #howtomeasure { margin-top: 12px }
#sidebar a { font-size: 0.8em; color: #6490ac }
#sidebar .categoryimages { float: left; margin: 80px 12px 0 0; width: 172px; height: 136px; background-color: #586d7a }
div.yellowboxes h2 { font-size: 0.9em; text-transform: uppercase; font-weight: 100 }
div.yellowboxes p { text-transform: uppercase; font-weight: 600 }

#orderbox h2 { text-transform: uppercase; color: white; font-size: 3em; font-weight: 900; font-family: helvetica; line-height: 1.1em; padding: 8px 4px 0 7px }
#orderbox a { color: white}

#categories { clear: both; float: left; margin: 16px 0 0 10px; width: 960px }
#categories a { color: white }
#categories .categoryimages { float: left; margin-right: 12px; width: 176px; height: 136px; background-color: #586d7a }
.categoryimages h2 { text-transform: uppercase; color: white; font-size: 3em; font-weight: 900; font-family: helvetica; line-height: 1.1em; padding: 8px 4px 0 7px }
.categoryimages h3 { color: white; font-size: 1.4em; font-weight: 100; font-family: 'MetaPlusMedium Roman', helvetica, sans-serif; padding: 14px 4px 0 7px }
.categoryimages p { color: white; font-size: 1.2em; font-weight: 900; font-family: 'MetaPlusMedium Roman', helvetica, sans-serif; padding: 0 4px 0 7px }
#orderbox { background: url(../images/child-with-houses.png) transparent top left no-repeat; margin: 1px }
#advicebox { background: url(../images/free-advice.png) transparent top left no-repeat; margin: 1px }
#pressbox { background: url(../images/mtp-tv2.png) transparent top left no-repeat; margin: 1px }
#worldhealthbox { background: url(../images/child-coloring.png) transparent top left no-repeat; margin: 1px }
#dk-mapbox { background: url(../images/dk-map.png) transparent top left no-repeat; margin: 1px }

#categoriestext { clear: both; float: left; margin: 4px 0 0 10px; width: 960px }
#categoriestext .categorytext { float: left; margin-right: 12px; width: 178px }
.categorytext p { color: #777; font-family:  ‘Arial Narrow’, ‘Lucida Sans Unicode’, sans-serif; font-size: 0.9em; padding-right: 6px }
.categorytext img { float: left; margin: 0 6px 16px 0 }

#footer { clear: both; float: left; width: 970px; text-align: center; padding: 16px 0 }
#footer p { margin-right: 20px; text-transform: uppercase; font-family:  ‘Arial Narrow’, ‘Lucida Sans Unicode’, sans-serif; font-size: 0.9em; color: #666 }
#footer #subfooter {  padding-top: 4px; color: #586d7a }

#bestilling table { float: left; margin: 8px 36px 8px 8px }
#bestilling label { padding-left: 10px }
#bestilling td { line-height: 1.5em; font-size: 1.2em; color: #15323d }
#bestilling .currency { padding-left: 48px; text-align: right }
#bestilling .price { padding: 0 12px; text-align: right }

#customerinfo label { float: left; width: 120px; text-align: right; margin-top: 2px }
#customerinfo input.text { float: left; width: 358px; margin: 2px 0 2px 8px; padding: 2px 0 2px 4px; background-color: #f8f28d; border: 0 }
#customerinfo #comment { overflow: auto; float: left; width: 358px; margin: 2px 0 16px 8px; padding: 2px 0 2px 4px; background-color: #f8f28d; border: 0 }

#payform p { line-height: 1.4em } 

#cardinfo label { clear: both; float: left; width: 90px; text-align: right; margin-top: 2px }
#cardinfo input.text { float: left; width: 234px; margin: 2px 0 2px 8px; padding: 2px 0 2px 4px; background-color: #f8f28d; border: 0 }
#cardinfo #CardCVC { width: 48px } 
#cardinfo #helper { float: left; margin: 2px 0 2px 6px }
#cardinfo select { padding: 2px; margin: 2px 0 0 8px; border: 0; background-color: #f8f28d }
#cardinfo #monthyearselector { margin-top: 2px }
#monthyearselector label { color: #15323d; font-size: 1.1em; float: left; width: 98px; margin-top: 6px }
#monthyearselector #ExpireYear { margin-left: 0 }

p.steps:first-letter { font-size: 1.5em; font-weight: 600 }
.checkbox, .radio { width: 17px; height: 18px; padding: 0 5px 0 0; background: url(checkbox.gif) no-repeat; display: block; clear: left; float: left }
.radio { background: url(../images/radio.png) no-repeat }
#submitorder { width: 200px; color: #15323d; background-color: #c4e0f1; border: 0; font-weight: 600; cursor: pointer } 
span.obs { font-size: 0.8em; padding-left: 24px; margin: 0 }

#accepttable { float: left; margin: 16px 0 8px 8px }
#accepttable td { padding: 2px 0; font-size: 1.1em; color: #15323d } 
#dankortlogo { float: left; width: 32px; height: 18px; background-image: url(images/dan-xs.gif) }