@font-face {
  font-family: Handwriting;
  src: url('./font/Lucida Handwriting Italic.ttf') format('truetype');
}

@font-face {
  font-family: Comic Sans;
  src: url('./font/comic-sans-ms.ttf') format('truetype');
}

ul {
  list-style-image: url('loobul1a.gif');
}

ul ul {
  list-style-image: url('loobul2a.gif');
}

ul ul ul {
  list-style-image: url('loobul3a.gif');
}

hr {
  color: rgb(204,153,51);
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(102,51,153);
  font-weight: normal;
  font-style: normal;
}

h1 {
  margin-top: 40px;
  font-size: 24pt;
}

h2 {
  font-size: 18pt;
}

h3 {
  font-size: 14pt;
}

h4 {
  font-size: 12pt;
}

h5 {
  font-size: 10pt;
}

h6 {
  font-size: 8pt;
}

body {
  font-family: "Comic Sans MS", Comic Sans, Arial, Helvetica;
  font-size: 10pt;
  background-image: url('lootextb.jpg');
  background-attachment: fixed;
}

nav { 
  width: 100%;
  background-color: #fffef2;
  position: fixed;
  top: 0;
  text-align: center;
  font-variant: small-caps;
  letter-spacing: 0.4em;
}

a:link {
  color: rgb(102,0,153);
  text-decoration: none;
  border-bottom: 1px dotted;
}

a:visited {
  color: rgb(102,0,153);
  text-decoration: none;
  border-bottom: 1px dotted;
}

a:hover {
  font-weight: bold;
}

a:active {
  color: rgb(201,89,255);
}

.floatleft {
  float: left;
  margin: 5px 10px 5px 0;
}

.floatright {
  float: right;
  margin: 5px 0 5px 10px;
}

.endfloat {
  clear: both;
}

.goleft {
  transform: translate(-70px, 0);
  transition: all 0.5s ease;
}

.goright {
  transform: translate(70px, 0);
  transition: all 0.5s ease;
}

.goback {
  transition: all 0.5s ease;
}

.unseen {
  color: #00ffff;
}

.unseen:hover {
  color: inherit;
}

#upleft {
  position: fixed;
  left: -50px;
  top: 20px;
  width: 50px;
  font-size: 40px;
  text-align: center;
  border: 0;
}

#upright {
  position: fixed;
  right: -50px;
  top: 20px;
  width: 50px;
  font-size: 40px;
  text-align: center;
  border: 0;
}
                                    /* start liebhaberei, gaeste */
#deco-bottom {
  position: fixed;
  width: 100%;
  bottom: -5px;
  border: 0;
  text-align: center;
} 

#deco-bottom-left {
  position: fixed;
  left: 0;
  bottom: 0;
  border: 0;
}

#deco-bottom-right {
  position: fixed;
  right: 0;
  bottom: 0;
  border: 0;
}

#deco-left {
  position: fixed;
  left: 10px;
  bottom: 40%;
  border: 0;
}

#deco-top-left {
  position: fixed;
  left: 0;
  top: 0;
  border: 0;
}

#deco-top-right {
  position: fixed;
  right: 0;
  top: 0;
  border: 0;
}
                                    /* end liebhaberei, gaeste */
                                    /* start main.html */
section {
  margin-top: 50px;
}

iframe, img {
  margin-top: 5px;
}

.enlarge img {
  transition: all 1s ease;
}

.enlarge img:hover {
  transform: scale(3);
  transition: all 1s ease;
}

.fetch img {
  transition: all 1s ease;
}

.fetch img:hover {
    transform: scale(1.5) rotate(10deg) translate(0,100px);
    transition: all 1s ease;
}

.logo {
  width: 350px;
  margin-right: 50px;
  margin-top: 10px;
}
                                    /* end main.html */

                                    /* start themes.html */
.name { 
  font-size: 8pt;
  margin-bottom: 20px;
}

                                    /* end themes.html */

                                    /* start formales */
#formal {
  width: 1000px;
  margin: 40px auto;
  font-size: 12pt;
  text-align: justify;
}
                                    /* end formales */

                                    /* start cruise */
#cruise {
  margin: 0 80px 20px 80px;
  text-align: center;
}
                                    /* end cruise */
                                   
                                    /* start gaeste */
#imgwidth490 img {
      width: 490px;
}
                                    /* end gaeste */