/* @license
 * MyFonts Webfont Build ID 2427477, 2012-12-10T05:44:47-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Strangelove Text by FaceType
 * URL: http://www.myfonts.com/fonts/facetype/strangelove/text/
 * Copyright: Copyright (c) 2009 by Marcus Sterz / FaceType. All rights reserved.
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2427477
 *
 * © 2012 Bitstream Inc

@import url("//hello.myfonts.net/count/250a55");
*/

@font-face {
	font-family: 'StrangeloveText';
	src: url('../fonts/250A55_0_0.eot');
	src: url('../fonts/250A55_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/250A55_0_0.woff') format('woff'),
	url('../fonts/250A55_0_0.ttf') format('truetype');
}
/* FONT
*/
body{
	text-align: left;
	font: normal normal 400 15px/1.3 Titillium Web;
	color: #000;
}
h1,
h1 a,
h1 span{
	font: normal normal normal 25px/1.2 Give You Glory;
	color: #000;
}
h1{
	margin: 20px 0;
}
h2,
h2 a,
h2 span,
h3{
	font: normal normal 700 25px/30px Titillium Web;
	color: #000;
	text-transform: uppercase;
}
h2, h3{
	margin: 20px 0 5px 0;
}
h1 + h2,
div.content div.newsWrapper h1 + h2{
	margin-top: -27px;
}
a{
	color: #000;
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
ul{
	list-style: disc;
	padding-left: 2em;
}
ol{
	list-style: decimal;
	padding-left: 3em;
}
table,
ul,
ol,
p,
.hr{
	margin: 0 0 17px 0;
}
td{
}
img{
}
.imgLeft{
	margin-right: 17px;
}
.imgLeft > a + p,
.imgLeft > img + p{
	margin-top: 5px;
}
.hr{
	border: 0;
	height: 7px;
	background: url(../layout/bg-hr.png) no-repeat 0 0;
}
.clear{
	display: block;
	width: 100%;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
strong, b, th{
	font-weight:bold;
}
em, i{
	font-style:italic;
}
u{
	text-decoration:underline;
}
strike, s{
	text-decoration:line-through;
}


/* RESET NAVIGATION LISTS
*/
.navLevel1,
.navLevel2,
.navLevel3{
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
}
.navLevel1 a,
.navLevel1 a:hover,
.navLevel2 a,
.navLevel2 a:hover,
.navLevel3 a,
.navLevel3 a:hover{
	text-decoration: none;
}


html{
	padding-bottom: 100px;
	background: url(../layout/bg-html.png) no-repeat center bottom;
	position: relative;
}
body{
	background: url(../layout/bg-body.png) no-repeat center 160px;
}
.website{
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
.wrapper{
	padding: 0 0 100px 0;
}
.header{
	height: 205px;
	position: relative;
}
.logo{
	display: block;
	width: 149px;
	height: 166px;
	position: absolute;
	left: 415px;
	top: 12px;
	z-index: 1;
}
.content{
	width: 640px;
	float: left;
	display: inline;
	position: relative;
	padding-top: 20px;
	top: 0;
	left: 0;
}
.overview-posts .content{
	float: none;
	display: block;
	width: 100%;
}
.overview-posts .imgLeft{
	overflow: hidden;
	position: relative;
	background: #fafafa;
}
.overview-posts .imgLeft .opak{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../layout/bg-opak.png) no-repeat 0 -227px;
	background: rgba(0,0,0,0.45);
	display: none;
}
.overview-posts .link-2-detail{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../layout/bg-link-2-detail-overview.png) no-repeat 0 0;
	z-index: 1;
	position: relative;
}
.overview-posts .link-2-detail:hover{
	position: absolute;
	background: url(../layout/bg-link-2-detail-overview.png) no-repeat 0 -227px;
}
.overview-posts .imgLeft .title{
	width: 100%;
	height: 100%;
	position: relative;
}
.overview-posts .imgLeft .title.ohne-bild{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.overview-posts .imgLeft .title span{
	position: absolute;
	display: inline-block;
	width: 160px;
	padding: 10px 35px 10px 15px;
	right: 0;
	bottom: 38px;
	background: url(../layout/bg-blogoverview-read-more.png) no-repeat 178px bottom #71c4bc;
	color: #000;
	font: normal normal 700 16px/18px Titillium Web;
	text-decoration: underline;
	text-transform: uppercase;
}
.shop .content{
	width: 640px;
}


.nav-top{
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 80px;
}
.navLevel1{
	overflow: visible;
}
.navLevel1 li{
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
}
.navLevel1 a{
	font: normal normal bold 27px/27px StrangeloveText;
	display: inline-block;
	float: left;
	padding: 5px 5px;
}
.navLevel1 .active a{
	color: #71c4bc;
}
.navLevel1 .passive a{
	color: #000;
}
.navLevel1 .passive a:hover{
	color: #71c4bc;
}
.navLevel1 #diy,
.navLevel1 #lifestyle,
.navLevel1 #food,
.navLevel1 #fashion,
.navLevel1 #ueber-mich,
.navLevel1 #downloads{
	position: absolute;
	top: 75px;
	left: -5px;;
}
.navLevel1 #lifestyle{
	left: 160px;
}
.navLevel1 #fashion{
	left: 270px;
}
.navLevel1 #food{
	left: 620px;
}
.navLevel1 #ueber-mich{
	left: 710px;
}
.navLevel1 #downloads{
	left: 860px;
}
.header .search{
	position: absolute;
	right: 0;
	top: 19px;
	padding-left: 20px;
}
.sidebar .search{
	height: 77px;
	border-bottom: 1px dashed #000;
}
.header .search > div{
	display: none;
}
.sidebar .search > div{
	display: none;
	margin: 44px auto 0 auto;
}
.header .search .moduleWrapper,
.sidebar .search .moduleWrapper{
	display: block;
	width: 199px;
}
.header .search .input-submit-wrapper,
.sidebar .search .input-submit-wrapper{
	width: 199px;
	height: 30px;
	background: url(../layout/bg-search.png) no-repeat 0 0;
	position: relative;
}
.header .search .input-submit-wrapper input,
.sidebar .search .input-submit-wrapper input{
	display: block;
	width: 160px;
	height: 20px;
	position: absolute;
	left: 9px;
	top: 5px;
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}
.header .search .input-submit-wrapper .submit,
.sidebar .search .input-submit-wrapper .submit{
	display: block;
	width: 26px;
	height: 23px;
	left: 169px;
	top: 3px;
}
#editMode .header .search .adminModuleSideBar,
#editMode .sidebar .search .adminModuleSideBar{
	background: none transparent;
	margin: 0;
	padding: 0;
	left: -20px;
	top: 3px;
	position: absolute;
	width: 16px;
	height: 16px;
}
#editMode .header .search .adminModuleSideBar div,
#editMode .sidebar .search .adminModuleSideBar div{
	display: none;
}
#editMode .header .search .adminModuleSideBar .edit,
#editMode .sidebar .search .adminModuleSideBar .edit{
	display: block;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	overflow: hidden;
}
#editMode .header .search .adminModuleSideBar .edit b,
#editMode .sidebar .search .adminModuleSideBar .edit b{
	display: none;
}
.sidebar{
	width: 280px;
	float: right;
	display: inline;
}
.hallo-jill{
	font: normal normal normal 19px/1.2 Give You Glory;
}
.hallo-jill img{
	float: right;
	border: 1px solid #000;
    padding: 5px;
}
.hallo-jill .more{
	display: block;
	padding-right: 40px;
	position: relative;
	background: url(../layout/bg-read-more.png) no-repeat right bottom;
}
.hallo-jill .more:hover{
	background: url(../layout/bg-read-more-hover.png) no-repeat right bottom;
}
.sidebar .sm{
	padding: 35px 0 35px 18px;
	overflow: hidden;
	border-bottom: 1px dashed #000;
}
.footer .sm a,
.sidebar .sm a{
	display: block;
	width: 48px;
	height: 47px;
	float: left;
	margin: 0 17px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 48px;
}
.sidebar .sm .fb{
	background: url(../layout/bg-link-facebook.png) no-repeat 0 0;
}
.sidebar .sm .pi{
	background: url(../layout/bg-link-pinterest.png) no-repeat 0 0;
}
.sidebar .sm .feed{
	background: url(../layout/bg-link-feed.png) no-repeat 0 0;
}
.footer .sm .youtube,
.sidebar .sm .youtube{
	background: url(../layout/bg-link-youtube.png) no-repeat 0 0;
}
.sidebar .sm .fb:hover,
.sidebar .sm .pi:hover,
.sidebar .sm .feed:hover,
.sidebar .sm .youtube:hover,
.footer .sm .youtube:hover {
	background-position: 0 -47px;
}
.sidebar .schatzkiste{
	height: 230px;
	border-bottom: 1px dashed #000;
}
.sidebar .schatzkiste a{
	display: block;
	width: 176px;
	height: 176px;
	margin: 44px auto 0 auto;
	background: url(../layout/bg-link-schatzkiste.png) no-repeat 0 0;
	text-indent: 176px;
	overflow: hidden;
	white-space: nowrap;
}

