@import url('reset.css');
@import url('fonts.css');

/* clear fix */
.clear:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  position: relative;
}

/* general definitions */
body,html {
	text-align: center;
	background: #dfdfdf url('../images/site_background.png') repeat-x;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}

a {
	color: #4f4f4f;
	text-decoration: none;
}

a:hover {
	color: #333333;
}

strong { font-weight: bold; }

/* main header */
.MainHeader {
	width: 100%;
}

.MainHeaderLogo {
	width: 288px;
	height: 66px;
	display: block;
	float: left;
	overflow: hidden;
	background: transparent url('../images/site/header_logo.gif') no-repeat;
}

.Navigation {
	margin-left: 211px;
	padding-top:15px;
}

.Navigation a {
	display:block;
	float:left;
	margin-right:2px;
	background:#fff;
	padding:10px;
}

/* breadcrumb navigation */
.BreadcrumbNavigation {
	width: 100%;
	height: 21px;
	line-height: 20px;
	margin-bottom: 10px;
}

.BreadcrumbNavigation p {
	float: left;
	color: #fd7402;
	font-size: 93%;
	margin-right: 10px;
}

.BreadcrumbNavigation ol,
.BreadcrumbNavigation ol li {
	display: inline;
	float: left;
}

.BreadcrumbNavigation ol li {
	font-size: 93%;
	padding-left: 6px;
	margin-right: 10px;
	background: transparent url('../images/site/buttons/arrow.gif') no-repeat 0px 7px;
}

.BreadcrumbNavigation a {
	color: #4f4f4f;
}

.BreadcrumbNavigation a:hover {
	color: #fd7402;
}

/* main teaser */
.MainTeaser {
	height: 320px;
	overflow: hidden;
	background: #f2f2f2;
	margin-bottom: 45px;
}

/* columns */
.LeftCol {
	width: 190px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -475px;
}

.MainCol {
	width: 550px;
	position: absolute;
	left: 50%;
	margin-left: -275px;
}

.RightCol {
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: 285px;
	top: 73px;
	background: #fff;
}


/* main footer */
.MainFooter {
	width: 100%;
	background: transparent url('../images/site/footer_bg.gif') repeat-x;
	clear: both;
	height: 162px;
	text-align: center;
	position: static;
}

.MainFooterCenter {
	text-align: center;
	padding-top:1em;
	font-size:0.9em;
	margin: 0 0 0 160px;
	margin-top:1em;
}


.MainFooterCenter li {
	float: left;
	margin: 0 0 20px 10px;
}

.categoryImage
	{
	float: left;
	margin: 0 10px 0 5px;
	overflow: hidden;
	}
	
.categoryLink
	{
	font-size: 13px;
	float: left;
	width: 85px;
	overflow: hidden;
	}	

.categoryImage img
	{
	border: 0px;
	width: 72px;
	}

.MainFooterLogo {
	width: 200px;
	height: 40px;
	display: block;
	float: left;
	font-size: 0px;
	line-height: 200px;
	overflow: hidden;
	background: transparent url('../images/site/footer_logo.gif') no-repeat;
	margin-right: 20px;
	margin-bottom: 40px;
}

.MainFooter p.MainFooterCopy {
	clear: both;
	color: #fff;
	font-size: 93%;
	line-height: 150%;
	text-align: left;
	padding-top: 10px;
}

/* left column definitions */

li.categories { ... }  /* outermost list item */
li.cat-item { ... }
li.cat-item-7 { ... }  /* category ID #7, etc */
li.current-cat { ... }
li.current-cat-parent { ... }
ul.children { ... }

.RightCol h2 {
	color: #78b92f;
	font-size: 116%;
	margin-bottom: 4px;
}

.RightCol ul {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

.RightCol ul li {
	background: transparent url('../images/site/buttons/arrow.gif') no-repeat 0 7px;
	padding: 1px 0 2px 10px;
}

.RightCol ul li:hover {
	background-position: 0 -43px;	
}

.RightCol ul li.showall {
	background: none;
	padding: 3px;
	padding-left: 0;
	font-weight: bold;
}

.RightCol li a:hover {
	color: #78b92f;
	text-decoration: underline;
}

/* special definitions for the last menu in left column */
.RightCol ul.last {
	margin: 0;
	padding: 0;
	border: 0;
}

.RightCol ul.last a {
	color: #fd7402;
}

.RightCol ul.last a:hover {
	color: #c10000;
}

/* short stats */
.RightCol p {
	margin-bottom: 5px;
	line-height: 105%;
}

.RightCol p span.small {
	font-size: 83%;
	color: #6e6e6e;
}

.RightCol p.last {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 6px;
	margin-bottom: 6px;
}

.LeftCol h2 {
	color: #78b92f;
	font-size: 116%;
	margin-bottom: 4px;
}

.LeftCol ul {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 4px;
	margin-bottom: 8px;
}

.LeftCol ul li {
	background: transparent url('../images/site/buttons/arrow.gif') no-repeat 0 7px;
	padding: 1px 0 2px 10px;
}

.LeftCol ul li:hover {
	background-position: 0 -43px;	
}

.LeftCol ul li.showall {
	background: none;
	padding: 3px;
	padding-left: 0;
	font-weight: bold;
}

.LeftCol li a:hover {
	color: #78b92f;
	text-decoration: underline;
}

/* special definitions for the last menu in left column */
.LeftCol ul.last {
	margin: 0;
	padding: 0;
	border: 0;
}

.LeftCol ul.last a {
	color: #fd7402;
}

.LeftCol ul.last a:hover {
	color: #c10000;
}

/* short stats */
.LeftCol p {
	margin-bottom: 5px;
	line-height: 105%;
}

.LeftCol p span.small {
	font-size: 83%;
	color: #6e6e6e;
}

.LeftCol p.last {
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 6px;
	margin-bottom: 6px;
}


/*
 * General MainCol definitions
 */
.MainCol h1,
.MainCol h2 {
	width: 510px;
	/*height: 24px;*/
	/*padding: 13px 20px;*/
	padding:0.25em 20px;
	display: block;
	background: url('../images/background.png') repeat-x #78b92f;
	color: #fff;
	font-size: 138.5%;
}

.ContentLeft, .ContentRight {
	float:left;
	width:550px;
}

.ContentLeft h1, .ContentLeft h2, .ContentRight h1, .ContentRight h2 {
	width:510px;
}

h1 a {
	color:#fff;
}

h1 a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
}

.ContentLeft {
	margin-right:10px;
}


/* HomeTeaser */
.HomeTeaser {
	width: 100%;
	height: 69px;
	padding-top: 115px;
	background: transparent url('../images/site/teaser_home_bg.gif') no-repeat;
}

.HomeTeaser li {
	padding-left: 45px;
	padding-right: 23px;
	float: left;
	line-height: 115%;
	color: #fff;
}

.HomeTeaser li.l01 {
	width: 215px;
}

.HomeTeaser li.l02 {
	width: 137px;
}

.HomeTeaser li.l03 {
	width: 127px;
}

/* 
 * ContentBox definitions
 */
.ContentBox {
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 13px 18px;
	color: #4f4f4f;
	margin-bottom: 10px;
}

.ContentBox3 {
	border: 1px solid #e2e2e2;
	background: #fff;
	padding: 13px 18px;
	color: #4f4f4f;
	margin-bottom: 10px;
}

.ContentBox h3 {
	color: #fd7402;
	font-size: 138.5%;
	margin-bottom: 10px;
}

.ContentBox3 h3 {
	color: #fd7402;
	font-size: 138.5%;
	margin-bottom: 10px;
}

.ContentBox p {
	line-height: 138.5%;
}

.ContentBox3 p {
	margin-top: 13px;
	line-height: 138.5%;
}

.ShopImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
}

