@media(min-width:769px) {
	#browser_content {
	background: transparent url("Tablet-CK-Background.png") repeat scroll 0% 0%;
	margin: 0px auto;
	padding: 95px 80px 95px 100px;
	width: 480px !important;
	min-height: 740px;
	}
	}
	
	@media(max-width:768px) {
		#browser_content {
	/* background: transparent url("Tablet-CK-Background.png") repeat scroll 0% 0%; */
	margin: 0px auto;
	padding: 5px 5px 5px 5px;
	width: 480px !important;
	min-hight: 600px;
	
	}
	#mybanner {
		position: absolute; 
		opacity: 0.9;
		top: 630px;
		z-index: 2;
	}
	
	}
	
	html,body {
	  font: 100.01% Verdana, Arial, Helvetica, sans-serif;  
	  	  
	/*   background-image: url('http://refere2.me/wp/wp-content/uploads/2016/01/EinkaufszentrumFotolia_49885364_M-1.jpg'); 
	  background-repeat: repeat; background-position: top left; background-attachment: scroll; 
	  
	  Kommentar */

	  color: darkgray;
	}

	p {
		font: 14px arial, sans-serif;
		color: black;
		padding-top: 5px;
		padding-left: 5px;

	}
	H2 {
		padding-top: 5px; 
		padding-bottom: 5px;
		padding-left: 10px;
		font: 14px arial, sans-serif; 
		color: white;
		text-align: center;
	}
		H3 {
		padding-top: 5px; 
		padding-bottom: 5px;
		padding-left: 5px;
		font: 16px arial, sans-serif; 
		text-align: center;
		color: black;
	}
a:hover, a:focus {
	color: purple; 
	text-decoration: underline;
}
a {
	color: blue;
	text-decoration: underline;
}
* {
  margin:0;
  padding:0;
}

/* }
*/

#seite {
 /* width:60%; */

  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
}

#kopfbereich {
  background-color:white;
/*  opacity: 0.9; */
  height: 0; 
  
}

#logos {
  background-color:white;
  opacity: 0.9;
  height: 7em;
  max-height: 7em;

}
#logopos {

/*	height: 30%; */
	display: block;
 
} 

#inhalt {
  background-color: white;

/*	opacity: 0.9; 
  height: 20em;		*/
    max-height: 22em;
	max-width: 480px;
}

#navi3 {
  text-align:left;
/*  margin-top:0.2em;
  margin-bottom:0.2 em;
  margin-left:0px;
  margin-right:0px; */
  margin: 0 auto;
    background-color: RGBA(20, 20, 20, 1); /* #013ADF; */
  	opacity: 0.9;
	font: 14px arial, sans-serif; 
	color: white;
	height: 1.5em;
	padding-top: 0.5em;
/*	justify: middle; */
}

#navi3 ul {
  list-style:none;
}

#navi3 li {
  display:inline;  /*  ERSATZ FÜR: float:left; */
  margin-left:8%;
  width:25%;
  background-color: RGBA(20, 20, 20, 1); /* #013ADF; */
  	opacity: 0.9;

}


#inhalt2 {
  background-color: white;

	opacity: 0.6;
  height: 12.5em;
}

#steuerung {

  background-color: black;
  	opacity: 0.9;
}

#fussbereich {
  clear: both;
  background-color: RGBA(20, 20, 20, 1); /*#013ADF;*/
  	opacity: 0.9;
	  height: 1.5em;

}
div.fixed {
    position: relative;
	/* position: fixed; */
    bottom: -20px;
/*	width: 66%
    right: 0;
   ;
    border: 3px solid #73AD21; */
}
#fussbereich3 {
  text-align:left;
  margin-top:0.2em;
/*  margin-bottom:0.2 em; */
  margin-left:0px;
  margin-right:0px;
    background-color: RGBA(20, 20, 20, 1); /*#013ADF;*/
  	opacity: 0.9;
	font: 14px arial, sans-serif; 
	color: white;
	height: 1.2em;
/*	justify: middle;
*/
}

#fussbereich3 ul {
  list-style:none;

}

#fussbereich3 li {
  display:inline;  /*  ERSATZ FÜR: float:left; */
  margin-left:5%;
  width:20%;
  background-color: RGBA(20, 20, 20, 1); /*#013ADF;*/
  vertical-align:middle;
  font-size: 0.8em;

}