/* ===========================
   ======= Body style ======== 
   =========================== */
   
body {
    text-align: left;
    direction: ltr;
    }

/* CSS Document */

#logo{
    float: left;
}
#headercontent{
    float: right;
    margin-bottom: 10px;

}
.ml{
    margin-right: 20px;
}
.switchlang{
    /*color: #8e541b;*/
    float: right;

}

ul.dropdown li {   display: table-cell;}

ul.dropdown ul {    left: 0;}
ul.dropdown ul
ul {    left: 99%;} 
#menu{    direction: ltr; float: left;}

/*Create a horizontal list with spacing*/
li {
    /*float: left;*/
}

h2{
    padding: 10px 0 0 30px ;
     height: 45px; color: #fadb1e; width: 220px; 
}
.topcontent {
    float: left;
    width: 95%;
    padding: 0% 2% 0 3%;
    margin: 0 0 3% 0;

}

.detailstext, .note{
    float: left;
}

.detailspic{
    float: right;
}
.float_right{
    float: left;
}
.float_left{
    float: right;
}
.slogen{
    float: right;
    padding-right: 18%;
}
.logout{
    float: left;
}
.mainHeader .main_img {
    margin-left: 1.5%;
    float: right;
}

#ca-de{
    float: left;
}
#ca-qua{
    float: right;
}

@media only screen and (min-width : 150px) and (max-width : 780px)
{

#logo{
    margin-left: 10px;
}
#headercontent{
    margin-right: 10px;
}

.slogen{
    float: right;
    padding-right: 2%;
}
.blueborder{
    float: left;
    margin-left: 20px;}

}