html
{
  height                     : 100%;
}

html *:not(input):not(textarea)
{
  -webkit-touch-callout      : none;
  -webkit-user-select        : none;
  -khtml-user-select         : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
 }

html *:not(input):not(textarea):not(a)
{
  cursor : default;
} 

img
{
  border   : 0;
  padding  : 0;
  margin   : 0;
}

body
{
  color                      : #999;
  font-family                : Georgia,Verdana,Arial,Helvetica,sans-serif;
  font-family                : georgia, arial, verdana, tahoma, sans-serif;
  font-size                  : 0.9em;
  line-height                : 2; 
  width                      : 100%;
  min-height                 : 97%;
  background                 : url(images/hintergrund.jpg) no-repeat left top fixed;
  text-align                 : center;
  overflow-x                 : hidden; 
  overflow-y                 : hidden; 
}

a
{
  color : #CCCCCC;
  text-decoration : none;
}

a:hover
{
  color : #993333;
}  

.hs_mapContainer
{
  position   : relative;
  display    : block;
  border     : 0;
  margin     : 0;
  padding    : 0;
  z-index    : 10;
}

.hs_topMap , .hs_bottomMap 
{
  position  : absolute;
  left      : 0;
  top       : 0;
  border     : 0;
  margin     : 0;
  padding    : 0;
  width      : 700px;
  height     : 825px;
}

.hs_mapLink
{
 position  : absolute;
 left      : 0;
 top       : 0;
}

.hs_clearFix:before,
.hs_clearFix:after 
{
  content                    : "";
  display                    : table;
}

.hs_clearFix:after 
{ 
  clear                      : both; 
}

.hs_clearFix
{ 
  *zoom                      : 1; 
}


.hs_outerLayer
{
  position                   : absolute;
  color                      : #CCCCCC;
  background                 : transparent;
  width                      : 800px;
  height                     : 634px;
  left                       : 50%;
  top                        : 50%;
  margin-left                : -404px;
  margin-top                 : -318px;
  border                     : 1px solid #CCCCCC;
}

.hs_layerHead
{
  display                    : inline-block;
  width                      : 100%;
  height                     : 34px;
  font-size                  : 24px;
  font-weight                : bold;
  line-height                : 34px;
  text-align                 : center;
  border                     : 0;
  border-bottom              : 1px solid #CCCCCC;
  background                 : transparent;
}

.hs_layerLeftcol
{
  position                   : absolute;
  top                        : 35px;
  left                       : 0;
  width                      : 200px;
  height                     : 600px;
  border                     : 0;
  border-right               : 1px solid #CCCCCC;
  background                 : transparent;
}

.hs_layerContent
{
  position                   : absolute;
  display                    : block;
  left                       : 201px;
  top                        : 35px;
  width                      : 600px;
  height                     : 600px;
  margin                     : 0;
  padding                    : 0;
  border                     : 0;
  overflow                   : hidden;
  background                 : transparent;
}


.hs_map 
{
  position                   : relative;
  margin                     : 0;
  padding                    : 0;
  border                     : 0;
  width                      : 2300px;
  height                     : 2300px;
}

.hs_dragContainer
{
  position                   : absolute;
  left                       : -467px;
  top                        : -759px;
  width                      : 2415px;
  height                     : 2415px;
  background                 : transparent;
  display                    : none; 
}      

.hs_mapBack 
{
  position                   : absolute;
  left                       : 0;
  top                        : 0; 
  display                    : none;
} 

.hs_startMap
{
  position                   : absolute;
  left                       : 0;
  top                        : 0; 
  width                      : 100%;
  height                     : 100%;
  display                    : block;
  z-index                    : 1000;
}

.hs_shapeRect
{
  position                   : absolute;
  border                     : 1px solid black;
  background-color           : red; 
}


/* mapPanel */
  
.hs_mapPanel
{
  position                   : absolute;
  background                 : transparent;
  width                      : 100px;
  height                     : 160px;
  left                       : 20px;
  top                        : -1000px;
}

#hs_navBack
{
  width                      : 64px;
  height                     : 64px;
  display                    : block;
}

