body { background: url(png/tlo.png); font-family: 'Lato', sans-serif; } #container { width: 1000px; margin-left: auto; margin-right: auto; } #menu { background-color: #303030; color: #ffffff; padding: 10px; } #logo { float:left; width: 178px; text-align: center; } #menuP { float: left; padding: 20px; width: 758px; font-size: 16px; text-align: justify; } #content { float: left; padding: 40px; width: 920px; background-color: #dedede; min-height: 580px; text-align: justify; } #conten { font-size: 2px; } #footer { clear: both; color: white; text-align: center; padding: 20px; font-size: 18px; } #contentl { float: left; width: 440px; } #contentp { float:right; } #lok { float:left; padding-top: 5px; padding-bottom: 20px; width: 50px; } #obs { float:left; width: 40px; sline-height: 2cm; } #sek { float:left; width: 40px; sline-height: 2cm; } .option { float: left; min-width: 50px; height: 25px; font-size: 18px; padding: 10px; border-right: 2px dotted #444444; border-left: 2px dotted #444444; opacity: 0.8; } a:link { color: white; text-decoration: none; } a:visited { color: white; text-decoration: none; } a:hover { color: white; text-decoration: none; } b:link { color: grey; text-decoration: none; } b:visited { color: grey; text-decoration: none; } b:hover { color: grey; text-decoration: none; } .option:hover { background-color: #000000; cursor: pointer; } .plan { float: left; min-width: 40px; width: 100px; height: 25px; font-size: 16px; padding: 8px; border-right: 2px dotted #444444; border-left: 2px dotted #444444; opacity: 0.8; color: black; } .plan:hover { background-color: #000000; cursor: pointer; width: 100px; } .bigtitle { font-size: 32px; font-weight: 900; letter-spacing: 2px; } .dottedline { height: 5px; margin-top: 10px; margin-bottom: 20px; border-bottom: 2px dotted #444444; } .error { color:red; margin-top: 10px; margin-bottom: 10px; } .option1 { float: left; min-width: 50px; height: 25px; font-size: 18px; padding: 10px; } .month { padding: 70px 25px; width: 100%; background: #1abc9c; } .month ul { margin: 0; padding: 0; } .month ul li { color: white; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; } .month .prev { float: left; padding-top: 10px; } .month .next { float: right; padding-top: 10px; } .weekdays { margin: 0; padding: 10px 0; background-color:#ddd; } .weekdays li { display: inline-block; width: 13.6%; color: #666; text-align: center; } .days { padding: 10px 0; background: #eee; margin: 0; } .days li { list-style-type: none; display: inline-block; width: 13.6%; text-align: center; margin-bottom: 5px; font-size:12px; color:#777; } .days li .active { padding: 5px; background: #1abc9c; color: white !important }