@charset "utf-8";
/* CSS Document */

@import "CrimeWatching_style.css";

body {
  width: 100%;
  height: 100%;
  margin: 0px;
}

/********************* HEAD *********************/

#head {
  width: 100%;
  height: 90px;
}

#head_logo {
  width: 320px;
  float: right;
  padding-right: 20px;
}


/*** DISTRICTS ***/

#head_districts {
  width: 82px;
  height: 90px;
  float: left;
  padding-left: 20px;
  z-index: 1;
}

#head_districts_slide {
  width:132px; 
  position: absolute; 
  top: 90px; 
  left: 0px; 
  z-index: 2;
}

#head_districts_links {
  padding: 4px;
}

#head_districts_select {
  margin-top: 5px
}

#head_districts_first {
  margin-top: 4px;
  margin-bottom: 4px;
  vertical-align: middle;
  text-align: center;
}


/*** CRIMES ***/

#head_crimes{
  width: 82px;
  height: 90px;
  float: left;
  padding-left: 45px;
  z-index: 1;
}

#head_crimes_slide {
  width:124px; 
  position: absolute; 
  top: 90px; 
  left: 133px; 
  z-index: 2;
}

#head_crimes_links {
  padding: 4px;
}


/*** INFO ***/

#head_info{
  width: 82px;
  height: 90px;
  float: left;
  padding-left: 45px;
  z-index: 1;
}

#head_info_slide {
  width: 250px; 
  position: absolute; 
  top: 90px; 
  left: 258px; 
  z-index: 2;
}

#head_info_impressum {
  padding: 6px;
}


/********************* LOAD CONTENT *********************/

#overlay {
  position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	z-index: 90; 
}

#load_content {
  position: absolute; 
	top: 45%; 
	left: 45%; 
  width: 50px;
  height: 50px;
	z-index: 91; 
}


/********************* CONTENT *********************/

#content {
  width: 100%;
  height: 86%;
}

#content_map {
  width: 100%;
  height: 100%;
  z-index: 0;
}

#content_chart {
  padding: 4px;
  position: absolute;
  top: 90px;
  left: 258px;
	vertical-align:middle;
	text-align:center;
  z-index: 2;
}