#webshopFlikar{display:none;}
#webshopmeny {
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #54bbca;

    width: 200px;
}
#webshopsearch{display:none;}
#webshopsearch input[name=SearchFor]{width:150px;}
#webshopsearch input[type=submit]{width:50px;}		
#navcontainerMobil{z-index:2; }
#webshopcontents{max-width:750px; font-size:10pt; width:750px;  }
#navcontainer ul{
margin-left: 0;
padding: 0;
list-style-type: none;
font-size:10pt;
font-weight:bold;
}
#navcontainer li {margin: 0;}
#navcontainer a{
display: block;
color: #fff;
background:#54bbca;
//height:20px;
max-width: 180px;
padding: 6px 5px 9px 10px;
text-decoration: none;
border-bottom: 1px solid #369dac;
font-weight:normal;
}
#navcontainer li a.active{
    background: #54bbca;

    border-bottom: 1px solid #369dac;
}
#navcontainer li a:hover.active {
    background: url(../gismo/gfx/256/vm_h.png) #54bbca repeat-x;
    background-color: #54bbca;


}
#navcontainer a:hover{background: #54bbca; color: #FFF; color: background-color: #54bbca;}
#navcontainer li li a{
display: block;
color: #333;
background:#bcbcbc;
height:15px;
max-width: 180px;
border-bottom: 1px solid #e4e4e4;
font-weight: normal;
}
#navcontainer li li a:hover{
background:#3085d8;
color: #FFFFFF;
background-color: #ccc;
border-bottom: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
}
#navcontainer li li a:hover.active{
background:url(../gismo/gfx/795/vmh.png) #3085d8 repeat-x;
color: #FFFFFF;
background-color: #ccc;
border-bottom: 1px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
}
#navcontainer li a.active ul li {color:#54bbca;}	
#navcontainer ul li ul li ul li a {	 background:url(../gismo/gfx/795/bgr_varukorg.gif) #fff repeat-x;}

#webshopsearch {
background-color: transparent;
margin-left:5px;
padding-top:5px
display:none;
} 
#webshopsearch2 {display:none;}
#container{text-align:left;}
#webshopcontents a {text-decoration: underline;} 
#webshopcontents h2 {
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
font-weight:bold;
color: #333333;
} 

#navcontainerMobil{display:none!important;}
.listpris{color:#000000!important}

#navcontainerMobil #menu-button{ background:url(https://gismo.lankonsult.se/gismo/gfx/795/vara_kurser.png) no-repeat; color:transparent!important;}


input, textarea {
    border: 1px solid #27bec5;
    border-radius: 5px;
    padding: 3px;
}
.CreateButton
{
    border: 1px solid #27bec5;
    border-radius: 5px;
    padding: 3px;
}

.CreateButton{font-weight:normal!important; width:150px;}
input[name="submitknapp"] {
    background: #f9f9f9;
    color: #54bbca;
}
@media only screen and (min-device-width : 120px) and (max-device-width : 868px), only screen and (max-width : 868px)
{
#navcontainerMobil{display:block!important;}
.column.fourth{width:25%!important}

#webshopsearch{display:none;}
#webshopsearch2{display:block; margin-left:10px;}
#navcontainerMobil{z-index:2; }
#webshopcontents{width:98%; PADDING-TOP:50PX;}
#webshopmeny {
display:none;
min-height:120px;
position:relative;	
padding:10px;
width: 100%;
height:auto;
position:relative;
}
#navcontainer{
margin-left: 0;
margin-top: -20px;
margin-bottom: 0px;
padding-left:0px;
width:100%
}
#navcontainer ul li{
float:left;
margin-right:4px;
margin-bottom:10px;
margin-bottom:1%;
min-width:48%;
background:#fff;
}
#navcontainer a{background:transparent!important; padding:4px;}
#navcontainer li a{width:125px; font-size: 11px;
Font-family: Myriad Pro Regular, Arial, tahoma, sans-serif;}
#navcontainer li li a {width:100px; }
#navcontainer ul li ul{max-height:82px; background:#e5e5e5; overflow-y:auto; overflow-x:hidden;}
#navcontainer li ul li a{background:#54bbca}
#navcontainer ul li{float:left;margin-bottom:1%;}

#navcontainer a{background:transparent!important; padding:4px;}
#navcontainer ul li li a{background:#ff!important;}
#navcontainer ul li ul{max-height:82px; background:#e5e5e5; overflow-y:auto; overflow-x:hidden;}
#navcontainer ul li li{max-height:82px; overflow:hidden; margin:2px; padding:0px; width:100px;}
#navcontainer ul li li a{background:#ff!important;}
#navcontainer li ul li a{background:#54bbca}
#navcontainer li a.active{ background:#54bbca!important; color:#fff; width:100%;}
textarea[name=beskrivning]{width:170px;}
table{font-size:11pt;}
input[name="ForNamn"]{width:100px;}
input[name="EfterNamn"]{width:100px;}
input[name="Epost"]{width:170px;}
}


