﻿*{margin:0; padding:0;}

html
{
	background: #ccc url(../img/bg_site.jpg) repeat-x;
}
body
{
	padding: 0;
	margin: 0;
	font:70% Arial, Helvetica, sans-serif;
	color: #000;
}
A
{
	color: #000066;
	text-decoration:none;
	font-weight:bold;
}
A:Link
{
	color: #000066;
}
A:Visited
{
	color: #000066;
}
A:Active
{
	color: #000066;
}
A:Hover
{
	color: #336699;
}

h1, .heading1
{
	font-size: 170%;
	color: #000066;
	margin-bottom:8px;
	font-weight:normal;
	/*border-bottom:solid 1px #3399CC;*/
	
}
h2, .heading2
{
	font-size: 120%;
	color: #006699;
	margin-bottom:8px;
	font-weight:normal;
	padding:0;
	margin:0;
}
h3, .heading3
{
	font-size: 100%;
	color: #006699;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:5px;
}
h4, .heading4
{
	font-size: 100%;
	color: #006699;
	font-weight:bold;
	padding:0;
	margin:0;
}
h5, .heading5
{
	font-size: 100%;
	color: #006699;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:5px;
	line-height:150%;
	background: url(../img/line_H1.jpg) repeat-x bottom left;
}
table, th, tr, td
{
	padding: 0;
	margin: 0;
}

#fulloutercontainerdiv
{
	margin-right: auto;
	margin-left: auto;
}

#fullcontainerdiv
{
	float: left; /*background-color:Fuchsia;*/
}
#containerdiv
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left; /*float: left; 	width: 960px; 	padding-bottom: 20px; 	text-align: left; 	background-color: #FFFFFF;*/
}

#containerheaddiv
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	background-color: #000066;
	height: 140px; /*float: left; 	width: 960px; 	padding-bottom: 20px; 	text-align: left; 	background-color: #FFFFFF;*/
}

#leftmenudiv
{
	float: left;
	width: 199px;
	padding: 0; /*margin-left: 10px;*/
	background-color:#f5f5f5;
	border-bottom:solid 1px #bbb;
}
#threecolumnsdiv
{
	float: left;
	width: 980px;
	padding: 0px;
	
}
#imgStart
{
	float: left;
	width: 980px;
	padding: 0px;
}

#leftandmainareadiv
{
	float: left;
	width: 980px;
	background: url(../img/leftandmainareadiv.jpg) repeat-y center;
	padding: 0px;
    display:inline;
    zoom:1
	
}
#mainareadiv
{
	float: left; /*width: 250px;*/
	width: 770px;
	max-width: 770px; /*background-color: #fff888;*/
	padding:0 0 0 10px; /*margin-left: 20px;*/ /*width: 100%;*/
	margin: 0;	
}
#mainLeft
{
	float: left; /*width: 250px;*/
	width: 525px;
	margin-right: 10px;
	padding-right: 10px;
	margin-top:10px;
	font-size:110%;
	
}
#mainLeft ul {
	list-style:square outside none;
	margin:10px 0;
	padding:0 0 0 20px;
}
#mainLeft ul li {
	line-height:1.3;
	padding:3px 0;
}
#mainLeft ol {
	/*list-style:square outside none;*/
	margin:10px 0;
	padding:0 0 0 20px;
}
#mainLeft ol li {
	line-height:1.3;
	padding:3px 0;
	margin-left:5px;
}
#mainRight
{
	float: left; /*width: 250px;*/
	width: 215px;
	margin-right: 10px; /*margin-left: 20px;*/ /*width: 100%;*/
	margin-top:10px;
}
#mainLeftRight
{
	float: left; /*width: 250px;*/
	width: 760px;
	padding-right: 10px; /*margin-left: 20px;*/ /*width: 100%;*/
	margin: 10px 0 0 0;
}
#mainareadivStart
{
	float: left; /*width: 250px;*/
	/*background: url(../img/mainareadivStart.jpg) repeat-y center;*/
	width: 960px;
	max-width: 960px;
	padding: 0 10px;
	margin: 10px 0 10px 0;
	overflow:hidden;
}
#mainLeftStart
{
	float: left; /*width: 250px;*/
	width: 380px;
}
#mainRightStart
{
	float: right; /*width: 315px;*/
	/*width: 790px;*/
	background:url(../img/startpage_bgshort.jpg) no-repeat;
	/*margin-left: 10px;*/ /*margin-left: 20px;*/ /*width: 100%;*/
	width:588px;
	height:140px;
}
.mainRightStartContainer
{
	float: left;
	width: 97%;
	/*margin-top: 5px;*/
	padding-bottom: 2px; /*border-bottom: solid 1px #ccc;*/
	color: #000;
	margin-top:8px;
    height:122px;
    overflow:auto;    
    overflow-x: hidden;
    scrollbar-face-color: #336699;
    scrollbar-track-color: #336699; 
    scrollbar-highlight-color: #2a4690; 
    scrollbar-shadow-color: #2a4690;
    scrollbar-arrow-color: #ffffff; 
    scrollbar-darkshadow-color: #336699;
    scrollbar-3dlight-color: #336699;

	/*background: url(../img/bg_rightStartContainer.jpg) repeat-x bottom;*/
}
#mainareadivErrorpage
{
	float: left; /*width: 250px;*/
	width: 100%;
	max-width: 100%; /*background-color: #fff888;*/
	padding-left: 10px; /*margin-left: 20px;*/ /*width: 100%;*/
	margin: 30px 0 0 0;
	height:225px;
	text-align:center;
}
/*.mainRightStartNewsSeperator
{
    float:left;
    width:100%;
    margin: 0 auto;
    height:2px;
    background: url(../img/bg_newsitemNews_border.jpg) no-repeat center;
    
    }*/
