@charset "utf-8";

/*====================================================
  DEF-TECH
  Date - 28-4-2013
  Copyright - 
  Layout - Horizontal menu and 3 columns
  
  SWATCH COLORS
  ================
  
  
  ====================================================*/

/*********************************************************************
* RESET                                                              *
*********************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0; }


/*********************************************************************
* HTML ELEMENTS                                                      *
*********************************************************************/

*{margin:0;padding:0;}
html{height:100%;padding-bottom:1px; /* force scrollbars */}
body{height:100%; font-size:62.5%; font-family: Arial, Helvetica, sans-serif;color: #000; background: #3a3838 url(../images/bg.gif) repeat top left; width:100%;}

  h1, h2, h3, h4, h5, h6 {
    color: #2c3691;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.5em;
    letter-spacing: -0.03em;
  }

  h1, h2, h4, h5, h6 { font-weight: bold; }
  
  h1 { font-size: 1.8em;
margin:0;
padding:0;
margin-bottom: 12px;
letter-spacing: 0.03em;
line-height: 24px;
font-weight:normal; }
  h2 { font-size: 1.4em;
margin:0;
padding:0;
margin-bottom: 12px;
letter-spacing: 0.03em;
line-height: 20px;
font-weight:normal; }

a{color:#2c3691;}

  label {position: absolute; width: 120px; }
  fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #DDD; background: #F6F6F6;}
  legend {font-weight: bold; font-size: 1.2em;}
  textarea {overflow: auto;}
  input, textarea, select {
    background: #FCFCFC;
    border: 1px solid #ccc;
    padding: 4px 5px;
	margin: 0 0 10px 130px;
	width: 200px;
  }
input.error, textarea.error{background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;     padding: 4px 5px;
}
input.radio{width:20px; margin-left:0px;}

  input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

  input.button {
    background: #DDD;
    border: 1px outset #AAA;
    padding: 4px 5px;
  }
  
  input.submit{width:99px; height:26px; background:url(../images/button-submit.gif); color:#fff; font-size:0.9em; padding-bottom:6px; padding-right:10px; margin-left:242px;}

  input.button:active {border-style: inset;}

  .form-error {border-color: #F00;}

#wrap{width:435px; margin: 30px auto;}
#logo{margin:30px 0;}
#top{ background:url(../images/top.png) no-repeat; width:435px; height:17px;}
#content{background:#fff; width:395px; margin-left:0px; font-size:1.4em; padding: 0 20px; line-height:1.4}
#content p{padding-bottom:20px;}
#content ul{ list-style:none; margin: 5px 0 20px 20px;}
#content li{ list-style-image:url(../images/lp/opsomming.gif);}
#bottom{ background:url(../images/bottom.png) no-repeat; width:435px; height:17px;}

#socialmedia{ margin-left:76px; margin-top:5px; text-align:right;}
.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.error a {color: #8A1F11;}

#banner_left{position:absolute; height:600px; width:160px; margin-left: -200px; margin-top:-595px;}
#banner_right{position:absolute; height:600px; width:160px; margin-left: 475px; margin-top:-595px;}
#banner_bottom{position:absolute; height:90px; width:728px; margin-left: -145px; margin-top: 30px;}
  
/* floats
=========================*/
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.aligncenter{margin: 0 auto;}
.clear,.clearer {clear: both;}
.clearer {display: block;font-size: 0;line-height: 0;}

/* borders 
=========================*/
.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* margins
=========================*/
.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* paddings 
=========================*/
.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}