img {
    max-width:100%;
}

input {
    width:50%;
}

input[type=checkbox] {
    width:1em;
}

input[type=radio] {
    width:1em;
}

.leftButtonColumnVaraKurser {
    float:left;
    width:25%;
}

.bokaKursKnapp {
    width:25%;
    background-color:White;
    float:left;
    margin:0px 10px 0px 20px;
}

.specVersionForbokaKursKnapp {
    width:99%;
}

.bokaKursKnappAsp {
    margin:0px 10px 0px 20px;
}

.seeCourseScheduleLinkDiv
{
    width:25%;
    float:left;
    border-top:solid;
    border-bottom:solid;
    border-width:2px;
    border-color:#6fa7d1;
    margin: 15px 0px 15px 20px;
}

.specVersionForseeCourseScheduleLinkDiv {
    width:99%;
}

.regPageMainContentDiv {
    width:67%;
    background-color:White;
    float:right;
    margin:0px 20px 0px 20px;
    padding-bottom:20px;
}

.regPageMainContentDivPositionToTheLeft {
    width:67%;
    background-color:White;
    float:left;
    margin:0px 20px 0px 40px;
    padding-bottom:20px;
}

.pageWithNoLeftMenuContentDiv {
    width:80%;
    background-color:White;
    margin:auto;
    padding-bottom:20px;
}

.StandardHalfAreaOfStandardMainArea {
    float:left;
    width:40%;
    padding:0px 20px 0px 0px;
}

.areaToShowResultOnCourseEvaluationsPublPage {
    margin:10px 10px 0px 20px;
    float:left;
}

.divAddressFrame {
    border:solid;
    border-color:#CCCCCC;
    border-width:2px;
    padding:4px;
    width:50%;
}

.divAddressFrame input {
    width:90%;
}

.rightColumn {
    margin:0px 0px 0px 20px;
    float:left;
}

.leftColumn {
    margin:0px 0px 0px 25px;
    float:left;
}

#search_form input {
    color:#999999;
    font-size:1.1em;
    width:50%;
    height:2em;
}

.BookListDiv {
    float:left;
    width:35%;
    padding:10px;
}

.BookListDivPic {
    float:left;
    width:20%;
    padding:10px;
}

textarea {
    width:50%;
}

dropdownlist {
    width:75%;
}

.divBitasKunderCategory {
    float:left;
    width:33%;
    padding:0px 0px 30px 0px;
}

.portalMainHeaderWithBackground {
    position:relative;top:-10px;
    padding:1% 0% 1% 3%;
    margin-bottom:10px;
    background-color:#dedddd;
    width:97%;
    font-size:1.3em;
    font-weight:bold;
}

.portalHeadersWithBackground {
    padding:1% 0% 1% 3%;
    margin:10px 0px 20px 0px;
    background-color:#dedddd;
    width:97%;
    font-size:1.2em;
    font-weight:bold;
}

.bluelink {
    color: #0054a6;
	text-decoration: underline;
    font-size:1.2em;
}

body {
    background: #F4F5F5;
    font-size:0.7em;
}

article {
    margin:50px 0px 30px 0px;
}

#wrapPortal {
    width: 100%;
    max-width:960px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background: #F4F5F5;
}

#wrapPortal_inner {
    width: 99%;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background: #F4F5F5;
}

#wrapPortal_inner_inner {
    width: 99%;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    background: #FFFFFF;
    font-size:1em;
}

header {
    width:100%;
    margin-bottom:-2px;
}

nav {
    width:27%;
    background-color:White;
    margin-bottom:30px;
    float:left;
    
}

/*Startsidan: slogan-rutan*/

#bitaSlogan {
    margin:0px 0px 20px 0px;
    padding:0px 0px 10px 0px;
    width:97%;
    box-shadow: 3px 3px 15px #888888;
    text-align:left;
    background-color:White;
}

#bitaSlogan h1 {
    text-align:center;
    font-size:2.8em;
    font-weight:bolder;
    color:#00618e;
    font-family:Cambria;
    margin:5px 0px 10px 20px;
    padding:15px 0px 0px 0px;
}

/*slut*/

/*Startsidan, hantering av kolumnerna upptill och nedtill*/

.startPageLeftColDiv {
    float:left;
    width:31%;
    min-width:250px;
    padding:0px 10px 0px 10px;
}

.startPageMiddleColDiv {
    float:left;
    width:31%;
    min-width:250px;
    padding:0px 10px 0px 10px;
    border-left:solid 1px #999999;
}