.mainRightStartSeperator
{
	float: left;
	width: 100%;
	height: 2px;
	background: url(../img/bg_newsitem_border.jpg) repeat-x;	
	margin:5px 0;
}
.mainSeperator
{
	width: 100%;
	height: 2px;
	background: url(../img/bg_newsitem_border.jpg) repeat-x;	
	margin:0 0 12px 0;
	clear:both;
}
.newslistRightStartSeperator
{
	float: left;
	width: 100%;
	height: 2px;
	background: url(../img/newsitemRight_border.gif) no-repeat;	
	margin:5px 0 2px 0;
}
.mainRightStartContainer .heading1
{
	 background:none;
}
.mainRightStartContainer .heading2
{
	float: left;
	width: 100%;
	color: #666;
}
/*.mainRightStartContainer A
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
.mainRightStartContainer A:Hover
{
	color: #000066;
}*/
.mainRightStartHeader
{
	float: left;
	font-size: 140%;
	/*background: url(../img/gradient_blue_header.gif) repeat-x left top;*/
	/*background: url(../img/bg_headerStartRight.jpg) repeat-y;	*/
	/*border: solid 1px #f5f5f5;*/	
	font-weight:bold;
	width: 93%;
	padding: 12px 3% 5px 4%;
	color: #fff; /*color:#000066; */
}

.mainRightStartNewslist
{
	float: left;
	width: 96%;
	padding-left: 4%;
	
}
#leftmainareadiv
{
	float: left;
	width: 475px; /*background-color: Gray;*/
	margin-left: 10px; /*width: 100%;*/
}

#mainandrightdiv
{
	float: left;
	width: 100%; /*20060318 width: 475px;*/
	margin-left: 20px;
	/*background-color: Yellow;*/ /*width: 645px;*/
}
.mainRightStartNewslistHeader 
{
	float: left;
	/*width: 95%;*/
	margin-top: 2px;
	font-size:120%;
	color:#fff;
}
.dateStartNewsList
{
	float: left;
	font-size:100%;
	color:#fff;
	margin-top: 3px;
	font-style:italic;
	margin-right:5px;
}
.mainRightStartNewslistText
{
	float: left;
	font-size:110%;
	color:#fff;
}
.mainRightStartNewsletterText
{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.readmore A
{
	margin-top: 5px;
	float: left;
	/*background: url(../img/readmore_current.png) left center no-repeat;
	text-indent: 10px;*/
	background: url(../img/arrow_doc.gif) left center no-repeat;
	text-indent: 16px;
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}
.readmore A:Active
{
	color: #000066;
	
}
.readmore A:Visited
{
	color: #000066;
	
}
.readmore A:Hover
{
	color: #336699;
	
}
.startareaTextContainer A:Hover
{
	color: #336699;
}
/*
#rightmenudiv
{
    float: right; 
    width: 205px;
    padding: 0px 0px 0px 20px; 
}
#rightrightmenudiv
{
    float: right;
    width: 250px; 
    padding: 0px; 
    vertical-align: top; 
}*/
#footerdiv
{
	float: left;
	width: 980px;
	height: 80px;
	/*background: #FFD700 url(../img/top_lightyellow.jpg) bottom repeat-x;*/
	background: #FFD700 url(../img/header_bg.jpg) top repeat-x;
}
#footerLeft
{
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}
#footerRight
{
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	text-align: left;
}

.language
{
	float: right;
	width: 100%;
	font-size: 100%;
	padding-top: 5px;
	clear:both;
	text-decoration:underline;
	text-transform:uppercase;
}
.language A
{
	text-decoration:underline;
	color:#000066;
    text-transform:uppercase;
}
.language A:visited
{
	color:#000066;
	text-decoration:underline;
}
.language A:hover
{
	color:#336699;
	text-decoration:underline;
}

.country
{
	float: right;
	width: 100%;
	padding-bottom: 5px;
	
}
.ddlCountry
{
	background-color: #fdd32d;
	border: solid 1px #fff7bd;
	font-size:10px;
}
#copyrightdiv
{
	float: left;
	/*width: 980px;*/
	width:100%;
	height: 20px;
	text-align: center;
	padding-top: 8px;
	color: #666;
	margin:0 auto;
}

#copyrightdiv A
{
	color: #666;
	text-decoration: none;
	padding: 0 0 0 0;
	font-weight:normal;
	display:inline
}
#copyrightdiv A:link
{
	color: #666;
}
#copyrightdiv A:visited
{
	color: #666;
}

#copyrightdiv A:Hover
{
	text-decoration: underline;
}


#copyrightdiv .line
{
	border-right: solid 1px #999;	
	margin: 0 10px;
}
#copyrightdiv .paddingLeft10
{
	padding: 0 10px;
}

#maincontainerdiv
{
	width: 100%;
	float: left;
	background-color: #fff;
}
#contentdiv
{
	width: 980px;
	padding: 0; /*padding: 0px 65px 0px 50px;*/
	float: left;
	background-color: #ffffff;
	vertical-align: top;
}
#topmenu
{
	float: left;
	width: 750px;
	height: 35px;
	max-height: 25px;
	vertical-align: middle;
	background-color: #716d6e;
}
#topmenudiv
{
	float: left;
	width: 980px;
	height: 34px;
	background: url(../img/bg-nav.png) repeat-x;
}
#breadcrumbs
{
	width: 980px;
	padding: 0;
	float: left;
	height: 25px;
	background: url(../img/bgBreadcrumbs.gif);
	
}
#breadcrumbsdiv
{
	float: left;
	width: 98%;
	padding: 5px 1% 0 1%;
}
#breadcrumbsdiv A
{
    text-decoration:none;
    color:#000066;
    font-weight:normal;
    display:inline;
}
#breadcrumbsdiv A:Hover
{
    color: #336699;
	text-decoration: none;
}
#breadcrumbsdiv .CurrentPage
{
    font-weight: bold;
}

.breadcrumb
{
	float: left;
	color: #336699;
	text-decoration: none;
}

#search
{
	float: right;
	margin-top: 23px;
	overflow:hidden;
	

}
.btnSearch
{
	/*background: url(../img/magnifier.png) no-repeat left center;*/
	font-weight: bold;
	text-decoration: none;
	margin:0 1px 0 5px;
	text-transform:uppercase;
	float:right;
	display:inline;
	background: url(../img/button.jpg) no-repeat left center;
	width:61px;
	text-align:center;
	padding-top:1px;
	color:#ffffff;
	height:17px;
}
#search A:Link
{
	color: #fff;
}
#search A:Visited
{
	color: #fff;
}
#search A:Active
{
	color: #fff;
}
#search A:Hover
{
	color: #000066;
}

.txtSearch
{
	width: 150px;
	height: 14px;
	font-size:100%;
    float:right;
}
.btnSearchPage
{
	/*background: url(../img/magnifier.png) no-repeat left center;*/
	font-weight: bold;
	text-decoration: none;
	margin:2px 0 0 10px;
	text-transform:uppercase;
	float:left;
	clear:right;
}

.searchdivider {
	/*background:url("../img/bg_searchhit_border.png") repeat-x scroll 0 100% transparent;*/
	margin-bottom:10px;
	padding-bottom:10px;
	border: 0px;
}
#topheadarea
{
	float: left;
	width: 980px;
	height: 105px;
	/*background: #FFD700 url(../img/top_lightyellow.jpg) top repeat-x;*/
	background: #FFD700 url(../img/header_bg.jpg) bottom repeat-x;
}
#topheadareaLeft
{
	float: left;
	width: 20%;
}
#logo
{
	float: left;
	/*background: url(../img/logo.png) no-repeat; Bilden hämtas från Epi mallen.*/
	width: 138px;
	height: 77px;
	background-position: left center;
	margin-left: 25px;
	margin-top: 15px;
}
/*errorpages, bilden hämtas inte från Epi mallen.*/
.logo
{
	float: left;
	background: url(../img/logo.png) no-repeat;
	width: 138px;
	height: 77px;
	background-position: left center;
	margin-left: 25px;
	margin-top: 15px;
}
#topheadareaMiddle
{
	float: left;
	width: 30%;
}
#textTopheadareaMiddle
{
	color: #000066;
	font-size: 200%;
	margin-top: 28px;
	float: left;
	width: 100%;
	text-align:right;
}
#topheadareaRight
{
	float: left;
	width: 46%;
	margin-right:3%;
}
/*#contactTop
{
	float: left;
	width: 98%;
	height: 95px;
}
#contactTop A
{
	color: #000066;
	text-decoration: none;
}
#contactTop A:Hover
{
	text-decoration: underline;
}
.contactDiv
{
	float: right;
	color: #000066;
	margin-top: 10px;
}
.contactRow
{
	float: left;
	clear: both;
	padding-bottom: 5px;
}*/

#login
{
	float: left;
	margin-top: 9px;
	overflow:hidden;
	font-size: 90%;
	width:50%;
	
}
#login A
{
	text-decoration:underline;
	color:#000066;
	text-transform:uppercase;
}
#login A:hover
{
	color:#336699;
	
}
.loginDiv
{
	float: right;
	/*padding: 0 25px 0 10px;*/
	padding: 0 25px 0 10px;
	font-size: 120%;
}
.ddlLogin
{
	
	font-size:10px;
	/*height:17px;*/
}
#imgStart UL
{
	 list-style:none;
	 padding-left:0;
	 margin-left:0;
	 margin-top:0;
	 font-size:150%;
	 margin-bottom:0;
	 font-weight:bold;
	 
}
#imgStart LI
{
   
	 
}
.overviewRow
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.productContainer
{
    width:370px;
    float:left;
    margin-right: 10px;
    }
.productDivTop
{
	width: 368px;
	background:url(../img/productDivTop.jpg) no-repeat;
	height:10px;
}
.productDiv
{
	width: 356px;
	background:#f4f4f4 url(../img/product_main.jpg) repeat-x;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 5px;
	min-height:118px;
}
.productDivBottom
{
	width: 368px;
	background: url(../img/product_bottom.png) no-repeat;
	height:14px;
	margin-bottom: 20px;
}
.overviewDivHeader
{
	font-size: 120%;
	color:#000066;
	padding-bottom:5px;
}
.productDivText
{
    margin-top:5px;
    font-size:110%;
    min-height:75px;
}
.overviewDivReadMore A
{
	text-decoration: none;
	font-weight: bold;
	color: #003366;	
	margin-top: 5px;
	float: left;
	/*background: url(../img/readmore_current.png) left center no-repeat;
	text-indent: 10px;*/
	background: url(../img/read_more_startnews.png) left center no-repeat;
	text-indent: 16px;
	
}
.overviewDivReadMore A:Hover
{
	text-decoration: none;
	font-weight: bold;
	color: #336699;
}
.mainRightStartNewslistReadMore
{
	float: left;
	
	
}
.mainRightStartNewslistReadMore A
{
	text-decoration: none;
	font-weight: bold;
	color: #fff;	
	margin-top: 5px;
	margin-left:8px;
	float: left;
	/*background: url(../img/readmore_current.png) left center no-repeat;
	text-indent: 10px;*/
	background: url(../img/read_more_startnews.png) left center no-repeat;
	text-indent: 16px;
	
}
.mainRightStartNewslistReadMore A:Hover
{
	text-decoration: none;
	font-weight: bold;
	color: #ffcc00;
}
.customerDiv
{
	float: left;
	margin-right: 15px;
	width: 160px;
	background-color: #fff; /*background: url(../img/bgproductDiv.jpg) no-repeat;*/
	border: solid 1px #ccc;
	padding: 5px;
}
.customerDivText
{
    color:#000;
}
.customerDivImg
{
    padding:5px 0 2px 0;
    text-align:center;
   }
.imgWidthCustomer
{
    
}
.mainText
{
	padding: 0px;
	margin: 0px;
}
.mainTextArea
{
	width: 100%;
	padding-bottom: 20px;
	
}
.mainTextAreaIntro
{
	width: 94%;
	padding:1% 2%;	
	/*background-color: #eee;	*/
	background: #ffffff url(../img/bg_contactform.jpg) top repeat-x;
	border: solid 1px #ccc;
	margin-bottom:15px;
	margin-top:8px;
	line-height:1.6;
}
.mainTextAreaIntroCustomers
{
	margin-bottom:10px;
	margin-top:4px;
	line-height:1.4;
	font-weight:bold;
}
.mainTextAreaIntroSearch
{
	width: 94%;
	padding:2% 2% 1% 2%;	
	background-color: #eee;	
	border: solid 1px #ccc;
	margin-bottom:15px;
	line-height:1.4;
}
.mainTextAreaIntroContact
{
	width: 94%;
	padding:2% 2% 1% 3%;	
	background-color: #eee;	
	border: solid 1px #ccc;
	margin-bottom:15px;
	line-height:1.4;
	float:left;
}
.mainTextAreaNewslist
{
	margin-bottom:5px;
	margin-top:4px;
	line-height:1.4;
	font-weight:bold;
}

.rightImgMain
{
	padding-left:12px;
}
.rightImgMainArea
{
	float: right;  
	overflow:hidden;
}

.rightImg
{
	float: right;
	width: 100%;
	margin-bottom: 20px;
}
.refInfo
{
    clear:both;
    padding-left:12px;
    padding-bottom:5px;
    font-weight:bold;
    color:#666;
    text-align:left;
}
.refInfo_ucRightImages
{
    clear:both;
    padding-left:2px;
    padding-bottom:5px;
    margin-top:2px;
    font-weight:bold;
    color:#666;
    text-align:left;
}
.date
{
    font-size:80%;
}
.rightContainerAreaBlue
{
	float: left;
	background: #eee url(../img/bgRightHeader.jpg) no-repeat top left;
	width: 92%;
	margin-bottom: 20px;
	border: solid 1px #666;
	padding: 5px 4% 5px 3%;
	color: #fff;
}
.rightContainerAreaYellow
{
	float: left;
	background: #eee url(../img/bgRightHeaderYellow.jpg) no-repeat top left;
	width: 92%;
	margin-bottom: 20px;
	border: solid 1px #666;
	padding: 5px 4% 5px 3%;
	color: #000;
	
}
.rightContainerAreaGrey
{
	float: left;
	background: #eee url(../img/bgRightHeaderGrey.jpg) no-repeat top left;
	width: 92%;
	margin-bottom: 20px;
	border: solid 1px #666;
	padding: 5px 4% 5px 3%;
	color: #fff;
}
.rightDivHeader
{
	width: 215px;
	height: 25px;	
	font-size: 110%;
}

.rightDivText
{
	margin: 5px 0 0 0;
	color:#000000;
    font-size:110%;
}
.rightDivText A:visited, A
{
	color:#000066;
}
.rightDivText A:Hover
{
	color:#336699;
}
.rightDivReadMore A
{
	text-decoration: none;
	font-weight: bold;
	color: #000066;
}
.rightImgNewsArea
{
	float: right;  
	overflow:hidden;
	padding-left:12px;
	padding-bottom:5px;
}
.leftImgNewsArea
{
	float: left;  
	overflow:hidden;
	padding-right:12px;
	padding-bottom:5px;
}
.rightContainer
{
	float: left;
	width: 92%;
	margin-bottom: 20px;
	border: solid 1px #666;
	padding: 5px 4%;
}
.rightContainerDivHeader
{
	width: 215px;
	height: 25px;
	color: #000066;
	font-size: 110%;
}
.rightContainerDivText
{
}
.rightContainerDivReadMore A
{
	text-decoration: none;
	font-weight: bold;
}
#menu
{
	float: left;
	width: 100%;
	
	height: 34px;
	overflow: hidden;
}
#menu ul
{
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 10px;
	list-style-type: none;
	height: 34px;
	
}

#menu li
{
	float: left;
}

#menu a:link, #menu a:visited
{
	float: left;
	display: block;
	color: #eff8ff;
	font-weight: bold;
	padding: 10px 12px 9px 12px;
	border-bottom-width: 0;
	text-decoration: none;
	border-right: solid 1px #2e393d;
	font-size:120%;
}

#menu a:hover, #menu a:active
{
	color: #000066;
	background: url(../img/bg-nav_hover2.png) repeat-x center -1px;	
	
}
#menu .choosen
{
	background: url(../img/bg-nav.png) no-repeat center top;
	background-position: center -34px;
	padding-top: 1px;
	/*border-top: solid 1px red;*/ /*border-top: solid 1px #2e393d;*/
	color: #000066;
}

#menu A .choosen
{
	color: #000066;
}
#menu .choosen A:Hover
{
	color: #000066;
	background: url(../img/bg-nav_hover2.png) repeat-x center -1px;	
	/*background: url(../img/bg-nav.png) no-repeat;
	background-position: center -36px;*/
	/*border-top: solid 1px #000066;*/
}
/*#menu .lastButton A
{
	border-right: none;
	padding: 10px 12px 9px 12px;
	border-right: solid 1px #2e393d;
}*/
#mainRight ul
{
	list-style-type: none;
	padding:0;
	margin: 10px 0 0 0;
}

#mainRight ul li
{
	background: transparent url("../img/readmore_current.png") left 4px no-repeat;
	padding: 0 0 10px 0;
	text-decoration: none;
	color: #000066;
	text-indent: 10px;
	font-weight:bold;
}
.paddingTop5
{
	padding-top: 5px;
}
.paddingRight10
{
	padding-right: 10px;
}
.paddingRight25
{
	padding-right: 25px;
}
.paddingLeft10
{
	padding-left: 10px;
}
.paddingLeft5
{
	padding-left: 5px;
}
.paddingLeft0
{
	padding-left:0;
}
.paddingBottom15
{
	padding-bottom: 15px;
}
.paddingBottom5
{
	padding-bottom: 5px;
}
.marignTop10
{
	margin-top: 10px;
}
.marginBottom10
{
	margin-bottom: 10px;
}
.space
{
	height: 10px;
	width: 100%;
}
.space5
{
	height: 5px;
	width: 100%;
}
.space4
{
	height: 4px;
	width: 100%;
	clear:both;
}
.space0
{
	height: 0;
	width: 100%
}
.space10
{
	height: 10px;
	width: 100%;
	clear:both;
}
.bold
{
 font-weight:bold
}
.clearLeft {
	clear: left;
}
.clearBoth {
clear:both
}
.bgdarkgrey
{
	background-color: #666;
}
.imgBorder
{
	border: solid 1px #ffcc00;
}
.borderBottom
{
	border-bottom: solid 1px #666;
}
.floatLeft
{
	float: left;
}
.width100
{
	width:100%;
}
.font110
{
    font-size:110%;}
  .width30
{
	width:33%;
}  
    
    
ul.menuLeft{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px;line-height:165%;width:199px;}
ul.menuLeft li{margin:0;padding:0; list-style-type:none;}
ul.menuLeft li a{display:block;text-decoration:none;color:#000066;background:#f5f5f5;padding:0 0 0 10px;width:169px; margin-left:20px;}
ul.menuLeft li a:hover{background-color:#fff;color:#336699;}
ul.menuLeft li a.current,ul.menuLeft li a.current:hover{background:#f5f5f5 url("../img/leftmenu_current.png") no-repeat 0 6px; margin-left:20px;}    

ul.menuLeft li .root{margin:0;padding:0;border-top:1px solid #bbb;border-bottom:1px solid #fff;}
ul.menuLeft li a.root{display:block;text-decoration:none;color:#000066;background:#ddd url("../img/bg_leftmenuRoot.jpg") repeat-x;padding:5px 0 5px 10px;width:189px;}
ul.menuLeft li a.root:hover{background-color:#f5f5f5; background-image:none; color:#336699;}
ul.menuLeft li a.currentRoot,ul.menuLeft li a.currentRoot:hover{background:#efefef url("../img/leftmenu_current.png") no-repeat 0 11px;padding:5px 0 5px 10px;width:189px; margin-left:0;border-top:1px solid #bbb;border-bottom:1px solid #fff;}    

/*ul.menuLeft ul li li { background-color:Aqua;}*/
  
    
#leftMenu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 10px;
	width:90%; 
	
	
}
#leftMenu a
{
	display: block;
	margin: 10px 0 10px 0;
	padding: 0.2em;	
	text-decoration: none;
	
}
#leftMenu .root
{
	display: block;
	margin: 10px 0 10px 0;
	padding: 0.3em;	
	text-decoration: none;
	height: 100%;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;
}
#leftMenu .currentRoot
{
	display: block;
	margin: 10px 0 10px 0;
	text-decoration: none;
	height: 100%;
	border-bottom: 1px solid #CCCCCC;
	font-weight:bold;	
    background: url(../img/leftmenu_current.png) no-repeat left 6px ;
    padding: 0.3em;	
   
    text-indent: 8px;
}

#leftMenu ul
{
	list-style-type: none;
	padding-left:0;
	margin:0;
}

#leftMenu ul a
{
	margin: 0;
	border-bottom: none;
	font-weight:normal;	
	padding:0.3em 0 0.3em 20px;	
}

#leftMenu a:link
{
	color: #000066;
}
#leftMenu a:visited
{
	color: #000066;
}
#leftMenu a:hover
{
	color:#336699;
}
#leftMenu .current 
{
	    font-weight: bold;
	    background: url(../img/leftmenu_current.png) no-repeat 8px 6px;
	    padding:0.3em;	
	    margin: 0 0 0 0;
	    text-indent: 17px;
}
/*#leftMenu a#subcurrent
{
	font-weight: bold;
}*/
.topImageRight
{
	 border: solid 1px #666;
	 width: 215px;
	 max-width: 215px;
}
.imageBorder
{
	 border: solid 1px #666;
}
.imgCustomers
{
	 border: solid 1px #666;
	 width: 150px;
	 max-width: 150px;
}
/*Startpage*/

#mainLeftStart H1
{
	 background:none;
}
/*.mainLeftStartareaContainer
{
    float:left;
    width:99%;
    
}*/
.mainLeftStartarea1
{
    float:left;
    width:225px;
    /*border:solid 3px #ffcc00;*/
    padding: 5px;
    height:170px;
    background:url(../img/gradient_yellow.jpg) no-repeat;
    
}
.mainLeftStartarea2
{
    float:left;
    width:225px;
    /*border:solid 2px #3399CC;*/
    padding: 5px;
    height:170px;
    /*background-color:#eee;*/
    background:url(../img/gradient_bluebox.jpg) no-repeat;
    margin-left:6px;
}
.mainLeftStartarea3
{
    float:left;
    width:225px;
    /*border:solid 2px #3399CC;*/
    padding: 5px;
    height:170px;
    background:url(../img/gradient_yellow.jpg) no-repeat;
    margin-left:6px;
}
.mainLeftStartarea4
{
    float:left;
    width:225px;
    /*border:solid 2px #ccc;*/
    padding: 5px;
    height:170px;
    background:url(../img/gradient_bluebox.jpg) no-repeat;
    margin-left:6px;
}
.mainLeftStartarea5
{
    float:left;
    width:380px;
    /*background:url(../img/startpage_bgwide.jpg) no-repeat;*/
    background:url(../img/startpage_Leftimg.png) no-repeat;
    height:140px;
    /*border:solid 2px #666;
    padding: 5px;
    height:387px;
    background-color:#3399CC;*/
}
/*.mainLeftStartarea6
{
    float:left;
    width:100px;
    
    padding: 5px;
    height:390px;
    
    background:url(../img/bg_pushboxYellow.gif) no-repeat;
    background-color:#ffcc00;
}*/
.mainLeftStartarea7
{
    float:left;
    width:110px;
    border:solid 2px #336699;
    border-top:none;
    padding: 5px;
    height:60px;
    background-color:#3399CC;
}
.startareaTextContainer
{
    
    padding-right:10px;
    float:left;
    margin-top:20px;
    margin-bottom:5px;
    padding-left:10px;
    height:124px;
}
.startareaImageContainer
{
    
    width:120px;
    float:left;   
    
}
.startareaImageContainer img
{
    border: solid 1px #666;
    position: relative;
    left: 250px;
    top: 12px;
    
}

.startareaText
{
    float:left;
    font-size:130%;
    overflow:hidden;
    width:100%;
    margin-top:4px;
}
.startareaHeading
{
    float:left;
    overflow:hidden;
    width:100%;
    margin-top:8px;
}
.startareaOnlyHeading
{
    float:left;
    overflow:hidden;
    width:100%;
    margin-top:8px;
    text-align:center;
}

/* Backgrunds klasser till förstasidans slides.*/
.bgYellow
{
    z-index:2;
	display:block;
	background:url(../img/bg_yellow.png) repeat;	
	padding:15px 15px 15px 15px;
	line-height:1.8;
	color:#000066;	
	float: right;
	border: solid 1px #ffcc00;
	border-right:0;
}
.bgBlue
{
    z-index:2;
	display:block;
	background:url(../img/bg_blue.png) repeat;	
	padding:15px 15px 15px 15px;
	line-height:1.8;
	color:#fff;	
	float: right;   
	border: solid 1px #000066;
	border-right:0;    
}
.bgGray
{
    z-index:2;
	display:block;
	background:url(../img/bg_grey.png) repeat;	
	padding:15px 15px 15px 15px;
	line-height:1.8;
	color:#efefef;	
	float: right;   
	border: solid 1px #666;
	border-right:0;	
}
.imgStartContainer
{
	height:250px;
	width:980px;
    position:relative; 	
}
.positionBottom
{
    position:absolute; 
    right:0; 
    bottom:5%; 	
}

.positionTop
{
    position:absolute; 
    right:0; 
    top:5%; 	
}
.positionMiddle
{
    position:absolute; 
    right:0; 
    top:30%; 	

}
.searchlist
{
   width:100%; 
   float: left;	
   overflow: hidden; 
    }
.linklist
{
   width:100%; 
   float: left;	
   overflow: hidden; 
   
    }
.linklist ul
{
   padding: 0;
	width: 100%;
	margin: 0 0 10px 0;
	list-style-type: none;
 
 } 
.linklist li
{
    border-bottom: solid 1px #ccc;
    padding-left:0;
    margin-left:-10px;
    padding-bottom:10px;
    margin-bottom:15px;
    list-style-type: none;
 
 }
 .linklist a:link
 {
	font-weight: bold;
	padding: 1px 0 3px 0;
	border-bottom-width: 0;
	text-decoration: none;
	color:#000066;
} 
.linklist a:active
 {
	font-weight: bold;
	padding: 1px 0 3px 0;
	border-bottom-width: 0;
	text-decoration: none;
	color:#000066;
} 
.linklist a:visited
 {
	font-weight: bold;
	padding: 1px 0 3px 0;
	border-bottom-width: 0;
	text-decoration: none;
	color:#000066;
} 
.linklist a:hover
 {
	color:#336699;
} 

.linklistTitle
{
 margin-left:60px;
 
 }
 .linklistInfo
{
    margin-left:60px;
    padding-bottom: 2px;
 
 }
 .linklistSize
{
    margin-left:60px;
    font-size:80%;
 }
 
 .icon_enlarge {
	text-decoration: none;
	font-weight: bold;
	color: #003366;	
	background: url(../img/readmore_current.png) left center no-repeat;
	text-indent: 10px;
}  
.icon_enlarge A {
  font-weight:bold;
}  
.contactTextMap
{
    clear:both;
    padding-bottom:5px;
    margin-left: 10px;
}  
.contactlist
{
   width:100%; 
   float: left;	
   overflow: hidden; 
   /*margin-top:10px;
   padding-bottom:10px;*/
   display:inline
    }
.contactDiv
{
	
}
/*.contactDivRight
{
	float: right;
	background-color: #fff; 
	border: solid 1px #ccc;
	padding: 5px;
	width:246px;
	overflow:hidden;
	display:inline;
}
*/

.contactDivText
{
     float:left;
     padding:0 0 0 5%;
     width: 55%;
}
.contactDivImg
{
    padding:0 0 0 0;
    float:left;
    width: 40%;
   }
.contactInfo
{
    padding-bottom:2px;
    width:100%;
}
.contactName
{
     background-color:#006699;     
     padding:2px;
     font-weight:bold;
     color:#fff;
} 
.contactTitle
{
     padding:0 2px 5px 2px;
     font-style:italic;  
     min-height:30px;   
} 
.contactPhone
{
   width:100%;
   height:14px;
} 
.contactMobile
{
   width:100%;
   height:14px;
} 
.contactEmail
{
   word-wrap:break-word;
   width:100%;
} 


.contactPerson
{
    padding: 0;
	width: 100%;
	margin: 0;
	list-style-type: none;
 
 } 


#contact
{
   width:100%; 
   float: left;	
   overflow: hidden; 
    }
#contact ul
{
    padding: 0;
	width: 100%;
	margin: 0;
	list-style-type: none;
 
 }  
 #contact ul li
{
    padding: 5px;
    line-height:1.2; 
 }  
 
 
 /*#mainLeft ol,ul {
	list-style:disc outside none;
	margin:10px 0;
	padding:0 0 0 20px;
}
#mainLeft ul li {
	line-height:1.3;
	padding:3px 0;
}*/
 
.contactLeft 
{
    float: left;
	background-color: #fff; /*background: url(../img/bgproductDiv.jpg) no-repeat;*/
	border: solid 1px #ccc;
	padding: 5px;
	width:245px;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
	
 }
.contactRight 
{
    float: right;
	background-color: #fff; /*background: url(../img/bgproductDiv.jpg) no-repeat;*/
	border: solid 1px #ccc;
	padding: 5px;
	width:245px;
	margin-bottom:10px;
	overflow:hidden;
	
 }





 /* Till söksidan. */
 .gvPagerStyle span, .gvPagerStyle a{ 
	color:#000066;
	border:1px solid #000066;
	font-weight:bold;
	background:#ffffff;
	float:left;
	margin: 0 4px 5px 0px;
	padding: 3px 0px;
	text-align:center;
	width:20px;
}

.gvPagerStyle a{ 
	background-color:#ffcc00;
	font-weight:normal;
	margin: 0 4px 5px 0px;
	padding: 3px 0px;
}

/* Kontaktform */

#backgroundPopup{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#666;  
	border:1px solid #cecece;  
	z-index:11;  
}
.divContactformLeft
{
    float:left;
    }  
    .divContactformRight
{
    float:right;
    margin-top:25px;
    }  
    .divContactformAll
{
    width:100%;
    float:left;
    }  
contactformButtons    
{
    width:100%;
    float:left;
    overflow:hidden;
    }  
#kontaktform {
	-moz-border-radius:7px;
	-webkit-border-radius:7px; 
	background: #ffcc00 url(../img/bg_contactform.jpg) top repeat-x;
	border:1px solid #000066;
	border-radius: 7px;
	display:none;
	height:auto;
	overflow:hidden;
	padding:10px 20px;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/  
	width:320px;
	z-index:12; 
}
#kontaktformvis.kformPlain {
	position:relative;
	float:left;
	border:0px;
	padding:0px;
	margin-bottom:20px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px; 
}
#kontaktform .kclosebtn {
	/*background:url("../img/btn_kontakt_close.png") no-repeat scroll 0 0 transparent;
	clear:both;
	cursor:pointer;
	display:block;
	float:right;
	height:15px;
	margin:-12px -12px 0 0;
	width:15px;
	background-image:url(../img/close.png);*/
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	margin:5px 5px 0;	
	z-index:9999;
}
.textboxForm
 {
    font-family:Arial;
    height:14px;
    font-size:100%;
 }  
/*
#kontaktform h2,#kontaktformvis h2 {
	color:#0081c6;
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
*/
#kontaktform .label, #kontaktformvis .label {
	display:block;
	margin-bottom:2px;
}
#kontaktform #kontaktform textarea,
#kontaktformvis #kontaktformvis textarea{
	border:1px solid #666666 !important;
	/*font-size:15px;*/
	width:240px;
	margin-bottom:8px;
}
#kontaktform input#telefon,
#kontaktformvis input#telefon{
	width:140px;
}

#kontaktform textarea,#kontaktformvis textarea{
	border:1px solid #666666;
	
	width:315px;
	height:80px;
}   
#kontaktform table, #kontaktformvis table  {
	margin:4px 0px 0px 0px;
}
#kontaktform table td,#kontaktformvis table td {
	vertical-align:middle;
}
#kontaktform span.small, #kontaktformvis span.small {
	/*font-size:13px;*/
	padding-right:8px;
	padding:0px 8px 0px 0px;
}
.contactButtons
{
    float:left;
	background: url(../img/readmore_current.png) left center no-repeat;
	text-indent: 10px;
	/*background: url(../img/arrow_doc.gif) left center no-repeat;
	text-indent: 16px;*/
	margin:10px 20px 10px 0;
	font-weight:bold;
    }

/*#kontaktform a.kSkickaKnapp div, #kontaktform a.kAvbrytKnapp div,
#kontaktformvis a.kSkickaKnapp div, #kontaktformvis a.kAvbrytKnapp div  {
	background: url(../img/readmore_current.gif) left no-repeat;
	float:left;
	padding-right:20px;
	text-indent:10px;
	margin-bottom:20px;
	font-weight:bold;
}
#kontaktform a.kAvbrytKnapp div,
#kontaktformvis  a.kAvbrytKnapp div {
	
	
}
#kontaktform a:hover.kSkickaKnapp div,
#kontaktformvis a:hover.kSkickaKnapp div {
	
}
#kontaktform a:hover.kAvbrytKnapp div,
#kontaktformvis a:hover.kAvbrytKnapp div  {
	
}
*/
.defaultForm {
	margin-bottom:10px;
}
.defaultForm .label {
	font-weight:bold;
	display:block;
	margin-bottom:3px;
	margin-top:8px;
}
.defaultForm input[type=text], textarea, .defaultForm input[type=password] {
	display:block;
	margin-bottom:0px;
	border:1px solid #999999 !important;
	width:180px;
	padding:1px 2px 2px 2px;
}
.defaultForm .formErrorGeneral,
.defaultForm .formOkMsg  {
	
	margin:2px 0 10px 0;
	display:block;
	font-size:12px;
	clear:both;
	
}
.defaultForm .formError{
	margin:2px 0 10px 0;
	display:block;
	font-size:11px;
	/*font-weight:bold;*/
	clear:both;
	
}
.defaultForm .formOkMsg {
    /*color:#666 !important;*/
    background-color:#ffcc00;
	padding:4px !important;
	border:solid 1px #666;
	font-weight:bold;
}

