/*

    CSS Document


    Site: MEMU Svensk Mässbemmaning
    URL: http://www.memu.se
    Author: PS Kommunikation
    Version: 1.1

    Date: 2009.03.05

*/


/*
 *      DEFAULT
 *
 */

HTML, BODY {
    height:100%;		
	text-align:center;
}
DIV#wrapper {
	background:url(/images/bgWrapper.gif) left top repeat-y;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -11em;
	width:964px;
	text-align:left;
}
DIV#placeholder {

}
/*
 *      MASTHEAD
 *
 */

DIV#masthead {
    width:960px;
}
DIV#logo {
    float:left; 
    display:inline; 
    margin:1.5em 0 2.5em 22px;
    height:87px;
    width:171px;
}

/* HELPNAV */

DIV#helpNav {
    float:right; 
    display:inline;
}
DIV#helpNav UL {
    display:inline;
    float:right;
    list-style: none;
} 
DIV#helpNav UL LI {
    background:url(/images/bgHelpNav.gif) center center no-repeat;
	float:left;
	height:22px;
	line-height:18px;
    padding:5px 9px 0 9px;
    margin:0 0 0 3px;
    text-align:center;    
}
DIV#helpNav UL LI.language {
    background:url(/images/bgLanguage.gif) center center no-repeat;
    font-size:11px;
    width:78px;
}
DIV#helpNav UL LI A {
    display:block;
    color:#fff;
    font-weight:bold;    
    text-decoration:none;
}

/* MAINNAV */

DIV#mainNav {
	background:url(/images/bgMainNavTop.gif) left top repeat-y;
	height:3.0em;
	margin:0 12px 20px 12px;
	padding:0 0 0 0;
	width:940px;

}
DIV#mainNav UL {
	background:url(/images/bgMainNavBottom.gif) left bottom no-repeat;    
    font-size:1.2em;
    font-weight:bold;
    list-style-type:none;
    line-height:3.0em;    
    margin:0;
    padding:0;
}
DIV#mainNav LI {
    float:left;
    margin:0;
}
DIV#mainNav LI A {
    color:#3eacd1;      
    display:block;
    text-decoration:none; 
        padding:0 7px
}
DIV#mainNav LI A:HOVER {
    text-decoration:underline; 
}
DIV#mainNav LI.active {
    background:url(/images/bgMainNavActiveBottom.gif) center bottom repeat-x;
    float:left;
}
DIV#mainNav LI.active A {
    background:url(/images/bgMainNavActiveTop.gif) center top repeat-x;     
    color:#fff;
    display:block;
    margin:0 0 7px 0;    
    text-decoration:none; 
}

/* SUBNAV */

DIV#sidebar H2 {
    background:url(/images/bgHeaderSpotlight.gif) top left repeat-y;
    color:#fff;
    font-family:Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:2.4em;
    margin:0;
    padding:0 0 0 10px;   
}
UL#subNav {
    list-style: none;
    margin:0;
    padding:0;
} 
UL#subNav LI {
    display:block;
    margin:0;     
}
UL#subNav LI A {
    background:url(/images/iconArrowRight.gif) center right no-repeat;
    border-bottom:solid 1px #efefef;
    color:#666;
    display:block;
    font-weight:bold;   
    line-height:2.5em;
    padding:0 20px 0 5px;
    margin:0;
    text-decoration:none;
}
UL#subNav LI A:HOVER {
    color:#3eacd1;
}
UL#subNav LI A.active {
    color:#3eacd1;
    font-weight:bold;   
}

/*
 *      USP
 *
 */

DIV#usp {
    margin:0 12px 0 12px;
    width:940px;
}

/*
 *      START
 *
 */

/* CONTENT */

DIV#content {
    margin:3em 12px 0 12px;
    width:940px;
}
DIV#contentContainer {  
    width:940px;    
}
DIV#primaryContent {      
    background:#fff;
    border:solid 1px #e5e5e5;
    display:inline;
    float:left;
    padding:15px 20px;
    width:418px;    
    
}

DIV#placheholderSideContent {
    float:right;
    display:inline;
    width:460px; 
    
}

/* FACEBOOK */
DIV#facebook {
    background:url(/images/bgFacebook.gif) no-repeat;
    height:30px;
    display:inline;
    float:left;
    width:100%;
}
DIV#facebook P 
{
    padding:1px 15px 0 30px;
    line-height:30px;
    color:#fff;
        font-weight:bold;
}
DIV#facebook P A 
{
    color:#fff;

}

/* EVENT CALENDER */

DIV#teaserEventCalender {
    background:url(/images/bgEventCalender.jpg) left -5px no-repeat;
    display:inline;
    float:left;
    height:203px;
    margin:0 20px 0 0px;
    width:220px;    
}
DIV#teaserEventCalender H2 {
    color:#fff;    
    font-family:Arial, Sans-Serif;
    font-size:1.6em;
    font-weight:bold;    
    margin:30px 10px 0 90px;
}
DIV#teaserEventCalender P {
    color:#fff;    
    font-size:1.3em;
    margin:0 10px 60px 90px;
}
DIV#teaserEventCalender A {
    background:url(/images/iconArrowLeft.gif) left center no-repeat;
    color:#fff;
    padding:0 0 0 7px;
    text-decoration:none;
}
DIV#teaserEventCalender A:HOVER {
    text-decoration:underline;
}

