@import url("layout.css");
body{
	font-family:Calibri, Arial, Helevetica, sans-serif;
	font-size:14px;
	height:auto;
	width:1004px;
}
a:link,a:visited{
    color:#839837;
    font-weight:bold;
    text-decoration:none;
}
a:hover{
    color:#839837;
    font-weight:bold;
    text-decoration:underline;
}
.container{
	width: 100%;
	height:auto;
	margin-top:10px;
}
.masthead{
	width:100%;
	height:240px;
}
/* Länkar från header*/
.linkheadWrap{
	width:98%;
	height:30px;
	text-align:right;
}
.linkLogo{
	width:10%;
	float:right;
	display: inline;
	padding-top:7px;
}
.zeroPaddingtop{
	padding-top:0px;
}
.specialPaddingTop{
	padding-top:3px;
}
.expressSpce{
	width:20%;
	padding-top:9px;
}
/* huvud med logo & meny*/
.headWrap{
	width:100%;
	height:137px;
	clear:right;
	margin-top:10px;
	background-image:url('../images/headbrg.gif');
	background-repeat:no-repeat;	
}
.logoWrap{
	width:20%;
	height:37%;
	padding-top:55px;
	padding-left:115px;
}
.logoWrapChain{
	width:50%;
	height:47%;
	padding-top:35px;
	padding-left:115px;
}
.navigationWrap{
	width:100%;
	height:22%;
	padding-left:116px;
}
/* flikor*/
.flap {
	height:100%;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	list-style-type: none;
	margin:0px;
	padding:0px;
}
.flap li{
	display: inline;
}
.flap a{
	height: 100%;
	width: auto;
	float: left;
	display: inline;
	text-decoration: none;
	font-size: 14px;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
}
.flap a:link{
	color: #ffffff;	
}
.flap a:visited{
	color: #ffffff;
}
.flap a:hover{
	width:auto;
	height:30px;
	background-image:url('../images/currentLine.gif');
	background-repeat:repeat-x;
	margin-top:3px;
}
.flap a.current{
	width:auto;
	height:30px;
	background-image:url('../images/currentLine.gif');
	background-repeat:repeat-x;
	margin-top:3px;
}

.depFlapLine{
	height: 30px;
	float: left;
	display: inline;
	border-right-color: #42453d;
	border-right-style: solid;
	border-right-width: 1px;
}
/* Sök */
.searchWrap{
	width:100%;
	height:32px;
	background-image:url('../images/blueBrg.gif');
	background-repeat:repeat-x;
	margin-top:2px;
	padding-top:10px;
	margin-right:10px;
}
.btnWrap{
	height:100%;
	float:right;
	display: inline;
}
.searchBtnWrap{
	width:6%;
}

.logInBtnWrap{
    width:32%;
    margin-top:5px;
}

.searchField{
	width:18%;
	height:100%;
	float:right;
	display: inline;
}
.searchField input{
	width:174px;
	border: 1px solid #d5d5d5;
	font-size:14px;
}
.searchBtnWidth{
	width:48px;
}
.logInBtnWidth{
	width:65px;
}
.shawDowBrg{
	width:100%;
	height:12px;
	clear:both;
	background-image:url('../images/shawdowBrg.gif');
	background-repeat:repeat-x;
}
/*Generell knapp*/
.btnLeft{
	width:2px;
	height:19px;
	background-image:url('../images/leftCornerBtn.gif');
	background-repeat:no-repeat;
	float:left;
	display: inline;
}
.btnBody{
	height:48px;
	background-image:url('../images/lineBtn.gif');
	background-repeat:repeat-x;
	float:left;
	display: inline;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	padding-top:3px;		
}
.btnRight{
	width:2px;
	height:19px;
	background-image:url('~/images/leftCornerBtn.gif');
	background-repeat:no-repeat;
	float:left;
	display: inline;
}
.pageContent{
    clear: right;
    position: relative;
    width: 88.5%;
    height: auto;
    margin-left: 115px;
    margin-right: auto;
    margin-top: auto;
    padding: 0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #f4f4f4;
}
/* bild på content */
.contentDesignWrap{
	width:90%;
	height:283px;
	clear:both;
}
.pictureWrap {
	width:50%;
	height:263px;
	float:left;
	margin:0pxi
}
.pictureFrame{
	border: 1px solid #d8d8d8;
	width: 525px;
	height: 260px;
}
.image{
	margin:5px;
}
.logInDiv
{
	position: absolute;
	top: -192px;
	left: 630px;
}
.logInWrap{
	width:243px;
	height:100%;
	float:Right;
	margin:0px;	
}
.logInBox{
    border: 1px solid #d8d8d8;
    width: 243px;
    height: 120px;
    background:#F4F4F4;
    padding-left:3px;
    padding-right:3px;    
}
.logInHeadLine{
    border-top: 1px solid #cfd0d0;
    border-bottom: 1px solid #cfd0d0;
    width: 100%;
        height: 20%;
        background-color: #e6e7e7;
        margin-left: 2px;
}
.inputWrap{
    width:100%;
    height:20%;
    padding-top:10px;
}
.inputPINWrap{
    width:100%;
    height:20%;
    clear:left;
    padding-top:2px;
    padding-bottom:2px;
}
.inputText{
    width:31%;
    height:100%;
    color:#5c5c5c;
    float:left;
    display: inline;
    padding-top:4px;
    padding-left:0px;
    font-size:14px;
}
.textBox{
    width:30%;
    height:100%;
    float:left;
    display: inline;
}

