body { font:12px/18px "Trebuchet MS"; }
h1 {  }
h2 { font-size: 27px; font-weight: 100; line-height: 27px; }
label { display: block; font-size: 11px; }
input,textarea { display: block; }

#page-header, #page-content, #page-footer { width: 80%; margin: 0px auto; min-width: 500px; }
#page-header { padding: 60px 0 20px;  }


#page-content, #page-footer { border-top: 1px solid #eee; clear: both; }


#page-header h1 { font-size: 35px; margin: 0px; padding: 0; }
#page-header h1 span { font-size: 20px; font-weight: 100; color: #999; }
#page-header h2 { font-size: 14px; font-weight: 100; margin:0; padding:0;  }

#page-header input { float:right; margin-top: 12px; }

#page-header ul { margin:0; padding:0; height: 30px; }
#page-header ul li { display: inline; margin:0; padding:0;  float:left; }
#page-header ul li a { display: block; float:left; padding: 3px 8px; background: #eee; margin: 10px 5px 1px 0px; text-decoration: none; color: #333; }
#page-header ul li a:hover { background-color: #ccc; color: #000; }
#page-header ul li a.active { background-color: #ccc; color: #000; }

#page-footer { color: #888; }


/* BLOG ##### */
#blog-articles .text, #article .intro {  }

/* ARTICLE */
#article .intro {  }

/* BLOGLIST */

#blog-articles { float: left; width: 63%; padding-right: 2%;  }

/* 63 + 2%  = 65% */
#blog-articles { float: left; width: 63%; padding-right: 2%;  line-height: 20px; }

  #blog-articles h2 { margin-bottom: 3px; font-size: 20px; }

  #blog-articles h2 a { text-decoration: none; color: blue; }

  #blog-articles p { margin-top:0; }


/* 1% + 32% + 2$ = 35% HIDDEN
#blog-external { float: right; width: 33%; font-size: 12px; line-height: 18px; padding: 0 0 0 2%; }

  #blog-external h2 { font-weight: 100; font-size: 22px;  }

  #blog-external h3 { font-size: 14px; float: left; display: inline; padding: 0 0 0 0; margin:0 10px 0 0; line-height: 16px; }

  #blog-external h3 a { text-decoration: none; } */

/* NEDLASTNINGER */

span.description { color:#999; }


/* KONTAKT */

.meta { float:left; clear:left; width: 35%; }
  .meta input { display: block; width: 97%; }

.message { float:right; width: 62%; padding-left: 3%; }
  .message textarea { display: block; width: 99%; }

.submit-save-message { float:right; clear:both; }


/*ABOUT*/
.section { float:left; width: 48%; }
.col-left { margin-right: 2%; }
.col-right { margin-left: 2%; }


/* STATUS */
#status-tabell th { text-align: left; border-bottom: 1px solid #999; }
#status-tabell td span { margin-right: 10px; font-size: 10px; background-color: #ddd; padding: 2px 4px; border-radius: 2px; }
#status-tabell td { padding: 5px 30px 5px 0; }



/* TEMP */