body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
}

/*--------------------------------------------------------------------*/
/*Navigation Links Rechts*/

#navi_links
{
	position: absolute;
	height: 573px;
	width: 37px;
	top: 20px;
	left: 0px;
	padding-left: 13px;
	background: url(../images/navi_balken_datadreams.png) no-repeat;
	z-index: 20;
}

	#muelltonne
	{
		position: absolute;
		height: 72px;
		width: 12px;
		padding-right: 13px;
		top: 490px;
		left: 12px;
		background: url(../images/navi/muelltonne_sprites.png) 0 0 no-repeat;
	}
	
	#muelltonne:hover
	{
		background-position: 0 -80px;
	}
	
	#empfehlungen
	{
		position: absolute;
		height: 98px;
		width: 10px;
		padding-right: 13px;
		top: 370px;
		left: 14px;
		background: url(../images/navi/empfehlungen_sprites.png) 0 0 no-repeat;
	}

	#empfehlungen:hover
	{
		background-position: 0 -108px;
	}

	#lexikon
	{
		position: absolute;
		height: 50px;
		width: 10px;
		padding-right: 13px;
		top: 294px;
		left: 14px;
		background: url(../images/navi/lexikon_sprites.png) 0 0 no-repeat;
	}

	#lexikon:hover
	{
		background-position: 0 -54px;
	}

	#extrahart
	{
		position: absolute;
		height: 70px;
		width: 10px;
		padding-right: 13px;
		top: 199px;
		left: 14px;
		background: url(../images/navi/extrahart_sprites.png) 0 0 no-repeat;
	}

	#extrahart:hover
	{
		background-position: 0 -78px;
	}

	#angebote
	{
		position: absolute;
		height: 64px;
		width: 10px;
		padding-right: 13px;
		top: 110px;
		left: 14px;
		background: url(../images/navi/angebote_sprites.png) 0 0 no-repeat;
	}

	#angebote:hover
	{
		background-position: 0 -72px;
	}

	#startseite
	{
		position: absolute;
		height: 71px;
		width: 10px;
		padding-right: 13px;
		top: 15px;
		left: 14px;
		background: url(../images/navi/startseite_sprites.png) 0 2px no-repeat;
	}

	#startseite:hover
	{
		background-position: 0 -71px;
	}
	
#navi_rechts
{
	position: relative;
	height: 573px;
	width: 37px;
	top: 20px;
	float: right;
	right: 0px;
	z-index: 20;
	background: url(../images/impressum_balken_datadreams.png) no-repeat;
}

	#flugschriften
	{
		position: absolute;
		height: 100px;
		width: 10px;
		margin: 370px 0 0 14px;
		background: url(../images/navi/flugschriften_sprites.png) 0 3px no-repeat;
	}

	#flugschriften:hover
	{
		background-position: 0 -99px;
		height: 105px;
	}

	#impressum
	{
		position: absolute;
		height: 72px;
		width: 10px;
		margin: 490px 0 0 14px;
		background: url(../images/navi/impressum_sprites.png) 0 3px no-repeat;
	}

	#impressum:hover
	{
		background-position: 0 -70px;
	}
	
/*--------------------------------------------------------------------*/
/*Unternavigation*/

.sub_muelltonne
{
	display: none;
	position: absolute;
	min-height: 50px;
	width: 130px;
	margin: 0 0 0 24px;	
}

#muelltonne:hover div.sub_muelltonne
{
	display: block;
}

.sub_empfehlungen
{
	display: none;
	position: absolute;
	min-height: 50px;
	width: 130px;
	margin: 0 0 0 22px;	
}

#empfehlungen:hover div.sub_empfehlungen
{
	display: block;
}

.sub_lexikon
{
	display: none;
	position: absolute;
	min-height: 50px;
	width: 130px;
	margin: 0 0 0 22px;	
}

#lexikon:hover div.sub_lexikon
{
	display: block;
}

.sub_extrahart
{
	display: none;
	position: absolute;
	min-height: 50px;
	width: 130px;
	margin: 0 0 0 22px;	
}

#extrahart:hover div.sub_extrahart
{
	display: block;
}

.sub_angebote
{
	display: none;
	position: absolute;
	min-height: 50px;
	width: 130px;
	margin: 0 0 0 22px;	
}

