html, body {
	margin: 0;
	padding: 0;
	/*background: #fff url("../images/layout/body.png");*/
	background: #fff url("../images/layout/fon.jpg");
	height: 100%;
	text-align: left;
	color: #666666;
  font: 12px/1.8em Arial, Geneva, Tahoma, Verdana, Helvetica, sans-serif;
	background-attachment:fixed;

}

* html #container {
	height: 100%;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #E36C0A;
	font-weight: normal;
}

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

pre {
	color: #666666;
  font: 11px/1.7em Arial, Geneva, Tahoma, Verdana, Helvetica, sans-serif;	
}

h1 {
	font: bold 1.5em Arial, Tahoma, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #2b77b5;
}

h2 {
	font: normal 1.2em/1.7em Arial, Tahoma, "Times New Roman", Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: #333;
}

h3 {
	font: bold 1.1em/1.8em Arial, Tahoma, "Times New Roman", Times, serif;
	padding: 0;
	margin: 10px 0 5px 0;
	color: #333;
}

p { margin: 0; padding: 0; text-align: justify; }

.right { float: right; }
.left { float: left; }

#container {
	margin: 0em auto;
	position: relative;
	width: 950px;
	text-align: left;
	min-height: 100%;
}
/*
#login {
	float: right;
	margin: 0;
	
}

#login form {
	background: #404040;
	padding: 10px;
}

#login img { float: left; margin-right: 10px; }

.inputUsername { background: #fff url("../images/icons/user.png") 4px 3px no-repeat; border: 1px solid #1C1C1C; text-indent: 16px; padding: 4px 6px; font: normal 1em/1.2em Arial, Tahoma, "Times New Roman", Times, serif; }
.inputPassword { background: #fff url("../images/icons/password.png") 4px 3px no-repeat; border: 1px solid #1C1C1C; text-indent: 16px; padding: 4px 6px; font: normal 1em/1.2em Arial, Tahoma, "Times New Roman", Times, serif; }
.buttonLogin { background: #3174B9; border-top: 1px solid #5793D1; border-right: 1px solid #5793D1; border-bottom: 1px solid #215E9D; border-left: 1px solid #215E9D; padding: 2px 0 3px 0; font: normal 1em/1.2em Arial, Tahoma, "Times New Roman", Times, serif; color: #fff; }
*/	

#top {
	float: left;
	width: 950px;
	/*height: 72px;*/
	height: 35px;
	margin: 20px 0 0 0;
	padding: 0;
	background-image: url("../images/layout/top_bg2.png");

}

#top span {
	float: right;
	text-align: right;
	line-height: 92px;
	padding: 0 20px 0 0;
	font-weight: bold;
	color: #999;
}

#header {
	float: left;
	height: 230px;
	margin: 0;
	padding: 0 5px 0 5px;
	width: 940px !important;
	width /**/:950px;
}

#header #polaroid {
	width: 213px;
	height: 235px;
	position: absolute;
	top: 150px;
	left: 755px;
}

#header #logotype a {
	width: 300px;
	height: 300px;
	/*background-image: url(../Handtruckboggie2.png);*/
	/*background-image: url(../images/layout/bengtslogo.jpg);*/
	position: absolute;
	top: -20px;
	left: 20px;	
}
#header #mainImage{
	position: absolute;
	top: 105px;
	left: 20px;	
	background-color:white;
	border:1px solid black
}


#header #logotype span {
	display: none;
	}

#main {
	float: left;
	width: 950px;
	margin: 0;
	padding: 0;
	background: #fff;
}

#content {
	float: left;
	margin: 0;
	padding: 5px;
}

#sitemap {
	float: left;
	width: 940px !important;
	width /**/:950px;
	margin: 0 0 0 0;
	padding: 10px 10px;
	color: #999;
}
	
#sitemap ul { margin: 0; padding: 0; width: 920px !important; width /**/:940px; }
#sitemap li { margin: 0; padding: 0; list-style: none; float: left;}
#sitemap li.url { width: 690px; background: url(../images/icons/sitemap.png) 2px no-repeat; padding: 0 0 0 25px; }
#sitemap li.print { width: 70px; background: url(../images/icons/printer.png) 2px no-repeat; padding: 0 0 0 22px; float: right; color: #999; }
#sitemap li.bookmark { width: 70px; background: url(../images/icons/star.png) 2px no-repeat; padding: 0 0 0 22px; float: left; color: #999; }

.hr {
	float: left;
	width: 940px !important; 
	width /**/:950px;
	margin: 0 5px 10px 5px;
	padding: 0;
	background-image:url("../images/layout/hr.gif");
	color: #000;
	height: 1px;
}

img { border: 0; }

