/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	line-height:120%;
    /*height: 126px;*/
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	line-height:120%;
}
h6
{
    color:#ccc;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* CSS RESET END */

/*
	-- Text Shadow --------------------------
	text-shadow: 1px 1px 2px #000; 
	
	-- Box Shadows --------------------------
	-moz-box-shadow: #000 0px 0px 10px;
	-webkit-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px; 
	
	-- Rounded Corners ----------------------
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
*/

/* DENNA KOD ÄR FEL I T.EX IE */
input[type="password"] {
	width: 145px;
    margin-bottom:5px;
}
input[type="text"] {
	width: 145px;
    margin-bottom:5px;
}
body {
	/*font: 9pt Arial, Helvetica, sans-serif;*/
    font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	/*background-image:url(../images/frontend/bgpattern2.png);*/ /* DA110108 */
 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));
	background: -moz-linear-gradient(top, #e5e5e5, #FFFFFF);
*/}

a{color:#690; text-decoration:none; /* da110108 */}
a:hover{color:#6b0;/* da110108 */}

#divUserBarHolder {
	height:20px;
	overflow:hidden;
	background-color:#333;/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333');
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background: -moz-linear-gradient(top,  #000,  #333);*/
}
#divUserBar {
	color: #999;
	width: 1400px;
	margin: 0 auto;
	padding-top:4px;
	font-size:8pt;
}
#Header {
	/*background-image:url(../images/frontend/bgpattern.png);*/
      /*background-image:url(../images/frontend/bgPage.png);*/
	min-height:90px;
	
}
#Headercontent {
	padding-top:8px;
	width:inherit;
	margin-left:5px;
	margin-right:5px;
	
	
	
}
#divMenu1Holder {
	/*background-image:url(../images/frontend/bgpattern2.png);*/
	height: 30px;
}
#divMenu1 {
	position:relative;
	width: 1000px;
	margin: auto;
    margin-top:10px;
	height:30px;
}
#Headercontent{
    position:relative; 
    height:60px;

}
#imgLogo {
	position:absolute;
	left:0px;
	top: 5px;
    right: 670px;
}
#imgLogoFooter {
	margin:5px 0 8px 0;
}
#divMenu1 #ulMenu1 {
	position:absolute;
	left: 0;
	top: 0;
	height:10px;
}
#divMenu1 #ulMenu1 li {
	float:left;
	display: block;
	border-right:1px;
	border-color:#FFFFFF;
}
#divMenu1 #ulMenu1 li a {
    font-family: 'Oswald',sans-serif;
    	
    font-size: 18px;
	line-height: 4px;
	
   
	font-weight: 100;
	
    /*font-family: Wingdings;, sans-serif;*/
    /*color: #81b531; /*the green color*/
	color: #656565;/*gray color*/
	height:20px;
	text-decoration:none;
	display: block;
	padding: 8px 15px 2px 15px;
	background-position:center -190px;
	background-repeat:no-repeat;
    
}
#divMenu1 #ulMenu1 li a:hover {
	color:#ddd;
}
#divMenu1 #ulMenu1 li.active {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ee00', endColorstr='#66cc00');
	background: -webkit-gradient(linear, left top, left bottom, from(#9e0), to(#6c0));
	background: -moz-linear-gradient(top, #9e0, #6c0);
	background-color:#6c0;
	-moz-box-shadow: #333 0px 1px 5px;
	-webkit-box-shadow: #333 0px 1px 5px;
	box-shadow: #333 0px 1px 5px;
	z-index:100;
}
#divMenu1 #ulMenu1 li.active a {
	color:#000;
	background-position: center 13px;
    
}

#divMenu1 #rightaligned 
{
    width:150px;
	position:absolute;
	margin-right:160px;
	right:0;
}

#divMenu1 #rightaligned a
{
    display:block;
    color:#6c0;
    padding:2px 5px;
    text-align:center;
    margin-top:5px;
    text-shadow: 0 1px 0 #666;
}

#divMenu1 #rightaligned a:hover
{
    color:#9f0;;
    text-shadow: 0 1px 0 #666;
}

#divMenu1 #rightaligned2 
{
    width:150px;
	position:absolute;
	right:0;
}

#divMenu1 #rightaligned2 a
{
    display:block;
    color:#6c0;
    padding:2px 5px;
    text-align:center;
    margin-top:5px;
    text-shadow: 0 1px 0 #666;
}

#divMenu1 #rightaligned2 a:hover
{
    color:#9f0;;
    text-shadow: 0 1px 0 #666;
}

.nere {
	width:1000px;
}
#divContact {
	width:1000px;
	margin: 0 auto;
	padding: 10px;
	text-align:center;
	letter-spacing:1pt;
	font: 9pt Candara, Arial, Helvetica, sans-serif;
	color: #999;
	text-shadow: 0 1px 2px #fff;
}
#imgLogoFooter {
	margin:5px 0 8px 0;
}