.teaser{
	width: 220px;
	margin: 0 0 25px 0;
}
.teaser .image{
	position: relative;
	top: 0;
	left: 0;
	width: 220px;
}
.teaser .image img{
	display: block;
}
.teaserContent{
}
.teaserContent *{
}
.teaserContent a{
}
.teaser h3{
	margin: 15px 0;
}
.teaser .overImage{
}
.teaser .belowImage{
}
.teaser p,
.teaser ul,
.teaser ol,
.teaser table{

}
.teaser .textLink,
.teaser .downloadLink{
}
.teaser .textLink{
}
.teaser .textLink:hover{
}
.footer{
	position: absolute;
	width: 100%;
	left: 0;
}

.footer-top {
	width: 960px;
	margin: 0 auto;
}

.footer-top .footer-block {
	float: left;
	padding: 30px 15px 0 15px;
}

.footer-top .footer-block:first-child {
	padding-left: 0;
}
.footer-top .footer-block:last-child {
	padding-right: 0;
}
.footer-top .footer-block.social-media {
	width: 60px;
	text-align: right;
}

.footer-top .footer-block.navigation {
	width: 165px;
}

.footer-top .footer-block.navigation a {
	text-transform: uppercase;
	font-weight: bold;
}
.footer-top .footer-block.navigation li {
	padding-bottom: 5px;
}
.footer-top .footer-block.ueber-mich {
	font: normal normal normal 19px/1.2 "Give You Glory";
	width: 395px;
}
.footer-top .footer-block.ueber-mich .teaser {
	width: 100%;
}

