html {
  background: #fff;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

header {
  position: fixed;
  width: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
  
  -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}


h1 {
  float: left;
  font-size: 50px;
  padding: 18px 0 0 50px;
  color: #fff;
  
  text-shadow: -1px -1px 1px #000;
}

#container {
	position: absolute;
	left: 20px; 
	top: 10px;
	width: 960px;
	height: 59px;
  	padding-top:0px;
  	padding-left:5px;
  	background-color:orange;
    border: 1px solid #000;
    -o-border-radius: 8px;
  	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
  	border-radius: 8px;
  	
    -moz-box-shadow: 3px 3px 8px #000000;
    -webkit-box-shadow: 3px 3px 8px #000000;
    box-shadow: 3px 3px 8px #000000;
  	
}

#container1{
    height: 560px;
	width: 960px;
    margin-left: 20px;
    margin-top: 80px;
	font-size: 11pt;
    font-family: sans-serif;
    text-transform: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    -moz-box-shadow: 3px 3px 8px #000000;
    -webkit-box-shadow: 3px 3px 8px #000000;
    box-shadow: 3px 3px 8px #000000;

    padding-top:0px;
    background-image:url('../akhm-gast/images/himmel01.jpg');
    background-repeat:repeat;
    border-radius: 5px;
}

#list li {
  width: 120px;
  height: 3px;
  padding: 1px 11px 14px 12px;
  margin-left: 10px;
  margin-bottom: 11px;
  text-align:right;
  z-index: 10;
  
    border:dashed 0px #000000;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright:0px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:0px;
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:0px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:0px;
    border-top-left-radius:8px;
    border-top-right-radius:0px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:0px;
  
  background: #3296fa; /* Old browsers */
  background: -moz-linear-gradient(top,  #3296fa 0%, #143278 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3296fa), color-stop(100%,#143278)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #3296fa 0%,#143278 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #3296fa 0%,#143278 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #3296fa 0%,#143278 100%); /* IE10+ */
  background: linear-gradient(top,  #3296fa 0%,#143278 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3296fa', endColorstr='#143278',GradientType=0 ); /* IE6-9 */
  
}

#korb {
  position: absolute;
  top: 140px;
  left: 740px;
  width: 194px;
  
  border: 2px solid #fff;
  
    border-top-left-radius:0px;
    border-top-right-radius:16px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:16px;
  
 

    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright:16px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:16px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:16px;
    -webkit-border-bottom-left-radius:0px;
    -webkit-border-bottom-right-radius:16px;

  
  -o-box-shadow: 5px 5px 20px rgba(0,0,0,0.8), inset 2px 2px 5px rgba(0,0,0,0.8);
  -moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.8), inset 2px 2px 5px rgba(0,0,0,0.8);
  -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.8), inset 2px 2px 5px rgba(0,0,0,0.8);
  box-shadow: 5px 5px 20px rgba(0,0,0,0.8), inset 2px 2px 5px rgba(0,0,0,0.8);
  
  background: rgba(0,0,0,0.5);
}

#korb h2 {
  color: #fff;
  text-shadow: -1px -1px 1px #000;
  padding-left: 20px;
  font-size: 20px;
  margin: 10px 0 10px 0;
}

	#successMessage {
	  position: absolute;
	  left: 580px;
	  top: 250px;
	  width: 0;
	  height: 0;
	  z-index: 100;
	  background-image:url('img/die-bundesregierung-logo.png');	
	  background-color:white;
	  border: 2px solid #333;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
	  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  padding: 20px;
	}

	#successMessage p{
		font-size:16px;
		font-weight:bold;
		line-height:40px;
	}


	#successMessage ul li{
		font-size:16px;
		line-height:35px;
	}

	#clickme {
	  position: absolute;
	  left: 222px;
	  top: 367px;
	  width: 250px;
	  height:25px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:large;
	  text-align:center;
	  background-color:lime;
	  z-index: 100;
	  border: 2px solid #333;
	  -moz-border-radius: 6px;
	  -webkit-border-radius: 6px;
	  border-radius: 6px;
	  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  padding: 0px;
	
	}

	#kurzinfo1:hover {
	  position: absolute;
	  left: 40px;
	  top: 190px;
	  width: 540px;
	  height:420px;
	  padding-top:10px;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:14px;
	  text-align:center;
	  background-color:lime;
	  z-index: 100;
	  border: 2px solid #333;
	  -moz-border-radius: 6px;
	  -webkit-border-radius: 6px;
	  border-radius: 6px;
	  -moz-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
	  padding: 0px;
	
	}


footer {
  position: fixed;
  left:0;
  bottom:0;
  width: 100%;
  height: 40px;
  background: rgba(0,0,0,0.8);
  z-index: 1000;
  
  -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
  box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
}

footer p {
  margin: 8px 0 0 20px;
}