#divOuter {
	border-style: none;
    float: none;
	height: 635px;
	width: 100%;
	margin: 0px;
	position: relative;
	background-image: url('_images/bg-green.jpg');
	padding-top: 10px;
    margin-top : 10px;
	background-color: #dedede;
	background-position: center top;
	background-repeat: repeat;
	clear: none;
	top: 0px;
    
    /*background-image:url(../images/frontend/bgpattern.png);   _images/start-wide.jpg*/
	/*padding:10px 0 20px 0;*/

}
#divMain {
	position:relative;
	width:1000px;
	margin: 0 auto;
	line-height:18px;
}
#divMain h3 {
	color:#99cc33;
	text-shadow: 1px 1px 2px #ccc;
	font-size:large;
}
#divMain h4 {
	color:#000000;
	text-shadow: 1px 1px 2px #ccc;
	font-size:large;
	font-weight:bold;
}
#PictureBox {
	width:760px;
	margin-left:30px;
}
#LoginBox {
	position:static;
	right:0px;
	left:auto;
	color:#999999;
	margin-right:0px;
	margin-left:10px;
	/*ML tog bort width*/
height:200px;
	background-color:#333333;
}
.button {
	/* DA110108 */
	border:solid 1px #690;
	border-top-color:#6a0;
	border-bottom-color: #580;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-size:8pt;
	text-shadow: 0 1px 0px #ac9; 
	color:#030;
    color:#FFFFFF;
	background-color:#91c433;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c433', endColorstr='#669933');
	background: -webkit-gradient(linear, left top, left bottom, from(#91c433), to(#669933));
	background: -moz-linear-gradient(top, #91c433, #669933);
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
.buttonGrey {
	/* DA110108 */
	border:solid 1px #666;
	border-top-color:#888;
	border-bottom-color: #555;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-size:8pt;
	text-shadow: 0 1px 0px #ac9; 
	color:#030;
	background-color:#91c433;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91c433', endColorstr='#669933');
	background: -webkit-gradient(linear, left top, left bottom, from(#91c433), to(#669933));
	background: -moz-linear-gradient(top, #91c433, #669933);
	color:#000;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	background-color:#A6A6A6;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#828282');
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#828282));
	background: -moz-linear-gradient(top, #e4e4e4, #828282);
}
#frontendcontent 
{
    overflow:auto;
    /*background-color:#fff;*/
	width:960px;
    /*height:595px;*/
	
    padding-left:20px;
    padding-right:20px;
    /*padding-top:10px;*/
    padding-bottom:0px;
            
	/*margin-top:10px;*/
	margin-left:auto;
	margin-right:auto;
	/*-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;*//*background-color:#4c4c4c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #4c4c4c,  #1b1b1b);*/
 
}
#frontendcontent ul
{
    padding-left:20px;
    list-style: square url(../images/backend/bullet.png) outside;
}
#frontendcontent ul li
{
    margin: 0 0 10px 0;
}

#frontendcontent ol{padding-left:20px;}
#frontendcontent ol li{list-style: outside decimal;margin: 0 0 10px 0;}

/*#frontendcontent h1{font: bold 16pt Arial, Helvetica, sans-serif; color:#6c0; text-shadow: 0 1px 1px #ccc; margin-bottom:10px;}*/
/*#frontendcontent h2{font: bold 12pt Arial, Helvetica, sans-serif; color:#999; text-shadow: 0 1px 1px #ccc; margin-bottom:10px;}
#frontendcontent h5
{
    color:#99cc33;/*blå   #0099ff*/
	/*text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;*/
   /* }*/
#frontendcontent #leftcolumn {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top, #4c4c4c, #1b1b1b);
	color:#a6a6a6;
	padding-left:2px;
	width:330px;
	height:147px;
}
#frontendcontent #middlecolumn {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top, #4c4c4c, #1b1b1b);
	color:#a6a6a6;
	padding-left:2px;
	width:330px;
	height:147px;
}
#frontendcontent #rightcolumn {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top, #4c4c4c, #1b1b1b);
	color:#a6a6a6;
	padding-left:2px;
	width:330px;
	height:147px;
}
#frontendcontent #leftheader {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#181818');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#181818));
	background: -moz-linear-gradient(top, #4c4c4c, #181818);
	padding-left:2px;
	vertical-align:middle;
	width:330px;
	height:39px;
}
#frontendcontent #middleheader {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#181818');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#181818));
	background: -moz-linear-gradient(top, #4c4c4c, #181818);
	padding-left:2px;
	vertical-align:middle;
	width:330px;
	height:39px;
}
#frontendcontent #rightheader {
	background-color:#4c4c4c;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#181818');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#181818));
	background: -moz-linear-gradient(top, #4c4c4c, #181818);
	vertical-align:middle;
	padding-left:2px;
	width:330px;
	height:39px;
}
#rightborder {
	width:1px;
	background-color:#484848;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#484848');
	background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#484848));
	background: -moz-linear-gradient(top, #151515, #484848);
}
#leftborder {
	width:1px;
	background-color:#505050;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#505050');
	background: -webkit-gradient(linear, left top, left bottom, from(#1c1c1c), to(#505050));
	background: -moz-linear-gradient(top, #1c1c1c, #575757);
}
.paddingtable {
	width:600px;
}
.paddingtable td {
	padding:10px 10px 10px 10px;
}
.labelredtext {
	color:Red;
}
.labelgreentext
{
color:Green;
}
.failureNotification
{
    font-size: 0.8em;
    color: Red;
    float:right;
	position:relative;
	width:200px;
}
/* Nytt av Daniel */ 
#Headercontent #divLoginForm {
	width: 200px;
	height:53px;
	float:right;
	position:relative;
}
#Headercontent #divLoginForm input.textbox {
	width:130px;
	border:solid 1px #ccc;
	margin: 0 0 2px 0;
	font:8pt Arial, Helvetica, sans-serif;
	color:#999;
	padding:1px;
	background-color:#fff;
 	filter: progid:
	DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
	background: 
	-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff));
	background: -moz-linear-gradient(top, #f0f0f0, #ffffff);
	-moz-box-shadow: #ccc 0px 1px 3px;
	-webkit-box-shadow: #ccc 0px 1px 3px;
	box-shadow: #ccc 0px 1px 3px;
}
#Headercontent #divLoginForm input.button {
	position:absolute;
	right:0;
	top:0;
	max-width: 40px;
	text-shadow: 0 1px 0px #cfc; 
	color:#030 !important;
}
#divTopHolder {
	height:240px;
	
	position:relative;
}
#divTopHolder #divTopImage {
	position:absolute;
	left:0;
	top:0;
	width:500px;
	height:200px;
	overflow:hidden;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
#divTopHolder #divTopImage2 {
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:200px;
	overflow:hidden;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
#divTopHolder #divTopPush {
	position:absolute;
	right:0;
	top:0;
	width:470px;
	height:180px;
	overflow:auto;
	background: url(../images/backend/Emptweb2.jpg) no-repeat 290px 10px #fff;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	padding:10px;
	color:#666;
}	


#divTopHolder #divTopImage3 {
	position:absolute;
		left:50%;
	top:0;
	margin-left:-210px;
	/*background: #fff;*/
	width:420px;
	height:240px;
	overflow:hidden;
	/*-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;*/
}
#divTopHolder #divTopRight {
	position:absolute;
	right:0;
	top:0;
	margin:left:8px;
	width:262px;
	height:210px;
	overflow:auto;
	background: url(../images/backend/Emptweb2.jpg) no-repeat 290px 10px #fff;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	padding:10px;
	color:#666;

}

#divTopHolder #divTopLeft {
	position:absolute;
	left:0;
	top:0;
	width:262px;
	height:210px;
	overflow:auto;
	margin-right:8px;
	background: url(../images/backend/Emptweb2.jpg) no-repeat 290px 10px #fff;
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	padding:10px;
	color:#666;
}

#divTopLeft p 
{
    line-height:200%;
    font-size:125%;    
    
}
#divTopRight p 
{
    line-height:200%;
    font-size:125%;    
    
}


#divTopHolder #divCallup {
	
	margin-left:auto;
	margin-right:auto;
	width:600px;
	
	
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	padding:10px;
	color:#666;
}

#divTopHolder #divTopPush h1{
	font:12pt Arial, Helvetica, sans-serif; 
	color:#6c0;
	text-shadow: 0 1px 1px #ccc; 
	margin-bottom:10px;
}

#divTopHolder #divTopPush ul li{
	list-style: square inside;
	padding-bottom:5px;
}

#divFrontEndContent
{
    background-color:#fff;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
    
	-moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;/*background-color:#4c4c4c;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #4c4c4c,  #1b1b1b);*/
 
}

#divFrontBoxes{
	height:180px;
	width:1000px;
	overflow:hidden;
}

#divFrontBoxes div.frontBox{
	position:relative;
	float:left;
	width:332px;
	height:180px;
	background-color:#4c4c4c;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #4c4c4c,  #1b1b1b);*/	
	overflow:hidden;
}

#divFrontBoxes div.spacer{
	float:left;
	width:2px;
	height:180px;
	background-color:#111;	
}

