html {



}

body {
        background-color: #FFF;
        margin:0;
        /* font-family: 'Roboto', sans-serif; */
        font-family: 'Arial', sans-serif;
        /* font-family: 'Roboto Condensed', sans-serif; */
        font-size: 14px;
        color:#333;

}

h1 {
        font-family: 'Roboto Slab', sans-serif;
        font-size: 2.5em;
        font-weight: normal;
        margin:0 0 0.3em 0;
}

h2 {
        font-family: 'Roboto Slab', sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        margin:1em 0 0.5em 0;
}

h3 {
        font-size: 1.15em;
        font-weight: bold;
        margin:0 0 0.3em 0;
}

p {
    font-size: 1.1em;
    margin:0 0 0.5em 0;
    line-height: 1.4em;
}

a {
    color: #000;
}
img {
        display: block;
        max-width: 100%;
        width: 100%;
}
.smIt {
    font-size: 0.9em;
    font-style: italic;
}

.gradeImage {
    max-width: 50%;
}
#villkorknapp {
    font-size: 0.9em;
    text-decoration: underline;
    color:#CCC;
    cursor: pointer;
}
#villkor {
    font-size: 0.8em;
    display:none;
    border:solid 1px #F2F2F2;
    padding:1.5em;
}

#thelogo {
    margin-left:0%;
    width:20%;
    float:left;
}


#fullTop {
    width:100%;
    padding:0;
    background-color:#E52323;
    height:auto;
}

.inLink {
    background-color:#E52323;
    color:#FFF;
    text-decoration: none;
    padding:0.2em;
    font-size: 1.2em;
}
.subGrade {
    margin-top:0.3em;
}

#logoarea {
    max-width:1000px;
    margin:0em auto 0em auto;
    padding:1em 3em 1em 3em;

}


#logoarea img {
    float:left;
    width:20%;
    text-decoration: none;
    color: #FFF;
}


#logoarea a {
    float:right;
    padding:1em;
    background-color: #EC5A5A;
    text-decoration: none;
    color: #FFF;
    margin-top:1.8em;
    margin-left:1em;
}

#mobMenu {
    display: none;
 }

#theMobMenu {
    position: fixed;
    bottom:1em;
    right:1em;
    width:4em;
    height:4em;
    background-image: url(images/menu.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1001;
}



#fullAd {
    width:100%;
    padding:0 0 0 0;
    background-color:#F2F2F2;
}
#fullAd img {
    max-width:1000px;
    margin:0em auto 0em auto;

}

#fullAdInfo {
    background-color:#EC5A5A;
    color:#FFF;
    font-size:0.8em;
    padding:0.3em;
    text-align: center;
    background-image: url(/images/adarrow.png);
    background-position: top center;
    background-repeat: no-repeat;
}





#midContent {
    float:left;
    width: 70%;
}

#adminContent {
    float:left;
    width: 100%;
}

#midBox {
    float:left;
    width: 100%;
    background-color: #FFF;
    border:solid 0.1em #F2F2F2;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px #333;
    padding:2em 0em 2em 2em;
    position: relative;
}

#midAd {
    float:left;
    width: 27%;
    margin-left:3%;

}

#midAd img {
    margin-bottom:2em;
}

.midAdHead {
    color:#666;
    border-bottom:solid 0.1em #666;
    font-size:0.8em;
    margin-bottom:1.5em;
}


.boxHead {
    padding-left:1.7em;
    height:1.5em;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 1.5em;
    box-sizing: border-box;

}
#boxHeadOne {
    background-image: url(images/box_unchecked.png);
    width:28%;
    float:left;
}
#boxHeadOneChecked {
    background-image: url(images/box_checked.png);
    width:28%;
    float:left;
}

#boxHeadTwo {
    background-image: url(images/box_unchecked.png);
    width:28%;
    float:left;
}
#boxHeadTwoChecked {
    background-image: url(images/box_checked.png);
    width:28%;
    float:left;
}