.footer-top .footer-block.kontakt {
	width: 250px;
}
.footer-top .footer-block.ueber-mich .teaser h3,
.footer-top .footer-block.kontakt .teaser h3 {
	margin-top: 0;
}
#editMode .footer-top .footer-block .adminNewModule,
#editMode .footer-top .footer-block .adminCopyAllModule {
	display: none;
}

#editMode .footer-top .footer-block .adminModuleSideBar{
	background: none transparent;
	margin: 0;
	padding: 0;
	left: -20px;
	top: 3px;
	position: absolute;
	width: 16px;
	height: 16px;
}
#editMode .footer-top .footer-block .adminModuleSideBar div{
	display: none;
}
#editMode .footer-top .footer-block .adminModuleSideBar .edit{
	display: block;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	padding: 0;
	overflow: hidden;
}
#editMode .footer-top .footer-block  .adminModuleSideBar .edit b{
	display: none;
}

.footer-inner{
	height: 90px;
	width: 960px;
	margin: 0 auto;
	border-top: 2px dotted #333;
	padding-top: 30px;
}
.footer-inner p{
	float: left;
}
.footer-inner ul{
	float: right;
}
.footer-inner li{
	float: left;
}
.footer .smallNav1{
	padding: 0 7px 0 0;
}
.footer .smallNav1 li{
	padding-left: 30px;
}
div.content div.newsWrapper{
	margin: 0;
}
div.newsDate div{
	width: 69px;
	height: 61px;
	padding: 16px 43px 0 0;
	background: url(../layout/bg-blogdate.png) no-repeat 0 0;
	position: relative;
	left: 27px;
}
div.newsDate div span{
	font: normal normal bold 14px/14px Give You Glory;
	text-align: right;
	display: block;
	-moz-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-5deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
div.newsDate div b{
	display: inline-block;
	font: normal normal bold 28px/28px Give You Glory;
}
.single-news div.newsDate{
	position: relative;
	z-index: 1;
	top: 0;
	width: 112px;
}
.single-news.has-image div.newsDate{
	top: -48px;
}
.single-news + .hr{
	position: relative;
	top: -48px;
}
.single-news.has-image + .hr{
	top: -28px;
}
.single-news .image{
	position: relative;
}
.single-news .image img{
	display: block;
}
.single-news p{
	padding-right: 60px;
	position: relative;
}
.single-news .graphic-link{
	display: block;
	width: 38px;
	height: 28px;
	background: url(../layout/bg-read-more.png) no-repeat 0 0;
	white-space: nowrap;
	text-indent: 38px;
	overflow: hidden;
}
.single-news .graphic-link:hover{
	background: url(../layout/bg-read-more-hover.png) no-repeat 0 0;
}
.single-news p .graphic-link{
	position: absolute;
	right: 0;
	bottom: 0;
}
.single-news .big-link{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.single-news .opak{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../layout/bg-opak.png);
	display: none;
}
.single-news .hovered-big .opak,
.single-news .hovered-pin-it .opak{
	display: block;
}
.single-news .pin-it-button{
	position: absolute;
	right: 0;
	bottom: 50px;
	display: none;
}
.single-news .hovered-big .pin-it-button,
.single-news .hovered-pin-it .pin-it-button{
	display: block;
}
div.pageList{
	text-align: center;
	padding-top: 20px;
	background: url(../layout/bg-pager.png) no-repeat center top;
	font: normal normal bold 19px/23px Give You Glory;
}
div.pageList > a,
div.pageList > img,
div.pageList > span{
	display: inline-block;
	margin: 0 5px;
}
div.pageList img{
	position: relative;
	top: -1px;
}
div.pageList span{
	color: #71c4bc;
}
div.pageList a{
	color: #000;
	text-decoration: none;
}
.pageList > img,
.pageList span > img{
	opacity: .5;
}

.shopShortDescription{
	width: 200px;
}
.articlePictures{
	width: 297px;
}
table.shopDetails,
.shopDetails table{
	width: 320px;
}
.shopArticle table{
	table-layout: auto;
}
.shopArticle td{
	width: 100%;
	padding: 0 0 5px 0;
}
.shopArticle th{
	width: auto;
	padding: 0 20px 5px 0;
}
.shopping-cart-form{
	padding: 0 10px 10px 10px;
	background: #71c4bc;
	color: #fff;
}
.shopping-cart-form *{
	color: #fff;
}
.warenkorb{
	margin-bottom: 0;
}
.warenkorb td{
	border-top: 1px solid #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
.warenkorb .summary + tr td{
	border: 0;
	padding-top: 20px;
}
.warenkorb td:first-child{
	padding-right: 13px;
}
.warenkorb td:last-child{
	white-space: nowrap;
	text-align: right;
}
.wk_delete{
	display: inline-block;
	width: 12px;
	height: 15px;
	background: url(../layout/bg-cart-delete-item.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: 12px;
	border-left: 13px solid #71c4bc;
	position: relative;
	top: 3px;
}
.warenkorb .summary td{
	padding-top: 14px;
	padding-bottom: 5px;
	border: 0;
}
.warenkorb .summary td:first-child{
	background: url(../layout/bg-cart-headline.gif) no-repeat 0 6px;
	color: black;
	text-decoration: underline;
	padding-left: 30px;
	font-size: 16px;
	line-height: 20px;
}
.warenkorb .summary + .bottom{
	display: none;
}
.warenkorb .bottom td{
	padding-bottom: 0;
	padding-top: 20px;
	text-align: right;
	padding-right: 0;
	border: 0;
}
.shop .sidebar .sm{
	border: 0;
	padding-bottom: 120px;
	background: url(../layout/bg-nav-shop.gif) no-repeat center bottom;
}
.shop .sidebar .navLevel2{
	border-top: 2px solid #f4fafa;
	margin-top: 5px;
}
.shop .sidebar .navLevel2 a{
	border-bottom: 2px solid #f4fafa;
	background: url(../layout/bg-nav-shop-a.gif) no-repeat 48px center;
	padding: 2px 5px 2px 77px;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #71c4bc;
}
.shop .sidebar .navLevel2 a:hover,
.shop .sidebar .navLevel2 .active a{
	color: #000;
}
.shopColumn1, .shopColumn2{
	width: 305px;
	position: relative;
}
.shopShortArticle{
	padding-bottom: 22px;
}
.shopShortArticle h3{
	font-weight: bold;
	font-size: 15px;
	line-height: 19px;
	color: black;
	text-decoration: underline;
	margin: 0 0 5px 0;
}
.shopShortArticle + .shopLinkJill{
	display: block;
	width: 200px;
	clear: both;
	position: absolute;
	left: 102px;
	bottom: 20px;
	background: url(../layout/bg-read-more.png) no-repeat right center;
	color: #71c4bc;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2;
	text-decoration: none;
}
.shopShortArticle + .shopLinkJill:hover{
	background-image: url(../layout/bg-read-more-hover.png);
}
.shopDetails a.shopLink{
	background: #71c4bc;
	color: #000;
	display: inline-block;
	padding: 1px 10px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
.shopDetails .summe td,
.shopDetails .summe th{
	border-top: 1px solid #000;
	padding-top: 5px;
}
.shopDetails .last td{
	padding-top: 50px;
}
.shopDetails th{
	font-weight: normal;
}
.shopDetails .shopPrice,
.shopDetails .shopCurrency{
	font-size: 18px;
	color: #71c4bc;
}
.lotsofarticles{
	background: url(../layout/hr-shoparticles-v.png) center 0 repeat-y;
}
.lotsofarticles td{
	background: url(../layout/hr-shoparticles-h.png) 0 0 repeat-x;
	padding: 20px 0;
}
.lotsofarticles tr:first-child td{
	background: none transparent;
}
#add_to_shopping_cart_button{
	width: 67px;
	height: 42px;
	background: url(../layout/bg-submit-add-2-cart.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: 67px;
	border: 0;
}
#add_to_shopping_cart_button:hover{
	background-position: 0 -42px;
}

/* EDITMODE - RESET AND PREPARE NAV ELEMENTS
*/
#editMode .nav-left li,
#editMode .nav-top li{
	position: relative;
}
#editMode .editButton img{
	border: 0;
	padding: 0;
	background: none transparent;
}
#editMode .nav-left .editButton,
#editMode .nav-top .editButton{
	position: absolute;
	z-index: 1;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none transparent;
}
#editMode .adminModuleCenterBar img,
#editMode .adminModuleSideBar img,
#editMode .adminNewModule img,
#editMode .adminCopyAllModule img{
	box-shadow: none;
}