#divFrontBoxes div.spacer span{
	display:block;
	width:1px;
	height:180px;
	overflow:hidden;
	float:right;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#2b2b2b');
	background: -webkit-gradient(linear, left top, left bottom, from(#5c5c5c), to(#2b2b2b));
	background: -moz-linear-gradient(top,  #5c5c5c,  #2b2b2b);*/
}

#divFrontBoxes div.spacer span span{
	height:36px;
}

#divFrontBoxes div.frontBox div.title{
	padding:8px 8px 0 8px;
	font: normal 12pt Arial, Helvetica, sans-serif;
	height:28px;
	text-transform:uppercase;
	letter-spacing:-.5pt;
	color:#9e0;
	text-shadow: 0 -1px 1px #000; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#1b1b1b');
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #4c4c4c,  #1b1b1b);
}
#divFrontBoxes div.frontBox div.content{
	padding:8px;
	color:#ccc;
	text-shadow: 0 -1px 0px #000; 
	height:128px;
	overflow:hidden;	
}

div.clear{height: 1px;
    overflow: hidden;
    visibility: hidden;
    clear: both;}
#divFrontLower div.lowerContent{color:#666;background-color:#fff;}
#divFrontLower div.lowerContent h2{margin-bottom:5px; font:12pt Arial, Helvetica, sans-serif; color: #690; text-shadow: 0 1px 1px #bbb;}
#divFrontLower div.lowerContent p{margin-bottom:5px;}
#divFrontLower div.lowerContent.left{
	width:652px; 
	float:left;
	padding:8px;
}
#divFrontLower div.lowerContent.left p a{color:#666; font-size:8pt; font-style:italic;}
#divFrontLower div.lowerContent.left p a span{font-style:normal; font-size:9pt; color:#580; display:block;}
#divFrontLower div.lowerContent.left p a:hover{color:#999;}
#divFrontLower div.lowerContent.left p a:hover span{color:#690;}

#divFrontLower div.lowerContent.right{
	width:316px; 
	float:left;
	padding:8px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
	background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);
}

div.abbBoxHolder{height:240px; padding-top:20px; width:980px; overflow:hidden;}
div.abbBoxHolder2{height:200px; padding-top:20px; width:955px; overflow:auto; border-bottom:3px double; }
div.abbBoxHolder div.abbBox{float:left; overflow:hidden; width:280px; height:200px; margin-right:20px; padding:10px; border:solid 1px #ccc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);
-moz-box-shadow: #ddd 0px 2px 5px;
-webkit-box-shadow: #ddd 0px 2px 5px;
box-shadow: #ddd 0px 2px 5px; 
}

div.abbBoxHolder2 div.abbBox2{float:right; overflow:auto; width:300px; height:90px; padding:10px; border:solid 1px #ccc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);
-moz-box-shadow: #ddd 0px 2px 5px;
-webkit-box-shadow: #ddd 0px 2px 5px;
box-shadow: #ddd 0px 2px 5px; 
}


/* Slut nytt */
/* links code behind */
#divtgbd{width:200px; height:90px;float:left; margin-left:40px; margin-top:10px;}
#divliinfo{width:130px; height:90px; float:left; margin-top:10px;}
#divytl{width:270px; height:90px; float:left; margin-top:10px;}
#divaaa{width:200px; height:90px; float:left; margin-top:10px;}
/*#divytl li{margin-bottom:16px;}
#divaaa li{margin-bottom:16px;}*/
#divit{width:160px; height:90px; float:left; margin-top:10px;}
#divse{width:445px; height:40px; margin-left:auto; margin-right:auto; margin-top:10px}
#divse a{font-size:25px;}
	
#divbg
{  
    /*background-image:url(../images/frontend/bgpattern2.png);*/
    
   width:1000px; height:150px; margin-left:auto; margin-right:auto;

}

#divkon{width:480px; height:100px; margin-top:50px; float:left; margin-left:5px; color:#ccc;
	padding:8px 10px 0 10px; background-image:url(../images/backend/trans.png);
}

#diveik{width:475px; height:100px; margin-top:50px; float:left;  color:#ccc; 
 background-image:url(../images/backend/trans.png);
	padding:8px 10px 0 10px;
}
	
#divkon pre{ font-family:Arial, helvetica, Sans-Serif;}
/* links code behind slut */
#divnealr{width:170px; height:150px; float:left;}
#divtb{width:200px; height:150px; float:left;}
#divvalid
{
    width:40%;
    float:right;
    line-height:18px; 
    float:left;
}
#divRegisterInfo
{
    width:59%;
    float:left;
    
}
#divregknapp{}
#divwrap{ width:440px;}
#divtextv{width:400px; height:400px; float:left;}
#divchoisetext{ font-size:12px; }
#divpricechoise{ height:500px; width:900px; }



/*Kod för tabs*/




#registerTabBox
{
    display:block; width:560px; margin-left:0; float: left;
    
}


.tabwrap
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    list-style: none;
}
.tabwrap ul
{
display:inline;
margin:0; 
padding:0; 
list-style-type: none;
    list-style: none;
}

#frontendcontent ul li{margin: 0 2px 0 0;}
.tabwrap li
{
   /*margin: 0 5px 0 0;*/
    background:url(../images/backend/tab_inactive_r.gif) no-repeat right top #333;
    float: left;
    
    margin:0; 
padding:0;
    list-style-type: none;
    display: inline;
}

.tabwrap a
{
    /*padding: 0.24em 1em;*/
    padding: 5px 10px;
    display: block;
    background:url(../images/backend/tab_inactive_l.gif) no-repeat left top;
    width: auto; /*bytte till auto från 5em*/
    text-align: center;
    color: #ddd;
    text-shadow:0 -1px 0 #555;
    text-decoration: none;
    font-weight: bold;
    
}


.tabcontent
{
    margin-top:0;
    text-align: left;
    background-color:#eee;
    width:580px;
    clear: both;
    height: 280px;
    padding: 10px;
    border:solid 1px #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#ffffff));
    background: -moz-linear-gradient(top,  #e5e5e5,  #ffffff);
    -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px; -moz-border-radius-topleft: 0;
    border-radius: 5px; border-top-left-radius: 0;
    box-shadow: 0 2px 2px #ddd; -webkit-box-shadow: 0 2px 2px #ddd; -moz-box-shadow: 0 2px 2px #ddd;
}

.tabwrap .selected
{
    background:url(../images/backend/tab_active_r.gif) no-repeat right top #e5e5e5;
    position:relative;
    top:1px;
}

.tabwrap .selected a
{
    text-shadow:0 1px 0 #fff;
    background:url(../images/backend/tab_active_l.gif) no-repeat left top;
    color: #360;
}
/*slut på tabs*/

.hidden{ visibility:hidden;
         display:none;}
#divTabcontent {margin-right:10px}


/* imageslide design */

#slideshow{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:459px;
	margin:20px auto 0;
	position:relative;
	width:864px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#slideshow ul
{
    padding:0;
    margin:0;
	height:432px;
	left:10px;
	/*list-style:none outside none;*/
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:10px;
	width:837px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}

/* end imageslide design */


/* imageslide design2 */

#slideshow2{
	background-color:#F5F5F5;
	border:1px solid #FFFFFF;
	height:200px;
	margin:20px auto 0;
	position:relative;
	width:360px;
	
	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;
}

#slideshow2 ul
{
    padding:0;
    margin:0;
	height:180px;
	left:10px;
	/*list-style:none outside none;*/
	list-style:none;
	overflow:hidden;
	position:absolute;
	top:10px;
	width:330px;
}

#slideshow2 li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow2 li:first-child{
	display:block;
	z-index:1000;
}

#slideshow2 .slideActive{
	z-index:1000;
}

#slideshow2 canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow2 .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url('../img/arrows.png') no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow2 .previous{ background-position:left top;left:0;}
#slideshow2 .previous:hover{ background-position:left bottom;}

#slideshow2 .next{ background-position:right top;right:0;}
#slideshow2 .next:hover{ background-position:right bottom;}

/* end imageslide design2 */



/*Supportpage design*/


.topsupportHolder
{
    position:relative;
    width: 1000px;    
    height:230px;
    margin-bottom:20px;
}

.topsupportHolder h5
{
    color:#99cc33;
	text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;
}
.topsupportHolder h6
{
    color:#ccc;
	text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;
}
.topsupportHolder ul
{
list-style-position:inside;
list-style-image: url(../images/backend/bullet.png);
list-style-type: square;
}

