/*
 * author: Johan Lindström and Tobias Malm
 * Copyright © 2008
 * 
 * Filename: mainStyle.css
 *
 * File description:
 * Common proporties for all pages states.
 *
 * Formatting for page standard HTML-tags.
 */
html,body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 height: 100%;
 font-size: 16px; 
 line-height: 18px;
 color: black;
 background-color: #FFFFFF;
 font-size: 0.9em;
 margin: 0px;
 padding: 0px;
}

h3 {padding: 0px; margin: 0px;}

 /**
  * Defines the actual page area (visible area for users). 
  * Contain all other objects on the page.  
  */

div#page {
 position: relative;
 min-height: 665px;
 height: 100%;
 width: 880px;
 margin: 0px auto;
 background-color: #FFFFFF;
}

div#text_area {
 min-height: 75%;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 880px;
}

/* Shaded border */

/* Style packages for the boarder*/
/*top padding 29px*/
.border_LR {
 position: absolute;
 width: 5px;
 top: 35px;
 bottom: 2px;
 background-repeat: repeat-y;
}

.border_TB {
 margin-left: 7px; 
 margin-right: 7px;
 min-height: 34px;
 background-repeat: repeat-x;
}

.border_CT {
 position: absolute;
 width: 7px;
 height: 7px;
}

.border_CB {
 position: absolute;
 bottom: 0px;
 width: 7px;
 height: 7px;
}

/*top padding 0px*/
.border_LR_G {
 position: absolute;
 width: 5px;
 top: 5px;
 bottom: 2px;
 background-repeat: repeat-y;
}

.border_CT_G {
 position: absolute;
 width: 7px;
 height: 7px;
}

div.border_bottom {
 position: absolute;
 bottom: -30px;
 left: 0px;
 right: 0px;
 background-image: url("bilder/border_bottom.png");
}

div.border_top_g {background-image: url("bilder/border_top_g.png");}
div.border_top {background-image: url("bilder/border_top.png");}
div.border_left {background-image: url("bilder/border_left.png");}
div.border_right {right: 1px; background-image: url("bilder/border_right.png");}
div.border_top_left_corner {left: 1px; background-image: url("bilder/border_top_left_corner.png");}
div.border_top_right_corner {right: 1px; background-image: url("bilder/border_top_right_corner.png");}
div.border_bottom_left_corner {left: 1px; background-image: url("bilder/border_bottom_left_corner.png");}
div.border_bottom_right_corner {right: 2px; background-image: url("bilder/border_bottom_right_corner.png");}
.border_top_CT_left {top: 30px;}
.border_top_CT_right {top: 29px;}
.border_top_CT_G_left {top: 1px;}
.border_top_CT_G_right {top: 0px;}

 /**
  * Formatting for pageheader. (company logotype and the menu). 
  */
div#logotype {
 width: 848px;
 height: 213px;
 border: 0px;
 margin: 15px; 0px;
 margin-top: 10px;

}

div#page_image {
 float: right;
 margin-top: 45px;
 width: 571px;
 height: 166px;
}
/* Login- & user-info */
div#login_info {
  float: left;
  padding: 10px;
}

div#login_info a {
  text-decoration: none;  
}

div#login_info a:link {color: blue;}
div#login_info a:visited {color: blue;}
div#login_info a:hover {text-decoration: underline;}

 /* Formatting for the menu at the top of the page.*/
div#menu {
 position: absolute; 
 top: 43px;
 left: 300px;
 font-size: 15px;
 font-weight: bold;
 text-align: left;
 width: 600px;
 padding: 1em 0 1em 0.2em;
}

#menu-buttons a {
 width: 20px; 
 height: 100%;
 padding: 0.2em;
 margin: 2px;
 text-decoration: none;
}

#menu-buttons a:link {color: #000000;}
#menu-buttons a:visited {color: #000000;}
#menu-buttons a:hover {color: #FFFFFF;}

.clear {
 clear: both;
 line-height: 0;
}

 /**
  * Formatting for the menu at the left of the page
  */
ul#left_menu {
 float: left;
 margin: 0px;
 margin-left: -23px;
 width: 14em;
 list-style-type: none;
 font-size: 1.1em;
 text-align: left;
}

