/*LAYOUT*/
body{text-align: left; padding: 0px; margin: 0px; background: #565656;font-family:verdana;font-size:12px;}
#main{margin: auto; margin-top: 3px; text-align: left; width: 932px;padding:14px 27px;background: #ffffff;}

/* Top */
#top{float:left;}
#top ul{list-style: none; padding: 0px 0px 0px 0px; margin: 0px;width:202px;}
#top ul li{float:left;display: block; margin: 0px; padding: 0px;width:185px;border-bottom:1px solid #bdbdbe;}
#top ul a li{float:left;padding:5px 0px 1px 15px; color: #7c8691;text-decoration:none;clear:both;font-size:11px;text-transform:uppercase;}
#top ul li.current a{font-weight: bold;}
ul#topNavigation_hovedpkt{float:left;width:485px;text-align:left;padding:7px 0px 0px 0px;margin:-2px 0px 0px 0px;height:11px;}
ul#topNavigation_hovedpkt li{border-bottom:0px;list-style:none;float:left;margin:0px 23px;}
ul#topNavigation_hovedpkt li a{text-decoration:none;text-transform:uppercase;}
#naviWrap{float:left;margin-right:20px;margin-bottom:48px;}
a.navigation li.current{font-weight:bold;}
#secondnavi_wrapper{floast:left;}
#topInner{float:right;}

/* Frontpage */
#content.frontPage{float:left;width: 482px;line-height:20px;margin-bottom:30px;}

/* Footer */
#footer{ clear: both;width:100%;color:#ffffff;font-size:10px;}
#footer a{text-decoration:none;color:#ffffff;font-weight:bold;}
#footer_blue{background-color:#004481;padding:6px 23px;}
#footer_red{background-color:#b60718;padding:6px 23px;}
#footer_orange{background-color:#ee7f00;padding:6px 23px;}
#footer_green{background-color:#5f941d;padding:6px 23px;}

/* Subpages layout */
#content.textpage{text-align: left; float: left; width: 482px;line-height:20px;margin-bottom:30px;}

/* second navi*/
#secondnavi_wrapper{float:left;width:195px;margin-right:20px;padding:0px;}
#secondnavi_wrapper a{color:#7c8691;text-decoration:none;}
div#treemenu_wrapper{float:left;clear:both;margin-bottom:48px;font-size:11px;width:185px;}
div#treemenu_wrapper a{color: #7c8691;text-decoration:none;}
.outer_menu3{float:left;padding:5px 0px 1px 15px;width:100%;clear:both;text-transform:uppercase;}
.outer_menu4{float:left;padding:4px 0px;;width:100%;clear:both;margin-left:15px;}
.menu4{float:left;margin-left:5px;font-size:11px;}
.menu3.selected{color:#b60718 !important;}
.menu4.selected{color:#b60718!important;}
.top_node_name{float:left;padding:0px 0px 2px 15px;border-bottom:1px solid #7b7c7e;width:100%;text-transform:uppercase;font-size:11px;}

/* Search */
#search{float:left;clear:both;width:165px;}
input.tbox{border:1px solid #dedede;margin-right:4px;font-size:11px;padding:0px 3px 4px 3px;color:#bcbdbe;width:139px;height:10px;}
input,btn{float:left;}
.xsltsearch_form, #xsltsearch_stats{display:none;}
a.xsltsearch_title{float:left;width:100%;padding:10px 0px;}
.xsltsearch_result_description{float:left;width:100%;border-bottom:1px solid #7b7c7e;padding:0px 0px 5px 0px;}
#xsltsearch_navigation{float:left;width:100%;text-align:center;padding:10px 0px;}

/* Outertop */
#outertop{float:left;width:100%;margin-bottom:7px;}
#flag{float:right;}
#dk_flag{margin-right:10px;}
#topicons{float:left;margin-left:28px;}
#envelopeicon{float:left;margin-right:10px;margin-top:5px;}
#printicon{margin-top:4px;}

/* Top img */
#topimg{float:left;width:100%;margin-bottom:20px;}

/* Rightcollum */
#rightcollum{float:right;width:208px;;padding:0px;margin-top:0px;line-height:20px;}

/* Top mellem boxes */
#top_blue{float:left;width:377px;height:75px;background-color:#004481;color:#ffffff;paddgng:10px 13px;text-align:right;}
#top_red{float:left;width:377px;height:75px;background-color:#b60718;color:#ffffff;paddixng:10px 13px;text-align:right;}
#top_orange{float:left;width:377px;height:75px;background-color:#ee7f00;color:#ffffff;padxding:10px 13px;text-align:right;}
#top_green{float:left;width:377px;height:75px;background-color:#5f941d;color:#ffffff;paddxing:10px 13px;text-align:right;}
.linje1{float:right;margin-top:10px;width:100%;text-transform:uppercase;font-size:15px;}
.linje2{float:right;width:100%;text-transform:uppercase;font-size:22px;}
#topbig_img{float:left;}
#topsmall_img{float:right;}
span.red, .red{color:#b60718;font-weight:bold;}
span.orange, .orange{color:#ee7f00;font-weight:bold;}
span.green, .green{color:#5f941d;font-weight:bold;}

/* Maritim ord */
.ordbog_wrapper{float:left;width:100%;padding:0px;margin-bottom:5px;font-size:12px;}
.ord{float:left;}
.svar{float:left;margin-left:5px;}
.pagination{float:left;;width:482px;text-align:right;margin-top:-53px;font-size:14px;color:#0c4481;padding:5px 0px;}
a.paging_no{text-decoration:none;color:#000000;text-align:right;color:#000000;padding:0px 1px;}
a.paging_forrige img{margin-right:5px;position:absolute;margin-top:3px;margin-left:-12px;}
a.paging_neste img{margin-left:2px;position:absolute;margin-top:3px;}


/* Fonts standards */
h1{float:left;margin-top:0px;width:100%;font-size:18px;margin-bottom:20px;}
h2{float:left;margin-top:0px;width:100%;}
h3{float:left;margin:0px;}

/* LINKS standards */
a:hover {color:#000;}
a {color: #426FC8; text-decoration:underline;}
h1 a{color: #666; text-decoration: none;}

/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
p{margin:0px;padding:0px;}


/*FORM ELEMENTS */

fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.showme{  display: none; }
.showhim:hover .showme{ display:block;position:absolute;margin-left:442px;top:0;margin-top:170px;}

/* Kundeudtalelser */
.commentwrapper{float:left;width:100%;border-bottom:1px dashed #c3872f;padding:10px 0px;}
.date{float:left;width:100%;margin-bottom:-5px;}
.commenttop h1{float:left;font-size:11px;font-weight:normal;width:auto;font-style:italic;padding:0;margin:0;}
div.DateDay{float:left;margin-bottom:0px;width:100%;}
.commenttxt{float:left;line-height:17px;clear:both;width:100%;margin-top:5px;}
.pagination_comments{float:left;width:100%;text-align:center;margin-top:25px;}
a.paging_forrige, a.paging_neste{display:none;}
a.paging_no{float:none;padding:6px 12px;background-color:#565656;margin:0px 5px;color:#fff;text-decoration:none;font-weight:bold;}
a.pagning_no_number{float:none;padding:6px 12px;background-color: #d5d5d5;font-weight:bold;color:#000000;}


/* Formular */

.type-text label em{
float:right;
margin-right:10px;
color:#d5d5d5;
}

.type-text{
background-color:#d5d5d5;
text-align:left;
}

.text_input_checkbox{float:left;}
input#water, input#freezer, input#indoor, input#outdoor, input#saleswagon, input#home, input#offeremail, input#book, input#call{float:left;border:0px;width:25px;margin-top:-1px;}

#spm{
float:left;
width:408px;
}

#ringfield{
float:left;
width:45px;
border:none;
margin-right:10px;
}

input#zipcode, input#zipcode1{float:left;width:198px;margin-right:4px;}
input#city, input#city1{float:left;width:199px;}
.text_input{
float:left;
width:145px;
border:0px solid red;
}

input#home, input#offeremail, input#book, input#call{background-color:transparent;}


#formbtn{
float:right;
border:1px solid #cccccc;
padding:3px;
width:250px;
color:#fff;
font-size:11px;
background-color:#808080;
text-transform:uppercase;
color:#ffffff;
  cursor:pointer;
}



div.yform {
    background: #565656;
    border: 0px #ddd solid;
    margin: 0px 0px 0px 0px;
    padding: 10px;
width:634px;
}

  div.yform fieldset {
    border: 0px #ddd solid;
    background: #d5d5d5;
    margin: 0 0 1em 0;
    float:left;
    padding: 0.5em 1em;
    width:608px;
  }

  div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active {
    border: 1px #a66 solid;
    background: #fff;
  }

  /* Styling of buttons | Gestaltung von Buttons */
  div.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url(images/button_gray.png) top left repeat-x;
    padding: .5em 1.2em;
  }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }

  div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  div.yform { overflow: hidden; }
  div.yform fieldset { overflow: hidden; }
  div.yform legend { background: transparent; border: 0; }
  div.yform label { display:block; cursor: pointer; }
  div.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  div.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  div.yform sup { color: #800; font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button {
    margin: 0.5em 0;
    position: relative;
    overflow: hidden;
  }


    /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  div.yform .type-text input,
  div.yform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 58.5%;

  }


  /* Styling of buttons | Gestaltung von Buttons */
  div.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  div.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
  }

  div.yform div.error label { color: #000; font-weight:bold; }
  div.yform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { padding-left: 30%; }
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 67.8%; }
  .columnar div.type-select select { width: 69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html div.yform legend { position:absolute; top: -.5em; left: .5em; }
  * html div.yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html div.yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html div.yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
}


div.type-text input.error,textarea.error{
  border:1px solid #C92929; 
} 

div.type-text label.error{
color:#C92929;
font-weight:bold; 
} 

div.type-text input.error,#whyfield.error{
  border:1px solid red; 
} 
form fieldset h1{float:left;width:100%;font-size:15px;margin-top:5px;margin-bottom:20px;border:1px solid #f4fbff;}
textarea{font-size:13px;}

ol li{padding:0;margin:0;margin-left:45px;}


#infoboks{
    float: left;
   
    padding: 10px;
    margin-bottom: 20px;
    color:#ff0000;
    font-size: 15px;
}

h2.infoboks{float:left;width:100%;margin:0px;font-size:18px;margin-bottom:5px;}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */