/* CSS Document */
/*rensa */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
:link, :visited {text-decoration:none;}
a img, :link img, :visited img {border:medium none;}
a:active {outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;}
a {outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;}
/**/


body{
	color: #2a2a2a;
	padding: 0;
	margin: 0;
	font: 12px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../images/cloth_bg.jpg) repeat;
}
.wrapper{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/work_bg.png) repeat-y;
}
.header{
	width: 827px;
	background: url(../images/head.jpg) no-repeat;
	background-position: 0 10px;
	height: 164px;
	margin-left: 46px;
	cursor: pointer;
	
}
.top{
	width:920px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/work_top.png) no-repeat;
	height: 41px;
	margin-top: 20px;
}
.topmenu{
	
	
}
.top ul{
	padding-top: 25px;
	padding-bottom: 5px;
	_padding-bottom:0px;
	text-align: right;
	float:right;
	width:300px;
	margin-right: 40px;
}
.top ul li{
	display: inline;
	padding-left: 16px;
	background: transparent url(../images/menu_marker2.gif) no-repeat scroll 0 3px;
	
}
.top a{
	font-size: 11px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 0px;
	color: #000000;

}
.top .last a{
	border: none;
}
.top a:hover{
	text-decoration: underline;
}

.top ul li.orange{
	background: transparent url(../images/menu_marker.gif) no-repeat scroll 0 3px;
}
.top ul li.first{
	background: none;
}
#flags {
	float: left;
	margin-left:40px;
}
#flags li{
	background: none;
	float: left;
	text-align:left;
}
#flags li a{
	width: 14px;
	height: 14px;
	display: block;
	padding: 0;
}
#svenska{
	background: transparent url(../images/flaggor/svensk_flagga.jpg) no-repeat scroll 0 0px;	
}
#norska{
	background: transparent url(../images/flaggor/norsk_flagga.jpg) no-repeat scroll 0 0px;	
}
#danska {
	background: transparent url(../images/flaggor/dansk_flagga.jpg) no-repeat scroll 0 0px;	
}
#engelska{
	background: transparent url(../images/flaggor/engelsk_flagga.jpg) no-repeat scroll 0 0px;	
}
.orange a{
	color: #f99e2c;
}
.menucontainer{
	margin-left: 50px;
	height: 60px;
	background: url(../images/meny_bg.jpg) no-repeat;
}
.menu{
	margin-left: 110px;
	height: 60px;
	padding-bottom: 34px;
	
}
#menu { width: 580px;  height: 70px; margin: 0; position: relative; z-index: 99; }
#menu #globalnav { margin: 0; padding: 0; height: 70px;}
#menu #globalnav li { display: inline; }
#menu #globalnav li a { float: left; width: 158px; height: 70px;  overflow: hidden; 
text-indent: -3000px;}
#menu #globalnav li a { background-image: url(../images/menu.jpg); background-repeat: no-repeat; }
/* knappar */
#menu #globalnav li#om_oss a {width: 98px; background-position: 0 0; }
#menu #globalnav li#vara_tjanster a {width: 147px; background-position: -98px 0; }
#menu #globalnav li#kunder a {width: 94px; background-position: -245px 0; }
#menu #globalnav li#miljoansvar a {width: 137px; background-position: -339px 0; }
#menu #globalnav li#press a {width: 90px; background-position: -476px 0; }
#menu #globalnav li#kontakt a {width: 104px; background-position: -566px 0; }

/* Hover */
#menu #globalnav li#om_oss a:hover {background-position: 0 -70px; }
#menu #globalnav li#vara_tjanster a:hover {background-position: -98px -70px; }
#menu #globalnav li#kunder a:hover { background-position: -245px -70px; }
#menu #globalnav li#miljoansvar a:hover {background-position: -339px -70px; }
#menu #globalnav li#press a:hover {background-position: -476px -70px; }
#menu #globalnav li#kontakt a:hover {background-position: -566px -70px; }

/* active */
#menu #globalnav li#om_oss a:active {background-position: 0 -70px; }
#menu #globalnav li#vara_tjanster a:active {background-position: -98px -70px; }
#menu #globalnav li#kunder a:active { background-position: -245px -70px; }
#menu #globalnav li#miljoansvar a:active {background-position: -339px -70px; }
#menu #globalnav li#press a:active {background-position: -476px -70px; }
#menu #globalnav li#kontakt a:active {background-position: -566px -70px; }

#menu #globalnav li#om_oss.active a{background-position: 0 -70px; }
#menu #globalnav li#vara_tjanster.active a{background-position: -98px -70px; }
#menu #globalnav li#kunder.active a{ background-position: -245px -70px; }
#menu #globalnav li#miljoansvar.active a{background-position: -339px -70px; }
#menu #globalnav li#press.active a{background-position: -476px -70px; }
#menu #globalnav li#kontakt.active a{background-position: -566px -70px; }