.topleftSupportDiv
{
    position:absolute;
    top:0;
    left:0;
    width:470px;
    height:210px;
    margin-right:10px;
    padding:10px 10px 10px 10px;
    background:#fff;
    -moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
.toprightSupportDiv
{
    position:absolute;
    top:0;
    right:0;
    margin-left:10px;
    padding: 10px 10px 10px 10px;
    background:#fff;
    width:470px;
    height: 210px;
    -moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}

#divTopLeft h3
{
	color:#99cc33;/*blå   #0099ff*/
	text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;
}

#divTopLeft h2
{
	color:Orange;
	text-shadow: 1px 1px 2px #000;
	font-size:large;
	font-weight:bold;
}

.contentSupportDiv
{
    width:980px;
    padding:10px 10px 10px 10px;
    margin-top:20px;
    -moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
.contentSupportDiv h5
{
    color:Orange;
	text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;
}
.contentSupportDiv ul
{
list-style-position:inside;
list-style-image: url(../images/backend/bullet.png);
list-style-type: square;
}

.positionTopleft
{
padding:10px 10px 10px 10px;
width:235px;
position:absolute;
top:0;
left:0;    
}
.positionTopright
{
padding:10px 10px 10px 10px;
width:235px;
position:absolute;
top:0;
right:0;    
}
.marginTop65
{
margin-top:65px;    
}
.marginBottom20
{
margin-bottom:20px;    
}
/*end supportpage design*/

.customUL
{
}
.customUL ul
{
list-style-position:inside;
list-style-image: url(../images/backend/bullet.png);
list-style-type: square;
}

.topleftDiv
{
    position:absolute;
    top:0;
    left:0;
    width:470px;
    height:240px;
    margin-right:10px;
    padding:10px 10px 10px 10px;
    background:#fff;
    -moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}
.toprightDiv
{
    position:absolute;
    top:0;
    right:0;
    margin-left:10px;
    padding: 10px 10px 10px 10px;
    background:#fff;
    width:470px;
    height:240px;
    -moz-box-shadow: #999 0px 0px 10px;
	-webkit-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
}

.width470
{
width:470px;    
}
.height300
{
height:300px;    
}
.floatleft
{
float:left;
}
.floatright
{
float:right;    
}
.MarginSupplierAnswere
{
	padding:2%;
}
.SupplierAnswereTable
{
    

	
}
.width1000
{
width:1200px;  
height:600px; 
float:right;
}
.SupplierAnswereTable td
{
    border: solid 1px #ccc;
    height: 13px;
    font-size: 11px; /*border:1px solid #000000; ändrat ML101006*/
    padding: 0 2px 0 2px; /*ändrat från 2px 2px 2px 2px ML101006*/
    /*empty-cells:hide;*/
}
.SupplierAnswereTable th
{
    /*border-left: #000 1px solid;
    border-right:  #000 1px solid;
    border-bottom: #999 1px solid;
    border-top: #999 1px solid;*/
    background-color:#eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top:solid 1px #ccc;
    
    font-size: 11px;
    /*border-bottom: #999 1px solid; /*border:1px solid #000000; ändrat ML101006*/
    padding: 0px 2px 0px 2px; /*ändrat från 2px 2px 2px 2px ML101006*/
    /*empty-cells: hide;*/
}

.tableVisibleBorders
{

}

.tableVisibleBorders tr
{

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
    background: -moz-linear-gradient(top,  #ffffff,  #eeeeee);    
}

.tableVisibleBorders td
{
    padding:9px 9px 9px 9px;
    font-size:large;
    border:1px solid #000;
    }
    
    
    .biggerText
{
    font-size:larger;

    
}

.orangeText
{
    font-size:large;
    color:Orange;
}

.PersonelHolder
{
    width:960px;
    height:200px;
    margin: 0;
    padding:20px 0 0 0;
    clear:both;
}

.PersonelHolder img.floatright{border-radius:6px; box-shadow:0 1px 1px #fff;}

.PersonelHolder .contentboxLeft
{
    float:left;
    line-height:140%;
    width:450px;
    height:200px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding:10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
}
.PersonelHolder .contentboxRight
{
    padding:10px 10px 10px 10px;
    float:right;
    width:450px;
    height:200px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
    background: -moz-linear-gradient(top,  #eeeeee,  #dddddd);
}
    
    
    
    
    .tipDiv
    {
       width:780px;
       margin-top:10px;
       margin-bottom:10px;
       -moz-border-radius: 5px;
       border-radius:5px;
       background-color:#eeeeee;
       padding: 5px 5px 5px 5px;
    }
    
    .height500
    {
    height:400px;    
    }
    
    .darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

.focusDiv
{
    z-index: 50;
	position:absolute;
    left:0;
    right:0;
    top:80px;
    padding:10px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    /*-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;*/
    -moz-box-shadow: #000 0px 0px 10px;
	-webkit-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
	font-size:larger;
}
.focusDiv h5
{
    color:#99cc33;/*blå   #0099ff*/
	text-shadow: 1px 1px 2px #000;
	font-size:x-large;
	font-weight:bold;
    
    }
.imgRotate90
{
    -webkit-transform: rotate(90deg);

-moz-transform: rotate(90deg);

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    
    
    
    }
    
    .closeDeal
    {
        width:30px;
        height:30px;
        position:absolute;
        top:-27px;
        right:-26px;
        background: url(../images/backend/close.png) no-repeat;
        }
    .closeDeal:hover
    {
        width:30px;
        height:30px;
        position:absolute;
        top:-27px;
        right:-26px;
        background: url(../images/backend/closehover.png) no-repeat;
    }



/* datepicker css start */
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../Images/backend/Calendarbtn.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}



/* datepicker css end*/


.register_button
{
    width:311px;
    height:93px;
background:url(../Images/frontend/register.png) no-repeat;
}

.register_button:hover
{
    width:311px;
    height:93px;
background:url(../Images/frontend/register_focus.png) no-repeat;
}

.registerinterest_button
{
    width:311px;
    height:93px;
background:url(../Images/frontend/registerinterest.png) no-repeat;
}

.registerinterest_button:hover
{
    width:311px;
    height:93px;
background:url(../Images/frontend/registerinterest_focus.png) no-repeat;
}
    
    
    
    /*Interactive div design*/
    
    
    #factoryDiv
    { 
        position:relative;
        left:-20px;
        width:1000px; 
        height:223px; 
        /*margin:0px auto; */
        background:#FFF url('../Images/frontend/interactive/base.png'); 
        
        }
    
   
    /*interactive objects*/
   
    .interactiveObject
    {
        position:absolute;   
        /*border:1px solid #444; */
        padding:5px; 
        text-align:left; 

        cursor:pointer;
    }
    
    
    
    .interactiveObject span
    { 
        position:absolute; 
        left:5px; 
        width:60px; 
        padding:15px 0 0 5px; 
        color:#FFF; 
        font:bold 13px Lucida Grande, Arial, sans-serif; 
        text-shadow:#000 1px 1px 0px; 
    }
    
    #objectSuppliers
    { 
        top:25px; 
        left:10px;
        background:url(../images/frontend/interactive/Suppliers.png) no-repeat;
        width:154px; height:162px;
        
    }
    
    #objectSuppliers:hover
    {
        top:15px; 
        left:10px;
        background:url(../images/frontend/interactive/Suppliers.png) no-repeat;
        width:154px; height:162px;
    }
    
    #objectCustomers
    { 
        bottom:5px; 
        right:5px;
        background:url(../images/frontend/interactive/Customers.png) no-repeat;
        width:159px; height:188px;
        
    }
    
    #objectCustomers:hover
    {
        bottom:15px; 
        right:5px;
        background:url(../images/frontend/interactive/Customers.png) no-repeat;
        width:159px; height:188px;
    }
        #objectAcknowledgement
    { 
        bottom:15px; 
        left:170px;
        background:url(../images/frontend/interactive/Acknowledgment.png) no-repeat;
        width:21px; height:21px;
        
    }
    
    #objectAcknowledgement:hover
    {
        bottom:20px; 
        left:170px;
         background:url(../images/frontend/interactive/Acknowledgment.png) no-repeat;
        width:21px; height:21px;
    }
        #objectAtCustomer
    { 
        bottom:10px; 
        right:170px;
        background:url(../images/frontend/interactive/AtCustomer.png) no-repeat;
        width:90px; height:44px;
        
    }
    
    #objectAtCustomer:hover
    {
        bottom:20px; 
        right:170px;
        background:url(../images/frontend/interactive/AtCustomer.png) no-repeat;
        width:90px; height:44px;
    }
       #objectDeliverynote
    { 
        bottom:20px; 
        right:350px;
        background:url(../images/frontend/interactive/Deliverynote.png) no-repeat;
        width:28px; height:21px;
        
    }
    
    #objectDeliverynote:hover
    {
        bottom:25px; 
        right:350px;
        background:url(../images/frontend/interactive/Deliverynote.png) no-repeat;
        width:28px; height:21px;
    }
        #objectInquiry
    { 
        top:25px; 
        right:520px;
        background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
        
    }
    
    #objectInquiry:hover
    {
        top:15px; 
        right:520px;
         background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
    }
        #objectSupplierOrder
    { 
         top:65px; 
        right:580px;
        background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
        
    }
    
    #objectSupplierOrder:hover
    {
      
         top:55px; 
        right:580px;
      background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
    }
        #objectProductionPlan
    { 
        bottom:15px; 
        right:400px;
        background:url(../images/frontend/interactive/ProductionPlan.png) no-repeat;
        width:358px; height:79px;
        
    }
    
    #objectProductionPlan:hover
    {
        bottom:25px; 
        right:400px;
        background:url(../images/frontend/interactive/ProductionPlan.png) no-repeat;
        width:358px; height:79px;
    }
        #objectTimeReporting
    { 
        top:133px; 
        left:620px;
        background:url(../images/frontend/interactive/TimeReporting.png) no-repeat;
        width:36px; height:38px;
        
    }
    
    #objectTimeReporting:hover
    {
        top:123px; 
        left:620px;
        background:url(../images/frontend/interactive/TimeReporting.png) no-repeat;
        width:36px; height:38px;
    }
    #objectStatistics
    { 
        top:35px; 
        right:380px;
        background:url(../images/frontend/interactive/Statistics.png) no-repeat;
        width:65px; height:62px;
        
    }
    
    #objectStatistics:hover
    {
        top:25px; 
        right:380px;
         background:url(../images/frontend/interactive/Statistics.png) no-repeat;
        width:65px; height:62px;
     }   
        
  #objectOffer
    { 
        top:15px; 
        right:210px;
         background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
        
    }
    
    #objectOffer:hover
    {
        top:5px; 
        right:210px;
         background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
     }   
    
      #objectOrder
    { 
        top:70px; 
        right:270px;
        background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
        
    }
    
    #objectOrder:hover
    {
        top:60px; 
        right:270px;
          background:url(../images/frontend/interactive/OfficeTable.png) no-repeat;
        width:78px; height:37px;
     }  
       #objectCalculation
    { 
       top:20px; 
        right:180px;
       background:url(../images/frontend/interactive/Calculation.png) no-repeat;
        width:26px; height:33px;
        
    }
    
    #objectCalculation:hover
    {
        top:10px; 
        right:180px;
        background:url(../images/frontend/interactive/Calculation.png) no-repeat;
        width:26px; height:33px;
     }   
       #objectCompilation
    {  
        top:70px; 
        right:220px;
         background:url(../images/frontend/interactive/Compilation.png) no-repeat;
        width:43px; height:33px;
        
        
    }
    
    #objectCompilation:hover
    {
        top:60px; 
        right:220px;
         background:url(../images/frontend/interactive/Compilation.png) no-repeat;
        width:43px; height:33px;
     }    
    /*end interactive objects*/
    
    
    #info
    {
        position:absolute; left:20px; top:-10px;
        width:100px;
        height:100px;
        z-index:100;
    }
    
       /*20120912 Henning*/
       
       .dealheader
{
    font-size:67px;
 
}
    
    .infobox{ position:absolute; left:10px; top:-420px; height:400px; width:950px; z-index:20; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid; }  
.infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }  
.infobox a:hover{ text-decoration:underline; }  
    
    
    
    /*End Interactive div design*/
    
    
    .OrderConfessionOnlineSuccesLbl
    {
        color:#99cc33;
	    font-size:large;
    }
    
    
    
    .welcomeform
{
    position:relative;
    /*top:10px;  <-- kan du sätta ifall den är för nära länken*/
    width:400px;
    height:80px;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;
    background-color:#fff;
    border:1px solid #8fc331;
    display:none;
    box-shadow: 1px 1px 5px #888888;
    border-radius: 5px;
    z-index:101;
    position:absolute;
    top:250px;
    left:30%;
}

#Content3 {
    margin: 10px;
}
#MainContent {

    margin: 10px;

}

.marginTop20 {
    margin-top:20px;
}

.sittTextHeaders {
/*för överskrifter på sidorna*/
margin-bottom:40px;
margin-top:70px;
}
#ContainerContacttest {
    float: none;
	height: 740px;
	width: 100%;
	margin: 0px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(_images/bg-green.jpg);
	padding: 0px;
	background-color: #85bb33;
	background-position: center top;
	background-repeat: repeat;
	clear: none;
	top: auto;
}

.column
{
    font-family: 'Oswald',sans-serif;	
    font-size: 18px;
	line-height: 4px;
	font-weight: 300;
    color:white;
    width:330px;
	
    rgin-top:60px;

  margin-left:60px;
    margin-right:60px;


}

    .column ul {
        padding-top:10px;
    }
    .column li {
        padding-bottom:30px;
    }
.whitebackground {
    background-color: #FFFFFF;

}


/*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */

  input.textboxdotted[type="text"] {
        font-size: 10px;
        background-image: none;
        width: 75px;
        height: 13px;
        border: none; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    input.textboxdotted2[type="text"] {
        font-size: 10px;
        background-image: none;
        max-width: 75px;
        height: 13px;
        border: none; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    input.countthem[type="text"] {
        font-size: 10px;
        background-image: none;
        max-width: 75px;
        height: 13px;
        border: none; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    input.textboxdotted3[type="text"] {
        font-size: 10px;
        background-image: none;
        width: 75px;
        height: 13px;
        border: none; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

      input.textboxdotted3invoice[type="text"] {
        font-size: 10px;
        background-image: none;
        width: 50px;
        height: 13px;
        border: none; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    textarea.textboxdotted3 {
        font-size: 11px;
        background-image: none;
        width: 75px;
        height: 13px;
        border: none;
    }

    

    input.textboxdotted4[type="text"] {
        font-size: 16px;
        background-image: none;
        width: 100px;
        height: 20px;
        border: none;
    }

    input.textboxdotted[type="text"]:focus { /*border: 1px solid #000000;*/
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    input.textboxdotted2[type="text"]:focus { /*border: 1px solid #000000;*/
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }
    /* till för att calculationtbox inte ska ändra sig */
    input.CalculationCostTbox {
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input.countthem[type="text"]:focus { /*border: 1px solid #000000;*/
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }


     input.textboxdotted3invoice[type="text"]:focus { /*border: 1px solid #000000;*/
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    input.textboxdotted3[type="text"]:focus { /*border: 1px solid #000000;*/
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; /*border: #D1C7AC 1px dotted; */ /*ML101006 lagt till */
    }

    

    textarea.textboxdotted3:focus {
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    input.textboxdotted4[type="text"]:focus {
        padding: 3px;
        background-color: #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .textboxDateHolder {
        width:60px;
        height:13;
    }

    .left {
        margin-right: auto;
        text-align: left;
    }

    .right {
        margin-left: auto;
        text-align: right;
    }

    .failureNotification {
        font-size: 0.8em;
        color: Red;
    }

    /*slut på css från gamla designen*/


    div.columnLeft {
        width: 68%;
        float: left;
    }

    div.columnFull {
        width: 100%;
    }

    div.columnFullMinusColumnTitleMargin {
        width: 99%;
    }