/***********   stl_main.css   ***********/

/********** BASIC **********/

body{
	margin:0px;
	padding:0px;
	background-color:#262428;
	overflow:auto;
	text-align:center;
	background-image:url(../images/design/bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

img{
  border:0px;
}

img.pointer{
  cursor:pointer;
  border:0px;
}

table{
  border:0px;
  margin:0px;
  padding:0px;
  border-collapse:separate;
}

td{
  border:0px;
  margin:0px;
  padding:0px;	
	text-align:left;
	vertical-align:top; 
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:10pt; 
	font-style:normal; 
	line-height:normal; 
	font-weight:normal; 
	font-variant:normal;
	color:#ffffff; 
	text-decoration:none;
}

table.menu{
  border-collapse:collapse;
}

td.menu{
  text-align:right;
  width:146px;
  height:28px;
  vertical-align:middle;
  letter-spacing:1pt;
  font-size:9pt;
}

td.menu_selected{
  text-align:right;
  font-weight:bold;
  width:146px;
  height:30px;
  /*background-color:#3d3a40;*/
  vertical-align:middle;
  letter-spacing:1pt;
  font-size:9pt;
	background-image:url(../images/design/bg_select.gif);
	background-repeat:no-repeat;
}

td.menu_trans_1{
  height:27px;
}

td.menu_trans_2{
  height:210px;
}

td.content{
  padding:30px;
}

td.department{
  padding:2px;
  font-size:8pt; 
}

table.department2{
  border-collapse:collapse;
  width:112px;
}

td.department2{
  padding:0px;
  font-size:8pt; 
}

td.department3{
  padding:3px;
  font-size:8pt; 
  color:#000000;
  width:200px;
}

td.department4{
  padding:3px;
  font-size:8pt; 
  color:#000000;
  text-align:right;
}

td.department5{
  padding:0px;
  font-size:8pt; 
  color:#000000;
  text-align:right;
}

h1{
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:13px;
}

/***************************/

/********** DIVS **********/

#container{
  position:relative;
  /*width:1071px;
  height:550px;
	background-image:url(../images/design/bg.gif);
	background-repeat:no-repeat;*/
	width:891px;
	height:407px;
  z-index:1;
	margin-left:auto;
	margin-right:auto;  
}

#left_image{
  position:absolute;
  background-color:#262428;
  /*left:85px;
  top:73px;*/
  left:0px;
  top:73px;
  width:309px;
  height:407px;
  z-index:1;
}

#middle_menu{
  position:absolute;
  background-color:#262428;
  width:146px;
  height:407px;
  /*left:394px;*/
  left:309px;
  top:73px;
  z-index:1;
  text-align:right;
}

#right_content{
	background-image:url(../images/design/right_content.gif);
	background-repeat:no-repeat; 
  background-attachment:fixed;	
  position:absolute;
  background-color:#3d3a40;
  /*left:540px;*/
  left:455px;
  top:73px;
  width:436px;
  height:407px;
  z-index:1;
  text-align:left;
  overflow:auto;
}

#owe{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:100px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

#annsophie{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:250px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

#daniel{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:200px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

#nicklas{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:200px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

#bjorn{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:270px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

#mikael{	
  position:absolute;
  background-color:#ffffff;
  width:200px;
  height:270px;
  z-index:2;
  text-align:left;
  display:none;
  visibility:hidden;
}

/********** LINKS **********/

a:link {  
	color: #ffffff; 
	text-decoration: underline;
}

a:visited {  
	color: #ffffff; 
	text-decoration: underline;
}

a:hover {  
	color: #999999; 
	text-decoration: underline;
}

a:active {  
	color: #999999; 
	text-decoration: underline;
}

a.menu:link {  
	color: #ffffff; 
	text-decoration: none;
}

a.menu:visited {  
	color: #ffffff; 
	text-decoration: none;
}

a.menu:hover {  
	color: #999999; 
	text-decoration: none;
}

a.menu:active {  
	color: #999999; 
	text-decoration: none;
}

a.department3:link{
	color: #000000; 
	text-decoration: underline;
}

a.department3:visited{
	color: #000000; 
	text-decoration: underline;
}

a.department3:hover{
	color: #000000; 
	text-decoration: underline;
}

a.department3:active{
	color: #000000; 
	text-decoration: underline;
}

/********** FORMS **********/

input.field{
  border: 1px #ffffff solid;
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:8pt;
	width:180px;
	background-color:#fcfcf7;
}

select.dropmenu{
	border: 1px #ffffff solid;
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:8pt;
	width:180px;
	background-color:#fcfcf7;
}

textarea.message{
	border: 1px #ffffff solid;
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:8pt;
	width:180px;
	height:100px;
	background-color:#fcfcf7;
}

input.button{
	color:#666666;
	font-family:arial,verdana,helvetica,sans-serif; 
	font-size:9pt; 
	width:180px;
	cursor:pointer;
}