* {
  position:relative;
  margin:0px;
  padding:0px;
  font-size:16px;
  font-family:Helvetica;
}
a {
  outline:0;
  text-decoration:none;
  color:#FFF;
  font-weight:bold;
}
#menu li {
  list-style-type:none;
  float:left;
}
p  {
  margin-bottom:20px;
  
}
.clear {
	clear:left;	
}
body {
  background-color:#ECD2F7;
}
/* faded backgrounds on left side */
#orna_bg_left {
  position:fixed;
  left: 0px;
  bottom: 0px;
  width: 488px;
  height: 311px;
  background-image: url('pictures/purple_ornament_2.png');
}
/* faded backgrounds on right side */
#orna_bg_right {
  position:fixed;
  right: 0px;
  top: 0px;
  width: 328px;
  height: 332px;
  background-image: url('pictures/purple_ornament_1.png');
}
html, body {
  text-align:center;
  height: 100%; /* important!! scale height to 100% */
}

.img {
  margin:10px;
  border:2px solid #FFF;
  cursor:pointer;
  
  -moz-border-radius:0px 20px 0px 20px;
  -webkit-border-radius:0px 20px 0px 20px;
  border-radius:0px 20px 0px 20px;
  
  -moz-box-shadow:0px 0px 10px #000;
  -webkit-box-shadow:0px 0px 10px #000;
  -khtml-box-shadow:0px 0px 10px #000;
  box-shadow:0px 0px 10px #000;
}

#img_view {
  position:fixed;
  text-align:left;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background-image:url('pictures/1px_bg_black.png');
  display:none;
  cursor:pointer;
}

#content table {
  border-spacing:5px;
  padding:10px;
  margin:20px auto;
  background-image:url('pictures/1px_bg_purple.png');
  
  -moz-border-radius:0px 20px 0px 20px;
  -webkit-border-radius:0px 20px 0px 20px;
  border-radius:0px 20px 0px 20px;
  
  -moz-box-shadow:0px 0px 10px #000;
  -webkit-box-shadow:0px 0px 10px #000;
  -khtml-box-shadow:0px 0px 10px #000;
  box-shadow:0px 0px 10px #000;
}

table input:hover, table textarea:hover {
  background-color:#9D7CB2;
  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}

td, input {
  vertical-align:top;
}
input, .input {
  color:#FFF;
  background-color:#7F5C9E;
  border:1px solid #666;
  padding:0px 6px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;	
}

/* ------------------------- menu start ------------------------- */

#header {
  background-image:url('pictures/1px_bg_purple.png');
  padding:10px;
  padding-top:0px;
  height:114px;

  -moz-border-radius:0px 0px 0px 20px;
  -webkit-border-radius:0px 0px 0px 20px;
  border-radius:0px 0px 0px 20px;

  border:1px solid #666;
  
  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#header table {
	position:absolute;
	right:10px;
	bottom:10px;
}

#menu {
  margin-top:10px;
}
li a {
  display:block;
  color:#9C74CB;
  background-color:#000;
  padding:2px;
  margin-right:2px;
  text-align:center;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
.start {
  -moz-border-radius:0px 0px 0px 12px;
  -webkit-border-radius:0px 0px 0px 12px;
  border-radius:0px 0px 0px 12px;

}
.end {
  margin-right:0px;
  -moz-border-radius:0px 12px 0px 0px;
  -webkit-border-radius:0px 12px 0px 0px;
  border-radius:0px 12px 0px 0px;

}
li a:hover, li a:focus {
  border:#FFF 1px solid;
  padding:1px;
  color:#FFF;
  background-color:#555;
  
  -moz-box-shadow:0px 0px 40px #FFF;
  -webkit-box-shadow:0px 0px 40px #FFF;
  -khtml-box-shadow:0px 0px 40px #FFF;
  box-shadow:0px 0px 40px #FFF;
}
a:first-letter, h1:first-letter {
  font-size: 30px;
  font-style: italic;
  line-height: 0;	
}
h2:first-letter {
  font-size: 50px;
  font-style: italic;
  line-height: 0;
}
a.act {
  border:#CCC 1px solid;
  padding:1px;
  color:#CCC;
  background-color:#333;
}
/* -------------------------- menu end -------------------------- */

/* main wrapper */
#wrapper {
  position:relative;
  margin:auto;
  width:800px;
  text-align:left;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  
  background-image:url('pictures/1px_bg_purple.png');
	
  border:1px solid #666;
  border-width:0px 1px 0px 1px;
  
  padding:0px 20px 0px 20px;
  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}

h1 {
  color:#9C74CB;
  background-color:#000;
  padding:2px;
  text-align:center;
  
  -moz-border-radius:0px 12px 0px 0px;
  -webkit-border-radius:0px 12px 0px 0px;
  border-radius:0px 12px 0px 0px;
}

h2 {
  color:#9C74CB;
  text-align:center;
  font-size:36px;
  margin:20px;
}

h3 {
  color:#9C74CB;
  background-color:#000;
  padding:2px;
  text-align:center;
  
  -moz-border-radius:0px 0px 0px 12px;
  -webkit-border-radius:0px 0px 0px 12px;
  border-radius:0px 0px 0px 12px;
}

#content {
  position:relative;
  padding:10px;
  margin:10px 0px;

  background-image:url('pictures/1px_bg_purple.png');
  
  -moz-border-radius:0px 20px 0px 20px;
  -webkit-border-radius:0px 20px 0px 20px;
  border-radius:0px 20px 0px 20px;
  
  border:1px solid #666;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}

#map_canvas {
  margin:20px auto;
  border:2px solid #FFF;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}
#map_canvas .purple {
  color:#9C74CB;
}
#content li {
  list-style-type:circle;
  margin:30px;
}

#foother {
  color:#9C74CB;
  background-color:#000;
  padding:2px;
  
  text-align:center;
  
  -moz-border-radius:0px 12px 0px 12px;
  -webkit-border-radius:0px 12px 0px 12px;
  border-radius:0px 12px 0px 12px;

  -moz-box-shadow:0px 0px 20px #000;
  -webkit-box-shadow:0px 0px 20px #000;
  -khtml-box-shadow:0px 0px 20px #000;
  box-shadow:0px 0px 20px #000;
}

.pink {
  background-color:#d341b6;	
}

.blue {
  background-color:#419ad3;
}