.defaultForm .formErrorGeneral 
{
	background-color:#FF0000;
	padding:4px !important;
	border:solid 1px #666;
	font-weight:bold;
}

div.linkkontakt {
	display:none;
}
div.linkimage {
	display:none;
}

.slideshow { height: 250px; width: 980px; margin: auto }
.slideshow img {  }













.siteWrapper {

	MARGIN: 0px auto; WIDTH: 995px

}

.siteContainer {

	MARGIN: 0px 16px 0px 15px; WIDTH: 964px; TEXT-ALIGN: left

}

.left {

	FLOAT: left

}

.right {

	FLOAT: right

}

.on {

	DISPLAY: block

}

.off {

	DISPLAY: none

}




.startTopContainer {

	MARGIN-TOP: 2px; BACKGROUND: url(../img/bg_startTop_fill.gif) repeat-x left top; WIDTH: 964px; HEIGHT: 200px

}

.cap {

	BACKGROUND: url(../img/bg_startTop_cap.gif) no-repeat right top; WIDTH: 1px; HEIGHT: 200px

}

.startTopContent {

	BACKGROUND: url(../img/bg_startTop_cap.gif) no-repeat left top; WIDTH: 964px; HEIGHT: 200px

}


.unitsContainer {

	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 932px; PADDING-TOP: 15px

}

