<style type="text/css">

  h1 { font-family:arial; font-size:14px; color:darkblue; }
  h2 { font-family:arial; font-size:12px; color:darkblue; }

  a        { text-decoration:none; font-family: arial; font-size: 14px; font-weight:bold; color="#cccccc"; text-shadow: #a0a0a0 1px 1px 1px;}
  a:focus  { color:orange; text-decoration:none; }
  a:hover  { color:orange; text-decoration:none; }
  a:active { color:orange; text-decoration:none; }

  body     { font-family: arial; }



@media (min-width: 400px) {
  html { background: white; }
  table { width:400px; }
  .wrapper {
	width: 390px; 
        height: 520px;
  }
  .wrapperpanorama {
	width: 390px; 
        height: 370px;
  }
  .wrapperwerbung {
	width: 390px; 
        height: 370px;
  }
}


@media (min-width: 600px) {
  html { background: white; }
  table { width:600px; }
  .wrapper {
	width: 590px; 
        height: 520px;
  }
  .wrapperpanorama {
	width: 590px; 
        height: 370px;
  }
  .wrapperwerbung {
	width: 590px; 
        height: 370px;
  }
}


@media (min-width: 800px) {
  html { background: white; }
  table { width:600px; }
  .wrapper {
	width: 590px; 
        height: 520px;
  }
  .wrapperpanorama {
	width: 590px; 
        height: 370px;
  }
  .wrapperwerbung {
	width: 590px; 
        height: 370px;
  }
}


@media (min-width: 960px) {
  html { background: white; }
  table { width:600px; }
  .wrapper {
	width: 590px; 
        height: 520px;
  }
  .wrapperpanorama {
	width: 590px; 
        height: 370px;
  }
  .wrapperwerbung {
	width: 590px; 
        height: 370px;
  }
}


@media (min-width: 1024px) {
  html { background: white; }
  table { width:600px; }
  .wrapper {
	width: 590px; 
        height: 520px;
  }
  .wrapperpanorama {
	width: 590px; 
        height: 370px;
  }
  .wrapperwerbung {
	width: 590px; 
        height: 370px;
  }
}

</style>