.startPageRightColDiv {
    float:left;
    width:31%;
    min-width:250px;
    padding:0px 10px 0px 10px;
    border-left:solid 1px #999999;
}

.startPageLeftBottomColDiv {
    float:left;
    width:33%;
}

.startPageMiddleBottomColDiv {
    float:left;
    width:33%;
}

.startPageRightBottomColDiv {
    float:left;
    width:33%;
}

#info1 {
	width: 90%;
	height: 110px;
	padding: 15px 20px 15px 25px;
	margin: 0px 0px 0px 0px;
	background: #fff url(../images/bg_platta_startBottom.jpg) no-repeat;
}
#info2 {
	width: 90%;
	height: 110px;
	padding: 15px 25px 15px 25px; 
	margin: 0px 0px 0px 0px;
	background: #fff url(../images/bg_platta_startBottom.jpg) no-repeat;
}

#info3 {
	width: 90%;
	height: 110px;
	padding: 15px 10px 15px 25px;
	margin: 0px 0px 0px 0px;
	background: #fff url(../images/bg_platta_startBottom.jpg) no-repeat;
}

/*slut*/

#contentPortal {
    width:67%;
    background-color:White;
    float:right;
    margin:-60px 10px 0px 20px;
}

footer {
    position:relative;
    bottom:0px;
    text-align:center;
    clear: both;
    margin-bottom:20px;
    background-color:#F4F5F5;
}

footer div {
    position:relative;
    top:-2.5em;
    
    height:100%;
}

#underMeny {
	width: 80%;
	padding: 0px; 
	margin: 0px 10px 0px 10px;
}

#underMeny ul a:link, #underMeny ul a:visited {display: block; background-color: #f5f5f5; color: #666666; padding: 15px 15px 15px 15px; margin: 0px 10px 0px 0px; border: 0px solid #999; text-decoration:none;}

#underMeny ul a:hover {display: block; background-color: #CDCBCB; padding: 15px 15px 15px 15px; margin-right: 10px; border: 0px solid #999; text-decoration:none; color: #000;}

@media screen and (max-width:1920px) {

    #underMeny {
	    width: 90%;
	    padding: 0px; 
	    margin: 0px 25px 0px 25px;
    }
}

@media screen and (max-width:768px) {
    
    #menu {
        margin: -3em 0 40px 0;
    }

    /*Startsidan: slogan-rutan*/

    #bitaSlogan {
        margin:0px 0px 20px 0px;
        padding:0px 0px 10px 0px;
        width:95%;
        box-shadow: 3px 3px 10px #888888;
    }

    #bitaSlogan h1 {
        font-size:2.5em;
        margin:5px 0px 10px 7px;
        padding:15px 0px 0px 0px;
    }

    /*slut*/

    /*Startsidan, hantering av kolumnerna upptill och nedtill*/

    .startPageLeftColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
    }

    .startPageMiddleColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
        border:none;
    }

    .startPageRightColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
        border:none;
    }

    #info1 {
	    /*float: left;*/
	    width: 99%;
	    height: 110px;
	    padding: 15px 20px 15px 25px;
	    margin: 0px 0px 0px 0px;
	    background: #fff;
    }
    #info2 {
	    /*float: left;*/
	    width: 99%;
	    height: 110px;
	    padding: 15px 25px 15px 25px; 
	    margin: 0px 0px 0px 0px;
	    background: #fff;
    }

    #info3 {
	    /*float: left;*/
	    width: 99%;
	    height: 110px;
	    padding: 15px 10px 15px 25px;
	    margin: 0px 0px 0px 0px;
	    background: #fff;
    }
    /*slut*/

    .regPageMainContentDiv {
        width:90%;
        margin:0px 20px 0px 20px;
        float:left;
    }

    nav {
        width:100%;
        margin-bottom:30px;
    }
}

@media screen and (max-width:603px) {
    #menu {
        margin: -2.5em 0 40px 0;
    }
}