/* REFERENCES */

DIV#references {
    display:inline;
    float:left;
    width:220px;
    height:213px;    
}
DIV#references H2 {
    font-size:2.0em;
    margin:0 0 15px 5px;
}
DIV#references P {
    font-size:0.9em;
    margin:0 0 0 5px;
}
.referenceItemLeft {
    display:inline;
    float:left;
    margin:0 10px 5px 0;
    width:105px;
}
.referenceItemRight {
    display:inline;
    float:right;
    margin:0 0 5px 0;
    width:105px;
}

/* SPOTLIGHT */

DIV#spotlightContainer {
    margin:20px 0 0 0;
}
DIV#spotlightContainer H2 {
    background:url(/images/bgHeaderSpotlight.gif) top left repeat-y;
    color:#fff;
    font-family:Arial, Sans-Serif;
    font-size:1.2em;
    font-weight:bold;
    line-height:2.4em;
    margin:0;
    padding:0 0 0 10px;    
}
DIV#spotlightContainer IMG {
    margin:0 0 5px 0;    
}
DIV#spotlightContainer P {
    font-size:1.1em;
    line-height:1.6em;    
}
DIV#spotlightContainer A {
    background:url(/images/iconArrowRight.gif) top right no-repeat;
    color:#3eacd1;
    font-weight:bold;
    line-height:2.0em;   
    padding:0 17px 3px 0 ;
    text-decoration:none;
}
DIV#spotlightContainer A:HOVER {
    text-decoration:underline;
}
.spotlightItem {
    display:inline;
    float:left;
    margin:0 20px 0 0;
    width:220px;
}
.spotlightItemRight {
    display:inline;
    float:left;
    margin:0 0 0 0;
    width:220px;
}

/* FOCUS */

DIV#secondaryContent {      
    background:#fff;
    border:solid 1px #e5e5e5;
    float:left;
    margin:20px 0 0 0;
    padding:15px 20px;
    width:900px;     
}
DIV#secondaryContent P {      
    margin:0;
}
DIV#secondaryContent P STRONG {      
    color:#ec018a;
}
DIV#secondaryContent A {
    background:url(/images/iconArrowRight.gif) top right no-repeat;
    color:#3eacd1;
    font-weight:bold;
    line-height:2.0em;   
    padding:0 17px 0 0 ;
    text-decoration:none;
}
DIV#secondaryContent A:HOVER {
    text-decoration:underline;
}

/*
 *      TEXT AND IMAGE
 *
 */
BODY#textandimage DIV#sidebar {
    display:inline;
    float:left;    
    margin:31px 0 0 12px;
    width:220px; 
}
BODY#textandimage DIV#content {
    background:#fff;
    border:solid 1px #e5e5e5;
    display:inline;
    float:right;
    margin:0 12px 0 0;    
    padding:15px 20px;
    width:658px;    
}
BODY#textandimage DIV#primaryContent {
    border:none;
    width:618px;
}
BODY#textandimage DIV#primaryContent IMG {
    margin-bottom:15px;
}
/* Box */
BODY#textandimage DIV#primaryContent DIV {
    background:url(/images/iconBubble.gif) 10px 5px no-repeat;/*#ec018a;*/
    border-left:solid 1px #e5e5e5;
    border-bottom:solid 1px #e5e5e5;
    color:#ec018a;
    display:block;
    float:right;
    font-size:0.9em;
    line-height:normal;
    margin-left:10px;
    padding:5px 0px 15px 60px;
    width:239px; /* 309px */
}
BODY#textandimage DIV#primaryContent DIV.play {
    padding-bottom:10px;
    background:url(/images/iconPlay.gif) 10px 5px no-repeat;
}
BODY#textandimage DIV#primaryContent DIV.play P 
{
    line-height:normal;
    padding: 4px 0 0 0;
}
BODY#textandimage DIV#primaryContent DIV#videoplayer {
    float:right;
    margin-left:10px;
    width:360; /* 309px */
}
BODY#textandimage DIV#primaryContent DIV STRONG {
    display:block;
    color:#ec018a;
}
BODY#textandimage DIV#primaryContent DIV EM {
    display:block;
    color:#aaa;
    font-style:normal;
    margin-top:5px;
}

/*
 *      CONTACT
 *
 */

/*
 *      FOOTER
 *
 */

.push {
    height:11em;
}
DIV#footer {
    background:#222;
    text-align:center;
    width:964px;
    margin-top:3em;
    margin-left:auto; 
    margin-right:auto;

}
DIV#footer H2 {
    color:#fff;
    font-family:Verdana, Sans-Serif;
    font-size:1em;
    font-weight:bold;
    line-height:20px;
    margin:0 0 5px 12px;
    padding:10px 0 0 0;    
    text-align:left;    
}
DIV#footer P {
    color:#fff;
    font-size:1em;
    margin:0 0 0 12px;
    text-align:left;     
}
DIV#footer P.grey {
    color:#d0d0d0;
}
DIV#footer P.soliditet {
    background:#fff;
    margin:20px 0 0 0;
    width:964px;
    text-align:right;
}
DIV#footer A {
    color:#d0d0d0;    
    text-decoration:underline;
}
DIV#footer A:HOVER {
    color:#fff;    
    text-decoration:none;
}

/*
 *      CLASSES
 *
 */
.noMargin {
    margin:0;
}
.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */