* {
  margin: 0;
}

html {
  height: 100%;
  background-color: #0086b9;
}

body {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  font-family: Times, serif;
  font-size: 16pt;

  height: 100%;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

div#div-gradient-l {
  position: absolute;
  z-index: -100;

  width: 50%;
  min-height: 800px;

  background: url(./deti/gradient.png) repeat-x top center;
}

div#div-gradient-r {
  position: absolute;
  z-index: -200;

  left: 50%;
  width: 50%;
  min-height: 800px;
  min-width: 450px;

  background: url(./dospeli/gradient.png) repeat-x top center;
}

div#div-color-r {
  position: absolute;
  z-index: -300;

  left: 50%;
  width: 50%;

  height: 100%;
  min-height: 800px;
  min-width: 450px;

  background-color: #332319;
}

div#div-background {
  width: 100%;
  height: 100%;
  overflow: visible;

  min-height: 800px;
  min-width: 900px;

  background: url(./frontpage/background.png) no-repeat top center;
}

div#div-head {
  padding-top: 40px;
  /*111px;*/
  width: 100%;
  min-width: 900px;
}

div#div-foot {
  min-height: 50px;
  padding-top: 1px;
}

div#div-tabs {
  margin-left: auto;
  margin-right: auto;

  min-width: 900px;
  max-width: 1000px;

  padding-top: 25px;

  background: url(./frontpage/frontpage.png) no-repeat top center;
}

div#div-tabs.hover-deti {
  background: url(./frontpage/frontpage-deti.png) no-repeat top center;
}

ul#tabs {
  padding: 0px;
  height: 570px;

  margin-left: auto;
  margin-right: auto;

  width: 900px;
}

li#tab-deti {
  display: inline-block;
  list-style-type: none;

  padding: 0px;

  width: 450px;
  height: 550px;

  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;

  vertical-align: top;

  /*IE 7 hack*/
  zoom: 1;
  *display: inline;
}

li#tab-dospeli {
  display: inline-block;
  list-style-type: none;

  padding: 0px;

  width: 450px;
  height: 550px;

  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;

  vertical-align: top;

  /*IE 7 hack*/
  zoom: 1;
  *display: inline;
}

ul#tabs li a {
  display: block;

  width: 450px;
  height: 550px;
}

ul#tabs li#tab-deti a:hover {
  background: url(./frontpage/frontpage-deti.png) no-repeat top right;
}

ul#tabs li#tab-dospeli a:hover {
  background: url(./frontpage/frontpage-dospeli.png) no-repeat top left;
}

div#foot {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

/* logo */
h2 {
  font-size: 36pt;
}

div#logo {
  margin-left: auto;
  margin-right: auto;
  width: 900px;
}

div#logo h2 {
  height: 71px;
  margin-left: 250px;
  width: 400px;
}

div#logo h2 a {
  display: inline-block;
  height: 71px;
  width: 400px;
}

/* links */
a {
  color: #790000;
}

/* FOOTER */
div#foot {
  font-size: 10pt;
  color: #073560;
}

div#foot a {
  color: #073560;
}

ul.foot-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: stretch;
  gap: 32px;
  padding: 0;
}

ul.foot-columns > li {
  list-style-image: none;
  list-style-type: none;

  padding: 12px;
  border-radius: 6px;
  text-align: center;
}

ul.foot-columns > li.copy {
  vertical-align: top;
  color: #5d4663;
}

div#foot p.right {
  text-align: right;
}

div#foot h3 {
  font-size: 12pt;
  text-align: left;
}

ul#fast-contact {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  text-align: left;
  font-size: 10pt;
}

ul#fast-contact h4 {
  font-size: 10pt;
  margin-top: 3px;
}

ul#fast-contact li.contact {
  list-style-image: none;
  list-style-type: none;

  width: 220px;

  display: inline-block;
  /*IE 7 hack*/
  zoom: 1;
  *display: inline;
}

ul#fast-contact ul {
  padding-left: 0px;
}

ul#fast-contact p {
  margin-top: 0px;
}

ul#fast-contact ul li {
  list-style-image: none;
  list-style-type: none;
}