/* --------------------- COMMON --------------------- */

* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-image: url(../images/body_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #eaeaea;
}

.clear:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
} 

.clear {
	display:inline-block;
} 

.clear {
	display:block;
}

.Wrapper {
	width: 870px;
	margin: 0 auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.mega-spar.de/images/content_background.png", sizingMethod="scale");
}

/* --------------------- HEADER, CONTENT --------------------- */

.ContentWrapper {
	width: 850px;
	margin: 0 auto;
}

.Header {
	width: 850px;
	height: 106px;
	background-image: url(../images/header_background.gif);
	background-repeat: no-repeat;
}

.Logo {
	position: absolute;
	margin: 21px 0 0 52px;
}

.Logo a {
	font-size: 24px;
	color: #213a62;
	font-weight: bold;
	text-decoration: none;
}

.Logo span {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #213a62;
	margin: 0 0 0 1px;
}

.HeaderLinks {
	position: absolute;
	margin: 75px 0 0 762px;
}

.HeaderLinks a {
    display: block;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.HeaderLinks a:hover {
	text-decoration: underline;
}

.Content {
	width: 820px;
	margin: 0 auto;
}

.TopNavi {
	height: 33px;
	background-image: url(../images/header_rail.gif);
	background-repeat: no-repeat;
	padding: 12px 0 0 29px;
	margin: 0 0 20px 0;
}

.TopNavi a {
	color: #ffffff;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 10px 0 0;
}

.TopNavi a:hover {
	text-decoration: underline;
}

.TopNaviArrow {
	float: left;
	margin: 5px 6px 0 0;
}

.ContentLeft {
	width: 195px;
	float: left;
}

.ContentRight {
	width: 625px;
	float: left;
}

.Navigation {
	width: 180px;
	float: left;
	margin: 0 0 30px 0;
}

.Navigation span {
	height: 32px;
	display: block;
	background-image: url(../images/navigation_title_background.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 13px 0 0 37px;
}

.Navigation span.yellow {
	height: 32px;
	display: block;
	background-image: url(../images/navigation_title_background_2.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FF4500;
	font-weight: bold;	
	padding: 13px 0 0 20px;
}

.Navigation a {
	display: block;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/link_background.gif);
	background-repeat: no-repeat;
	padding: 6px 0 9px 42px;
}

.Navigation a:hover {
	display: block;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/link_background_hover.gif);
	background-repeat: no-repeat;
	padding: 6px 0 9px 42px;
}
.Navigation a.large {
	display: block;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	background-image: url(../images/link_background_large.gif);
	background-repeat: no-repeat;
	padding: 6px 0 9px 42px;
}
.MainTeaser {
	width: 592px;	
	background-image: url(../images/main_teaser_background.gif);
	background-repeat: no-repeat;
	padding: 20px 0 0 33px;
}

.MainTeaser h1 {
   width: 300px;
	font-size: 18px;
	color: #25416a;
	display: block;
}

.MainTeaser span {
	font-size: 12px;
	color: #666666;
	display: block;
	line-height: 18px;
	width: 300px;
	margin: 8px 0 22px 0;
}

.ContentRail {
	width: 610px;
	height: 33px;
	background-image: url(../images/content_rail.gif);
	background-repeat: no-repeat;
	margin: 20px 0 20px 0;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	padding: 12px 0 0 15px;
}
.ContentRail a {
   color: White;
   text-decoration: none;
}
.ContentRail a:hover {   
   text-decoration: underline;
}
.TeaserRow {
	width: 625px;
	margin-bottom: 30px;
}

.ContentTaser {
	float: left;
	width: 200px;	
	margin: 0 13px 0 0;	
}


.ContentTaser span {
	border: 4px solid #f1f1f1;
	display: block;
	border-bottom: none;
	border-top: none;
	font-size: 12px;
	color: #7c7e80;
	line-height: 16px;
	padding: 20px 10px 20px 10px;
}

.ContentTaser span a {
	font-weight: bold;
	color: #9bce00;
	text-decoration: none;
}

.ContentTaser span a:hover {
	text-decoration: underline;
}

.ContentTaser span b {
	color: #25416b;
	font-size: 14px;
}

.ContentBigPage {
	display: block;
	border: 4px solid #f1f1f1;
	border-top: none;
	border-bottom: none;
	padding: 20px 10px 20px 10px;
}

.ContentBigPage td {
  font-size: 14px;
  padding:10px;
}

.ContentBigPage h1 {
	font-size: 18px;
	color: #25416a;
	display: block;
	margin: 0 0 0 0;
	line-height:120%;
}

.ContentBigPage h2 {
	font-size: 12px;
	color: #25416a;
	display: block;
}

.ContentBigPage span {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	display: block;
	margin: 14px 0 0 0;
}
.ContentBigPage span span.preis {
	display: inline;
	color: red;
	font-weight: bold;
	font-size: 14px;
	border: 2px solid red;
	padding: 3px;
	background-color: Yellow;
}

.ContentBig {
	display: block;
	border: 4px solid #f1f1f1;
	border-top: none;
	border-bottom: none;
}

.BigBox {
	width: 597px;
	margin: 0 auto;
	border-bottom: 1px dashed #d0d0d0;
	padding: 20px 0 10px 0;
}

.BigBox a {
	font-size: 12px;
	color: #9bce00;
	font-weight: bold;
	text-decoration: none;
}

.BigBox a:hover {
	text-decoration: underline;
}

.BigBox img {
	float: left;
	margin: 3px 10px 50px 0;
}

.BigBox span {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}

.BigBox span b {
	color: #26426c;
	font-size: 14px;
}

.BigBox h1 {
	font-size: 16px;
	color: #3CB371;
}

.BigBoxLast span b {
	color: #26426c;
	font-size: 14px;
}

.BigBoxLast {
	width: 597px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}

.BigBoxLast a {
	font-size: 12px;
	color: #9bce00;
	font-weight: bold;
	text-decoration: none;
}

.BigBoxLast a:hover {
	text-decoration: underline;
}

.BigBoxLast img {
	float: left;
	margin: 3px 10px 100px 0;
}

.BigBoxLast span {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}

.BigBoxLast h1 {
	font-size: 16px;
	color: #3CB371;
}

/* --------------------- FOOTER --------------------- */

.FooterWrapper {
	width: 820px;
	margin: 0 auto;
	border-top: 1px dashed #d0d0d0;
}

.Footer {
	padding: 12px 0 12px 0;
	text-align: center;
}

.Footer b {
	color: #294671;
	font-size: 11px;
	display: block;
	margin: 0 0 4px 0;
}

.Footer a {
	color: #7b97c1;
	font-size: 11px;
	text-decoration: none;
	margin: 6px 5px 0 0;
	display: inline-block;
}

.Footer a:hover {
	text-decoration: underline;
}

.nospace {
	margin: 0 0 0 0!important;
}
a.download {
	background-image: url(../images/download-page-orange.gif);
	padding: 3px 3px 3px 18px;
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
	color: #5F9EA0;
	font-size: 10px;
	font-weight: bold;
}
a.download:hover {
	color:white;
	background-color: #5F9EA0;
}
a.pdata {
	background-image: url(../images/application_view_detail.png);
	padding: 3px 3px 3px 18px;
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
	color: #4682B4;
	font-size: 10px;
	font-weight: bold;
	line-height: 140%;
}
a.pdata:hover {
	color:white;
	background-color: #5F9EA0;
}
a.weiter {
	background-image: url(../images/pfeil-r-16x16-11.gif);
	padding: 3px 3px 3px 18px;
	background-repeat: no-repeat;
	background-position: left;
	text-decoration: underline;
	color: Black;
	font-size: 12px;
	font-weight: bold;
}
a.weiter:hover {
	color:white;
	background-color: #5F9EA0;
}
a.weiter_2 {
	background-image: url(../images/pfeil-r-16x16-22.gif);
	padding: 3px 3px 3px 20px;
	background-repeat: no-repeat;
	background-position: left;
   color: #696969;
	text-decoration: none;
	font-size: 10px;	
}
a.weiter_2:hover {
	text-decoration: underline;
}
a.warenkorb {
	background-image: url(../images/checkout3-orange.gif);
	padding: 3px 3px 3px 20px;
	background-repeat: no-repeat;
	background-position: left;
	color: #696969;
	text-decoration: none;
	font-size: 10px;
	border: 1px dotted gray;
}
a.warenkorb:hover {
	text-decoration: underline;
}
a.simple {
	font-weight: 10px;
	color: #ADD8E6;
	text-decoration: none;
	margin-bottom: 5px;
	display: inline;
}
a.simple:hover {
	text-decoration: underline;
}
a.blue_border {
	font-weight: 10px;
	color: #3CB371;
	padding: 3px;
	border: 1px dotted #3CB371;
	margin-right: 8px;
	text-decoration: none;
}
a.blue_border:hover {
   border: 1px dotted black;
}
.sitemap_first_level {
	padding: 5px 0 5px 0;
	color: #3CB371;
	border: 1px dotted #3CB371;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
.sitemap_sec_level {
	padding: 5px 0 5px 15px;
}
.sitemap_sec_level a {
  	color: #3CB371;
	font-weight: bold;
	font-size:12px;	
   text-decoration: none;
}
.sitemap_sec_level a:hover {
   text-decoration: underline;
}

.vote_green {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 0 0 30px;
	background-image: url(../images/vote-green.gif); 
	background-repeat: repeat-x;
	height: 16px;
	color: white;
}
.favorit {
	background-image: url(../images/favorit-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
}
.headline {
	padding:5px;
	background-color:orange;
	width:400px;
	border-left:6px solid red;	
}
.headline h1 {
   display: block;
   border:1px solid black;
	padding:2px;color:white;
	font-family:Verdana;
	text-align:center;
}
.preis {
   display:inline;
	color: red;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid red;
	padding: 3px;
}
.preis_2 {
	padding: 2px;
	background-color: Red;
	color: White;
	border: 1px double #FFD700;
	vertical-align: middle;
	font-weight: bold;
	display: inline;
}
.infobox {
	border: 1px dotted gray;
	background-color: #F0FFFF;
	padding: 5px;
	color: gray
}
.link_arrow {
	margin: 10px 0 10px 0;
	font-weight: 14px;
}
.link_arrow span {
	display:inline;
	color: green;
	font-weight: bold;
	margin-right: 3px;
}
.link_arrow a {
	color: Black;
	font-weight: bold;	
	text-decoration: none;
	border-bottom: 1px solid black;
}
.link_arrow a:hover {
	background-color: Gray;
	color: White;
}
.headline_left {
	height: 22px;
	width: 14px;
	display: inline;
	background-image: url(../images/headline_left.jpg);
	background-repeat: no-repeat;
}
.headline_middle {
   color: white;
	padding-top: 3px;
	height: 19px;
	display: block;	
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/headline_middle.jpg);
	background-repeat: repeat-x;
	text-align: center;	
}
.headline_left {
	height: 22px;
	width:9px;
	display: inline;
	background-image: url(../images/headline_right.jpg);
	background-repeat: no-repeat;
}
.h1_green {
	font-size: 16px;
	color: #3CB371;
	font-weight: bold;
}
a.rss {
	background-image: url(../images/rss_small.gif);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 20px;
	display: inline;
	background-position: left 50%;
	font-size: 12px;
	color: #696969;
	text-decoration: none;
}
a.rss:hover { 
   text-decoration: underline;
}
.message_box {
	width: 80%;
	background-color: #FFFF90;
	border: 1px dashed #FFD700;
	padding: 5px;
	margin: 15px 0 15px 0;
	font-size: 10px;
}
a.anmelden {
	background-image: url(../images/application_form_add.png);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 25px;
	background-position: 5px center;
	border: 1px solid #FF8C00;
	color: Black;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
	background-color: #87CEFA;
}
a.anmelden:hover {
	background-color: #32CD32;
	color: White;
}
.fieldset_1 {
	padding: 5px;
	color: #8FBC8F;
}
a.legend {
	text-decoration: none;
	color: #FF8C00;
}
a.legend:hover {
	text-decoration: underline;	
}
table.rss {
	border-collapse: collapse;
}
table.rss td {
	font-size: 10px;
	padding: 3px 10px 3px 10px;
	border: 1px solid #DDDDDD;
}
a.grau_simple {
	color: Gray;
	text-decoration: none;
	font-size: 10px;
}
a.grau_simple:hover {
	text-decoration: underline;	
}
a.green {
	color: #228B22;
	text-decoration: underline;
	font-size: 10px;
}
a.green:hover {
	background-color: #228B22;
	color: White;
}
a.arrow_1 {
	background-image: url(../images/pfeil-15.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px 0 3px 16px;
	color: #2E8B57;
	font-weight: bold;
	font-size: 11px;
}
a.arrow_1:hover {
	color: #D2691E;
}
.headline_navi {
	height: 32px;
	display: block;
	background-image: url(../images/navigation_title_background_2.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	color: #FF4500;
	font-weight: bold;	
	padding: 13px 0 0 20px;
}
.simple_gray {
	font-weight: normal;
	font-size: 9px;
	color: gray;
}
/*  Inhalts-Box klein */
.inhalt_top {
	width: 306px;
	padding: 4px;
	background-image: url(../images/box1-top.jpg);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}

.inhalt_middle {
	width: 306px;
	padding: 4px;
	background-image: url(../images/box1-middle.jpg);
	background-repeat: repeat-y;
}

.inhalt_bottom {
	width: 306px;
	background-image: url(../images/box1-bottom.jpg);
	background-repeat: no-repeat;
}

/* Inhalts-Box breit */
.inhalt_breit_top {
	width: 636px;
	height: 28px;
	padding-top: 8px;
	background-image: url(../images/box1_breit-top.jpg);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	color: Black;
}

.inhalt_breit_middle {
	width: 636px;
	padding: 8px;
	background-image: url(../images/box1_breit-middle.jpg);
	background-repeat: repeat-y;
}

.inhalt_breit_bottom {
	width: 636px;
	height:42px;
	background-image: url(../images/box1_breit-bottom.jpg);
	background-repeat: no-repeat;
}
.yellow_glow {
	background-image: url(../images/yellow_glow.jpg);
	font-size: 11px;
	text-align: center;
	background-repeat: repeat-x;
	font-weight:bold;
	border-bottom: 1px dotted silver;
	padding: 2px;
	margin-bottom: 3px;
}
.green_glow_11px_1row {
	height: 16px;
	padding-top:2px;
	background-image: url(../images/hintergrund/green_glow_11px_1row.jpg);
	background-repeat: repeat-x;
	font-size:11px;
	font-weight:bold;
	text-align: center;
	color:white;
}
.green_glow_11px_2row {
	height: 32px;
	padding-top:4px;
	background-image: url(../images/hintergrund/green_glow_11px_2row.jpg);
	background-repeat: repeat-x;
	font-size:11px;
	font-weight:bold;
	text-align: center;
	color:white;
}
.gray_bevel {
	height: 20px;
	padding-top:4px;
	background-image: url(../images/hintergrund/gray_bevel.jpg);
	background-repeat: repeat-x;
	font-size:12px;
	font-weight:bold;
	text-align: center;
	color:black;
}
a.leftbar {
	background-image: url(../images/pfeil-15.gif);
	background-repeat: no-repeat;
	color: #A9A9A9;
	font-size:11px;
	font-weight:bold;
	padding: 8px 0 8px 20px;
	border-bottom: 1px dashed gray;
	text-decoration: none;
	background-position: 3px center;
	display:block;
}
a.leftbar:hover {
   text-decoration: underline;
}
.seiten_navi {
	font-size: 11px;
	margin: 25px 0 15px 0;
	border-top: 2px dashed silver;
	padding-top: 15px;
}
.seiten_navi a {
	text-decoration: none;
	padding:2px;
	color:black;
	margin-right:3px;
	border:1px solid orange;
	display: inline;
}
.seiten_navi a:hover {
   background-color: Gray;
	color: white;
}
.seiten_navi span {
	padding:2px;
	color:white;
	background-color: green;
	margin-right:3px;
	border:1px solid black;
	display:inline;
}
.list_1 {
	background-image: url(../images/list/list12x12-dot8-11.gif);
	background-repeat: no-repeat;
	padding: 3px 0 3px 16px;
	color: black;
	font-size: 11px;
	background-position: 0px center;
}