/* global rules */
*
{
   margin: 0;
   padding: 0;
   border: 0;
}
html
{
   font-size: 125%;
   font-size: 50%;
}
body
{
   background: url("images/bg/concode.jpg") no-repeat fixed top center #012f51;
   font-family: "Helvetica";
   font-size: 1.4em;
}
a
{
   color: #3f919f;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
}
h1
{
   font-weight: bold;
   font-size: 30px;
   margin-bottom: 10px;
   margin-top: 20px;
}
h1 a
{
   color: #3E3C3C;
}
.conLogo
{
   width: 175px;
   height: 34px;
   background: url("images/spriteConcode.png") 0 0;
}
.clearer
{
   clear: both !important;
}
.fLeft
{
   float: left !important;
}
.font-11
{
   font-size: 11.5px !important;
}
/* ze wrapper */
#wrapper
{
   background: none repeat scroll 0 0 #E3E3E3;
   height: auto;
   margin: auto;
   width: 950px;
}
a.button
{
   display: none;
}
/* site built */
ul.dropdown ul, #fileInfo
{
   display: none;
}

/* SECTION ONE - HEADER */
#header
{
   position: relative;
   height: 100px;
   background: #222222;
   font-size: 1.3em;
   color: #f1f1f0;
}
#header .logoPos
{
   position: absolute;
   margin: 32px 0 0 30px;
}
#header .nav
{
   position: absolute;
   width: 650px;
   margin-top: 41px;
   margin-left: -476px;
   left: 800px;
   z-index: 3;
}
#header .nav ul li a
{
   color: #ffffff;
   font-weight: bold;
}
#header .white
{
   color: #ffffff;
   font-weight: bold;
}
#header a:hover
{
   color: #3f919f;
}
#header li
{
   display: inline;
   margin: 0 28px 0 0;
}
#header .loginBut
{
   padding: 10px 10px 8px 10px;
   text-transform: uppercase;
   background: #292929;
   font-size: 0.8em;
   color: #ffffff;
}
#header .products
{
   display: none;
   position: absolute;
   width: 951px;
   height: 200px;
   border: 1px solid #626262;
   top: 100px;
   left: 50%;
   margin-left: -476px;
   background: #343434;
   z-index: 2;
}
#header .products .imgAndTextHolder
{
   position: absolute;
   left: 40px;
   top: 30px;
}
#header .products .imgAndTextHolder .headLine
{
   font-size: 14px;
   font-weight: bold;
}
#header .products .imgAndTextHolder .prodText
{
   float: left;
   width: 252px;
   height: 110px;
   font-size: 11px;
   color: #ffffff;
   margin-right: 20px;
}
#header .products .imgAndTextHolder .prodText a
{
   float: right;
   margin-right: 20px;
   margin-top: 5px;
}
#header .products .imgAndTextHolder .prodText a:hover
{
   background: none;
}
#header .products a
{
   display: block;
   color: #999999;
   padding: 1px 10px 1px 10px;
}
#header .products a:hover
{
   display: block;
   color: #ffffff;
   text-decoration: none;
   background: #588d95;
}
#header .product-slider-handle
{
   position: absolute;
   width: 138px;
   height: 15px;
   cursor: move;
}
#header .product-slider-wrapper
{
   position: absolute;
   width: 866px;
   height: 15px;
   padding: 1px;
   border: 1px solid #565551;
   top: 165px;
   left: 41px;
   background: #040404;
}
#header .product-slider-container
{
   width: 828px;
   position: absolute;
   left: 20px;
}
#header .product-slider-left-arrow
{
   float: left;
   height: 15px;
   width: 17px;
   border-right: 1px solid #626262;
   background: url("images/spriteConcode.png") -239px 0;
   cursor: pointer;
}
#header .product-slider-right-arrow
{
   float: right;
   height: 15px;
   width: 17px;
   border-left: 1px solid #626262;
   background: url("images/spriteConcode.png") -239px -15px;
   cursor: pointer;
}
#header .product-slider-name
{
   float: left;
   font-size: 12px;
   color: #999999;
   width: 138px;
   text-align: center;
   height: 14px;
   padding-top: 1px;
}
#header .product-slider-name:hover
{
   cursor: pointer;
}
#header .product-slider-name-active
{
   background: #588d95;
   color: #FFFFFF;
}
#header .product-box
{
   width: 78px;
   height: 125px;
   float: left;
   margin-right: 25px;
   cursor: pointer;
}
#header .product-box-description
{
   float: left;
   overflow: hidden;
   font-size: 11px;
   color: #ffffff;
}
#header .product-box-description-container
{
   width: 255px;
}
#header .product-box-description-active
{
   width: 270px;
}
#header .product-box-description-inactive
{
   width: 0px;
}
.topBody
{
   float: left;
}

