* {
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  border:0;
}

body {
	position: relative;
	width: 100%;
	font-family: Verdana, Arial, Helvetica;
	color: #bbbbbb;
	font-size: 11px;
	text-align: center;
	line-height: 16px;
	background: #111;
}

#maincontainer {
	text-align: left;
 	vertical-align: middle;	
  	margin: 20px auto 20px;
	width: 824px;
	height: 495px;
}
#container_start { background: #111 url(images/hg_start.jpg) no-repeat;	width: 100%; height: 100%; }
#container_person {	background: #111 url(images/hg_person.jpg) no-repeat; width: 100%; height: 100%; }
#container_entstehung {	background: #111 url(images/hg_entstehung.jpg) no-repeat; width: 100%; height: 100%; }
#container_termine { background: #111 url(images/hg_termine.jpg) no-repeat;	width: 100%; height: 100%; }
#container_verleih { background: #111 url(images/hg_verleih.jpg) no-repeat;	width: 100%; height: 100%; }
#container_kontakt { background: #111 url(images/hg_kontakt.jpg) no-repeat;	width: 100%; height: 100%; }

#container_seduction { background: #111 url(images/hg_seduction.jpg) no-repeat;	width: 100%; height: 100%; }
#container_shit_happens { background: #111 url(images/hg_shit_happens.jpg) no-repeat; width: 100%; height: 100%; }
#container_half_time { background: #111 url(images/hg_half_time.jpg) no-repeat;	width: 100%; height: 100%; }
#container_bonanza { background: #111 url(images/hg_bonanza.jpg) no-repeat;	width: 100%; height: 100%; }
#container_torch { background: #111 url(images/hg_torch.jpg) no-repeat;	width: 100%; height: 100%; }
#container_das_auge { background: #111 url(images/hg_das_auge.jpg) no-repeat;	width: 100%; height: 100%; }
#container_mask1 { background: #111 url(images/hg_mask1.jpg) no-repeat;	width: 100%; height: 100%; }
#container_ufo { background: #111 url(images/hg_ufo.jpg) no-repeat;	width: 100%; height: 100%; }
#container_horny { background: #111 url(images/hg_horny.jpg) no-repeat;	width: 100%; height: 100%; }
#container_ducky { background: #111 url(images/hg_ducky.jpg) no-repeat;	width: 100%; height: 100%; }
#container_big_bubs { background: #111 url(images/hg_big_bubs.jpg) no-repeat;	width: 100%; height: 100%; }
#container_engarde { background: #111 url(images/hg_engarde.jpg) no-repeat;	width: 100%; height: 100%; }
#container_birdy { background: #111 url(images/hg_birdy.jpg) no-repeat;	width: 100%; height: 100%; }
#container_ghost { background: #111 url(images/hg_ghost.jpg) no-repeat;	width: 100%; height: 100%; }
#container_kristal_clear { background: #111 url(images/hg_kristal_clear.jpg) no-repeat;	width: 100%; height: 100%; }
#container_paso_doble { background: #111 url(images/hg_paso_doble.jpg) no-repeat;	width: 100%; height: 100%; }


#navi {
	margin-left: 20px;
	margin-top: 106px;
	margin-right: 60px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
}
#navi ul {
	list-style: none;
}
#navi li {
	margin-bottom: 20px;
	width: 130px;
	height: 10px;
}
#navi a, #navi a:visited, #navi a:active {
	color: #dddddd; 
	text-decoration: none; 
	background: url(images/navi_hg.gif) no-repeat; 
	width: 130px; 
	background-position: 0px 3px; 
	display: inline-block;
}
#navi a:hover { background: url(images/navi_hg_bl.gif) no-repeat; background-position: 0px 3px; }
#navi a.aktiv { background: url(images/navi_hg_bl.gif) no-repeat; background-position: 0px 3px; }

#subnavi {
	margin-left: 20px;
	margin-top: 106px;
	margin-right: 25px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
}
#subnavi ul {
	list-style: none;
}
#subnavi li {
	margin-bottom: 10px;
	width: 165px;
	height: 10px;
}
#subnavi a, #subnavi a:visited, #subnavi a:active {
	color: #dddddd; 
	text-decoration: none; 
	background: url(images/subnavi_hg.gif) no-repeat; 
	width: 165px; 
	background-position: 0px 3px; 
	display: inline-block;
}
#subnavi a:hover { background: url(images/subnavi_hg_bl.gif) no-repeat; background-position: 0px 3px; }
#subnavi a.aktiv { background: url(images/subnavi_hg_bl.gif) no-repeat; background-position: 0px 3px; }
#subnavi a.haupt { width: 130px; background: url(images/navi_hg.gif) no-repeat; background-position: 0px 3px; }
#subnavi li.zurueck { margin-top: 20px; }
#subnavi a.zurueck { width: 130px; background: url(images/navi_hg.gif) no-repeat; background-position: 0px 3px; }
#subnavi a.zurueck:hover { background: url(images/navi_hg_bl.gif) no-repeat; background-position: 0px 3px; }
* html #subnavi li { margin-bottom: 2px; }
*+html #subnavi li { margin-bottom: 2px; }

#content {
	float: left;
}

#spalte {
	float: left;
	width: 272px;
	height: 339px;
	margin-top: -10px;
	margin-right: 20px;
}
#spalte p {
	padding: 20px;
}
#spalte img {
	margin-bottom: 20px;
}

#trans {
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: Alpha(Opacity=40);
}

h1 {
	font-size: 50px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 80px;
	height: 36px;
}

* html h1 {
	margin-top: 56px;
	height: 60px;
	filter: alpha(opacity=40);
}
* html #spalte {
	margin-top: -22px;
}

*+html h1 {
	height: auto;
	margin-top: 56px;
	color: #777;
}
*+html #spalte {
	margin-top: 34px;
}

a, a:visited, a:active { color: #bbb; text-decoration: underline; }
a:hover { text-decoration: none; }
a.mail, a.mail:visited, a.mail:active { text-decoration: none; }
a.mail:hover { text-decoration: none; }