* { box-sizing: border-box; } .tabcontent { display: none; padding: 6px 12px; border-top: none; } .tabfirst { display: block; } input { padding: 10px; width: 100%; font-size: 17px; font-family: arial; border: 1px solid #aaaaaa; } select { margin-top: -8px; margin-left: 2px; padding: 10px; font-size: 14px; font-family: arial; border: 1px solid #aaaaaa; } textarea { padding: 10px; width: 100%; height: 100px; font-size: 17px; font-family: arial; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; } button { background-color: #4191e7; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: arial; cursor: pointer; } submit { background-color: #4191e7; color: #ffffff; border: none; } submit:hover { opacity: 0.8; } .linkplus{ background-color: #5b5b5b; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: arial; cursor: pointer; text-decoration:none; display: block; text-align: center; margin-right: auto; margin-left: auto; } .a:linkplus{ color: #ffffff; } .linkplus:hover{ text-decoration:none; opacity: 0.8; } button:hover { opacity: 0.8; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #4b8caf; } #myInput, #myInput2 { background-image: url('/css/searchicon.png'); /* Add a search icon to input */ background-position: 10px 12px; /* Position the search icon */ background-repeat: no-repeat; /* Do not repeat the icon image */ width: 100%; /* Full-width */ font-size: 16px; /* Increase font-size */ padding: 12px 20px 12px 40px; /* Add some padding */ border: 1px solid #ddd; /* Add a grey border */ margin-bottom: 12px; /* Add some space below the input */ } #myTable, #myTable2, .eventtable { border-collapse: collapse; /* Collapse borders */ width: 100%; /* Full-width */ border: 1px solid #ddd; /* Add a grey border */ font-size: 18px; /* Increase font-size */ } #myTable th, #myTable td, #myTable2 th, #myTable2 td, .eventtable td { text-align: left; /* Left-align text */ padding: 12px; /* Add padding */ } #myTable tr, #myTable2 tr, .eventtable tr{ /* Add a bottom border to all table rows */ border-bottom: 1px solid #ddd; } #myTable tr.header, #myTable tr:hover, .eventtable tr.header, #myTable2 tr.header, #myTable2 tr:hover{ /* Add a grey background color to the table header and on hover */ background-color: #f1f1f1; } .grecaptcha-badge { display: none; } .tabcontent { display: none; padding: 6px 12px; border-top: none; } .tabfirst { display: block; } .listeday{ width: 150px; } .listeart{ width: 500px; float: right; } .nav{ float: left; list-style:none; margin-left: 0; padding-left: 0; } .listeul{ float: left; list-style:none; margin-left: 0; padding-left: 0; } @media screen and (max-width:700px) { .mobileversionshow{ margin-left: -30px; margin-right: -30px; } .linkplus{padding: 10px 5px; width: 100%;} .entry-title{ font-size: 22px; margin-left: -25px; margin-bottom: -10px;} .listeday { width: 100%; margin-left: 15px;} .listeul { width: 305px; margin-left: 5px;} .listeart { float: left; margin-left: 20px; width: 305px;} } @media screen and (max-width:410px) { .listeul { width: 310px; margin-left: 5px;} .listeart { float: left; margin-left: 20px; width: 310px;} } @media screen and (max-width:370px) { .listeul { width: 250px; margin-left: 5px;} .listeart { float: left; margin-left: 20px; width: 250px;} }