#header .intercopy
{
   background: url("images/spriteConcode.png") 0 -248px;
}
#header .asocio
{
   background: url("images/spriteConcode.png") -78px -248px;
}
#header .dox
{
   background: url("images/spriteConcode.png") -156px -248px;
}
#header .beek
{
   background: url("images/spriteConcode.png") -234px -248px;
}
#header .gazeti
{
   background: url("images/spriteConcode.png") -312px -248px;
}
#header .expodesigner
{
   background: url("images/spriteConcode.png") -390px -248px;
}

#header .colorIntercopy
{
   background: #cc3333;
}
#header .colorAsocio
{
   background: #33cc66;
}
#header .colorDox
{
   background: #ffff66;
}
#header .colorBeek
{
   background: #6699cc;
}
#header .colorGazeti
{
   background: #cccccc;
}
#header .colorExpodesigner
{
   background: #ffcc66;
}

.downarrowclass
{
   display: none;
}
.topRoller
{
   display: none;
}

#header .border
{
   display: none;
   position: absolute;
   width: 100px;
   height: 100px;
   border: 1px solid #626262;
   border-bottom: none;
   top: 0px;
   left: 50%;
   margin-left: -104px;
   background: #343434;
   z-index: 3;
}

/* SECTION TWO - BILLBOARD */
#billboard
{
   position: relative;
   width: 926px;
   height: 300px;
   padding: 12px;
   background: #ffffff;
}
#billboard .previousOne
{
   position: absolute;
   width: 31px;
   height: 59px;
   left: -31px;
   top: 150px;
   background: url("images/spriteConcode.png") -175px 0;
   cursor: pointer;
}
#billboard .nextOne
{
   position: absolute;
   width: 31px;
   height: 59px;
   left: 950px;
   top: 150px;
   background: url("images/spriteConcode.png") -208px 0;
   cursor: pointer;
}
#billboard p
{
   color: #3e3c3c;
   margin-bottom: 10px;
   font-size: 1.4em;
   line-height: 18px;
}
#billboard a
{
   float: right;
   margin-right: 30px;
   font-size: 1.2em;
   font-weight: bold;
}
#billboard img
{
   float: left;
   margin-right: 10px;
}
#billboard .buttonBar
{
   cursor: pointer;
   position: absolute;
   width: 132px;
   height: 12px;
   top: 375px;
   left: 400px;
}
#billboard .button
{
   cursor: pointer;
   float: left;
   margin-right: 8px;
   height: 12px;
   width: 12px;
   background: url("images/spriteConcode.png") -41px -34px;
}
#billboard .buttonActive
{
   float: left;
   margin-right: 8px;
   height: 12px;
   width: 12px;
   background: url("images/spriteConcode.png") -53px -34px;
}
#billboard .info
{
   float: right;
   width: 390px;
}
#billboard h1
{
   float: left;
   margin: 35px 0 30px 20px;
}
#billboard .main
{
   float: left;
   width: 130px;
}
#billboard .main img
{
   float: left;
   margin: 0 15px 0 20px;
}
#billboard .bottom
{
   float: left;
   width: 240px;
}