.logInHeadTxt{
    width:100%;
    margin-top:2px;
    margin-left:4px;
    color:#707070;
    font-weight:bold;
    font-size:16px;
}
/* Innehållet*/
.headline{
	border: 1px solid #cfd0d0;
	width: 58.7%;
	height: 28px;
	background-color: #e6e7e7;
	padding-left:4px;
}
.headLineText{
	color:#839837;
	font-size:18px;
	padding-left:19px;
	padding-top:4px;	

}
.contentWrap{
    width:58.7%;
    height:auto;
    padding-top:30px;
    padding-bottom:60px;
    padding-left:3px;
}
.contentText{
    height:auto;
    font-size:14px;
}
.contentTextBold{
    font-weight:bold;
    margin-top:20px;
}
.contentTextItalic{
    font-size:14px;
    font-style:italic;
}
.contentBox{
    width: 100%;
    height: auto;
    color: #777777;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    clear: both;
}
.contentScenarioLeft{
    padding-left:30px;
    padding-top:10px;
}
.contentIcon{
    width:3%;
    height:14px;
    float:left;
    display: inline;
}
.newsDate{
    width:60%;
    height:auto;
    float:left;
    display: inline;
    margin-bottom:15px;
}
.newsDate a:link,.newsDate a:visited{
    color:#777777;
    font-size:14px;
    font-weight:bold; 
    text-decoration:none;
}
.newsDate a:hover{
    color:#777777;
    text-decoration:underline;
}
.contentTitle{
    width:60%;
    clear:left;
    padding-left:30px; 
    font-size:16px;  
}
.contentBody{
    width:92%;
    height:auto;
    font-weight:normal;
    color:#333333;
    font-size:14px;
    padding-left:30px;
    padding-top:15px;
}
.sepratorLine{
    border-width: 1px;
    border-color: #cfd0d0;
    width: 93%;
    border-top-style: solid;
    padding-left:3%;
}
/* foot content*/
.footContentWrap{
    width:80%;
    height:15%;
    clear:both;
}
.nextWrap{
    width:50%;
    height:100%;
    float:right;
    display: inline;
}
.nextIcon{
    width:5%;
    height:10px;
    float:right;
    display: inline;
    padding-top:1px;
}
.nextText{
    width:auto;
    height:50px;
    float:right;
    display: inline;
    color:#9b7b11;
    font-weight:bolder;
    margin-right:5px;
}
.nextText a:link, .nextText a:visited{
   color:#839837; 
   text-decoration:none;
}
.nextText a:hover{
   color:#839837; 
   text-decoration:underline;
}

