@charset "utf-8";

/* ************************* */
/* Allgemiene Formatierungen */
/* ************************* */ 

body {
	margin: 0;
	padding: 0;
	font: 12px/1.2em Arial, Verdana, Helvetica;
	width: 100%;
	height: 100%;
	background: url(/images/bg-main.jpg) center center no-repeat;
	
}

p {
	margin: 0;
	padding: 0;
}

/* ****************** */
/* Seitenformatierung */
/* ****************** */

#containerfront {
	position: relative;
	top: 15%;
	margin: 0 auto;
	width: 704px;
	height: 340px;	
}

#slogan {
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 335px;
	height: 79px;
	display: none;
}

#slogan img {
	position: absolute;
	top: 0;
}

#nullnill-2,
#nullnill-3,
#nullnill-4,
#nullnill-5 {
	display: none;
}

#teaser-dropdown {
	position: absolute;
	top: 0px;
	width: 704px;
	height: 332px;
	overflow: hidden;
}

#teaserbar {
	display: none;
	position: absolute;
	bottom: 20px;
	background: url(/images/bg-teaserbar.png) 0 100% no-repeat;
	width: 698px;
	height: 168px;
	padding: 150px 4px 4px 4px;
}

#teaser1,
#teaser2,
#teaser3,
#teaser4 {
	position: relative;
	display: none;
	z-index: 100;
}

#bottom-menu {
	display: none;
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 690px;
	padding: 0 8px;
	font: 12px/1.2em Arial, Helvetica, Verdana;
	color: #FFFFFF;	
}

.teaser {
	float: left;
	width: 166px;
	height: 160px;
	padding: 4px;
	background: url(/images/bg-content-tklein.png) 4px 4px no-repeat;
}