#billboard .buttons-container
{
   height: 12px;
   left: 486px;
   position: absolute;
   top: 299px;
   width: auto;
}
#billboard .button
{
   cursor: pointer;
   float: left;
   margin-right: 8px;
   height: 12px;
   width: 12px;
   background: url("images/spriteConcode.png") -41px -34px;
}
#billboard .buttons-container .current
{
   background: url("images/spriteConcode.png") -53px -34px;
}
#billboard .billboard-container
{
   height: 350px;
}
#billboard .billboard-item
{
   position: absolute;
   width: 915px;
}
#billboard .image
{
   width: 525px;
   height: 273px;
   float: left;
}
#billboard .logo
{
   clear: both;
   width: 90px;
}
#billboard .description-container
{
   width: 370px;
}
#billboard .description
{
   width: 367px;
   float: right;
}
#billboard .text-container
{
   float: right;
   width: 368px;
}
#billboard .ingress
{
   font-size: 1.6em;
}
#billboard a
{
   float: right;
   margin-right: 30px;
   font-size: 1.2em;
   font-weight: bold;
}
#billboard h1
{
   margin: 20px 0 10px;
}

/* SECTION THREE - CONTENT */
.linkBox div ul.dropdown li
{
   margin: 0;
}
.linkBox div ul li a
{
   color: #FFF;
}
.location div ul li
{
   margin: 0;
}
.container
{
   height: 100%;
   width: 100%;
}
.item .date
{
   display: none;
}
#container
{
   float: left;
   min-height: 726px;
   background: url("images/bgContent.png") repeat-y;
   margin-top: -14px;
}
#container #smoothmenu1
{
   display: none;
}
.altBackground
{
   background: url("images/bgRightContent.png") repeat-y !important;
}
#container p
{
   letter-spacing: 0.2px;
   font-size: 13px;
   margin-top: 10px;
}
#container .item.topitem
{
   clear: both;
   float: left;
   margin-bottom: 10px;
   margin-right: 30px;
   padding-bottom: 10px;
}
#container .item.topitem h1
{
   border-bottom: 1px solid #A9A9A9;
   padding-bottom: 10px;
}

.item a.button
{
   float: right;
   margin-right: 30px;
   font-weight: bold;
   font-size: 1.2em;
}
.shortLine
{
   margin-right: 30px !important;
}

/* SECTION FOUR - ENTERPRISE */
#enterprise
{
   position: relative;
   clear: both;
   width: 910px;
   padding: 0 20px 0 20px;
   height: 140px;
   margin: auto;
   background: #ffffff;
}
#enterprise .entHolder
{
   display: inline;
   position: relative;
   top: 20px;
   margin: 10px 25px 20px 0;
   float: left;
}
#enterprise .top
{
   position: absolute;
   width: 809px;
   height: 2px;
   background: url("images/spriteConcode.png") -1px -223px;
   left: 50%;
   margin-left: -405px;
}
#enterprise .speechBubble
{
   display: none;
   position: absolute;
   top: -255px;
   left: -95px;
   width: 245px;
   height: 112px;
   padding: 25px;
   overflow: auto;
   background: url("images/spriteConcode.png") -1px -60px;
}
.speechBubble .headLine
{
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 10px;
}

/* SECTION FIVE - FOOTER */
#footer
{
   background: none repeat scroll 0 0 #222222;
   color: #FFFFFF;
   font-size: 13px;
   font-weight: bold;
   height: 235px;
   position: absolute;
   width: 950px;
}
#footer .logoPos
{
   margin: 30px 0 0 30px;
}
#footer .linkBox
{
   position: absolute;
   top: 85px;
   left: 50px;
   height: 130px;
   color: #ffffff;
}
#footer li
{
   list-style-type: none;
}
#footer a
{
   display: block;
   margin-bottom: 9px;
   font-weight: bold;
}
#footer .white
{
   color: #ffffff;
}
#footer .location
{
   font-size: 12px;
}
#footer .skovde
{
   position: absolute;
   top: 35px;
   left: 344px;
}
#footer .belgrade
{
   position: absolute;
   top: 35px;
   left: 500px;
}
#footer .location ul
{
   margin: 25px 0 30px 0;
}
#footer .location li
{
   margin-bottom: 10px;
   color: #bdbcbc;
   font-weight: normal;
}
#footer .achivements
{
   position: absolute;
   top: 35px;
   left: 675px;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: white;
   padding: 5px;
   text-align: center;
}
#footer .achivements p
{
   color: #333;
}

