/*  
Theme Name: 
Theme URI:
Description: 
Version:
Author: 
Author URI: 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*-- BODY ------------------------------------------------------- */

body { 
	color: #333; 
	margin: 0px; 
	font-family: 'Ubuntu',Arial,clean,sans-serif;	
	background: url(images/bg.png);
	}

	#top {
		font-size: 11px;
		line-height: 30px;
		background: #4b2a66;
		margin-bottom: 10px;
		color: #fff;
		}

		#breadcrumb {
			overflow: hidden;
			float: left;
			font-weight: bold;
			}	

			#breadcrumb a {
				margin: 0px 10px 0px 10px;
				color: #fff;
				text-decoration: none;
				font-weight: normal;
				}

	#wrapper{
		width: 1026px;
		margin: 0px auto;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		}

	.clearfloat {
		clear: both;
		}

	.header {
		margin: 10px 0px 0px 0px;
		overflow: hidden;
		background: url(images/gutscheinballon.png);
		height: 173px;
		}


		.search {
			width: 452px;		
			overflow: hidden;
			float: right;
			}

			.search-top {
				float: left;
				margin-top: 10px;
				background: #bdce8c;
				line-height: 35px;
				margin-right: 10px;
				border-radius: 0.6em 0.6em 0em 0em;
				-moz-border-radius: 0.6em 0.6em 0em 0em;
				-webkit-border-radius: 0.6em 0.6em 0em 0em;
				width: 160px;
				padding: 0px 10px 0px 10px;
				color: #fff;
				}
	
			.search-form {
				width: 423px;
				float: right;
				margin-top: 0px;
				background: #bdce8c;
				line-height: 45px;
				margin-right: 10px;
				border-radius: 0em 0.6em 0.6em 0.6em;
				-moz-border-radius: 0em 0.6em 0.6em 0.6em;
				-webkit-border-radius: 0em 0.6em 0.6em 0.6em;
				padding: 0px 10px 0px 10px;
				color: #fff;
				}

		.navigation{
			float: right;
			margin-top: 133px;
			overflow: hidden;	
			text-align: right;
			margin-right: 10px;
			}

			.navigation a{
				background: #4b2a66;
				text-transform: uppercase;
				border-radius: 0.2em 0.2em 0em 0em;
				-moz-border-radius: 0.2em 0.2em 0em 0em;
				-webkit-border-radius: 0.2em 0.2em 0em 0em;
				padding: 12px 20px 12px 20px;
				line-height: 40px;
				font-size: 13px;
				width: 300px;
				overflow: hidden;
				text-decoration: none;
				color: #fff;
				}

			.navigation a:hover{
				background: #e7368c;
				color: #fff;
				}

			.sub-navigation {
				border-radius: 0.2em 0.2em 0em 0em;
				-moz-border-radius: 0.2em 0.2em 0em 0em;
				-webkit-border-radius: 0.2em 0.2em 0em 0em;
				overflow: hidden;
				height: 42px;
				line-height: 42px;
				background: url(images/navigation.png); 
				}

			.sub-navigation a {
				padding: 10px 20px 10px 20px;
				overflow: hidden;
				text-decoration: none;
				color: #47670a;
				font-size: 17px;
				text-shadow: #fff 1px 1px 1px;
				}

	.content {
		background: url(images/content-bg.png) no-repeat #fbfbfb;
		padding: 20px;
		border-radius: 0em 0em 0.2em 0.2em;
		-moz-border-radius:  0em 0em 0.2em 0.2em;
		-webkit-border-radius: 0em 0em 0.2em 0.2em;
		overflow: hidden;
		}

	.content-index {
		overflow: hidden;
		margin-top: 10px;
		}

		.content-i-left {
			float: left;
			overflow: hidden;
			width: 312px;
			}

		.content-i-middle {
			float: left;
			overflow: hidden;
			width: 312px;
			margin: 0px 25px 0px 25px;
			}

		.content-i-right {
			float: left;
			overflow: hidden;
			width: 312px;
			}

		.content-i-left h2, .content-i-middle h2, .content-i-right h2 {
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			color: #fff;
			padding: 12px 20px 10px 20px;
			overflow: hidden;
			border-radius: 0.4em 0.4em 0em 0em;
			-moz-border-radius:  0.4em 0.4em 0em 0em;
			-webkit-border-radius: 0.4em 0.4em 0em 0em;
			background: #4b2a66;
			}

		.content-i-cont1 {
			background: #fff;
			overflow: hidden;
			border-radius: 0em 0em 0.4em 0.4em;
			-moz-border-radius:  0em 0em 0.4em 0.4em;
			-webkit-border-radius: 0em 0em 0.4em 0.4em;
			padding: 10px;
			border: 1px solid #e0e0e0;
			}

		.content-i-cont2 {
			background: #fff;
			overflow: hidden;
			border-radius: 0em 0em 0.4em 0.4em;
			-moz-border-radius:  0em 0em 0.4em 0.4em;
			-webkit-border-radius: 0em 0em 0.4em 0.4em;
			padding: 10px;
			border: 1px solid #e0e0e0;
			}


	.content.page {
		background: #fbfbfb;
		padding: 20px;
		border-radius: 0em 0em 0.2em 0.2em;
		-moz-border-radius:  0em 0em 0.2em 0.2em;
		-webkit-border-radius: 0em 0em 0.2em 0.2em;
		overflow: hidden;
		}

		.ci-box1 {
			padding: 10px 10px 20px 10px;
			margin: 5px 5px 5px 5px;
			border-bottom: 1px solid #f7f7f7;
			overflow: hidden;
			height: 60px;
			float: left;
			}

		.ci-info-box {
			float: left;
			overflow: hidden;
			width: 145px;
			}

			.ci-info-box a {
				font-size: 14px;
				color: #333;
				text-decoration: underline;
				font-weight: bold;
				line-height: 22px;
				}

			.ci-info-box span {
				font-size: 12px;
				}

			.ci-box1 img{
				float: left;
				margin-right: 15px;
				width: 100px;
				}

		.content-left {
			overflow: hidden;
			width: 670px;
			float: left;
			}

		.content-left.index {
			margin-top: 13px;
			}

			.breadcrumb {
				padding: 15px 10px 20px 5px;
				font-size: 22px;
				font-weight: bold;
				overflow: hidden;
				}

			.breadcrumb.bottom {
				padding: 0px 10px 20px 5px;
				margin-top: -10px;
				}

			.breadcrumb.single {
				padding: 8px 10px 0px 5px;
				}
	
				.breadcrumb h1, .breadcrumb h2 {
					font-size: 25px;
					color: #4b2a66;
					}
	
				.breadcrumb span {
					color: #b0b0b0;
					font-weight: normal;
					font-size: 18px;
					}

			.coupon-box {
				width: 648px;
				background: #fff;
				overflow: hidden;
				border: 1px solid #e7e7e7;
				border-radius: 0.4em 0.4em 0.6em 0.6em;
				-moz-border-radius:  0.4em 0.4em 0.6em 0.6em;
				-webkit-border-radius: 0.4em 0.4em 0.6em 0.6em;
				color: #ccc;
				margin-top: 18px;
				}

				.coupon-headline {
					padding: 12px 20px 10px 20px;
					overflow: hidden;
					background: #4b2a66;
					border-radius: 0.4em 0.4em 0em 0em;
					-moz-border-radius:  0.4em 0.4em 0em 0em;
					-webkit-border-radius: 0.4em 0.4em 0em 0em;
					}

					.coupon-headline h2 {
						font-size: 18px;
						text-transform: uppercase;
						color: #fff; 
						}

					.coupon-headline h2 a {
						font-weight: bold;
						color: #fff; 
						}

				.coupon{ 
					padding: 15px 0px 0px 0px;
					border-top: 1px solid #efefef;
					overflow: hidden;
					margin: 0px 0px 10px 0px;
					background: #fff;
					} 

				.coupon-wert {
					padding-left: 10px;
					width: 210px;
					overflow: hidden;
					float: left;
					color: #fd7758;
					font-size: 22px;
					font-weight: bold;
					text-align: center;
					margin-top: 10px;
					}
		
					.coupon-wert span{
						line-height: 72px;
						font-size: 68px;
						}

				.coupon-logo {
					overflow: hidden;
					float: left; 
					width: 142px;
					text-align: right;
					line-height: 20px;
					font-size: 12px;
					color: #a0a0a0;
					}

				.coupon-logo a {
					color: #3f3f3f;
					text-decoration: none;
					}

					.coupon-logo img {
						margin-top: 24px;
						width: 120px;
						}
					

				.coupon-code {	
					float: right;
					margin: 0px 22px 6px 0px;
					line-height:46px;
					height: 44px;
					width: 222px;
					overflow: hidden;
					background: #f7f7f7;
					text-align: center;
					border: 1px dashed #e0e0e0;
					border-radius: 0.2em;
				-moz-border-radius:  0.2em;
				-webkit-border-radius: 0.2em;
					color: #333;
					}

				.coupon-button {	
					float: right;
					margin-right: 20px;
					line-height: 41px;
					height: 44px;
					width: 227px;
					overflow: hidden;
					background: url(images/button-coupon.png);
					}

				.coupon-button:hover {
					background: url(images/button-coupon-normal.png);
					}

					.coupon-button a {
						padding: 10px 30px 10px 16px;
						color: #fff;
						text-decoration: none;	
						text-shadow: #47670a 1px 1px 1px;
						font-size: 17px;
						}

				.coupon-desc {
					font-size: 12px;
					padding: 0px 20px 10px 20px;
					overflow: hidden;	
					color: #7f7f7f;
					}

				.coupon-desc a {
					font-size: 12px;
					padding: 0px 18px 10px 20px;
					overflow: hidden;		
					float: right;
					color: #999;
					text-decoration: none;
					}

					.coupon-desc p {
						margin-bottom: 7px;
						}

					.coupon-desc u {
						line-height: 24px;
						}

				.divider {
					background: url(images/coupon-box.png);
					line-height: 11px;
					width: 648px;
					overflow: hidden;
					margin-bottom: 35px;
					}


		.content-box {
			width: 648px;
			background: #fff;
			overflow: hidden;
			border: 1px solid #e7e7e7;
			border-radius: 0.4em 0.4em 0.6em 0.6em;
			-moz-border-radius:  0.4em 0.4em 0.6em 0.6em;
			-webkit-border-radius:0.4em 0.4em 0.6em 0.6em;
			color: #666;
			margin-top: 30px;
			}

		.content-box.index {
			width: 100%;
			}

			.shop-box {
				width: 648px;
				background: #fff;
				overflow: hidden;
				border: 1px solid #e7e7e7;
				border-radius: 0.4em 0.4em 0.6em 0.6em;
				-moz-border-radius:  0.4em 0.4em 0.6em 0.6em;
				-webkit-border-radius:0.4em 0.4em 0.6em 0.6em;
				margin-top: 30px;
				}

			.shop-box.artikel {
				margin-top: 34px;
				}

			.shop-box.artikel h2, .shop-box.artikel h3 {
				font-size: 22px;
				color: #4b2a66;
				font-weight: bold;
				margin-top: 25px;
				}

			.shop-box.artikel img {
				margin: 10px 30px 10px 30px;
				float: right;
				}

				.shop-headline {
					padding: 12px 20px 10px 20px;
					overflow: hidden;
					background: #4b2a66;
					color: #fff;
					font-size: 17px;
					text-transform: uppercase;
					}


				.shop-headline h1 {
					overflow: hidden;
					background: #4b2a66;
					color: #fff;
					font-size: 17px;
					text-transform: uppercase;
					}

			.shop-description {
				font-size: 14px;
				line-height: 24px;		
				padding: 10px 20px 30px 20px;
				text-align: justify;
				}

			.shop-description img {
				padding-top: 0px;
				float: right;
				margin: 0px 200px 0px 0px;
				}

				.shop-description i {
					font-style: italic;
					}

			.shop-description ul {
				list-style: none;
				overflow: hidden;
				margin: 10px;
				padding: 0px;
				}	

				.shop-description ul>li {
					list-style: none;
					line-height: 24px;
					}

			.shop-description a {
				color: #4b2a66;
				}

			.shop-description h3 {
				font-size: 25px;
				color: #4b2a66;
				font-weight: bold;
				margin-top: 25px;
				}


			.shop-description span {
				color: #b0b0b0;
				font-weight: normal;
				font-size: 17px;
				}

			.shop-description p {
				margin-top: 16px;
				}

			.shop-description img {
				margin-top: 16px;
				}

		.sidebar{
			float: right;
			overflow: hidden;
			width: 285px;
			margin-top: 80px;
			}

		.sidebar-container {
			float: right;
			overflow: hidden;
			width: 285px;
			}

		.sidebar.second{
			margin-top: 0px;
			}	

			.sidebar-headline {
				margin-top: 35px;
				padding: 12px 20px 10px 20px;
				overflow: hidden;
				background: #4b2a66;
				font-size: 18px;
				color: #fff;
				border-radius: 0.4em 0.4em 0em 0em;
				-moz-border-radius:  0.4em 0.4em 0em 0em;
				-webkit-border-radius:0.4em 0.4em 0em 0em;
				}

			.sidebar-content {
				background: #fff;
				text-align: center;
				overflow: hidden;
				border: 1px solid #e0e0e0;
				border-radius: 0em 0em 0.6em 0.6em;
				-moz-border-radius: 0em 0em 0.6em 0.6em;
				-webkit-border-radius: 0em 0em 0.6em 0.6em;
				padding-top: 10px;
				margin: 0px;
				}

			.sidebar-content.tags {
				padding: 10px;
				}

			.sidebar-content.tags a {
				color: #333;
				}

			.sidebar-content ul {
				list-style: none;
				text-align: left;
				overflow: hidden;
				font-size: 14px;
				margin: 7px 15px 18px 35px
				}

			.sidebar-content ul >li {
				list-style: none;
				line-height: 26px;
				}

				.sidebar-content ul >li a {
					color: #333;
					text-decoration: none;
					}

			.sidebar-content img {
				margin: 5px;
				width: 120px;
				}

			.sidebar-content.shop img {
				border: 1px solid #e0e0e0; 
				padding: 11px; 
				width: 200px;
				border-radius: 0.4em;
				-moz-border-radius: 0.4em;
				-webkit-border-radius: 0.4em;
				}

				.sidebar-button {	
					float: right;
					margin-right: 27px;
					line-height: 41px;
					height: 44px;
					width: 227px;
					overflow: hidden;
					background: url(images/sidebar-button.png);
					margin-bottom: 20px;
					margin-top: 6px;
					}	

				.sidebar-button:hover {	
					background: url(images/sidebar-button-hover.png);
					}	

					.sidebar-button a {
						padding: 10px 37px 10px 0px;
						color: #fff;
						text-decoration: none;	
						text-shadow: #787d82 1px 1px 1px;
						font-size: 17px;
						}

	#footer {
		margin: 30px 0px 0px 0px;
		color: #fff;
		overflow: hidden;
		background: #4b2a66;
		}

		.footer-content {
			overflow: hidden;
			padding: 10px 10px 40px 10px;
			}

		.footer-content ul {
			list-style:none;
			overflow: hidden;
			float: left;
			width: 200px;
			margin-right: 0px;
			}


		.footer-content a {
			text-decoration: none;
			color: #fff;
			}

			.footer-content ul>li {
				list-style:none;
				overflow: hidden;
				font-size: 12px;
				line-height: 22px;
				}

			.footer-content ul>li b {
				font-size: 16px;
				line-height: 34px;
				font-weight: normal;
				}

			.footer-info {
				color: #866D9B;
				text-align: right;
				margin-top: 20px;
				font-size: 10px;
				}