.col25 {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

.col25 img { border: 0; padding: 0; margin: 0 0 10px 0; }

.col50 {
	width: 460px !important; 
	width /**/:455px;
	float: left;
	margin: 0;
	padding: 5px 20px;
}

.col50 ul { list-style: none; margin: 10px; padding: 0; }
.col50 li { padding: 0 0 0 20px; background: url(../images/icons/bullet_black.png) 0px 4px no-repeat; }

.col50 .right {
	float: right;
	margin-left: 10px;
}

.col75 {
	width: 680px;
	float: left;
	margin: 0;
	padding: 5px 20px;
}

.box {
	width: 220px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	background: #E6E6E6 url(../images/layout/box_top.gif) no-repeat;
}

.box h1 { margin: 0; padding: 0 0 0 28px; height: 34px; display: block; color: #fff; font: normal 1.2em/2.3em Arial, Tahoma, "Times New Roman", Times, serif; }
.box h1.latestnews { background: url(../images/icons/television.png) 8px no-repeat; }
.box h1.information { background: url(../images/icons/information.png) 8px no-repeat; }
.box h1.references { background: url(../images/icons/user.png) 8px no-repeat; }
.box h1.login { background: url(../images/icons/lock.png) 8px no-repeat; }


.box p {
	width: 204px !important;
	width /**/:220px;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 8px 4px 8px;
	background: #E6E6E6;
	font: normal 1em/1.6em Arial, Tahoma, "Times New Roman", Times, serif;
	text-align: left;
}

/*#bottom {
	float: left;
	width: 950px;
	height: 71px;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url("../images/layout/bottom_bg.png");
}*/

#footer {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0 0 30px 0;
	color: #fff;
	text-align: center;
}


ul#contactinfo { width: 204px !important; width /**/:220px; display: block; float: left; margin: 0; padding: 4px 8px 4px 8px; background: #E6E6E6; font: normal 1em/1.6em Arial, Tahoma, "Times New Roman", Times, serif; text-align: left; }
ul#contactinfo li { float: left; list-style: none; margin: 0; padding: 2px 20px 10px 32px; background: none; width: 160px;display: block; }
ul#contactinfo li.address { background: url(../images/icons/email.png) 0 0 no-repeat; }
ul#contactinfo li.contact { background: url(../images/icons/chat.png) 0 0 no-repeat; }

#footer a:link,
#footer a:active,
#footer a:visited { text-decoration: underline; color: #fff; }
#footer a:hover { text-decoration: underline; color: #fff; }
#footer span a:link, #footer span a:active, #footer span a:visited { text-decoration: none; color: #fff; background-color: #B52600; padding: 2px 4px 2px 4px; margin: 0 0 0 5px; font-size: 9px; font-weight: bold; }
#footer span a:hover { text-decoration: none; color: #fff; background-color: #3174B9; }

form { margin: 0; padding: 0; }

ul.contactus { margin: 0; padding: 10px 0 0 8px; float: left; }
ul.contactus li { float: left; list-style: none; margin: 0 4px 0 0; padding: 0 0 10px 0; }
ul.contactus li img { width: 100px; height: 110px; }
ul.contactus li strong { padding: 0; margin: 0; }
ul.contactus li a { line-height: 1em; }

ul#employees { margin: 0 0 20px 0; padding: 0; float: left; width: 690px;}
ul#employees li { float: left; list-style: none; margin: 10px 18px 0 0; padding: 0; width: 153px; height: 230px; }
ul#employees li.header { width: 690px; height: 20px; float: left; font: bold 1.1em/1.1em Arial, Tahoma, "Times New Roman", Times, serif; margin: 10px 0 0 0; padding: 0 0 0 0; color: #333; border-bottom: 2px solid #ccc;}
ul#employees li img { float: left; width: 143px; height: 163px; border: 0; }
ul#employees li span { float: left; margin-top: 5px; font: normal 0.9em/1.4em Arial, Tahoma, "Times New Roman", Times, serif; }

ul#templates { margin: 20px 0 10px 0; padding: 0; float: left; }
ul#templates li { float: left; list-style: none; margin: 0 30px 10px 0; padding: 0; width: 200px; height: 170px; background: none;  }
ul#templates li img { border: 0; }
ul#templates li span { font-weight: bold; width: 200px; }

ul#ftp { margin: 20px 0 20px 0; padding: 0; float: left; width: 100%; }
ul#ftp li { float: left; list-style: none; margin: 0 20px 0 0; padding: 0; background: none; }
ul#ftp li img { border: 0; float: left; }
ul#ftp li span { float: left; clear: left; }

ul#menu { color: #231f20; margin: 0; padding: 0; background-color:#8D8D8D; font-size: 0.9em; }
ul#menu li { list-style: none; margin: 0; padding: 0; display:block;}
ul#menu li.top { margin: 0; padding: 0 0 0 14px; line-height: 34px; height: 34px; display: block; background: #000 url(../images/layout/menu_top.gif); color: #fff; font-size: 1.3em; }
ul#menu li a { color: #ffffff; text-decoration: none; line-height: 22px; height: 22px; padding: 1px 6px 1px 14px; display: block; border-top: 1px solid #999999; border-bottom: 1px solid #808080; }
ul#menu li a:hover { background-color: #3174B9; border-top: 1px solid #5793D1; border-bottom: 1px solid #215E9D; color: #ffffff; }
ul#menu .selected { border-top: 1px solid #5793D1; border-bottom: 1px solid #215E9D; background: #3174B9 url(../images/icons/arrow.gif) 200px no-repeat; font-weight: bold; }

ul#menu ul { color: #231f20; margin: 0; padding: 0; border-bottom: 1px solid #989898; }
ul#menu ul li { list-style: none; margin: 0; padding: 0; }
ul#menu ul li a { color: #545045; text-decoration:none; padding:1px 6px 1px 14px; display:block; border:0; background-color: #CDCDCD; border-top:1px solid #D9D9D9; }
ul#menu ul li a:hover { color: #fff; background: #aaaaaa url(../images/icons/arrow.gif) 200px no-repeat; border:0; border-top:1px solid #D9D9D9; font-weight:normal; }
ul#menu ul li .submenu-down { color: #ffffff; background: #AAAAAA url(../images/icons/arrow.gif) 200px no-repeat; font-weight: bold;}
ul#menu ul li a:hover.submenu-down  { color: #ffffff; background: #AAAAAA url(../images/icons/arrow.gif) 200px no-repeat; font-weight: bold;}

.Pager
 {
	width: 500px;
	margin: 20px 0 0 0;
 }

.Pager a, .Pager span, .Pager b
{
	display: block;
	float: left;
	margin-right: 2px;
	background: #CDCDCD;
	padding: 2px 6px;
}

.Pager a
{
	color: #333;
	text-decoration: none;
}

.Pager a:hover
{
	background: #3174B9;
	color: #fff;
}

.Pager span
{
	color: #999;
}

.Pager b
{
	font-weight: bold;
	background: #3174B9;
	color: #fff;
}

.Pager span.More
{
	background: #fff;
	border: none;
	padding: 2px 0;
}


/* TEST */
	.box_format_2 {
  border: 1px solid #D6DADE;
  background: #F2F4F6 url('images/layout/input_bg_tal.jpg') repeat-x scroll left top;
  width: 158px;
  height: 18x;
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: middle;
  border:1px solid gray
}

.font_format_1 {
  font-size: 12px;
  color: #4b4b4b;
}

/* Knapp */
.btn { float: left; color: #333; text-align: left;	background: url(images/layout/button.png) right -56px no-repeat; margin: 3px 5px 0 0; border: 0; cursor: pointer; padding: 0 28px 0 0; line-height: 28px; height: 28px; }
.btn span { color: #333; font-weight: normal; font-size: 11px; line-height: 28px; background: url(images/layout/button.png) left top no-repeat; display: block; white-space: nowrap; height: 28px; margin: 0; padding: 0 0 0 13px; cursor: pointer; }
.btn:hover, .btn:focus { color: #111; text-decoration: none; background: url(images/layout/button.png) right -84px no-repeat; }
.btn:hover span, .btn:focus span { background: url(images/layout/button.png) left -28px no-repeat; }
.btn:-moz-focus-inner { padding-left: 0; border: none; }
.btn { width: auto; overflow: visible; }

.btn-back { float: left; color: #333; text-align: left;	background: url(images/layout/button-back.png) left -56px no-repeat; margin: 3px 5px 0 0; border: 0; cursor: pointer; padding: 0 0 0 25px; line-height: 28px; height: 28px; }
.btn-back span { color: #333; font-weight: normal; font-size: 11px; line-height: 28px; background: url(images/layout/button-back.png) right top no-repeat; display: block; white-space: nowrap; height: 28px; margin: 0; padding: 0 13px 0 0; cursor: pointer; }
.btn-back:hover, .btn-back:focus { color: #111; text-decoration: none; background: url(images/layout/button-back.png) left -84px no-repeat; }
.btn-back:hover span, .btn-back:focus span { background: url(images/layout/button-back.png) right -28px no-repeat; }
.btn-back:-moz-focus-inner { padding-left: 0; border: none; }
.btn-back { width: auto; overflow: visible; }

.btn-active { float: left; color: #333; text-align: left;	background: url(images/layout/button.png) right -84px no-repeat; margin: 3px 5px 0 0; border: 0; cursor: pointer; padding: 0 28px 0 0; line-height: 28px; height: 28px; }
.btn-active span { color: #333; font-weight: normal; font-size: 11px; line-height: 28px; background: url(images/layout/button.png) left -28px no-repeat; display: block; white-space: nowrap; height: 28px; margin: 0; padding: 0 0 0 13px; cursor: pointer; }
.btn-active:hover, .btn-active:focus { color: #111; text-decoration: none; background: url(images/layout/button.png) right -84px no-repeat; }
.btn-active:hover span, .btn-active:focus span { background: url(images/layout/button.png) left -28px no-repeat; }
.btn-active:-moz-focus-inner { padding-left: 0; border: none; }
.btn-active { width: auto; overflow: visible; }