
html,
body {
  margin:0px;
  padding:0px;
  color: white;
  background-color: black;
  font-family: lucida sans unicode, lucida grande, sans-serif;
  font-size: 0.92em;
  line-height: 1.33em;
}

a {
	font-weight:bold;
	color:yellow;
}

a:hover {
	color:red;
}

h3 {
	font-family:courier new;
	color:red;
	font-size:1em;	
}

.teaser {
 position: fixed;
 left:2px;
 top:4px;
 width:288px;
 height:385px;
 background-image: url(pix/asihase.png);
 z-index:110;
}

.container {
  position: absolute;
  left:250px;
  top:190px;
  max-width: 512px;
  z-index:10;
}

.container_right{
  position: absolute;
  left:820px;
  top:190px;
  max-width: 320px;
  z-index:12;
  text-align:center;
}
.header {
  position: absolute;
  left:235px;
  top:10px;
  background-color: black;
  background-image: url(pix/header.png);
  background-repeat: no-repeat;
  height: 122px;
  z-index:20;
}

.header span {
  visibility:hidden;
}

.abriss {
  position: absolute;
  top:-20px;
  width:187px;
  height:199px;
  background-image: url(pix/abriss.png);
  background-repeat: no-repeat;
  padding-top:20px;
  z-index:30;
}

#abr_dam {
  left:270px;
}

.abriss a {
  width:147px;
  color:red;
  font-family: comic sans ms;
  font-weight:bold;
  font-size: 1.5em;
  padding:0 30px 0 30px;
}
.menu {
  position: absolute;
  width:100%;
  left:1px;
  top:134px;
  background-image: url(pix/menubg.png);
  height: 50px;
  z-index:40;
}

.topic {
  width: 560px;
  z-index:60;
}

.topic div{
  position: relative;
  left:235px;
  top:134px;
  height:51px;
  float: left;
  z-index:70;
 }

.topic div a {
  display:block;
  height:51px;
}

.topic div a span{
  visibility:hidden;
  display:block;
 
}
.breaking_news{
	font-family:courier;
	font-size:1.15em;
}

.breaking_news h3{
	font-size:0.92em;
}
#tach {
  background-image: url(pix/1_zornich_tach.png);
  width:93px;
}

#tach:hover {
  background-image: url(pix/1_zornich_tach_active.png);
}

#wasgeht {
  background-image: url(pix/2_zornich_wasgeht.png);
  width:129px;
}

#wasgeht:hover {
  background-image: url(pix/2_zornich_wasgeht_active.png);
}

#band {
  background-image: url(pix/3_zornich_band.png);
  width:64px;
}

#band:hover {
  background-image: url(pix/3_zornich_band_active.png);
}

#media {
  background-image: url(pix/4_zornich_media.png);
  width:146px;
}

#media:hover {
  background-image: url(pix/4_zornich_media_active.png);
}

#blabla {
  background-image: url(pix/5_zornich_blabla.png);
  width:94px;
}

#blabla:hover {
  background-image: url(pix/5_zornich_blabla_active.png);
}

.nobr {
	white-space:nowrap;
} 

.input-field {
	width:480px;
	margin-bottom:12px;	
}
