body {
	font-family: verdana, sans-serif;
	background: url(body-gradient.png) repeat-x;
	margin: 0;
	padding: 0;
}

#body-wrapper {
	background: url(background.png) no-repeat;
	width: 1024px;
	height: 698px;
}

#header h1 {
	margin: 0;
	padding: 0;
	top: 46px;
	left: 73px;
	position: absolute;
	text-indent: -200cm;
	width: 616px;
	height: 174px;
	background: url(akvik-logotyp.png) no-repeat;
}

#menu {
	position: absolute;
	width: 219px;
	top: 219px;
	white-space: nowrap;
}

#body {
	position: absolute;
	width: 720px;
	left: 250px;
	top: 230px;
	height: 20em;
}

#body a {
  color: #4aa;
  text-decoration: none;
}

#body a:visited {
  color: #a4a;
  text-decoration: none;
}

#body a:hover {
  text-decoration: underline;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
}

#menu li {
	padding: 1px;
	width: 100%;
}

#menu a {
	color: white;
	text-decoration: none;
	-moz-border-radius: 15%;
	-webkit-border-radius: 15%;
	padding: 0 1em;
	background: url(button-background.png) repeat-x bottom;
}

#menu a:hover {
	background: url(button-hover-background.png) repeat-x bottom;
}

#menu h2, #menu h3 {
	padding: 0.5em 0 0.2em 1em;
	color: white;
}

#menu .contact {
	padding: 1em 0 0 0.5em;
	font-size: 1.3em;
}

#body img {
	padding: 0 30px 37px 30px;
	display: block;
	background: url(photobg.png) no-repeat bottom;
}

#body div.kontakt img {
    padding: 0;
    background: none;
}

#footer {
	padding: 1em 0;
	border-top: 1em solid #cc6;
	font-size: 0.8em;
}

#footer p {
	margin: 0;
	padding: 0 2em;
}

table.gallery {
	border-spacing: 5px;
	margin-bottom: 2em;
	background: url(tablebg.png) no-repeat bottom;
	padding: 0 14px 16px 10px;
}

table.gallery-4x4 {
	border-spacing: 8px;
	margin-bottom: 2em;
	background: url(photobg.png) no-repeat bottom;
	padding: 0 22px 29px;
}

table.gallery td {
	padding: 0;
}

#body table.gallery img {
	background: none;
	padding: 0;
	width: 230px;
	height: 150px;
}

#body table.gallery-4x4 img {
	background: none;
	padding: 0;
	width: 295px;
	height: 200px;
}

a img  {
	border: none;
}

.number {
	white-space: nowrap;
}

h2 .available {
	color: green;
	font-style: italic;
}

h2 .unavailable {
	color: red;
	font-style: italic;
}

/* Kalendern */

/*
table.year, table.month {
  border: 1px solid black;
}
  */

td.dayname {
  background: #ddd;
  font-weight: bold;
  text-align: center;
}
td.weeknum {
  color: #888;
  font-size: 0.8em;
  text-align: right;
}
td.monthday, td.saturday, td.sunday, td.event, td.past {
  text-align: center;
  padding: 2px;
  background: #8e8;
}
td.sunday {
}
td.monthname {
  text-align: right;
  font-size: 0.8em;
}
td.event, span.event {
  background: #e8e;
}
span.available {
  background: #8e8;
}
td.today {
  font-weight: bold;
  background: #8ee;
}
td.past {
  background: #eee;
  color: #888;
}
td.yearname {
  display: none;
}

div.kontakt {
  display: block;
  padding: 1em 3em;
}

div.kontakt strong {
  white-space: nowrap;
  display: block;
}

/* Accordion */
#accordion {
	margin:20px 0px;
}

#accordion h3 {
	cursor: pointer;
	font-size: 1.2em;
  font-weight: normal;
	color: #6cc;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
  display: inline;
}

#accordion h3:hover {
  text-decoration: underline;
}

#accordion div p {
	margin:0px;
	padding: 0.5em 0 0.5em 2em;
}