body.helper {
    background-repeat: no-repeat;
    background-position: top left; /* adjust to whatever you like. */
    opacity: 0; /* see through the page */
    background-image: url(../images/mall.png);
    background-image: url(../images/mall2.png);

}
body { 
    background: url('../images/romBG.jpg') no-repeat top left scroll; 

    /*    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
}




@media (max-width: 1250px) {
    body { 
        /*background: url('../images/bg.jpg') no-repeat top left scroll;*/ 
        -webkit-background-size: 110%;
        -moz-background-size: 110%;
        -o-background-size: 110%;
        background-size: 110%;
    }
}

@media (max-width: 980px) {
    body { 
        /*background: url('../images/bg.jpg') no-repeat top left scroll;*/ 
        -webkit-background-size: 80%;
        -moz-background-size: 80%;
        -o-background-size: 80%;
        background-size: 80%;
    }
}


body#id7 { 
    background-image: url('../images/bg.jpg') ; 

    /*    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;*/
}
#bg { position: fixed; top: 0; left: 0; z-index: -999;
      display: none;
}
.bgwidth { width: 100%; }
/*.bgheight { height: 100%; }*/
/*.mywrapper {width: 980px;  margin:0 auto;}*/
.mywrapper {
    margin: 0px 90px 0 auto;
    width: 960px;
    position:relative;
}

body,#bg {width: 1250px;max-width: 98%;}

.smaller {
    font-size:  11px
}
.header {
    /*border:1px solid red;*/

    background: transparent url("../images/smhlogo.png") right 19px  no-repeat   ;
    /*background: transparent url("../images/ny_topp_fridhem.png") 27px top  no-repeat   ;*/
    height: 222px;
    margin: 0 90px 0 auto;
    width: 960px;
}


.mywrapper ,.header {margin: 0 0 0 282px;}
.mywrapper ,.header {
    margin: 0 0 0 0px;
    float: right;
}
.CommonContent {max-width: 700px;padding-top: 0px;}
/*.CommonContent {max-width: 700px;padding-top: 0px;}*/


body#id18 img.leftAlone {
    margin-left: 20px;
    margin-bottom: 30px;
}

body#id18  .content {font-weight: bold;font-size: 18px!important;padding:20px 40px;}
body#id18  .CommonContent {width: 100%;max-width: 100%;}
body#id18  .content a {color:#9a1915}
body#id18  nav.primary,
body#id18  #terms ,
body#id18  .topFB
{
    display: none
}


body#id17  .content {margin-top: 0}
body#id17  .content {margin-top: 0}
body#id17  .topFB {display: none}
body#id17  div.CommonContent {max-width: 100%}
body#id17  div.CommonContent p {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 5px;

}
#terms {
    color: #FFFFFF;
    font-weight: bolder;
    left: 33px;
    position: absolute;
    top: 666px;
    width: 500px;
} 

.motivationplatta {
    /*    background: url("../images/motplatta2.png") no-repeat scroll 0 top  ;
    
        font-weight: bold;
        height: 436px;
        left: -20px;
        margin: 0 auto;
        padding: 52px;
        position: relative;
        width: 334px;*/
    margin-top: 10px;
}

#terms {
    color: #343434;
    text-align:right;
    /*text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);*/
    font-weight: bolder;
    /*left: 532px;*/
    position: static;
    /*top: 666px;*/
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
} 

img#howto {
    left: -13px;
    position: relative;
    top: -30px;

}

#fbloginarea{float: right}


#startfbloginarea {
    background: url("../images/Borja_tavla.png") no-repeat scroll 0 69px rgba(0, 0, 0, 0);
    float: none;
    height: 250px;
    position: relative;
    top: -20px;
}


div#startfbloginarea.standalone {
    display: inline-block;
    width:600px;
    float: right;
}

/*body#id14 #fbloginarea {display: none}*/ 



