/****
*
* HTML Elements
*
****/

body 
{
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 0px;
    background-color: #FFF;   
}

td  
{
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 0px;
    background-color: #FFF;   
}

h1
{
    font: bold 14px verdana, arial, helvetica, sans-serif;
    color: #F18E00;
    margin: 0px 0px 0.5em 0px;
}

h2
{
    font: bold 11px verdana, arial, helvetica, sans-serif;
    color: #F18E00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
h3 {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

li
{
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px -1px 0px;
}

ul.business
{
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: -7px 0px 10px 30px;
}

p
{
    margin: 0px 0px 1em 0px;
}

p.newsbox
{
    margin: 0px;
}

p.newslink
{
    text-align: right;
    margin: 0px 0px 1em 0px;
}

p.contact
{
    border-top: 1px solid #CCC;
    color: #888;
    padding-top: 5px;
    margin: 0px 0px 0px 0px;
}

a
{
    color: #F18E00;
}

a:hover
{
    text-decoration: none;
}

a.contact
{
    color: #666;
    text-decoration: none;
}

a.contact:hover
{
    color: #666;
    text-decoration: underline;
}

a.sub:link
{
    color: #333333;
    text-decoration: none;
}

a.sub:visited
{
    color: #666666;
    text-decoration: none;
}

a.sub:hover
{
    color: #F18E00;
    text-decoration: underline;
}

a.sub:active
{
    color: #F18E00;
    text-decoration: none;
}

a.subbold:link
{
    color: #333333;
    font: bold;
    text-decoration: bold;
}

a.subbold:visited
{
    color: #666666;
    font: bold;
    text-decoration: underline;
}

a.subbold:hover
{
    color: #F18E00;
    font: bold;
    text-decoration: underline;
}

a.subbold:active
{
    color: #F18E00;
    font: bold;
    text-decoration: none;
}

a.menuitem
{
    display: block;
    margin: 0px 0px 0.5em 0px;
}

a.menuitem10
{
	color: #000000;
    display: block;
    margin: 0px 0px 0.3em 10px;
}

a.news
{
    color: #5E5E61;
    text-decoration: none;
    font: 7pt verdana, arial, helvetica, sans-serif;

}

a.news:hover
{
    color: #F18E00;;
}

/****
*
* Classes
*
****/

.leftimage
{
    position: relative;
    float: left;
}

.menu
{
    background-color: #F5F5F5;
}

.newsMW
{
    background-color: #F1F1F1;
}


.padd1010
{
    padding: 10px;
}

.padd10
{
    padding-left: 10px;
}

.padd2020
{
    padding: 20px;
}

.padd2010
{
    padding-left: 20px;
    padding-top: 5px;

}

.padd2020MW
{
    padding: 20px;
    background-color: #F1F1F1;

}

.startbody
{
    background-color: #5E5E61;
}

.bottomnewsbox
{
    position: relative;
    float: left;
    height: 110px;
    width: 215px;
    margin-right: 5px;
    background-color: #EDEDED;
    border: 1px solid #5E5E61;
}

.call
{
	background:#F5F5F5;
	border:1px solid black;
}
.insyn {
	font-size: 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* ~~ Olika float/clear-klasser ~~ */
.fltrt {  /* den här klassen kan du använda för att låta ett element flyta åt höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* den här klassen kan du använda för att låta ett element flyta åt vänster på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: left;
	margin-right: 8px;
}

/****
*
* DIV:s
*
****/

#page
{
    width: 950px;
    background-color: #FFF;    
}

#topspace
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 65px;
    background-color: #FFF;    
    border-bottom: 1px solid #5E5E61;
}

#logo
{
    position: relative;
    top: 20px;
    left: 720px;
}

#logoES
{
    position: relative;
    top: 10px;
    left: 720px;
}

#logoFLAG
{
    position: absolute;
    top: 100px;
    left: 726px;
}

#orangefield
{
    position: relative;
    top: 0px;
    left: 0px;
    height: 70px;
    background-color: #FF7C15;    
    background-image: url(../img/top_bgr.gif);
    background-repeat: no-repeat;
    border-bottom: 1px solid #5E5E61;
    overflow: hidden;
}

#quicknaviform
{
    position: relative;
    top: 35px;
    left: 20px;
}

#back
{
    position: absolute;
    top: 25px;
    left: 20px;
}

#tree
{
    position: absolute;
    top: 100px;
    left: 0px;
}

#tree_int
{
    position: absolute;
    top: 20px;
    left: 0px;
}

#quicknaviform1
{
    position: relative;
    top: 0px;
    left: 0px;
}

#produktform
{
    position: absolute;
    top: 25px;
    left: 242px;
}

#produktform_uk
{
    position: absolute;
    top: 180px;
    left: 20px;
}

#losningform
{
    position: absolute;
    top: 25px;
    left: 480px;
}


#startcontent
{
    position: relative;
    float: left;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #FFF;    
    border-bottom: 1px solid #5E5E61;
}

#starttext
{
    position: relative;
    float: left;
    width: 450px;
}

#latestnewsheaderstart
{
    position: relative;
    float: left;
}

#allnewsheaderstart
{
    position: relative;
    float: left;
    top: 72px;
}

#bottomnews
{
    position: relative;
    float: left;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #FFF;    
}

.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(MenuPilBlaaNy.gif) no-repeat left center;
list-style-type: none;
padding-left: 15px;
margin-bottom: 5px;
margin-left: -30px;

}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(Plus.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
margin-left: 35px;
margin-top: 5px;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

.bild {
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 9px;
}