@media screen and (max-width:568px) {

    .infoAreaRndCornersBackgrdColor_innerDiv{
        float:left;
        width:90%;
    }
   
    #contentPortal {
        width:95%;
        background-color:White;
        margin:0;
    }
   
    nav {
        width:100%;
        margin-bottom:30px;
    }

    input {
        width:75%;
    }

    .divAddressFrame {
        width:75%;
    }

    textarea {
        width:75%;
    }

    dropdownlist {
        width:99%;
    }

    /* Menu */
    #menu {
	    clear: both;
	    margin: -10px 0 40px 0;
	    padding: 0px 0px 0px 0px;
	    width: 99%;
	    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	    height: 25px;
	    color: #cccccc;
        position:relative;
        z-index:1;
    }

    .classSearchFieldInHeader {
        display:none;
    }

    /*Startsidan, hantering av kolumnerna upptill och nedtill*/

    #info1 {
	    padding: 20px 7px 0px 7px;
    }

    #info2 {
	    padding: 20px 7px 0px 7px;
    }

    #info3 {
	    padding: 20px 7px 0px 7px;
    }

    /*slut*/

    /*Footer*/

    footer {
        padding:10px 3px 3px 10px;
    }

    footer div {
        top:-1em;
        height:10px;
    }

    /*slut*/

    /*div för vänsterkolumn med bokknapp och kursschemalänk på Våra kurser*/

    .leftButtonColumnVaraKurser {
        float:left;
        width:90%;
    }

    /*slut*/
}

@media screen and (max-width:414px) {

/*Startsidan: slogan-rutan*/

    #bitaSlogan {
        margin:0px 0px 20px 0px;
        padding:0px 0px 10px 0px;
        width:90%;
        box-shadow: 3px 3px 10px #888888;
    }

    #bitaSlogan h1 {
        margin:5px 0px 10px 7px;
        padding:15px 0px 0px 0px;
    }

    /*slut*/

    .divBitasKunderCategory {
        float:left;
        width:50%;
        margin-bottom:30px;
    }

    /*Bokshopen*/

    .BookListDiv {
        width:95%;
        padding:7px;
    }

    .BookListDivPic {
        width:95%;
        padding:7px;
    }

    /*slut*/

    /*Dokumentuppladdning Skicka ditt CV*/

    .StandardHalfAreaOfStandardMainArea {
        width:99%;
        padding:20px 0px 0px 0px;
    }

    /*slut*/
}

@media screen and (max-width:400px) {
    #menu {
        clear: both;
	    margin: -10px 0 60px 0;
	    padding: 0px 0px 0px 0px;
	    width: 99%;
	    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	    height: 25px;
	    color: #cccccc;
        position:relative;
        z-index:1;
    }
}

@media screen and (max-width:360px) {
    #menu {
        clear: both;
	    margin: -10px 0 50px 0;
	    padding: 0px 0px 0px 0px;
	    width: 99%;
	    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	    height: 25px;
	    color: #cccccc;
        position:relative;
        z-index:1;
    }
}

@media screen and (max-width:375px) {

    /*Startsidan: slogan-rutan*/

    #bitaSlogan h1 {
        font-size:2em;
    }
    /*slut*/

    /*Startsidan, hantering av kolumnerna upptill och nedtill*/

    .startPageLeftBottomColDiv {
        width:90%;
    }

    .startPageMiddleBottomColDiv {
        width:90%;
    }

    .startPageRightBottomColDiv {
        width:90%;
    }

    #info1 {
	    padding: 20px 7px 7px 7px;
    }

    #info2 {
	    padding: 0px 7px 7px 7px;
    }

    #info3 {
	    padding: 0px 7px 7px 7px;
    }
    /*slut*/

    input {
        width:90%;
    }

    .divAddressFrame {
        width:90%;
    }

    textarea {
        width:90%;
    }
}

@media screen and (max-width:320px) {
    
    #menu {
        clear: both;
	    margin: -10px 0 70px 0;
	    padding: 0px 0px 0px 0px;
	    width: 99%;
	    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	    height: 25px;
	    color: #cccccc;
        position:relative;
        z-index:1;
    }

    /*Startsidan, hantering av kolumnerna upptill och nedtill*/

    .startPageLeftColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
    }

    .startPageMiddleColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
        border:none;
    }

    .startPageRightColDiv {
        width:90%;
        padding:0px 0px 0px 0px;
        border:none;
    }

    /*slut*/

    /*Startsidan: slogan-rutan*/

    #bitaSlogan {
        margin:0px 0px 10px 0px;
        padding:0px 0px 7px 0px;
        box-shadow: 3px 3px 10px #888888;
    }

    #bitaSlogan h1 {
        font-size:1.7em;
        color:#00618e;
        margin:3px 0px 5px 10px;
        padding:7px 0px 0px 0px;
    }

    /*slut*/

    .divBitasKunderCategory {
        float:left;
        width:90%;
        margin-bottom:20px;
    }
}