.startPageFBlogin a {
    border: 0px solid #FF0000;
    display: block;
    height: 50px;
    left: 88px;
    opacity: 0;
    position: relative;
    top: 68px;
    width: 333px;
    /*text-indent: -9999px;opacity: 0*/
}
#startfbloginarea .smaller {
    color: #4C256D;
    display: block;
    font-weight: bold;
    left: 98px;
    position: relative;
    top: 86px;
    width: 333px;
}

/*.firstContent #startFBtext .fblogin {text-indent: -9999px;opacity: 0}*/
.firstContent #startFBtext .smaller {margin-left:80px;margin-top: 115px;display: block;width: 600px;}


a.brand {display: none}

.header   ,
.header * ,
.header * a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color :#FFF
}

.header .inner .unit {
    position: relative; /* used to position the main navigation */
}

nav.primary {
    /*border: 1px solid red;*/
    border-bottom: 1px solid #CCCCCC;
    position: absolute;
    right: 0px;
    top: 180px;
    /*min-width: 673px;*/
}

.header .primary ul {
    float: right;
}

.header .primary li a:last-child {margin-right: 0}

.header .primary li a {
    z-index: 9999;  
    color: #727271;
    color: #888;
    display: block;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    /*font-family: 'Istok Web',sans-serif;*/
    font-size: 20px;
    /*font-weight: bold;*/
    margin: 0 11px;
    padding: 0;
    text-transform: uppercase
}


.header .primary li.current a:before  {

    content: "> ";
    font-weight: bolder;
    /*font-size: 1.3em;*/

}

.header .primary li.current a ,
.header .primary li a:hover {
    color:#4b256d;
}


.header .primary li {
    float: left;
    padding-bottom: 16px;
    margin: 0 5px;
    position: relative;
    white-space: nowrap; /* forces text to never wrap onto a second line */
}
.header .primary li:last-child {
    margin-right: 0;
}


#paper {
    width: 1000px;
    height: 700px;
    background: transparent url('../images/papperskarta.gif') 20px 20px no-repeat
        /*border: 1px solid;*/
        /*background: transparent url('../images/ark_1000.png') top left no-repeat*/
}
body.map #paper  {
    /*    background: transparent url('../images/papperskarta.gif') 20px 20px no-repeat*/
}

body.Start  div.firstContent h2 { 

    /*font-size: 17px;*/
    /*font-weight: bold;*/
    /*line-height: 22px;*/
    /*text-transform: uppercase;*/
}

body.Start h2,
body.Start h3 {
    font-family: 'Domine';
    font-weight: 700
}
body.Start #paper {
    width: 1000px;
    height: 700px;
    /*border: 1px solid;*/
    background: transparent url('../images/gradientBG.png') top left no-repeat
}
#startFBtext {
    margin-left: 20px;
    /*    float: left;*/
    color:#193174;
    font-weight: bold;
    display: inline-block;
    width: 350px;

}

.paperinner {
    padding: 50px;
    position: relative;
}
#accept_BG {
    /*    position: relative;
        left:-20px; 
        background: url("../images/accept_BG.png") no-repeat scroll left top transparent;
        height: 67px;
        padding-top:0px;
        text-align:center;
        width: 460px;
        font-weight: bold;
        color:#0a4306;
        text-size:16px;
        margin-top: 26px;*/
}

#accept_BG a {
    /*    display: block;
        padding:20px 0*/
} 

body.PlayerGROUP .paperinner .typography h1 {       background: url("../images/lagets_sida.png") no-repeat scroll left top transparent;}
body#id11 .paperinner .typography h1 {       background: url("../images/min_profilsida.png") no-repeat scroll left top transparent;}
body#id14 .paperinner .typography h1 {       background: url("../images/sa_gar_det_till.png") no-repeat scroll left top transparent;}
body#id18 .paperinner .typography h1 {       background: url("../images/TavlingSlut.png") no-repeat scroll left top transparent;}

.paperinner .typography h1 {

    font-size: 21px;
    height: 90px;
    padding-left: 15px;
    padding-top: 25px;
    position: absolute;
    top: 10px;
    /*transform: rotate(-10deg);*/  
    width: 230px;
}



