/* INFORMATION
----------------------------------------------------------
Classes for .page div:
	.frontPage		Front page
	.contentPage	Second level
	.detailPage		Third level
*/

/* Core
----------------------------------------------------------*/
body {
	background: #585351 url('../img/bg_body.png') repeat-x left top;
	font-size: 11px;
	font-family: Verdana, Tahama, Arial, Sans-Serif;
}

h1 {
	clear: both;	
	font-size: 46px;
	margin-bottom: 15px;
	background-repeat:no-repeat
}

h2 { 
	font-size: 18px; 
	margin-bottom: 0.8em; 	
}

h3 {
	font-size: 14px;
	margin-bottom: .3em;
	margin-top: 0.15em;
	/*margin-bottom: .5em; */
}

a {
	color: #0d73b6;
	text-decoration: underline;
}

/* Containers
----------------------------------------------------------*/
.page {
	background: transparent url('../img/bg_page.png') repeat-y center top;
	width: 960px;
	padding: 0 3px;
}

#content {
	background-color: #fff;
	width: 900px;
	padding: 20px 30px 60px 30px;
}

#footer {
	text-align: right;
	background: transparent url('../img/bg_footer.png') repeat-x left top;
	width: 900px;
	margin: 0 auto;
	padding: 10px 30px 10px 30px;
}

.footerImageContainer
{
    float:left; 
    width:420px; 
    text-align:left;
}

.footerTextContainer
{
    float:left; 
    text-align:right; 
    width:480px;
}

/* Different header background images
----------------------------------------------------------*/
.page.frontPage #header { background: transparent url('../img/bg_header_frontNew.jpg') no-repeat left top; }
.page.yellow  #header{ background: transparent url('../img/bg_header_yellow.png') no-repeat center bottom; }
.page.green  #header{ background: transparent url('../img/bg_header_green.png') no-repeat center bottom; }
.page.kodexegreen  #header{ background: transparent url('../img/bg_header_kodexe_green.png') no-repeat center bottom; }
.page.blue  #header{ background: transparent url('../img/bg_header_blue.png') no-repeat center bottom; }
.page.purple  #header{ background: transparent url('../img/bg_header_purple.png') no-repeat center bottom; }

#header {
	color: #fff;
	padding: 0 30px;
	width: 900px;
	/*height: 386px;*/
	height:285px;
}
.page #topMenu  { margin-bottom: 40px; } /*60*/

/* Special height for front page */
.page.frontPage #header { height: auto; } 
.page.frontPage #topMenu  { margin-bottom: 20px; }

/* Special height for detail page */
.page.detailPage #header { height: 110px; }


/* Various
----------------------------------------------------------*/
#logo {
	margin: 10px 0 0 10px;
}

#content img {
	margin-bottom: 10px;
}


/* Front page 
----------------------------------------------------------*/
.frontPage #content {
	padding-bottom: 0;
}

.frontPage h2 {
	margin-bottom: 0.4em;
	/*1em*/
}

.frontPage h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.frontPage h4 {
	font-size: 1em;
	margin: 0;
}

.speechBubble {
	background: transparent url('../img/bg_speech_bubble.gif') repeat-x left top;
	padding-bottom: 7px;
	color: #222;
}

.speechBubbleContent {
/*background: transparent url('../img/bg_speech_bubble_top.png') no-repeat right top;
	padding-top: 25px;*/
}

.speechBubbleEnd {
	height: 4px;
	background: transparent url('../img/bg_speech_bubble_end.png') repeat-x left top;
	clear:both;
}

.techInfoBubble {
	margin-top: 40px;
	width: 275px;
	background: #585351 url('../img/bg_speech_bubble_black.png') repeat-x left top;
	color: #fff;
	font-family: 'Courier New', Serif;
}

.techInfoBubbleContent {
	background: transparent url('../img/bg_speech_bubble_black_bottom.png') no-repeat left bottom;
	padding: 20px 20px 40px 20px;

}

.speechBubbleCol {
	width: 259px;
	padding: 20px;
}

.speechBubbleTwoColumns {
	width: 409px;
	padding: 20px;
}

.speechBubbleOneColumn {
	width: 859px;
	padding: 20px;
}

.colPartOf3 {
	width: 275px;
	padding: 0 30px 0 0;
}

.colPartOf3News {
	width: 260px;
	padding: 0 30px 0 0;
}

ul#slideshow {
	list-style: none;
	margin: 0;
	padding: 0;
}

.last {
	padding-right: 0;
	margin-right: 0;	
}

.height220
{
    height:220px;

}

.partnerWrapper
{
    padding-top:10px;
    border-top: 1px dashed #bebebe;
}

/* Top menu   
----------------------------------------------------------*/
#topMenu {
	/*height: 43px;
	line-height: 43px;*/
	height: 30px;
	line-height: 30px;
	list-style: none;
	text-transform: uppercase;	
}

#topMenu ul, li {
	margin: 0;
	padding: 0;
}

#topMenu li {
	display: inline;	
}

#topMenu a {
	/*padding: 15px 10px;*/
	padding: 10px 10px;
	margin-right: 2px;
	text-decoration: none;
	color: #fff;
	background: transparent url(../img/bg_menu_repeat.png) 0 bottom repeat-x;
}

#topMenu .current a {
	color:#000;
	background-position:0 0;
}

#topMenu a:active,
#topMenu a:focus,
#topMenu a:hover {
	color:#000;	
	background-position:0 0;
}

#topMenu a:active span,
#topMenu a:focus span,
#topMenu a:hover span {
	background-position:0 0;
}

#topMenu a.language {
	background: none;
}

#topMenu .submenu a {
	background: none;
	text-decoration: underline;
	padding: 0 10px 0 0;
	text-transform: none;
	font-size: 12px;
	margin-right: 5px;
	border-right: 1px solid #fff;
}

#topMenu .submenu .current a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#topMenu .submenu li:last-child a, /* css3, not IE supported :( */
#topMenu .submenu a.last {
	border-right: none;
}


/* 2nd and 3rd level page
----------------------------------------------------------*/
.twoColumn {
	background: transparent url('../img/bg_content_level_2.png') repeat-y left top;
}

.twoColumnNewsArchive {
	background: transparent url('../img/bg_content_level_2.png') repeat-y right top;
}

#main {
	width: 600px;
	padding-right: 20px;
}

#main b {
	text-transform: uppercase;
}

#side {
	width: 260px;
}

a.techBubble  {
	padding-right: 25px;
	background: transparent url(../img/bubble.png) no-repeat right bottom;
}

.techBubbleContent {
	display: none;
	background: transparent url(../img/bubble_content.png) no-repeat left top;
	padding: 30px 10px 10px 10px;
	color: #fff;
}

a.newsBubble  {
	font-size: 1.4em;  
	margin-bottom: 1.161em;
	text-decoration:none;

	/*background: transparent url(../img/bubble.png) no-repeat right bottom;*/
}

a.readmoreBubble  {
	margin-bottom: 1.161em;
	text-decoration:none;

	/*background: transparent url(../img/bubble.png) no-repeat right bottom;*/
}

.techBubbleHideContainer
{
    float:left;
    width:12px;
    color:#FFF; 
    border:2px solid #FFF; 
    font-size:12px; 
    text-align:center;
}

.techBubbleHideContainerText
{
    float:left;
    width:540px; 
    padding-top:20px;
    padding-right:10px;
}

a.techBubbleHide
{
    display: block;
    width:12px;
    color:#FFF;
    text-decoration:none;
}

.readmoreBubbleContent {
	display: none;
}

.newsBubbleContentDisplay {
	display: block;
}

.newsBubbleContentDisplay {
	display: none;
}

.quoatition
{
    margin-top:20px;
    padding:20px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    font-size: 14px;
}

.quoatitionBottom
{
    height:20px; 
    width:260px;
	
}