.content{
	padding-top: 67px;
}
.submenu{
	width: 175px;
	float: left;
	margin-left: 43px;
	font-size: 11px;
}
.submenu ul{
	padding-left:20px;
}
.submenu ul li{
	padding-bottom: 10px;
}
.submenu ul li.active{
	list-style-type: disc;
	color:#F99E2C;
	list-style-position: outside;
}
.submenu .active a{
	color: #f99e2c;
}
.submenu a{
	font-weight: bold;
	color: #f99e2c;
}
.submenu a:hover{
	font-weight: bold;
	color: #000000;
}
.main{
	padding-top: 5px;
	float: left;
	width: 437px;
	color: #000000;
}
.main h1{
	font-size: 22px;
	color: #f99e2c;
	padding-bottom: 17px;

}
.main h2{
	font-size: 14px;
	line-height: 21px;
}
.main img{
	padding-bottom: 17px;
}
.main p{
	line-height: 1.5454;
	padding-bottom: 17px;
}
.main a, main a:visited{
	color: #f99e2c;
	border-bottom: 1px dotted #f99e2c;
}
.main ul{
	line-height: 1.5454;
	/*
	padding-bottom: 17px;
	*/
	margin-left: 20px;
}
.main ul li{
	padding-bottom: 17px;
	list-style-type: disc #f99e2c;
	list-style-image: url(../images/menu_marker.gif);
}
.rightcolumn{
	width: 185px;
	margin-left: 36px;
	float: left;
}
.clear{
	clear: both;
}

#footer{
	font-size: 11px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	color: #000;
	height: 215px;
	background: url(../images/work_bottom.png) no-repeat;
}
#footer img{
	margin-left: 10px;
	margin-right: 3px;
}
#footer p{
	padding-top: 90px;
}
#footer a{
	color: #000;
	border-bottom: 1px dotted #000;
}
#footer a:hover{

}
.start{
	clear: both;
		background-color: red;
	padding-left: 76px;
	
}
.start p{
	font-size: 11px;
	padding: 35px 40px 15px 20px;
	
	color:  #101933;
	line-height: 1.363;
}
.start ul{
	padding-left: 35px;
}
.start ul li{
	color: #f99e2c;
	list-style-image: url(../images/menu_marker.gif);
	font-size: 11px;
}
.start ul li.svart{
	color: #000;
	list-style-image: url(../images/menu_marker_bk.gif);

}
.startleft{

	display: block;
	width: 383px;
	float: left;
	padding-top: 60px;
	padding-bottom: 45px;
	background: transparent url(../images/startsida/streck.jpg) repeat-y scroll 381px 0;
}
.startleft p{
	padding-top: 41px;
	cursor: pointer;
}
.startright{
	display: block;
	width: 383px;
	float: left;
	padding-top: 66px;
	padding-left: 28px;
	padding-bottom: 45px;
}
.startright p{
	cursor: pointer;
}
/*
Diverse klasser
*/
/*västtrafik
*/
#showVast{
	line-height: 1;
	padding-bottom: 0px;
	color: #f99e2c;
	cursor: pointer;
	border-bottom: 1px dotted #f99e2c;
	float: left;
	clear: right;
}
 #vastrafik{
	display: none;
}
.fullwidth{
	margin-left: 63px;
	width: 794px;
}

.floatleftpadding37{
	width: 200px;
	margin-right: 37px;
	float: left;
	clear: left;
}
.press img{
	padding-bottom: 7px;
}
.press a{
	border: none !important;
}
/*
Kunddatabas tabellen
*/
#kundTable{
	width: 100%;
	border-collapse:collapse;
	line-height:35px;
}

#kundTable .header{
	width: auto;
	height: auto;
	background: none;
	line-height:35px;
}

#kundTable th{
	border-bottom: 1px solid;
	padding-left:30px;
	text-align: left;
}

#kundTable th.last{
	padding-right:30px;
	padding-left: 0px;
}
#kundTable tr{
	border-bottom: 1px dashed #ADADAD;
}
#kundTable td{
	line-height:35px;
	padding-left:30px;
	border-bottom: 1px dashed #ADADAD;

}
#kundTable td.last{
	line-height:35px;
	padding-right:30px;
}
.bildtext{
	font-size: 10px;
	font-style: italic;
	padding-bottom: 17px;
	text-align: right;
	margin-top: -20px;
}
/*
PUFF
background: transparent url(../images/puffar/tyg.png) no-repeat 0 0;
	_background: transparent url(../images/puffar/tyg.gif) no-repeat 0 0;
*/
#puff{
	height: 205px;
	width: 240px;
	position: absolute;
	z-index: 100;
	margin-left: 25px;
}

.fullwidth #puff{
	margin-left: -10px;
	margin-top: -86px;
	visibility: visible;
}

.fullwidth #puff a{
	border: none;
}

#closebtn{
	background: transparent url(../images/puffar/kors.png) no-repeat 0 0;
	height: 10px;
	width: 10px;
	margin-left:185px;
	position:absolute;
	width:10px;
	margin-top: 22px;
	cursor: pointer;
}