#footer .achivements a
{
   display: inline;
   font-weight: normal;
   margin: 0px;
}
#footer img
{
   margin: 20px 10px 0 0;
}

.entHolder .toggleSpeech
{
   display: block;
   height: 80px;
   width: 80px;
   text-decoration: none;
}
.entHolder .toggleSpeech.jm:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/jm.jpg") no-repeat 0 0 transparent;
}
.entHolder .toggleSpeech.fabege:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/fabege.jpg") no-repeat 0 0 transparent;
   width: 100px;
}
.entHolder .toggleSpeech.abb:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/abb.jpg") no-repeat 0 70% transparent;
   width: 130px;
}
.entHolder .toggleSpeech.kg:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/kg.jpg") no-repeat 0 0 transparent;
}
.entHolder .toggleSpeech.akzo:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/akzo.jpg") no-repeat 0 0 transparent;
   width: 101px;
}
.entHolder .toggleSpeech.swefair:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/swefair.jpg") no-repeat 50% 0 transparent;
   height: 86px;
}
.entHolder .toggleSpeech.elmia:hover
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/elmia.jpg") no-repeat 0 70% transparent;
   width: 163px;
}
.entHolder .toggleSpeech.jm
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/jm.jpg") no-repeat 0 0 transparent;
}
.entHolder .toggleSpeech.fabege
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/fabege.jpg") no-repeat 0 0 transparent;
   width: 100px;
}
.entHolder .toggleSpeech.abb
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/abb.jpg") no-repeat scroll 0 70% transparent;
   width: 130px;
}
.entHolder .toggleSpeech.kg
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/kg.jpg") no-repeat 0 0 transparent;
}
.entHolder .toggleSpeech.akzo
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/akzo.jpg") no-repeat 0 0 transparent;
   width: 101px;
}
.entHolder .toggleSpeech.swefair
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/swefair.jpg") no-repeat 50% 0 transparent;
   height: 86px;
}
.entHolder .toggleSpeech.elmia
{
   background: url("http://cdn.concode.se/zConcode.com/images/ref/grey/elmia.jpg") no-repeat scroll 0 70% transparent;
   width: 163px;
}

#enterprise .topShadow
{
   background: url("images/spriteConcode.png") repeat scroll -1px -223px transparent;
   height: 2px;
   left: 50%;
   margin-left: -405px;
   position: absolute;
   width: 809px;
}

.nav .login
{
   position: static;
   float: left;
}
.nav .login .signin
{
   background: none repeat scroll 0 0 #292929;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: normal;
   padding: 10px 10px 8px;
   text-transform: uppercase;
}
.nav .login .signin span
{
   background-position: 100% 40%;
}
.top
{
   display: none;
}