.content {
    /*margin: 64px 20px 0;*/
    margin: 0;

}
.firstContent {
    width: 675px;
    float: right;
}
body.rules .secondContent ,
body.noSysRole .secondContent ,
body.Start .secondContent {
    clear: both;
    padding-left: 50px;
    padding-top: 30px;
    width: 95%;
}
body.rules .secondContent {
    clear: both;
    margin: -20px;
    padding-left: 50px;
    padding-top: 0;
    width: 95%;
}

.secondContent {
    padding-top: 30px;
    clear: both;
    width: 675px;
    float: right;
}


body.Start .paperinner .typography h1 {
    display: none
}
body.Start .firstContent {
    /*width: 500px;*/
}
body.Start .content {
    margin: 20px 0;
}
body.Start .secondContent {
    height: 500px;
    /*width: 800px;*/
    margin-left: 0px;
    /*padding-right: 400px;*/
    background: url("../images/Tomas_i_lada.gif") no-repeat scroll right top transparent;
}

body.Start .secondContent  p,
body.Start .secondContent  h3,
body.Start .secondContent  h2
{
    padding-right: 400px;
}



body.rules div.secondContent h3 {
    padding-left: 80px;
    font-size: 18px;
    line-height: 22px;
}

body.rules div.secondContent h3  { 
    background: url("../images/invite_icon.png") no-repeat scroll left top transparent;
    height: 60px;
}
body.rules div.secondContent h3:first-child {
    background: url("../images/vcard.png") no-repeat scroll left top transparent;
}


body.rules .secondContent  div {
    padding-right: 500px;
}

body.rules .secondContent  {
    min-height: 500px;
    margin-left: 0px;
    background: url("../images/Pernilla_sign.png") no-repeat scroll right top transparent;
    background: url("../images/Pernilla_animation_transp.gif") no-repeat scroll right top transparent;
}


a.profbutxton {
 background: url("../images/FBDot.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    padding-left: 36px;
    height: 26px;
    width: 400px;
}

a.profbutton {float: left;     height: 50px;
              /*text-indent: -9999px;*/
}

#teambuttons {
    /*left: 15px;*/
    position: relative;
    top: 8px;
    /*width: 6500px;*/
}

#InviteFormDiv {;max-width: 410px;} /* jq */
/*.profbutton.share_promp {display: none;} jq */


#teambuttons a.btn {
    height: auto;
    padding: 10px;
    float: left ;
    margin-right: 20px;
    width: 180px!important
}

a.share_prompt {
    /*background: url("../images/bjud_in_liten.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    /*display: block;*/
    /*    width: 150px;
        width: 204px;*/
    /*height: 68px;*/

}
a.gomap {
    background: url("../images/smallmap.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    font-size: 23px;
    padding: 35px 0 0 94px;    
    /*display: block;*/
    /*width: 204px;*/
    /*height: 68px;*/

}

.my_teamlist {
    max-height: 444px;
    overflow-x: hidden;
    /*overflow-y: scroll;*/
} 

#nofbinvite { 
    font-size: 11px;
    line-height: 12px;
}
#nofbinvite .link  {

    color: #0E0099;
    /*padding-left: 9px;*/
    word-wrap:break-word;
    width: 100%;
    margin-top:20px;
    font-family: arial;
    font-size: 10px;
}

.nofblink {display: none}
.show_nofblink {text-decoration: underline!important  }
#nofbinvite div.info  {
    /*background: url("../images/letter.png") no-repeat scroll 5px 5px transparent;*/
    /*font-size: 12px;*/
    /*height: 52px;*/
    /*padding: 0 30px 3px 88px;*/
}
.platta  {
    background: url("../images/platta.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 200px;
    padding: 10px;
    width: 416px;

}
#motivate {
    /*background: url("../images/grattis.png") no-repeat scroll left top transparent;*/
    padding-top: 100px;
    position: relative;
    top: -4px;
}

