
html, page { 
  margin          : 0px;
  padding         : 0px;
  font-size       : 13px;

  font-family     : "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color           : #FFFFFF;
  background-color: transparent;
  align           : center;
}

ul {
  color           : #222233;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;
  text-align      : justify;
  text-decoration : none;
}

ul li {
  color           : #888888;
  font-size       : 2.5vw;
  font-weight     : normal;

  font-style      : normal;
  text-align      : justify;
  text-decoration : none;
}

table.listing{

   position  : absolute;
   top       :  30vw; 
   left      :  5vw;
   width     :  88vw;
   background: rgba(255, 255, 255, 0.7);
   overflow  : hidden;

}


tabel.listing tr {
    height:  80px;
    padding: 10px;
}

table.listing td {
    border-bottom   : 1px solid #AAAAAA;
    color           : #222233;
    font-size       : 2.8vw;
    font-weight     : normal;

    font-style      : normal;
    text-align      : center;
    text-decoration : none;
}
table.listing td a{
    color           : #222233;
    font-weight     : normal;

    font-style      : normal;
    text-decoration : none;
    display         : block;
}
table.listing td a:hover{
    color           : #222233;
    font-weight     : normal;

    font-style      : normal;
    text-decoration : none;
}
table.listing tr:hover {
    background-color: #EEEEEE;
}

       
p { /* normal text */
  color           : #222222;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;
  text-align      : justify;
  text-decoration : none;
}

p a{ /* links in paragraph */
  color           : #629FA2;
  font-size       : 4vw;
  font-weight     : normal;

  font-style      : normal;
  text-decoration : none;
}
p a:hover{ /* links in paragraph */
  color           : #AADCFF;
  font-size       : 4vw;
  font-weight     : normal;

  font-style      : normal;
  text-decoration : none;
}

p1 { /* kleine text */
  color           : #365661;
  font-size       : 2.2vw;
  font-weight     : normal;

  font-style      : normal;
  text-align      : justify;
  text-decoration : none;
}


h1 { /* Title */
  color           : #EEEEEE;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
  text-shadow     : 4px 2px #054C82;
}

h1 a { /* Title */
  color           : #EEEEEE;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
  text-shadow     : 4px 2px #054C82;
}

h1 a:hover { /* Title  */
  color           : #AADCFF;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
  text-shadow     : 4px 2px #054C82;
}

h2 { /* header in text */
  color           : #222222;
  font-size       : 3.5vw;
  font-weight     : bold;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
  text-shadow     : 0px 0px #000000;
}

h2 a { /* header in text */
  color           : #222222;
  font-size       : 3.5vw;
  font-weight     : bold;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h2 a:hover { /* header in text */
  color           : #AADCFF;
  font-size       : 3.5vw;
  font-weight     : bold;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h3 { /* Subtitle */
  color           : #222222;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h3 a { /* Subtitle  */
  color           : #222222;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h3 a:hover { /* Subtitle  */
  color           : #AADCFF;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h4 { /* Title page 2 */
  color           : #365661;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h4 a { /* Title page 2 */
  color           : #365661;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h4 a:hover { /* Title page 2 */
  color           : #AADCFF;
  font-size       : 5vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h5 { /* Subtitle page 2 */
  color           : #222233;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h5 a { /* Subtitle page 2 */
  color           : #222233;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h5 a:hover { /* Subtitle page 2 */
  color           : #AADCFF;
  font-size       : 3vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

h6 { /* kleine text */
  color           : #365661;
  font-size       : 2vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}
h7 { /* Places on the map */
  color           : #AADCFF;
  font-size       : 2vw;
  font-weight     : normal;

  font-style      : normal;

  text-align      : center;
  text-decoration : none;
}

#fixpart {
    position  : fixed;
    width     : 100%;
    height    : 100%;
    top       : 0px;

}

#Container {
   position  : absolute;
   top       : 30vw; 
   left      : 10vw;
   width     : 75vw; 
   background: rgba(255, 255, 255, 0.7);
   padding    : 2vw;
   overflow  : hidden;
}

div#mt20          { /* Titel page 1 */ 
  position        : absolute;
  left            :    0vw;
  top             :   10vh;
  width           :   50vw;
}

div#mt22          { /* Titel subtext */
  position        : absolute;
  left            :   50vw;
  top             :    9vw;
  width           :   50vw;
}
div#mt23          { /* Titel sub-subtext */
  position        : absolute;
  left            :   50vw;
  top             :   19vw;
  width           :   50vw;
}
div#mt25          { /* Titel subtext - page2 */
  position        : absolute;
  left            :   45vw;
  top             :    3vh;
  width           :   50vw;
}
div#mt26          { /* Titel sub-subtext - page2 */
  position        : absolute;
  left            :   45vw;
  top             :   12vh;
  width           :   50vw;
}

/* empty div's for scrolling anchors */
div#s1{}
div#s2{}
div#s3{}

body { /* Page Body, outside written part */
   background-color: #BBA8A1;
   text-align      : center;
   margin          : 0px;
}



img#BG1            { /* background picture*/
	position        : absolute;
	left            :    0px;
	top             :    0px;
	width           :  100vw;
        height          :   56vw;
        border          :     0px;
	}
img#BG2            { /* map */
        position        : absolute;
	left            :    0px;
	top             :    0px;
	width           :  100vw;
	height          :   56vw;
        border          :    0px;
        opacity         :    0.0;
	}
img#Marker        { /* used as marker on the map */
        position        : absolute;
	left            :  200px;
	top             :  200px;
	width           :   80px;
	height          :   80px;
        border          :    0px;
        display         :   none;
        opacity         :    0.0;
	}
img#House        { /* houses */

        border          : 2px solid #CCCCCC;
        box-shadow      : 5px 5px 5px #444444;
        width           : 30vw;
        height          : 22vw;
	}

/*--- EndOfFile ---*/
