/* 
Website:	henark.se
Created:	09-09-21
Updated:	09-09-21
Author:		Henrik Nordin, eTre Konsult AB (www.etre.se)
Version:	1.0 

COLOR dark_blue: #9ab7c8
COLOR light_blue: #d1dfe4
COLOR yellow: #ffc73c
*/

html, body {
	background-color: #000;
	font:bold 14px/16px arial;	
	margin-top:10px;
}
/* ??? */
div.item {
	padding: 20px;
} 

/* site_content */
#site_content {
	width:980px; /*980px*/
	margin-left:auto;
	margin-right:auto;
  /*background:green; */
}

/* head with logo */
#header {
	height:60px;
	margin:0px 0 0 0;
	padding:5px;	
	/* background-color:red; */
}

#header img {
	border:0px;	
}
/* dölj streckad ram runt bild vid klick för firefox/safari. IE ?? */
a,a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/* Frame on startpage*/
.frame {
	width:190px; /*186px*/
	height:114px; /*114px*/
	overflow:hidden;
	margin:0px 3px 6px 3px;
	float:left;
	color:#9ab7c8;
	font:bold 14px/114px arial;
	text-align:center;
	vertical-align:middle;
}
.frame:hover {
	border:solid 2px #000;
	width:186px; /*184px*/
	height:110px;
	cursor:pointer;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.frame img {
	border:0px;
}
/* Titel under rutorna på startsidan */
#project_title {
	margin-top:20px;
  padding-left:20px;
  padding-top:2px;
	height:40px;
	width:630px;
	background: url('../img/captionframe.png') no-repeat;
	margin-left:auto;
	margin-right:auto;
	font:bold 16px/30px arial;
	color:#9ab7c8;
  /* background-color:#ccc;   */
}

/* projeckt info (left side) */
#left_side {
	padding: 0 15px 5px 5px; 
	height: 585px; /*505*/
	width: 205px;
	float:left;
	font:normal 14px/20px arial;	
	margin-right:0px;
	/*background-color:blue;*/
}

#project_info {
	padding: 0px; 
	height: 548px; 
	width: 210px;
	float:left;
	font:normal 12px/16px arial;
	color:#9ab7c8;	
 /*	background-color:yellow; */
 	overflow:hidden;
}
#project_info a {
	color:#9ab7c8;	
	text-decoration:none;	
	border-bottom:dotted 1px #9ab7c8;
}
#project_info a:hover {
	color:#9ab7c8;	
	text-decoration:underline;	
	border-bottom:dotted 0px #9ab7c8;
}
#project_info_back {
	padding:0px; /*30px 5px 5px 5px*/	
	margin-left:90px;
	margin-top:5px;	
	float:left;
	font:normal 14px/20px;
	outline-style: none;    /* dölj streckad ram runt bild vid klick */
  outline-width:0px;			/* dölj streckad ram runt bild vid klick */
	/*background-color:#fff;   */
}

#project_info h1 {
	font:bold 20px/24px arial;
	margin:4px 0 0 0;
/*	background-color:red;*/
}

/* Slideshow container*/
#project_slide {
	padding: 0px 0px 5px 0px; 
	height: 580px; /*500px*/
	width: 750px; 	/*752px*/
	float:left;
	overflow:hidden;
/*	background-color:red; */
}

/* pagefoot startpage */
#footer_startpage {
	height:35px;
	margin-top:62px;	
	color:#9ab7c8;	
	background: url('../img/footerframe_grey_2.png') no-repeat;
	/*background-color:#ccc;	*/
}

/* pagefoot */
#footer {
	height:35px;
	margin-top:13px;	
	color:#9ab7c8;
	background: url('../img/footerframe_grey_2.png') no-repeat;
/*	background-color:#ccc;	*/
}

#footer ul,#footer_startpage ul {	
	padding:9px 0px 0px 25px;
}

#footer li,#footer_startpage li {
	display: inline;
	list-style-type: none;
	padding:0px 1px 0px 1px;
}

/* Tar bort float left/right... */
.divclear {
	clear:both;
}
#footer a,#footer_startpage a {
	color:#9ab7c8;	
	text-decoration:none;	
	border-bottom:dotted 1px #9ab7c8;
}

#footer a:hover,#footer_startpage a:hover {
	text-decoration:underline;	
	border-bottom:dotted 0px #9ab7c8;
}