#angebote:hover div.sub_angebote
{
	display: block;
}


/*------------*/

.sub_top
{
	position: relative;
	height: 16px;
	background: url(../images/sub_nav/sub_top.png) repeat-x;
}

.sub_edge_top
{
	position: absolute;
	height: 18px;
	width: 10px;
	top: -2px;
	left: 130px;
	background: url(../images/sub_nav/sub_edge_top2.png) no-repeat;
}

.sub_mid a
{
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 16px;
}

.sub_mid a:hover
{
	color: #c50c0c;
}

.sub_mid
{
	position: relative;
	margin-top: 0px;
	padding: 0 10px 0 10px;
	width: 130px;
	background: url(../images/sub_nav/sub_edge_mid.png) repeat-y;
}

.sub_low
{
	position: relative;
	height: 14px;
	background: url(../images/sub_nav/sub_low.png) repeat-x;
}

.sub_edge_low
{
	position: absolute;
	height: 14px;
	width: 10px;
	bottom: 0px;
	left:130px;
	background: url(../images/sub_nav/sub_edge_low.png) no-repeat;
}

/*------------------------------------------------------------------------------*/
/*Hintergrundbild*/

#background_empfehlungen
{
	position: absolute;
	background: url(../images/bild_empfehlungen.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_extrahart
{
	position: absolute;
	background: url(../images/bild_extrahart.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_angebote
{
	position: absolute;
	background: url(../images/bild_angebote.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_lexikon
{
	position: absolute;
	background: url(../images/bild_lexikon.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_impressum
{
	position: absolute;
	background: url(../images/bild_impressum.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_flugschriften
{
	position: absolute;
	background: url(../images/bild_empfehlungen.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_muelltonne
{
	position: absolute;
	background: url(../images/bild_muelltonne.png) no-repeat;
	width: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#background_datadreams
{
	position: absolute;
	background: url(../images/bild_datadreams.png) no-repeat;
	width: 270px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

#content_datadreams
{
	position: relative;
	min-height: 400px;
	padding: 0px 50px 0 0;
	max-width: 700px;
	color: #fff;
	font-size: 14px;
	z-index: 50;
}

#content_datadreams h1
{
	color: #ffffff;
	font-size: 17px;
	text-transform: uppercase;
	z-index: 50;
}

#content_datadreams a
{
	color: #fff;
	font-size: 14px;
	z-index: 50;
}

#content_datadreams a:hover
{
	color: #c50c0c;
	font-size: 14px;
	z-index: 50;
}

#bild_datadreams
{
	position: fixed;
	height: 470px;
	width: 189px;
	top: 5px;
	background: url(../images/bg_inhalt_datadreams.png) no-repeat;
	z-index: 10;
}

#logo_rahmen
{
	position: relative;
	height: 53px;
	max-width: 710px;
	text-align: right;
	background: #000;
}

#logo_rahmen_start
{
	position: relative;
	height: 53px;
	max-width: 700px;
	text-align: right;
	margin-right: 100px;
	background: #000;
}

#logo
{
	position: absolute;
	height: 53px;
	width: 275px;
	right: 140px;
	top: 40px;
}

#logo a img
{
	border: none;
}

#logo_linker_teil
{
	position: absolute;
	height: 53px;
	width: 275px;
	left: -86px;
	top: -1px;
}

#sonne
{
	position: relative;
	height: 163px;
	width: 239px;
	margin: 210px 0 0 0;
	float: right;
}

#keine_chance
{
	position: absolute;
	height: 457px;
	width: 789px;
	top: 80px;
	left: 110px;
	
}

#adresse
{
	position: relative;
	background: url(../impressum/adresse.png) no-repeat;
	width: 112px;
	height: 40px;
}

.bilder
{
	position: relative;
	float: left;
	margin: 0 10px 5px 0;
	background: #fff;
}

.bilder a img
{
	border: 0px;
}

.mittig {
  text-align: center;
}

.eingerückt
{
	margin-left: 50px;
}

.eingerückt_buecher
{
	margin-left: 170px;
}

.eingerückt_organisationen
{
	margin-left: 170px;
}

.eingerückt_dvdundcd
{
	margin-left: 170px;
}