.unitBox {

	BACKGROUND: no-repeat left top; WIDTH: 222px; HEIGHT: 180px

}



.unitBox H2 {

	FONT-WEIGHT: bold; FONT-SIZE: 180%; MARGIN: 25px 0 0 0; WIDTH: auto; COLOR: #000066; line-height:180%; height:40px;
	text-align:center;

}
#box_2 H2 {

	COLOR: #006699;
	FONT-WEIGHT: bold; FONT-SIZE: 140%; MARGIN: 25px 0 0 0; WIDTH: auto; line-height:120%; height:40px;
	text-align:left;

}

#box_3 H2 {

	COLOR: #3399CC;
	FONT-SIZE: 220%;
	text-align:center;
	FONT-WEIGHT: bold; MARGIN: 25px 0 0 0; WIDTH: 200px; line-height:130%; height:40px;
	/*word-wrap:break-word;*/
	

}
#box_4 H2 {

	COLOR: #006699;
	FONT-WEIGHT: bold; FONT-SIZE: 140%; MARGIN: 25px 0 0 0; WIDTH: auto; line-height:120%; height:40px;
	text-align:left;

}

.unitBox P {

	FONT-SIZE: 11px; MARGIN: 3px 5px 0px 9px; COLOR: #333

}

.box_1 {

	LEFT: 0px; POSITION: relative

}

.box_2 {

	LEFT: 15px; POSITION: relative

}

.box_3 {

	LEFT: 30px; POSITION: relative

}

.box_4 {

	LEFT: 45px; POSITION: relative

}


/* Style till xform */
#xFormDiv .xformlabel
{
    font-weight:bold;
	display:block;
	/*margin-bottom:3px;
	margin-top:8px;*/
}
    
#xFormDiv .xformtextbox
{
    font-weight:normal;
    font-size: 100%;
    width: 200px;
    font-family:Arial;
}

#xFormDiv .xformbutton
{
    padding:0 10px;
}

#xFormDiv .xformcheckbox
{
     font-weight:normal;
     font-size: 100%;
     padding-right: 10px;
}

#xFormDiv fieldset
{
     border: none;
     margin: 10px 0; 
}
#xFormDiv td
{
     padding:0 10px 10px 0; 
}
.font110
{
     font-size:110%;
}