/*
 * RoundBox Button
 */

.CodeButtonBig {
	width: 131px;
	height: 47px;
	line-height: 47px;
	background: transparent url('../images/show_code.png') no-repeat 0 0;
	display:block;
	float:right;
	position:relative;
	padding-left:30px;
	margin-right:10px;
}

.CodeButtonDetail {
	width: 131px;
	height: 47px;
	background: transparent url('../images/show_code.png') no-repeat 0 0;
	display:block;
	float:right;
}

.RoundButton {
	width: 131px;
	height: 47px;
	line-height: 47px;
	background: transparent url('../images/show_code.png') no-repeat 0 0;
	color: #c10000;
	font-weight: bold;
	font-size: 100%;
	display: block;
}

.RoundButton:hover {
	color: #c10000;
}

/*
 * Coupon Listing
 */
.CouponList,
.CouponListDetail {
	padding: 0;
	padding-top: 10px;
	border-top: 0;
	border-bottom: 0;
}

.CouponListDetail {
	padding-left: 18px;
	margin-bottom: 0;
}

.CouponListShopLink {
	float: left;
	padding-left: 5px;
	width: 140px;
	font-size: 83%;
	text-align: center;
	margin-right: 10px;
	padding-bottom: 10px;
}

.CouponListShopLink img {
	margin: 0 26px;
}

.CouponListShopLink span {
	color: #fd7402;
}