#boxHeadThree {
    background-image: url(images/box_unchecked.png);
    width:28%;
    float:left;
}
#boxHeadBtn {
    width:10%;
    float:right;
    background-color: #E52323;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    top:1.5em;
    right:1.8em;
    cursor: pointer;
    cursor: hand;
}

#boxSubBtn {
    width:100%;
    float:left;
    background-color: #E52323;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
}


#boxMoreBtn {
    width:100%;
    float:left;
    background-color: #E52323;
    color:#FFF;
    padding:1em;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    display: none;
}
.fullImageText {
    width:auto;
    padding:0.5em;
    display: inline-block;
    margin-top:0.8em;
    background-color: #FFF;
    border-radius: 0.3em;
    text-align: center;
    font-size: 2em;
}

.fullImageTextNext {
    margin-top:1em;
}

.overImageBox {
    border-radius: 0.3em;
    width:30%;
    height:11em;
    background-color: #E9E9E9;
    float:left;
    margin-top: -3em;
    border:solid 0.5em #FFF;
    box-sizing: border-box;
    text-align:center;
    padding:1em;
}
.b2 {
    margin:-3em 5% 0 5%;
}


.half {
    width:50%;
    float:left;
    box-sizing: border-box;
}
.full {
    width:100%;
    float:left;
    box-sizing: border-box;
    padding-right:1.8em;
}

.sugg {
    width: 100%;
    padding:0.5em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #F2F2F2;
}


.suggRed {
    width: 100%;
    padding:0.5em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#FFF;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FF0000;
}


#areYouSure {
    display: none;
}
.suggSel {
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;
    display: none;
}

.adExpl {
    width:50%;
}

.place {
    float:right;
}
.showInputText {
    width: 100%;
    padding:1em;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;

}

.checkBox {
    width:1.5em;
    height: 1.5em;
    border:solid 0.1em #333;
    float:left;
}
.checkBoxText {
    width:80%;
    height: 1.5em;
    float:left;
    padding:0.3em;
}




.socialBtn {

    display:inline-block;
    width:2em;
    height:2em;
    background-color: #000;
    float:right;
    margin-right: 0.5em;
    margin-top: 4em;
}






#footerarea {
    width:100%;
    background-color: #E52323;
    margin:2em auto 0 auto;
    min-height:5em;
    box-shadow: 0px 500px 0px 500px #E52323;
    text-align: center;
    padding-top:2em;
    color:#FFF;
}
#footerarea p {
   text-align: center;
    padding-top:2em;

}


.firstOne {
    margin-left:0em;
}






.container {
    padding:3em;
    max-width:1000px;
    margin:0 auto 0 auto;
    /* background-color: #F2F2F2;  */
}








input, select {

    width: 100%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    font-size:1em;
    color:#333;
    line-height:1.2em;
    box-sizing: border-box;
    background-color: #FFFAD9;
}

input[type=submit] {
    background-color: #F2F2F2;
}

textarea {
    width: 95%;
    padding:2%;
    border:solid 1px #CCC;
    margin:0% 0% 1% 0%;
    color:#333;
    resize: none;
    line-height:1.2em;
    font-family: 'Roboto', sans-serif;
    font-size:1em;
    height:4em;
    box-sizing: border-box;
    background-color: #FFFAD9;
}

.messRed {
    color:#FF0000;
    padding:0.5em;
    border:solid 1px #F00;
    margin-bottom:0.5em;

}
.messGreen {
    color:#006600;
    padding:0.5em;
    border:solid 1px #006600;
    margin-bottom:0.5em;

}

.clr {
    clear:both;
    width: 1px;
    height: 0;
}

.clr_one {
    clear:both;
    width: 1px;
    height: 0.8em;
}

.clr_two {
    clear:both;
    width: 1px;
    height: 1.4em;
}





.hideInMob {
    display:block;
}

.hideInComp {
    display:none;
}


.nodec {
    text-decoration: none;
    color:#333;
}




.crsr {
    cursor: pointer;
    cursor: hand;
}