/** Kontakt**/
.contactWrap{
	width:95%;
	height:1950px;
	clear:both;
}
.contactHeadLine{
    width:520px;
}
.contactInfoBox{
    width:520px;
    height:auto;
    padding-left:10px;
    padding-top:20px;
    padding-bottom:5px;
    clear:left;
}
.contactTidsamInfo{
    height:400px;
   border-bottom:0px;
}
.contactName{
    color:#777777;
    font-size:16px;
    font-weight:bold;
    padding-left:23px;
    clear:both;
}
.tidsamContactName{
    color:#777777;
    font-size:16px;
    margin-left:20px;
    clear:left;
}
.tidsamSearch{
    color:#333333;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:10px;
}
.contactText{
    width:65%;
    margin-left:20px;
    margin-top:28px;
    margin-bottom:15px;
    float:left; 
    display: inline;
}
.contactText a:link,.contactText a:visited{
    color:#839837;
    font-weight:bold;
    text-decoration:none;
}
.contactText a:hover{
    color:#839837;
    font-weight:bold;
    text-decoration:underline;
}
.contactTidsamText{
    width:90%;
    margin-top:2px;
    margin-bottom:15px;
}
.logotypeBox{
    width:30%;
    padding-left:5px;
    padding-top:8%;
    float:left;
    display: inline;
}
.frameBrg{
    width:70%;
    height:0px;
    border:1px solid #cfd0d0;
    margin-left:18px;
    clear:left;
}
.tidsamMarginLeft{
    margin-left:20px;
    width:82%;
    clear:left;
}
.postnummerBtnWrap{
    width:20%;
    margin-top:2px;
}
.tblResult{
    width:95%;
    margin-left:10px;
    clear:both;
    border:1px Solid #4fbad7;
    border-collapse:collapse;
}
.tblTDStyle{
    border:1px Solid #4fbad7;
}
.cellFont{
    color:#333333;
    font-weight:bold;
}
/** Home **/
.miniBulletBoard{
    width: 243px;
    height: auto;
    padding-left:0px;
    padding-top:3%;    
}
.miniBulletDate{
    padding-left:20px;
    font-size:14px;
}
.mintBulletTitle{
    font-size:14px;
}
.miniBulletcontentBody{
    padding-top:1px;
    font-size:14px;
}
.miniBulletMore{
    width:18%;
    clear:left;
    padding-left:30px;
    float:right; 
    display: inline;  
}
.miniBulletMore a:link,.miniBulletMore a:visited{
    color:#839837;
    font-weight:bold;
    text-decoration:none;
}
.miniBulletMore a:hover{
    color:#839837;
    font-weight:bold;
    text-decoration:underline;
}
.homeContent{
    width:100%;
    /*height:700px;*/
    clear:both;
    padding-bottom:30px;
}
.contentColRgt{
    width:40%;
    float:left;
    display: inline;
    margin:0px;
}
.contentColLft{
    width:35%;
    float:left;
    display:inline;
    padding-left:10%;
    margin:0px;
}
.homeHeadLineText{
	padding-top:20px;
}
.home_ordSituationWrap{
   width:100%;
   padding-top:15px;
   padding-left:19px;
   padding-right: 0px;
   padding-bottom:15px;
}
.home_ordSituationImg{
    width:100%;
    padding-top:10px;
    padding-left:20px;
}
.home_ordSituationTxt{
    width:100%;
    padding-top:20px;
}
.home_ordSituationList{
    width:85%;
    padding-left:5px;
}
.home_ordSituationListWrap{
    padding-left:23px;
    padding-top:10px;
}
.home_recyImg{
    width:100%;
    padding-top:10px;
}
.home_recyLogInBox{
    width: 76%;
    border: 1px solid #c5cfa2;
    margin-left:25px;
    margin-top:20px;    
}
.hoem_recyHeadLine{
    background-color: #ffffff;
    border-bottom-width: 0px;
    border-top-width: 0px;
}
.home_reycCompanyLogo{
    padding-top:20px;
}
.home_reycCompanyLogoWrap{
    width:80%;
    padding-left:15%;
}
.home_contentText{
    height:auto;
    font-size:14px;
    width:100%;
    padding-left:19px;
    padding-top:15px;
}
/* Retursystem */
.recCompanyname{
    float:left;
    display: inline;
    padding-top:0px;
    width:50%;
}
.recCompanyname a:link,.recCompanyname a:visited{
    color:#839837;
    font-weight:bold;
    text-decoration:none;
}
.recCompanyname a:hover{
    color:#839837;
    font-weight:bold;
    text-decoration:underline;
}
.recLogotypeBox{
    padding-top:4px;
    padding-left:0px;
    height: 19px;
    float:left;
    display: inline;
}
/*Presention leveranstörer*/
.presentationWrap{
	width:95%;
	height:1000px;
	clear:both;
}
.presentationInfoWrap{
	width:50%;
	float:left;
	margin:0px;
}

/** Foot*/
.footer{
	width:100%;
	height:62px;
	clear:right;
	background-image:url('../images/footBrg.gif');
	background-repeat:repeat-x;
	color:#ffffff;		
}
.footInfoTxt{
	width:100%;
	height:60%;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
	font-size:14px;
}
.copyRight{
	width:100%;
	height:20%;
	text-align:center;
}
.floatFix{
    font-size:0; 
    height:0; 
    clear:both; 
    overflow:hidden;
}
.applicationInfoDiv
{
	background-color:#CAECF6;
	padding: 20px;
	font-style: italic;
	width: 400px;
}