.CouponListShopLink:hover { color: #c10000; }

.CouponList h3,
.CouponListDetail h3 {
	margin-bottom: 0px;
	font-size: 116%;
}

.CouponList h3,
.CouponList h3 a,
.CouponListDetail h3,
.CouponListDetail h3 a {
	color: #333333;
	font-weight: bold;
}
.CouponList h3 a:hover,
.CouponListDetail h3 a:hover {
	color: #78b92f;
	font-weight: bold;
	text-decoration: underline;
}

/*
.CouponList p,
.CouponListDetail p {
	width: 350px;
	float: left;
	padding-bottom: 10px;
}
*/
.ListSmall p {
	padding-left:155px;
}

.CouponListDetail h3 {
	float: left;
	width: 350px;
}

.CouponList hr,
.CouponListDetail hr {
	background-color: #e2e2e2;
	color: #e2e2e2;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	border: 0;
	margin: 10px 0px;
	clear: both;
}

.RedeemVoucher {
	width: 131px;
	padding-left: 30px;
	background: transparent url('../images/show_code.png') no-repeat 0 0;
	float: right;
	position: relative;
	margin-right: 10px;
}

.CouponList p.CouponValidity,
.CouponListDetail p.CouponValidity {
	width: 70px;
	padding-left: 30px;
}

.voucher_information_box
	{
	margin: 0 0 0 25px;
	line-height: 20px;
	}

/*
 * Content Navigation
 */
.ContentNavigation {
	border: 1px solid #e2e2e2;
	border-top: 0;
	padding-left: 15px;
	background: #fff;
	display: block;
	margin-top: -1px;
}

.ContentNavigation li {
	float: left;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	display: block;
	height: 30px;
}

.ContentNavigation li.last {
	border-right: 1px solid #e2e2e2;
}

.ContentNavigation li a {
	height: 30px;
	float: left;
	padding: 0px 10px;
	line-height: 30px;
	display: block;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	margin-bottom: -1px;
	background: #f2f2f2;
	outline: 0;
}

.ContentNavigation li a.active {
	border-color: #fff;
	background: #fff;
	color: #fd7402;
}

.ContentNavigation li a:hover {
	color: #c10000;
	background: #fff;
}

/* 
 * ShopList
 */
.ShopListNavigation li,
.ShopListNavigation li a {
	height: 25px;
}

.ShopListNavigation li a {
	padding: 0 7px;
	padding-right: 8px;
	line-height: 25px;
}

.ShopListBox {
	padding: 0;
	border-top: 0;
	padding-top: 10px;
}

.ShopListBox h3 {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 18px;
}

.ShopList {
  padding: 0 18px;
  margin-bottom: 10px;
}

.ShopList li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 22px;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

.ShopList li.col1 { margin-left: 0px; }
.ShopList li.col2 { margin-left: 220px; }
.ShopList li.col3 { margin-left: 440px; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

.ShopList li.reset {
	margin-top: -152px;
}

.ShopList li a {
	color: #fd7402;
}

.ShopList li a:hover {
	color: #c10000;
	text-decoration: underline;
}


/*
 * Form
 */
.clearfix {
	clear: both;
	height: 0px;
	line-height: 0;
	font-size: 0;
}

.Form {
	padding-bottom: 10px;
	padding-top: 20px;
}

.FormLabel {
	display: block;
	width: 150px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 8px;
	float: left;
	font-weight: bold;
}

.FormLabelError {
	color: #c10000;
}

.FormText {
	float: left;
	border: 1px solid #e2e2e2;
	height: 18px;
	width: 400px;
	padding: 3px 6px;
	margin-bottom: 8px;
}

.FormSelect {
	float: left;
}

.FormTextarea {
	float: left;
	border: 1px solid #e2e2e2;
	height: 200px;
	width: 400px;
	padding: 6px;
	margin-bottom: 8px;
}

.FormText:focus,
.FormTextarea:focus {
	border-color: #fd7402;
}

.FormTextError {
	border-color: #c10000;
}

.FormSubmit {
	background: url('../images/background.png') 50% 50% repeat-x #78B92F;
	color: #fff;
	font-weight: bold;
	height: 28px;
	line-height: 12px;
	padding: 0px 12px;
	float: right;
	margin-right: 97px;
	cursor: pointer;
}

.FormSubmit:hover {
}

/*
 * SystemMessages
 */
.SysNotice,
.SysNoticeError,
.SysNoticeComplete {
	padding: 10px 10px;
	width: 640px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
}

.SysNoticeError {
	background: #c10000;
}


/**
* Voucher Overview
*/

div.VoucherOperator, div.VoucherInfo, div.VoucherConvert {
	float:left;
}

div.VoucherOperator {
	width:150px;
	text-align:center;
	margin-right:10px;
	padding-top:4px;
}

div.VoucherOperator a {
	color: #78b92f;
}

div.VoucherInfo {
	width:360px;
}

.VoucherInfo p{
	line-height: 16.5px;
}
.kategorie-beschreibung {
	margin: 15px;
}

.kategorie-beschreibung p{
	line-height: 16.5px;
}

div.VoucherConvert {
	width:150px;
	text-align:center;
}


/*
 * reset functions
 */
.NoMargin { margin: 0; }

/**
*
*/
.home .page-item-12 a, .current_page_item a {
	color:#78b92f;
	font-weight:bold;
}

input {
	border:1px solid #eee;
	padding:0.2em;
	margin-bottom:0.25em;
	width:145px;
	color:#aaa;
}

input#searchsubmit {
	width:auto;
	background:url('../images/background.png') 50% 50% repeat-x;
	color:#fff;
	padding:0.2em 0.5em;
	cursor:pointer;
}