.my_teamlist a {
    background: url("../images/teamicon.png") no-repeat scroll left center transparent;
    color: #00207B;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    padding-left: 55px;
    padding-top: 13px;
}
#Form_NewTeamForm label {
    /*display: none;*/
}

.typography label.right {
    text-align: left;
    float:left;
    display: inline-block;
    width: 290px;

}

form div#Share.field label.right {
    padding-left: 33px;
    background: url("../images/FBDot.png") no-repeat scroll left top transparent;
    font-size: 10px;line-height: 13px;        
}

body.Map .paperinner {
    background: url("../images/maptown.png") no-repeat scroll 30px 41px rgba(0, 0, 0, 0);
    height: 700px;
    position: relative;
}

body.Map h1 {
    text-indent: -99999px;
    color: transparent!important;
}





.member {

    /*background: url("../images/divider.png") repeat-x scroll left bottom transparent;*/
    clear: left;
    font-weight: 400 !important;
    margin-bottom: 2px;
    padding-bottom: 3px;

}

.member .fbprof {float: left;}
.memberstat name {font-size: 16px;color:#00207b;margin-bottom: 8px;}
.memberstat {
    font-size: 14px;
    float: left;
    margin-left: 20px;
}

correct {color :#134800}
wrong {color :#790c0e}

#statistikplatta stat {
    display: block;
    /*padding: 30px 100px 20px 20px;*/
}
#statistikplatta {
    /*background: url("../images/statistikplatta.png") no-repeat scroll left top transparent;*/
    height: 181px;
    width: 450px;
}
stat {font-size: 15px;line-height: 30px;}

stat div.res {
    display: inline-block;
    font-weight: bold;
    left: 526px;
    position: absolute;
    text-align: center;
    width: 25px;
}

.strong {font-weight: bold}

.fbprof {border:3px solid #FFF}
.topFB {
    position: absolute;
    right: 9px;
    top: 6px;
    width: auto;

}
.topFB img {margin-right: 10px }
.topFB .logininfo {
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    display: inline-block
}
.topFB .logininfo .login {
    color:#444;
}    

body.Map .paperinner h1,
body.Map .paperinner #startFBtext
{display: none}

#fancybox-outer {
    border: 10px solid #222!important;
}


form#acc div#accept_BG a.btn {
    height: 20px !important;
    min-height: 0;
    line-height: 10px;
    margin-bottom: 0 !important;
    padding-bottom: 4px!important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
}

.mapitemlink  { 
    /*border:1px dashed red;*/
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    /*    height: 44px;
        left: 44px;
        top: 44px;
        width: 44px;
    */
    /*opacity: 0.4*/
} 

.mapitemlink  img {
    /*opacity: 0;*/
}
#mapitemlink8.mapitemlink  img {
    left: -7px;
    position: relative;
    top: 10px;
}

#mapitemlink10.mapitemlink  img {
    position: relative;
    top:48px;
    left:0px;
}

#mapitemlink15.mapitemlink  img {
    left: -7px;
    position: relative;
    top: -16px;
}

#mapitemlink16.mapitemlink  img {
    left: 9px;
    position: relative;
    top: 28px;
}



#mapitemlink22.mapitemlink  img {
    position: relative;
    top:8px;
    left:80px;
}



#mapitemlinkA.mapitemlink  img {
    position: relative;
    top:8px;
    left:80px;
}

#mapitemlinkB.mapitemlink  img {
    position: relative;
    top:65px;
    left:80px;
}
#mapitemlinkC.mapitemlink  img {
    position: relative;
    top:50px;
    left:80px;
}

#mapitemlinkD.mapitemlink  img {
    left: 94px;
    position: relative;
    top: 20px;
}