/* jGrowl CSS 
------------------------------*/
div.jGrowl
{
   padding: 37px 10px 10px 10px;
   z-index: 10001;
   color: #fff;
   font-size: 12px;
}
body > div.jGrowl
{
   position: fixed;
}
body > div.jGrowl.top-left
{
   left: 0px;
   top: 0px;
}
body > div.jGrowl.top-right
{
   right: 0px;
   top: 0px;
}
body > div.jGrowl.bottom-left
{
   left: 0px;
   bottom: 0px;
}
body > div.jGrowl.bottom-right
{
   right: 0px;
   bottom: 0px;
}
body > div.jGrowl.center
{
   top: 0px;
   width: 50%;
   left: 25%;
}
div.center div.jGrowl-notification, div.center div.jGrowl-closer
{
   margin-left: auto;
   margin-right: auto;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer
{
   background-color: #000;
   opacity: .85;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
   zoom: 1;
   width: 235px;
   padding: 10px;
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 1em;
   text-align: left;
   display: none;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
div.jGrowl div.jGrowl-notification
{
   background: none repeat scroll 0 0 black;
   border: 0 none;
   color: white;
   min-height: 40px;
}
div.jGrowl div.jGrowl-notification div.jGrowl-header
{
   font-weight: bold;
   font-size: .85em;
   height: 25px;
}
div.jGrowl div.jGrowl-notification div.jGrowl-close
{
   z-index: 99;
   float: right;
   font-weight: bold;
   font-size: 1em;
   cursor: pointer;
}
div.jGrowl div.jGrowl-closer
{
   padding-top: 4px;
   padding-bottom: 4px;
   cursor: pointer;
   font-size: .9em;
   font-weight: bold;
   text-align: center;
}
@media print
{
   div.jGrowl
   {
      display: none;
   }
}


.item_thumbnail
{
   display: block;
   height: auto;
   width: auto;
   overflow: hidden;
   border-bottom: 1px solid #A9A9A9;
   padding-bottom: 10px;
}
.item_thumbnail .image
{
   background-color: #E8E8E7;
   border: 1px solid #B5B5B5;
   float: left;
   height: 120px;
   margin-right: 20px;
   padding: 5px;
   width: 120px;
}
.item_thumbnail .date
{
   display: none;
}
.item_thumbnail .image img
{
   border: 0 solid #B5B5B5;
   height: 120px;
   width: 120px;
}

/* SECTION THREE - CONTENT */
#content
{
   float: left;
   min-height: 580px;
   color: #3e3c3c;
   background: url("images/bgContent.png") repeat-y;
}
.altBackground
{
   background: url("images/bgRightContent.png") repeat-y !important;
}
#content p
{
   letter-spacing: 0.2px;
   font-size: 1.2em;
   margin-top: 10px;
}
#content .blogPost
{
   float: left;
   padding-top: 0;
   padding-right: 30px;
   margin-bottom: 10px;
}
#content .linkRight
{
   float: right;
   margin-right: 30px;
   font-weight: bold;
   font-size: 1.2em;
}
#content .horiLine
{
   clear: both;
   margin-top: 10px;
   border-bottom: 1px solid #a9a9a9;
}
.shortLine
{
   margin-right: 30px !important;
}
#content .topShadow
{
   position: absolute;
   width: 809px;
   height: 2px;
   background: url("images/spriteConcode.png") -1px -223px;
   left: 50%;
   margin-left: -405px;
}
.ingress
{
   font-weight: bold;
}
#content .left
{
   float: left;
   min-height: 520px;
   width: 600px;
   padding: 0 30px 30px 30px;
}
#content input
{
   width: 420px;
   height: 15px;
   background: url("images/inputText.jpg") no-repeat;
   padding: 5px;
}
#content .catLine
{
   display: block;
   color: #363636;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
}
#content .textBox
{
   width: 420px;
   height: 155px;
   padding: 5px;
   background: url("images/inputTextarea.jpg") no-repeat;
}
#content .submitBox
{
   width: 94px;
   height: 22px;
   cursor: pointer;
   background: url("images/spriteConcode.png") -81px -34px;
}
#content .left .headLine
{
   font-size: 30px;
   margin-top: 30px;
   margin-bottom: 10px;
}
#content .left .rssLogo
{
   margin-top: 31px;
   width: 24px;
   height: 24px;
   background: url("images/spriteConcode.png") 0 -34px;
}
#content .left img
{
   clear: left;
   float: left;
   margin: 0 20px 20px 0;
   border: 1px solid #a9a9a9;
}
#content .left a
{
   margin-top: 10px;
}
#content .left .socialMedia
{
   float: right;
   margin-bottom: 10px;
   margin-right: 30px;
}
#content .left .text
{
   float: left;
   margin-top: -5px;
   color: #7b7b7b;
   font-size: 11px;
   font-weight: bold;
   margin: 5px 10px 0 0;
}
#content .left .tweet
{
   float: left;
   margin-right: 10px;
}
#content .left .fbook
{
   float: left;
   margin-top: 1px;
}
#content .right
{
   float: left;
   min-height: 520px;
   width: 230px;
   padding: 30px 30px 30px 10px;
}
.leftMargin
{
   margin-left: 20px;
   width: 220px !important;
}
#content .right li
{
   list-style-type: none;
   margin: 0 0 8px 0;
}
#content .right .infoBox
{
   margin: 10px 0 30px 0;
   width: 235px;
   min-height: 10px;
   background: black;
   font-weight: bold;
   font-size: 12px;
   color: #d0d0d0;
   padding: 5px 10px 10px 10px;
}
#content .right .infoBox li
{
   list-style-type: none;
   margin: 0 0 4px 0;
}
#content .right .infoBox .miniHeadLine
{
   display: block;
   margin-bottom: 10px;
   color: #ffffff;
   font-size: 13px;
}
#content .right a h1
{
   color: #3e3c3c;
}
#content .right h1
{
   margin-top: 10px;
   font-size: 16px;
   font-weight: bold;
}
#content .right h1:hover
{
   text-decoration: underline;
}
#content newsPost
{
   float: left;
   padding-top: 25px;
   margin-bottom: 20px;
}
#content .catText
{
   float: left;
   margin-top: 10px;
   margin-right: -5px;
   padding: 4px 6px 0 0;
   font-weight: bold;
   font-size: 1.1em;
   color: #7b7b7b;
}
#content .catBox
{
   float: left;
   margin: 10px 0 0 5px;
   height: 18px;
   color: #ffffff;
   font-weight: bold;
   font-size: 10px;
   padding: 0px 4px 0px 4px;
   line-height: 20px;
   background: #95cbd3;
}
#content .textLine
{
   padding: 4px 0 0 0;
}
#content .catBox:hover
{
   text-decoration: none;
}
#content .headLine
{
   float: left;
   font-weight: bold;
   font-size: 20px;
   color: #3e3c3c;
   margin-top: 10px;
}
#content .rssLogo
{
   display: block;
   float: left;
   margin: 10px 0 0 10px;
   height: 16px;
   width: 16px;
   background: url("images/spriteConcode.png") -65px -34px;
}
#content .right .ulHeadLine
{
   display: block;
   margin: 20px 0 10px 0;
   color: #4e4e4e;
   font-size: 18px;
   font-weight: bold;
}
#content .spacer
{
   margin-top: 15px;
}
#content .leftIn
{
   float: left;
   height: 100px;
   width: 135px;
   padding-right: 30px;
}
#content .leftIn li
{
   border-bottom: 1px solid #a9a9a9;
   list-style-type: none;
   padding: 10px 0 10px 0;
   margin: 0px;
}
#content .leftIn .headLine
{
   font-size: 18px;
   margin-top: 45px;
}
#content .leftIn li a
{
   font-weight: bold;
   font-size: 13px;
}
#content .rightIn
{
   float: left;
   height: 100px;
   border-left: 1px;
   width: 400px;
   padding: 30px 0 0 30px;
}
#content .rightIn p
{
   margin-top: 20px;
   font-size: 13px;
}




.container .main
{
   float: left;
   min-height: 520px;
   width: 600px;
   padding: 0 30px 30px 30px;
}


.topRoller
{
   position: relative;
   display: inline;
}
.dropdown
{
   float: left;
}
.dropdown li
{
   float: left;
   list-style: none;
}
#FolderFlag ul
{
   display: none;
}