@media only screen and (min-device-width : 120px) and (max-device-width : 668px), only screen and (max-width : 668px)
{
ul li span.submenu-button {
    width: 100%!important;
    background: transparent!important;
}
ul li ul li span.submenu-button {
    width: 34px!important;
height:34px!important;
}
ul li ul li .submenu-button.submenu-opened {
    background: #262626!important;
}

div#webshopFlikar th{padding-right:5px; font-weight: normal;}
.info_td {color:#ffffff!important; background:#6495ED; padding:4px;}
table, thead, tbody, td.noborder, tr, table.table_kassan3, table.table_kassan3 th,  { 
display: block; 
text-align:left!important;
}
#webshopcontents td { 
font-size:10pt!important;
display: block; 
width:100%!important;
text-align:left!important;
}
#webshopcontents td.image{ width:500px;}
thead tr { position: absolute; top: -9999px; left: -9999px;}
table, td.noborder, #webshopcontents.td {
width: 100% !important; 
border:1px solid #ff000;
height: auto !important;
}
tr { border: 0px solid #ccc; }
#webshopcontents.td, td.noborder { 
border: none;
border-bottom: 0px solid #eee; 
position: relative;
width:100%!important;
padding-left:0px!important;
float:left;
}
td:before { 
position: absolute;
top: 0px;
left: 6px;
width: 45%; 
padding-right: 10px; 
white-space: nowrap;
}
#produktlista{width:100%;}
#produktlista th{display:none;}
#medlemnavigation th {display: block; font-weight: normal;}
div#txt_Anvandarnamn, #txt_Losenord {width: 100%;}
}


table.table_kassan3 th {
    text-align: left!important;
    width: 100%!important;
    float: left;
}

table.table_kassan3 td {
    text-align: left!important;
width: 100%!important;
    float: left;
}
table.table_kassan3 td.godkann_villkor_box {

    text-align: left!important;
    width: 10%!important;
    float: left;
}
table.table_kassan3 td.godkann_villkor {

    text-align: left!important;
    width: 90%!important;
    float: left;
}
table.table_kassan3 input {
    width: 90%;
}

table.table_kassan3 input[name="ForNamn"] {
    width: 44%;
}
table.table_kassan3 input[name="EfterNamn"] {
    width: 44%;
}
table.table_kassan3 input[name="PostNummer"] {
    width: 20%;
}

table.table_kassan3 textarea {
    width: 90%;
}
table.table_kassan3 input[name="Foto"] {
    width: 20%;
}

@media only screen and (min-device-width: 120px) and (max-device-width: 868px), only screen and (max-width : 868px){

#produktlista{width:98%;}
#produktlista th{display:none;}
#produktlista{border-bottom:0px;}
#produktlista td{border-bottom:0px!important; width:auto!important;}
#produktlista tr {background: #eee; padding:5px;}

	
	
/* Force table to not be like tables anymore */
#produktlista table, #produktlista thead, #produktlista tbody, #produktlista td, #produktlista tr { display: block; }
#produktlista thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
#produktlista tr { border: 1px solid #ccc; }
#produktlista td { 
border: none;
border-bottom: 1px solid #eee; 
position: relative;
padding-left: 50%; 
width:auto;
}
#produktlista td:before { 
/* Now like a table header */
position: absolute;
top: 0px;
left: 6px;
width: 30%; 
padding-right: 10px; 
white-space: nowrap;
}

#navcontainerMobil{background:#54bbca!important}
#navcontainerMobil ul li{background:#54bbca!important;
    border-top: 1px solid #369dac!important;}
}


@media only screen and (min-device-width: 120px) and (max-device-width: 568px), only screen and (max-width : 568px){
.column.fourth{width:50%!important;min-height: 190px;}
#webshopcontents{min-height:500px;}
#produktlista td:nth-of-type(1):before {content: "Kurs"; }
#produktlista td:nth-of-type(2):before {content: "Datum"; }
#produktlista td:nth-of-type(3):before {content: "Dag & tid"; }
#produktlista td:nth-of-type(4):before {content: "L\00e4rare"; }
#produktlista td:nth-of-type(5):before {content: "Pris"; }
#produktlista td:nth-of-type(6):before {content: "Platser"; }

div#MultiLevelMenuList td{display: block; float: left; width: 44%!important;}
div#MultiLevelMenuListLarge td{display: block; float: left; width: 44%!important;}
}

@media only screen and (min-device-width: 120px) and (max-device-width: 468px), only screen and (max-width : 468px){

.column.fourth{width:100%!important;}
table.table_kassan3 th, table.table_kassan3 td {
    text-align: left!important;
width: 100%!important;
    float: left;
}
table.table_kassan3 input{
    width: 90%;
}
table.table_kassan3 input[name="EfterNamn"] {
    width:45%;
}
table.table_kassan3 input[name="ForNamn"] {
    width: 45%;
}
table.table_kassan3 textarea[name=beskrivning] {
    width: 90%;
}
table.table_kassan3 input[type="checkbox"] {
    width: 20px!important;
}

 #orderbekraftelse td,  #orderbekraftelse th {
    text-align: left!important;

}
td#webshopleftTD {width:100%!important; float:left;}

.kassantabell th, .kassantabell td{font-size:10pt; padding-left:10px!important;}
 table.kassanbetalningsatt{width:300px!important; font-size:10pt;}
table.kassantabell2{float:left!important; font-size:10pt; text-align:left!important;}
table.kassantabell2 td{ font-size:10pt; text-align:left!important; width:auto!important; font-size:10pt!important;}
div#orderbekraftelse table {
    font-size: 10pt;
}
}