﻿#kalendercontainer{width: 808px; margin-right: auto; margin-left: auto; clear: both; padding-top: 20px; height: 640px;}
#kalendermenyerna{width: 100px; padding-bottom: 20px; float: left;}
#yearmenu{width: 100px; margin-right: auto; margin-left: auto; clear: both;}
#monthmenu{width: 100px; margin-right: auto; margin-left: auto; clear: both; padding-top: 20px;}
#calendar{width: 708px; padding-bottom: 20px; float: left;}

/* calendar classes */
.yearmonthdiv{float: left; border: 1px solid #000000; width: 706px; height: 28px; background: #f2f2f2; text-align:center; padding: 0 0 0 0; clear: both;}
.firstnamesofdaysdiv{float: left; border: 1px solid #000000; width: 100px; height: 28px; background: #f2f2f2; text-align:center; padding: 0 0 0 0; clear: left; margin-top: -1px;}
.namesofdaysdiv{float: left; border: 1px solid #000000; width: 100px; height: 28px; background: #f2f2f2; text-align:center; padding: 0 0 0 0; margin-left: -1px; margin-top: -1px;}
.weekday {float: left; border: 1px solid #000000; width: 100px; height: 90px; background: #f2f2f2; text-align:center; margin-left: -1px; margin-top: -1px;}
.monday{clear: left; float: left; border: 1px solid #000000; width: 100px; height: 90px; background: #f2f2f2; text-align:center; margin-top: -1px;}
.booked{width: 100px; height: 65px; background: url(gebucht.gif) no-repeat; text-align:center; padding: 25px 0 0 0;}
.notbooked{width: 100px; height: 65px; text-align:center; padding: 25px 0 0 0;}
.old{vertical-align: top; font-weight: normal; font-size: medium; color: gray;}
.future{vertical-align: top; font-weight: bold; font-size: medium; color: black;}
.sunday{vertical-align: top; font-weight: bold; font-size: medium; color: red;}
.namesofdays{vertical-align: top; font-weight: bold; font-size: 14px; color: black;}
.yearmonth{vertical-align: top; font-weight: bold; font-size: large; color: black;}
div.obs{ width: 700px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 40px;}

/* year and month links */
a.fettext{color: #000000; background-color: transparent; text-decoration: none; font-weight: bold; margin: 0 0 0.5em 0; font-size: 12px;}
a.fettext:visited{color: #000000; background-color: transparent; text-decoration: none; font-weight: bold; margin: 0 0 0.5em 0; font-size: 12px;}
a.fettext:hover{color: #000000; background-color: #cccccc; text-decoration: none; font-weight: bold; margin: 0 0 0.5em 0; font-size: 12px;}
a.fettext:active{color: #000000; background-color: transparent; text-decoration: underline; font-weight: bold; margin: 0 0 0.5em 0; font-size: 12px;}