/*
html,body {
   margin           : 0px;
   height           : 100%;
}
*/
body {
   font-family      : Georgia;
   font-size        : 10pt;
   padding          : 193px 0px 95px 0px;
}

div#header {
   position         : absolute;
   top              : 0;
   left             : 0;
   width            : 100%;
   height           : 183px;
}

div#footer {
   position         : absolute;
   bottom           : 0;
   left             : 199px;
   width            : 100%;
   height           : 75px;
   background-color : rgb(255,251,156);
   border-top       : 1px solid gray;
   border-left      : 1px solid gray;
}

@media screen {
   body>div#header, body>div#footer, body>div#image, body>div#map,
   body>div#menu, body>div#watermark, body>div#logo, body>div#lang,
   body>div#updown, body>img#up, body>img#down {
      position          : fixed;
   }
}

* html body {
   overflow         : hidden;
}

* html div#content {
   height           : 100%;
   overflow         : auto;
}

#content {
   margin-left      : 220px;
   margin-right     : 170px;
}

.show {
   display          : block;
}

.hide {
   display          : none;
}

.selinstr {
   float            : left;
   margin-top       : 20px;
   font-size        : 12pt;
   font-weight      : bold;
}

#logo {
   background-image : url('../images/logo.gif');
   background-repeat: no-repeat;
   position         : absolute;
   top              : 0px;
   left             : 0px;
   width            : 200px;
   height           : 100%;
   padding          : 235px 0px 25px 0px;
}

#logo div.empty {
   width            : 200px;
   height           : 100%;
   border-bottom    : 1px solid gray;
   border-right     : 1px solid gray;
}

#logo div.person {
   width            : 200px;
   overflow         : hidden;
   border-right     : 1px solid gray;
   white-space      : nowrap;
   filter           : gray;
   padding-left     : 10px;
   padding-top      : 3px;
   padding-bottom   : 3px;
}

#logo div.selected {
   border-right     : none;
   border-left      : 1px solid gray;
   border-bottom    : 1px solid gray;
   border-top       : 1px solid gray;
   filter           : none;
   padding-left     : 10px;
   padding-top      : 3px;
   padding-bottom   : 3px;
}

#logo div.person img {
   float            : left;
}

#image {
   background-image : url('../images/shutterstock_1012938.jpg');
   background-repeat: no-repeat;
   position         : absolute;
   top              : 0px;
   left             : 200px;
   width            : 255px;
   height           : 172px;
   border-left      : 1px solid gray;
   border-bottom    : 1px solid gray;
   border-right     : 1px solid gray;
}

#map {
   background-color : white;
   position         : absolute;
   top              : 0px;
   left             : 455px;
   width            : 100%;
   height           : 172px;
   border-bottom    : 1px solid gray;
   overflow         : hidden;
   z-index          : 2;
}

#menu {
   position         : absolute;
   top              : 172px;
   left             : 100%;
   width            : 150px;
   height           : 100%;
   margin-left      : -150px;
   border-left      : 1px solid gray;
   z-index          : 2;
}

#watermark {
   background-image : url('../images/watermark.gif');
   background-repeat: no-repeat;
   position         : absolute;
   top              : 100%;
   left             : 100%;
   width            : 170px;
   height           : 160px;
   margin-top       : -160px;
   margin-left      : -170px;
}

#up {
   position         : absolute;
   left             : 170px;
   bottom           : 75px;
   cursor           : hand;
}

#down {
   position         : absolute;
   left             : 170px;
   bottom           : 50px;
   cursor           : hand;
}

#updown {
   position         : absolute;
   left             : 0px;
   bottom           : 0px;
   width            : 200px;
   height           : 75px;
   border-top       : 1px solid gray;
   background-color : white;
}

#filler {
   height           : 100%;
   border-right     : 1px solid gray;
}

#footer form {
   text-align       : right;
   padding-right    : 375px;
   position         : relative;
   top              : 100%;
   margin-top       : -20px;
   font-family      : Tahoma;
   font-size        : 8pt;
}

#footer input.button {
   height           : 16px;
   font-family      : Tahoma;
   font-size        : 7pt;
}

#footer input.text {
   height           : 16px;
   background-color : white;
   border           : 1px solid rgb(0,124,195);
   font-family      : Tahoma;
   font-size        : 7pt;
}

#lang {
   width            : 200px;
   text-align       : center;
   position         : absolute;
   left             : 0px;
   top              : 100%;
   margin-top       : -20px;
}

a {
   font-weight      : bold;
   text-decoration  : none;
   color            : rgb(0,124,195);
}

a:hover {
   text-decoration  : underline;
}

ul {
   list-style-position: outside;
   list-style-type    : square;
}

table{
   border-collapse    : collapse;
   border-width       : 0px;
   border-spacing     : 5px;
}

th {
   text-align       : right;
   background-color : rgb(0,124,195);
   color            : white;
   text-weight      : bold;
   padding          : 4px;
   vertical-align   : top;
}

td {
   padding          : 4px;
}

#map a {
  font-size  : 8pt;
  font-family: Tahoma;
  position   : absolute;
  color      : rgb(0,95,146);
}

#NH {top: 55px;  left: 72px;}
#ZH {top: 85px;  left: 60px;}
#UT {top: 74px;  left: 83px;}
#FL {top: 55px;  left: 100px;}
#GR {top: 10px;  left: 135px;}
#FR {top: 20px;  left: 110px;}
#DR {top: 33px;  left: 135px;}
#OV {top: 60px;  left: 130px;}
#GE {top: 78px;  left: 112px;}
#NB {top: 103px; left: 82px;}
#ZL {top: 110px; left: 35px;}
#LB {top: 120px; left: 117px;}
#BE {top: 140px; left: 70px;}
#UK {top:  10px; left: 10px;}
#AN {top:  22px; left: 10px;}