html {
    overflow:hidden;
    height:100%;
}

body {
	background-color: #000000;  
	text-align: center;
	margin-top:0px;
    padding-bottom:50px;
}


p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #C0C2C3;
}

a:link, a:active, a:visited {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #C0C2C3;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor:pointer;
}

a:focus {
	outline:none
} 

div#container {
	width:982px;
	border:0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	float:none;
	height:auto;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #909590;
}

.redhead {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left:10px;
	padding-top: 4px;
	padding-bottom: 6px;
	background: #562221; 
	background: url(data:image/gif;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAPAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAIAAIAwERAAIRAQMRAf/EAFQAAQEAAAAAAAAAAAAAAAAAAAMHAQACAwAAAAAAAAAAAAAAAAACBAEFBhABAAMAAAAAAAAAAAAAAAAAAAEREhEBAQEAAAAAAAAAAAAAAAAAABES/9oADAMBAAIRAxEAPwCA3CubGi2mF9g2KFNhuRFtP//Z) repeat-x;
	border: solid #362221; 
	border-width: 1px; 
	color: #E9E0E0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	text-align: left;
	clear:both;  
}

.redhead a {
  font-size: 12px;
  color: #E9E0E0;
}

.map, .map2011 {
	margin-top:30px;
	margin-left:15px;
	width:952px;
	border: solid gray;
	border-width:1px;
}

.map2011 {
	width:1005px;
	margin-left:18px;
}

.par {
	margin-left:18px;
	width:auto;
	float:none;
}

.sep {
	clear:both;  
	padding-top:1px;
}

#info {
	right:4px;
	position:fixed;
	top:50%;
	margin-top:-12px;
	visibility:hidden;
}

#navi {
	left:5px;
	position:fixed;
	top:50%;
	margin-top:-11px;
}

#navi1, #navi2 {
	float:left;
	width:2px;
	height:16px;
	background:#606263;
}

#navi2 {
	margin-left:1px;
}


#navFrame, #infoFrame {
	position: fixed;
	height: 100%;
	top: 0px;
	border: none;
	opacity: 0.85;
    overflow: hidden;
}

#navFrame {
   left: 0px;
}

#infoFrame {
	right:0px;
}

.navFrameHidden {
    width:0px;
    -moz-transition-property: width;  
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: linear;
    -webkit-transition-property: width;  
    -webkit-transition-duration: 0.4s;  
    -webkit-transition-timing-function: linear;
    -o-transition-property: width;  
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: linear;
}

.navFrameVisible {
	width:220px;
    -moz-transition-property: width;
    -moz-transition-duration: 0.4s;
    -webkit-transition-property: width;  
    -webkit-transition-duration: 0.4s;  
    -o-transition-property: width;  
    -o-transition-duration: 0.4s;
}


@media screen and (max-device-width: 1200px), screen and (-webkit-min-device-pixel-ratio: 2) {
    .navFrameVisible {
        width:550px;
        -moz-transition-property: width;
        -moz-transition-duration: 0.4s;
        -webkit-transition-property: width;  
        -webkit-transition-duration: 0.4s;  
        -o-transition-property: width;  
        -o-transition-duration: 0.4s;
    }

}


#counter {
	display: block;
	position:fixed; 
	top:50%;
	left:50%;
	margin-top:-11px;
	margin-left:-8px; 
	visibility:hidden; 
}

#glassPane {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
}

#bigimage {
    position:relative;
	visibility:hidden;
	margin:0px;
    cursor:pointer;
}


.bigImageHidden {
	visibility:hidden;
}


.bigImageMobile {
    visibility:hidden;
    position:relative;
	margin:0px;
    cursor:pointer;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
	border:none;
}

.bigImageMobileLeft {
    width:100%;
    height:100%;
    -moz-transition-property: left;  
    -moz-transition-duration: 1s;
    -webkit-transition-property: left;  
    -webkit-transition-duration: 1s;  
    -o-transition-property: left;  
    -o-transition-duration: 1s;
    left:-100%; 
}

.bigImageMobileRight {
    width:100%;
    height:100%;
    -moz-transition-property: left;  
    -moz-transition-duration: 1s;
    -webkit-transition-property: left;  
    -webkit-transition-duration: 1s;  
    -o-transition-property: left;  
    -o-transition-duration: 1s;
    left:100%; 
}