.hs_imageButton
{
  display                    : none;
  width                      : 100px;
  background-color           : #CCCCCC;
  background-repeat          : no-repeat;
  background-position        : top center;
  border                     : 1px solid black;
  cursor                     : pointer;
  float                      : right;
  padding                    : 0;
  padding-top                : 100px;    
  margin                     : 0;
  margin-right               : 5px;
  font-size                  : 12px;
  line-height                : 20px;
  font-weight                : bold;
  text-align                 : center;
  color                      : #333333;
}

.hs_imageButton[mapIndex='2015']
{
  background-image           : url(images/thumb2015.png);
}

.hs_imageButton[mapIndex='1937']
{
  background-image           : url(images/thumb1937.png);
}

.hs_imageButton[mapIndex='2015on']
{
  background-image           : url(images/thumb2015on.png);
}

.hs_imageButton[mapIndex='1937on']
{
  background-image           : url(images/thumb1937on.png);
}

.hs_imageButton[mapIndex='2015off']
{
  background-image           : url(images/thumb2015off.png);
}

.hs_imageButton[mapIndex='1937off']
{
  background-image           : url(images/thumb1937off.png);
}



.hs_imageButton:hover
{
  color                      : #DFDFDF; 
  background-color           : #993333; 
}

.hs_mapButton
{
  position                   : absolute;
  display                    : block;
  width                      : 16px;
  height                     : 16px;
  background-color           : #333333;
  border                     : 1px solid #DFDFDF;      
}

.hs_mapButton:hover
{
  color                      : #DFDFDF;
  background-color           : #993333;
  cursor                     : pointer; 
}

.hs_mapButton[icon="plus"]
{
  background-image           : url(images/plus.gif);
  background-position        : center center; 
  top                        : 70px;
  left                       : 32px;
}

.hs_mapButton[icon="minus"]
{
  background-image           : url(images/minus.gif);
  background-position        : center center; 
  top                        : 70px;
  left                       : 14px;
}

.hs_mapButton[icon="close"]
{
  width                      : 16px;
  height                     : 16px;
  background-image           : url(images/close16.gif);
  top                        : 8px;
  right                      : 8px; 
}

      
.hs_altImage
{
  position                   : absolute;
  display                    : none;
  width                      : 64px;
  height                     : 64px;
  left                       : 0;
  top                        : 0;
  border                     : 0;
  padding                    : 0;
  margin                     : 0;
}

.hs_layerImage , .hs_hoverImage
{
  position                   : absolute;
  display                    : block; 
  border                     : 0;
  padding                    : 0;
  margin                     : 0;
}

.hs_hoverImage
{
  display                    : none; 
}

#hs_imageBack
{
  display                    : block;
}

.hs_mapArea:hover 
{
  cursor                     : pointer;
}


.hs_shortInfo , .hs_contentLayer
{
  position                   : absolute;
  display                    : none;
  left                       : 0px;
  top                        : 0px;
  width                      : 100px;
  border                     : 2px solid 993333; 
  background-color           : #EEEEEE; 
  padding                    : 4px; 
  margin                     : 0;
  text-align                 : center;
}

.hs_shortInfo > img
{
  width                      : 100%;
}

.hs_shortInfo > p
{ 
  text-align                 : center;
  color                      : #333333;
  padding                    : 2px;
  margin                     : 0;
  font-size                  : 12px;
  font-weight                : bold;
}

.hs_contentHead
{
  display                    : inline-block;
  width                      : 100%;
  height                     : 34px;
  font-size                  : 24px;
  font-weight                : bold;
  line-height                : 34px;
  text-align                 : center;
  border                     : 0;
  border-bottom              : 1px solid #CCCCCC;
  background-color           : #333333;
}

.hs_contentLayer
{
  width                      : 720px;
  top                        : 2%;
  height                     : 90%;
  left                       : 50%;
  margin-left                : -360px;
  overflow                   : auto;
}

.hs_contentPage
{
  color                      : #333333;
	background-color: #CCCCCC;
	text-align : justify;
	font-size : 15px;
	line-height : 20px;
	font-family :  georgia, arial, verdana, tahoma, sans-serif;
	color: #000000;
	padding-top : 30px;
	padding-bottom : 30px;
	padding-left : 40px;
	padding-right : 40px;
	letter-spacing : 0;
	vertical-align : top;
	border-top : 1px solid #999;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
	border : 0;
}