body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg_dot.png);
}

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

#navi_links
{
	position: absolute;
	height: 573px;
	width: 37px;
	top: 20px;
	left: 0px;
	padding-left: 13px;
	background: url(../images/navi_balken.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.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_edge_top_right
{
	position: absolute;
	height: 18px;
	width: 10px;
	top: -2px;
	right: 130px;
	background: url(../images/sub_nav/sub_edge_top2_right.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_right 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_right 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_mid_right
{
	position: relative;
	margin-top: 0px;
	padding: 0 10px 0 10px;
	width: 130px;
	background: url(../images/sub_nav/sub_edge_mid_right.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;
}

.sub_edge_low_right
{
	position: absolute;
	height: 14px;
	width: 10px;
	bottom: 0px;
	right:130px;
	background: url(../images/sub_nav/sub_edge_low_right.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: 232px;
	height: 595px;
	left: 0px;
	float: left;
	z-index: 10;
}

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

#content h1
{
	color: #FFFF00;
	font-size: 17px;
	text-transform: uppercase;
}

#content h2
{
	color: #FFFF00;
	font-size: 15px;
	text-transform: uppercase;
}

#content h3
{
	color: #FFFF00;
	font-size: 14px;
}

#content a
{
	color: #fff;
	font-size: 14px;
}

#content a:hover
{
	color: #c50c0c;
	font-size: 14px;
}

#logo_rahmen
{
	position: relative;
	height: 53px;
	max-width: 700px;
	text-align: right;
	background: url(../images/bg_dot.png);
}

#logo_rahmen_start
{
	position: relative;
	height: 53px;
	max-width: 950px;
	text-align: right;
	margin-right: 30px;
	background: url(../images/bg_dot.png);
}

#logo
{
	position: absolute;
	height: 53px;
	width: 275px;
	right: 0px;
}

#logo a img {border: none;}

#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;
}

#elmaricon {
	background: url(../impressum/elmaricon.png) no-repeat;
	height: 100px;
	width: 75px;
	position: absolute;
	top: 1px;
	left: 179px;
}

.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;
}

#datadreams_logo
{
	position:absolute;
	top: 540px;
	left: 80px;
}

#datadreams_logo a img
{
	border: 0;
}

#copyleft
{
	position:absolute;
	top: 539px;
	left: 680px;
	max-width: 300px;
	color: #fff;
	font-size: 12px;
}

#copyleft a
{
	color: #fff;
}

#copyleft a:hover
{
	color: #c50c0c;
}

#copyleft a img
{
	border: none;
}

#copyleft_txt
{
	position:absolute;
	left: 430px;
	max-width: 310px;
	color: #fff;
	font-size: 12px;
}

#copyleft_txt a
{
	color: #fff;
	font-size: 12px;
}

#copyleft_txt a:hover
{
	color: #c50c0c;
	font-size: 12px;
}

#copyleft_txt a img
{
	border: none;
}

#proprietaer
{
	position:absolute;
	top: 575px;
	left: 680px;
	max-width: 280px;
	color: #fff;
	font-size: 12px;
}

#proprietaer_txt
{
	position:absolute;
	left: 430px;
	max-width: 280px;
	color: #fff;
	font-size: 12px;
}

.ausgewaehlt
{
	position: relative;
	padding: 3px;
	width: 250px;
	background: #000;
	
	border: 1px solid #fff;
	
	color: #fff;
	font-size: 14px;
}

.shopitems a img
{
	border: 0px;
}

.shop_bild
{
	position: absolute;
	min-height: 200px;
	width: 218px;
	top: 40px;
	right: 0px;
	border: 1px solid #fff;
	padding: 10px;
	background: url(../images/bg_dot.jpg);
}

.shop_bilder_auswahl
{
	position: absolute;
	min-height: 50px;
	width: 228px;
	top: 270px;
	right: 0px;
	border: 1px solid #fff;
	padding: 10px 0 0 10px;
	background: url(../images/bg_dot.jpg);
}

.item
{
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

.item a img
{
	border: 0px;
}

.shop_bilder_auswahl a
{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.shop_bilder_auswahl a:hover
{
	color: #c50c0c;
	font-size: 14px;
}

.shop
{
	position: absolute;
	height: 550px;
	max-width: 700px;
}

.shop_content
{
	position: relative;
	min-height: 400px;
	width: 610px;
	padding: 0px 50px 0 0;
	color: #fff;
	font-size: 14px;
}

.shop_content h1
{
	color: #FFFF00;
	font-size: 17px;
	text-transform: uppercase;
}

.shop_content h2
{
	color: #FFFF00;
	font-size: 15px;
	text-transform: uppercase;
}

.shop_content a
{
	color: #fff;
	font-size: 14px;
}

.shop_content a:hover
{
	color: #c50c0c;
	font-size: 14px;
}

.warenkorb
{
	position: relative;
	min-height: 118px;
	width: 460px;
	border: 1px solid #fff;
	float: left;
	margin-top: 0px;
	background: url(../images/shop/balken.jpg) repeat-x;
  background-color:#1b1919;
  margin-bottom: 50px;
}

.warenkorb h2
{
	color: #FFFF00;
	font-size: 14px;
	text-transform: uppercase;	
	margin-top: 5px;
	margin-left: 10px;
}

.kasse
{
	position: relative;
  float: right;
	width: 160px;
	right: 0px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	background: url(../images/bg_dot.jpg);
}

.kasse a img
{
	border: 0px;
	margin-top: 0px;
}

.weisser_fleck
{
	position: absolute;
	height: 262px;
	width: 279px;
	top: 10px;
	left: 480px;
	background: url(../images/shop/weisser_fleck.png) no-repeat;
}

.roter_fleck
{
	position: absolute;
	height: 212px;
	width: 220px;
	top: 367px;
	left: 325px;
	background: url(../images/shop/roter_fleck.png) no-repeat;
}
/*------------------------------------------------------------------------------*/
/*Shop Jens*/
.articleItemSubmit{
  background: url('../images/shop/warenkorb_rein.png');
  border:0 none;
  width: 27px; 
  height: 27px;
  border-width: 0px;
  cursor: pointer;
}
.articleItemOutSubmit{
  background: url('../images/shop/waren_raus.png');
  border:0 none;
  width: 27px; 
  height: 27px;
  border-width: 0px;
  cursor: pointer;
}
.articleCashSubmit{
  background: url('../images/shop/bestellen.png');
  border:0 none;
  width: 123px; 
  height: 25px;
  border-width: 0px;
  cursor: pointer;
}
.CartContent{
	padding: 20px 20px 20px 20px;
	color: #fff;
	font-size: 14px;
}
.CartContent label  {
  display:block;
  float:left;
  margin:2px 4px 6px;
  width:150px;
}
.error{
  color: #ff0000;
  font-weight:bold;
}
.resetAll{
  background: url('../images/shop/verwerfen.png');
  border:0 none;
  width: 124px; 
  height: 25px;
  border-width: 0px;
  cursor: pointer;
}
.eingabe{
  width: 250px; 
}
.subContainer{
  position: relative;
  min-height: 200px;
  width: 660px;
  clear: both;
}