/*.mapitemlink#mapitemlink10  img {opacity: 1;}
.mapitemlink#mapitemlink15  img {opacity: 1;}
.mapitemlink#mapitemlink8  img {opacity: 1;}
.mapitemlink#mapitemlink16  img {opacity: 1;}

.mapitemlink  {display: none;}
.mapitemlink#mapitemlink10   {display:inline-block;}
.mapitemlink#mapitemlink15   {opacity: 1;}
.mapitemlink#mapitemlink8  {opacity: 1;}
.mapitemlink#mapitemlink16 {opacity: 1;}*/


#mapitemlink8 {

    /*background: url("../images/KARTBILDER/nordhem_hi.png") no-repeat scroll  top left transparent;*/
    height: 103px;
    left: 507px;
    top: 75px;
    width: 84px;
}
#mapitemlink10 {
    /*background: transparent url("../images/KARTBILDER/vasthem_hi.png")  top  left no-repeat   ;*/
    height: 141px;
    left: 231px;
    top: 33px;
    width: 100px;
}


#mapitemlink15 {
    /*background: transparent url("../images/KARTBILDER/osthem_hi.png")  top  left no-repeat   ;*/
    height: 203px;
    left: 552px;
    top: 440px;
    width: 243px;
}

#mapitemlink16 {
    /*background: transparent url("../images/KARTBILDER/sydhem_hi.png")  top  left no-repeat   ;*/
    height: 114px;
    left: 132px;
    top: 469px;
    width: 114px;
}


#mapitemlink22 {
    /*background: transparent url("../images/KARTBILDER/osthem_hi.png")  top  left no-repeat   ;*/
    height: 102px;
    left: 742px;
    top: 289px;
    width: 142px;
}


/*  */
#mapitemlinkA {
    /*background: transparent url("../images/KARTBILDER/teaterhuset_hi.png")  top  left no-repeat   ;*/
    height: 87px;
    left: 802px;
    top: 82px;
    width: 121px;
}

#mapitemlinkB {
    /*background: transparent url("../images/KARTBILDER/skolhuset_hi.png")  top  left no-repeat   ;*/
    height: 146px;
    left: 305px;
    top: 500px;
    width: 188px;
}

#mapitemlinkC {
    /*background: transparent url("../images/KARTBILDER/musikhuset_hi.png")  top  left no-repeat   ;*/
    height: 101px;
    left: 505px;
    top: 274px;
    width: 139px;
}


#mapitemlinkD {
    /*background: transparent url("../images/KARTBILDER/poker_hi.png")  top  left no-repeat   ;*/
    height: 99px;
    left: 84px;
    top: 302px;
    width: 135px;
}


#mapitemlinkE {
    /*background: transparent url("../images/KARTBILDER/qigong_hi.png")  top  left no-repeat   ;*/
    height: 162px;
    left: 211px;
    top: 50px;
    width: 213px;
}



#mapitemlinkF {
    /*background: transparent url("../images/KARTBILDER/stomp_hi.png")  top  left no-repeat   ;*/
    height: 144px;
    left: 381px;
    top: 144px;
    width: 203px;
}


#mapitemlinkG {
    /*background: transparent url("../images/KARTBILDER/digitalfoto_hi.png")  top  left no-repeat   ;*/
    height: 144px;
    left: 658px;
    top: 78px;
    width: 149px;
}





#mapitemlinkH {
    /*background: transparent url("../images/KARTBILDER/standup_hi.png")  top  left no-repeat   ;*/
    height: 162px;
    left: 224px;
    top: 211px;
    width: 213px;
}


#mapitemlinkI {
    /*background: transparent url("../images/KARTBILDER/trolleri_hi.png")  top  left no-repeat   ;*/
    height: 162px;
    left: 360px;
    top: 294px;
    width: 213px;
}


#mapitemlinkJ {
    /*background: transparent url("../images/KARTBILDER/skriva_hi.png")  top  left no-repeat   ;*/
    height: 114px;
    left: 556px;
    top: 346px;
    width: 213px;
}

#mapitemlinkK {
    /*background: transparent url("../images/KARTBILDER/silver_hi.png")  top  left no-repeat   ;*/
    height: 149px;
    left: 28px;
    top: 498px;
    width: 213px;
}