.quoatition_green 
{
 
	background: transparent url('../img/quotation_green.png') repeat-y right top;
}

.quoatitionBottom_green 
{
    background: transparent url('../img/quotationBottom_green.png') no-repeat right top;
}

.quoatition_yellow 
{
 	background: transparent url('../img/quotation_yellow.png') repeat-y right top;
}

.quoatitionBottom_yellow
{
	background: transparent url('../img/quotationBottom_yellow.png') no-repeat right top;
}

.quoatition_blue
{
 	background: transparent url('../img/quotation_blue.png') repeat-y right top;
}

.quoatitionBottom_blue
{
	background: transparent url('../img/quotationBottom_blue.png') no-repeat right top;
}

.quoatition_purple
{
 	background: transparent url('../img/quotation_purple.png') repeat-y right top;
}

.quoatitionBottom_purple
{
	background: transparent url('../img/quotationBottom_purple.png') no-repeat right top;
}

.quoatition_kodexegreen
{
 	background: transparent url('../img/quotation_kodexe_green.png') repeat-y right top;
}

.quoatitionBottom_kodexegreen
{
	background: transparent url('../img/quotationBottom_kodexe_green.png') no-repeat right top;
}

.Level4ItemPaddinBottom30
{
    padding-bottom:30px;
}

.Level4ItemPaddinBottom10
{
    padding-bottom:10px;
}

.Level4ItemPaddinBottom1
{
    padding-bottom:1px;
}

.PaddinTop10
{
    padding-top:10px;
}

.CustomerAnchor
{
    display:block;
    color:#000;
    text-decoration:none;
}

.CustomerAnchor:hover
{
    display:block;
    color:#000;
    text-decoration:none;
}

.DottedBlackBorder
{
    border-right: 1px dotted #000;
}

.BackgroundListImage
{
    background-image: url('/layouts/kodexe.se/Style/img/ListningBackground.gif'); 
    background-repeat:no-repeat;
}

.QuotationSmallWrapper
{
    padding-top:10px;
    text-align:right;
    font-style:italic;
    font-size:10px;
}

.UL
{
    list-style-type:circle;
    
}

.UL li
{
    margin-left:20px;
}

.WorkerTable
{
    
}

.WorkerTable td
{
    padding:10px;
}

.Bold
{
    font-weight:bold;
}

#NewsMenu a:hover
{
    color:#000;
}



/* ------------------------------ Lavalamp --------------------------------------- */

/*.lavaLamp {
    position: relative;
    height: 29px; width: 421px;
    background: url("../image/bg.gif") no-repeat top;
    padding: 15px; margin: 10px 0;
    overflow: hidden;
} */
/* Force the list to flow horizontally 
.lavaLamp li {
    float: left;
    list-style: none;
} */

/* Represents the background of the highlighted menu-item. 
.lavaLamp li.back {
    background: url("../image/lava.gif") no-repeat right -30px;
    width: 9px; height: 30px;
    z-index: 8;
    position: absolute;
}
    .lavaLamp li.back .left {
        background: url("../image/lava.gif") no-repeat top left;
        height: 30px;
        margin-right: 9px;
    }*/
/* Styles for each menu-item. 
.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font: bold 14px arial;
    color: #fff; outline: none;
    text-align: center;
    height: 30px; top: 7px;
    z-index: 10; letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
}*//*
.lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 421px;
            background: url("bg.gif") no-repeat top;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */ /*
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }*/

/*.lavaLampNoImage 
{
    position: relative;
    overflow: hidden;

}

.lavaLampNoImage li.back 
{
   background: transparent url(../img/bg_menu_repeat.png) 0 bottom repeat-x;
    height: 86px;
    width:100%;
    z-index: 8;
    position: absolute;
}

.lavaLampNoImage li a {
    outline:none;
    letter-spacing: 0;
    z-index: 10;
    margin: 1px 7px;
    position: relative;
    overflow: hidden;
    width:20px;

}
                  

        /*.lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }      */