#left_menu li {
  padding-top: 0.3em;
  padding-left: 0.7em;
  display: block;
  height: 100%;
  
}

#left_menu li a {
 padding-left: 10px;
 text-decoration: none;
}

#left_menu li#ksbygg { height: 25px; }
#left_menu li#vi3 { height: 25px; }

#left_menu li.start_block {
 background-color: #BFBFBF;
 font-weight: bold;
 padding: 0em;
 padding-left: 0.9em; 
} 

#left_menu a:link {color: #222222;}
#left_menu a:visited {color: #222222;}
#left_menu a:hover {
 color: #000000; 
 text-decoration: underline;
 padding-left: 10px;
 background: url("bilder/menu_arrow.png") no-repeat left center;
}

div#login_box {
 margin-top: 20px;
 margin-left: 15px;
 padding: 4px;
 float: left;
 width: 240px;
 height: 100px;
 border: 1px solid #BFBFBF;
}

div#login_box div#field {
 margin-top: 0.4em;
}

 /**
  * Content (text, pictures etc.)
  */
div#content {
 float: right;
 width: 65%; 
}

div.content_text_block {
 text-align: left;
 margin: 0px 30px;
 margin-left: 10px;
 margin-bottom: 2em;
}

 /**
  * Bar at the left side.
  */
div#left_bar {
 position: absolute;
 top: 280px;
 left: 0px; 
 bottom: 55px;
 margin-bottom: -30px;
 width: 285px;
 border-right: 1px solid gray;
}

 /**
  * Footnote
  */
div#foot {
 position: absolute;
 bottom: -140px;
 left: 0px;
 right: 0px;
 height: 130px;
}

div#footnote {
 position: relative;
 top: -18px;
 margin: 0px 18px;
 height: 100px;
 }

div.company {
 font-size: 8pt;
 font-family: Verdana;
 text-align: left;
}

div#company_info {
 position: absolute;
 top: 30px;
 left: 700px;
 width: 150px;
 line-height: 12px;
}

div#company_phone {
 padding: 25px;
 font-family: Verdana;
 line-height: 18px;
 text-align: left;
 font-size: 8pt;
}

 /**
  * Formatting for the company staff. 
  */
table#format {
 font-family: Verdana;
 font-size: 14px;
 width: 520px;
 margin-top: 0px;
 margin-left: 20px;
 margin-bottom: 20px;
 background-color: #FFFFFF;
 border-collapse: collapse;
 border-spacing: 0px;
}

table#format tr.header td{
 text-indent: 5px;
 font-weight: bold;
 border-bottom: 1px solid #000;
 border-top: 20px solid #FFFFFF;
 color: black;
 height: 35px;
}

table#format td{
 text-indent: 7px;
 background-color: #EDEDED;
 border-bottom: 1px solid GRAY;
 color: black;
 height: 20px;
}

table#format tr#last td{border-bottom: 0px;}

 /**
  * frontpage, welcome message and some pictures.
  */ 

div.left {
 float: left;
 margin-left: -2px;
 width: 285px;
 height: 398px;
 border-left: 1px solid White;

}

div.right{
 float: right;
 width: 285px;
 height: 398px;
}

div#ie_user {
 margin: 200px; 
}

div#local_text_block {
   float: left;
   width: 263px;
   padding: 8px;
  }

/**
  * Archive 
  */
div.archive {
	float: left;
	border: 2px solid black;
	margin-bottom: 50px;
	margin-right: 15px; 
}
 div.archive img { border: 2px solid #FFCC00;}
 
 div.archive .header {
  float: left; 
  margin-left: 15px; 
  width: 400px;
}
 
 div.archive .pos_box {
  float: left;
  height: 16.2em;
  width: 154px; 
  margin-left: 20px;
  margin-bottom: 10px;
 }
 div.archive .text_box {
  position: relative;
  top: 0px;
  width: 149px;
 }
 
 div.archive .hpara {
	float: left;
	height: 100%;
	width: 500px;
	margin-left: 15px; 
	border: 2px solid black;
 }