/* EDITMODE - NAV TOP
*/
#editMode .nav-top li{
	margin: 0;
	padding-right: 0;
}
#editMode .nav-top a{
	padding-left: 16px;
}
#editMode .nav-top .editButton{
	top: 2px;
	left: 0;
}


/* EDITMODE - NAV LEFT
*/
#editMode .nav-left ul li{
}
#editMode .nav-left ul .active a{
	background-image: none;
}
#editMode .nav-left ul .passive a{
	background-image: none;
}
#editMode .nav-left ul .passive a:hover{
	background-image: none;
}
#editMode .nav-left ul a{
	padding-left: 18px;
}
#editMode .nav-left ul .editButton{
	top: 4px;
	left: 0;
}
#editMode .nav-left ul ul li{
}
#editMode .nav-left ul ul a{
	padding-left: 36px;
}
#editMode .nav-left ul ul .editButton{
	left: 18px;
}
#editMode .nav-left ul ul ul li{
}
#editMode .nav-left ul ul ul a{
	padding-left: 54px;
}
#editMode .nav-left ul ul ul .editButton{
	left: 36px;
}


/* EDITMODE - SHOP LINK
*/
#editMode .navLeft a.shopLink{
	line-height: 1.0;
	padding: 2px 5px 3px 5px;
}