.blurmapitem {
    /*-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);*/
}

#mapitemlinkL {
    /*background: transparent url("../images/KARTBILDER/sang_hi.png")  top  left no-repeat   ;*/
    height: 188px;
    left: 507px;
    top: 445px;
    width: 137px;
}
#mapitemlinkM {
    /*background: transparent url("../images/KARTBILDER/clownteknik_hi.png")  top  left no-repeat   ;*/
    height: 188px;
    left: 797px;
    top: 426px;
    width: 163px;
}

#mapitemlinkN {
    /*background: transparent url("../images/KARTBILDER/yoga_hi.png")  top  left no-repeat   ;*/
    height: 188px;
    left: 808px;
    top: 35px;
    width: 152px;
}


html body#id7.Map div#outer div.mywrapper div.inner div.content-container {
    background: url('../images/transparentkarta.png') no-repeat top right scroll;    
    height: 732px;
}

.secondContent .punkt {    padding-left: 40px;}
.secondContent #p1.punkt {     background: url('../images/1.png') no-repeat top left scroll;    }
.secondContent #p2.punkt {    background: url('../images/2.png') no-repeat top left scroll;    }
.secondContent #p3.punkt {     background: url('../images/3.png') no-repeat top left scroll;    }

#Form_InviteForm_InvitedPlayer {
    width: 175px;
    height: 18px;
    width: 238px;
}

#Form_InviteForm_action_SendInviteForm {
    position: relative;
    top:-58px;
    min-height: 35px;
}



body.InfoPlace { 
    background-image: none; min-height: 800px;
    width: 100%;
    min-width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

body.InfoPlace#InfoPlace23 {   
    background: url("../images/Faktarutor/thomas_fakta_tom.jpg") no-repeat scroll 0 0 #FFF;

}
body.InfoPlace#InfoPlace24 {   
    background: url("../images/Faktarutor/pernilla_fakta_tom.jpg") no-repeat scroll 0 0  #FFF;

}
body.InfoPlace#InfoPlace25 {   
    background: url("../images/Faktarutor/lisa_fakta_tom.jpg") no-repeat scroll 0 0  #FFF;

}
body.InfoPlace#InfoPlace26 {   
    background: url("../images/Faktarutor/maria_fakta_tom.jpg") no-repeat scroll 0 0  #FFF;

}

#infoContent {

    font-family: 'Domine';
    font-size: 17px;
    left: 157px;
    line-height: 20px;
    position: absolute;
    top: 337px;
    width: 627px;

}

body.InfoPlace#InfoPlace23 #infoContent {


    left: 116px;

    top: 359px;
    width: 701px;

}



@media (max-width: 960px) {

    .mywrapper, .header ,.firstContent , .secondContent , 
    .secondContent h2, 
    .secondContent h2, 
    .secondContent  

    {
        float: none!important;
        margin: 0!important;
        padding: 0 10px!important;
        /*background: none!important;*/
        width: 95%;
        max-width: 100%;
    }


    body.Start .secondContent p, body.Start .secondContent h3, body.Start .secondContent h2 {padding: 0!important} 
    .secondContent  {background: none!important}
    .header {height: auto}
    nav.primary {
        z-index: 9999;
        border-bottom: 0 solid #CCCCCC;
        padding-top: 179px;
        position: static;
        right: 0;
        top: 0;

    }

    html body#id7.Map div#outer div.mywrapper {width:auto!important;max-width: auto!important;overflow: visible}
    html body#id7.Map div#outer div.mywrapper div.inner div.content-container {
        background: url("../images/transparentkarta.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        width: 900px;
        height: 732px;
    }
    .topFB {
        position: absolute;
        right: 189px;
        top: -198px;
        width: auto;
    }
    .header .primary li a, .header {z-index: 99999}    
}

@media (max-width: 480px) {
    .topFB {
        display: none;
    }
}