* {font-size: 100.01%;}
html {font-size: 62.5%;}
body {
	margin: 0;
	font: 1.2em/1.333em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF6ED;
}
img {border-style: none;}
a {
	text-decoration: none;
	color: #840808;
}
a:hover {text-decoration: underline;}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input, textarea, select {
	font: 12px/15px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	outline: none;
}
.hidden {
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
#skip a,
#back a {
	position: absolute;
	top: auto;
	left: -10000px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
#skip a:focus,
#back a:focus {
	position: static;
	width: auto;
	height: auto;
}
#wrapper {
	margin: 0 auto;
	width: 1020px;
	padding: 0 10px;
	background-color: #fff6ed;
	/*background-color: rgba(255,246,237,0.9);*/
}
.sector {

	display: table;
	width: 100%;

}
#header {
	display: table-header-group;
	width: 100%;
	background-color: #fff6ed;
}
.top-bar {
	margin: 0 0 12px;
	overflow: hidden;
	padding: 7px 11px 10px 4px;
	height: 1%;
	background: url(/design/sep.gif) repeat-x 0 100%;
}
.share-list {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.share-list li {
	float: left;
	margin: 0 0 0 8px;
}
.share-list li a {
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url(/design/sprite.png) no-repeat;
}
.share-list li a.rss {background-position: 0 0;}
.share-list li a.facebook {background-position: -30px 0;}
.share-list li a.twitter {background-position: -60px 0;}
.share-list li a.google-plus {
	width: 38px;
	background-position: -90px 0;
}
.navigation {
	float: left;
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
}
.navigation li {
	float: left;
	padding: 0 5px 0 7px;
	line-height: 16px;
	font-size: 12px;
	background: url(/design/sprite.png) no-repeat -410px -168px;
}
.navigation li:first-child {
	padding: 0 5px 0 0;
	background: none;
}
.navigation li a {color: #404040;}
#header .holder {
	margin: 0 0 14px;
	overflow: hidden;
	padding: 0 8px 0 6px;
	height: 1%;
}
.search-area {
	float: right;
	padding: 4px 0 0 27px;
	width: 322px;
}
.form-search {
	overflow: hidden;
	padding: 0 0 7px;
	width: 100%;
}
.form-search .text {
	float: left;
	margin: 1px 0 0;
	border: 1px solid #b2b2b2;
	padding: 0 4px 0 5px;
	width: 220px;
}
.form-search .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 5px 0 4px;
	width: 100%;
}
.form-search .submit {
	float: right;
	margin: 0;
	overflow: hidden;
	border-style: none;
	padding: 0;
	width: 86px;
	height: 27px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/design/sprite.png) no-repeat -130px 0;
}
.form-search .submit:hover {cursor: pointer;}
.search-list {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
.search-list li {
	display: inline;
	padding: 0 5px 0 8px;
	background: url(/design/sprite.png) no-repeat -380px -198px;
}
.search-list li:first-child {
	padding: 0 5px 0 3px;
	background: none;
}
.newsletter-box {
	float: right;
	width: 100px;
	line-height: 1.167em;
	font-size: 1em;
	text-align: center;
}
.logo {
	display: block;
	margin: 6px 0 0;
	overflow: hidden;
	width: 494px;
	height: 63px;
	text-indent: -9999px;
	background: url(/design/sprite.png) no-repeat 0 -30px;
}
.logo a {
	display: block;
	height: 100%;
}
#nav {
	margin: 0;
	overflow: hidden;
	padding: 0;
	list-style: none;
	background: url(/design/bg-nav.gif);
}
*+html #nav {margin: 0 0 4px;}
#nav li {
	float: left;
	margin: 0 1px 4px -1px;
	border-left: 1px solid #9F7C52;
	padding: 1px 0;
	height: 26px;
	line-height: 14px;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
}
#nav li a {
	float: left;
	padding: 6px 7px;
	color: #111;
}
#nav li a:hover {
	background: #9F7C52;
	text-decoration: none;
	cursor: pointer;
}
#main {
	display: table-footer-group;
	width: 100%;
}
.breadcrumbs {
	padding: 0 7px 6px;
	color: #888;
}
.breadcrumbs ul {
	display: inline;
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
}
.breadcrumbs ul li {
	display: inline;
	padding: 0 2px 0 12px;
	background: url(/design/sprite.png) no-repeat -470px -105px;
}
.breadcrumbs ul li a {
	text-decoration: none;
	color: #888;
}
.breadcrumbs ul li a:hover {text-decoration: underline;}
.main-holder {
	padding: 0 0 6px;
	width: 100%;
}
.main-holder:after {
	content: "";
	display: block;
	clear: both; 
}
#content {
	float: left;
	width: 636px;
}
.article {
	margin: 8px 0 0;
	border-top: 4px solid #9F7C52;
	padding: 13px 15px 36px 1px;
	line-height: 1.529em;
	font-size: 1.167em;
}
.article .heading {
	margin: 0 -15px 14px 0;
	border-bottom: 1px solid #848484;
}
.article .heading .title {
	margin: 0 0 4px;
	line-height: 1.154em;
	font-size: 0.929em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #808080;
}
.article h1 {
	margin: 0 0 16px;
	line-height: 1.158em;
	font-size: 1.357em;
	font-weight: normal;
	text-align: center;
}
.article .alignright {
	float: left;
	margin: 3px 0 10px 22px;
	vertical-align: top;
}
.article .alignleft {
	float: left;
	margin: 3px 22px 10px 0;
	vertical-align: top;
}
.article p {margin: 0 0 15px;}
.items-area {
	position: relative;
	margin: 0 0 14px;
	overflow: hidden;
	width: 100%;
	line-height: 1.539em;
	font-size: 1.083em;
	background: url(/design/sep-items-area.gif) repeat-y 310px 0;
}
.items-area .section {width: 700px;}
.items-area .block {
	display: inline-block;
	position: relative;
	margin: 0 35px 3px 0;
	overflow: hidden;
	width: 291px;
	vertical-align: top;
}
.items-area h2 {
	margin: 0 0 8px;
	border-bottom: 1px solid #807e7e;
	padding: 0 0 5px;
	line-height: 1.294em;
	font-size: 1.308em;
	text-transform: uppercase;
	text-align: center;
}
.items-area img {vertical-align: top;}
.items-area .txt {padding: 0 0 0 7px;}
.items-area h3 {
	margin: 0 0 12px;
	line-height: 1.462em;
	font-size: 1em;
}
.items-area p {margin: 0 0 13px;}
.items-list {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 320px;
	list-style: none;
}
.items-list li {
	display: inline-block;
	margin: 0 25px 10px 0;
	width: 130px;
	vertical-align: top;
}
.banner01 {
	margin: 0 0 30px;
	text-align: center;
}
.banner01 img {vertical-align: top;}
#sidebar {
	float: right;
	width: 335px;
}
.side-box {margin: 0 0 20px;}
.side-box h3 {
	margin: 0;
	border: solid #9F7C52;
	border-width: 1px 1px 0;
	padding: 6px 9px;
	line-height: 1.4em;
	font-size: 0.833em;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #c7ad90;
}
.side-box h4 {
	margin: 0;
	padding: 2px 0;
	line-height: 1.4em;
	font-size: 0.833em;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
	color: #999;
	background: #c7ad90;
}
.side-box .frame {
	border: 1px solid #848484;
	padding: 5px 11px;
}
.side-box .txt {
	padding: 10px 0;
	line-height: 14px;
}
.side-nav {
	margin: 0;
	padding: 5px 10px 18px 15px;
	list-style: none;
}
.side-nav li {
	padding: 0 0 2px 12px;
	font: 1.083em/1.231em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url(/design/sprite.png) no-repeat -440px -132px;
}
.side-nav li a {color: #000;}
.side-nav ul {
	margin: 0;
	padding: 0 0 0 2px;
	list-style: none;
}
.side-nav ul li {
	font: 1em/1.231em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.banner02 {text-align: center;}
.banner02 img {vertical-align: top;}
.tagcloud img {vertical-align: top;}
#footer {
	padding: 22px 10px 0 ;
	line-height: 1.231em;
	font-size: 1.083em;
	background-image: url(/design/sep.gif);
	background-repeat:  repeat-x;
}
#footer h4 {
	margin: 0 1px 7px;
	line-height: 1.267em;
	font-size: 1.154em;
}
#footer a {color: #000;}
#footer .holder {
	overflow: hidden;
	padding: 0 0 27px;
	width: 100%;
	background: url(/design/sep.gif) repeat-x 0 100%;
}
#footer .box1 {
	float: left;
	padding: 0 0 0 13px;
	width: 296px;
}
#footer .box2 {
	float: left;
	padding: 0 0 0 13px;
	width: 220px;
}
#footer .box3 {
	float: left;
	padding: 0 0 0 13px;
	width: 180px;
}
#footer .box4 {
	float: right;
	width: 212px;
}
.form-search2 {
	overflow: hidden;
	padding: 4px 0 18px;
	width: 100%;
}
.form-search2 .text {
	float: left;
	margin: 1px 0 0;
	border: 1px solid #b2b2b2;
	padding: 0 4px 0 5px;
	width: 169px;
}
.form-search2 .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 5px 0 4px;
	width: 100%;
}
.form-search2 .submit {
	float: left;
	margin: 0 0 0 5px;
	overflow: hidden;
	border-style: none;
	padding: 0;
	width: 86px;
	height: 27px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/design/sprite.png) no-repeat -130px 0;
}
.form-search2 .submit:hover {cursor: pointer;}
.bottom-nav {
	margin: 0;
	padding: 0 1px;
	list-style: none;
}
.bottom-nav li {
	padding: 0 0 2px 12px;
	background: url(/design/sprite.png) no-repeat -440px -132px;
}
#footer .bottom {
	padding: 13px 0 17px;
	text-align: center;
}

/* SLIDESHOW */
.carousel{

}
.carousel .gmask{
	overflow:hidden;
	position:relative;
}

.carousel .visual{float:left;}
.carousel .holder{
	overflow:hidden;
	padding:7px 10px 8px 13px;
	height:90px;
	background:#fff;
}
.carousel p{margin:0;font-size:11.2px;}

.carousel .btn-prev,
.carousel .btn-next{
	float:left;
	overflow:hidden;
	width:17px;
	height:105px;
	text-indent:-9999px;
	background:#840808 url(http://www.wellness-blog.de/images/uploads/btn-slide.png) 4px 50% no-repeat;
	z-index:100;
}
.carousel a.btn-next{
	background-position:-26px 50%;
	float:right;
}


.social-list img{margin:0;}
.social-list{
	padding:0 0 4px 2px !important;
	margin:0 0 20px 20px !important;
	list-style:none;
	float:right;
	width:170px;
    overflow: visible;
    z-index:10;
}
.social-list li {
	padding:9px 0 0 !important; 
	background: none !important;
	display: block;
	width: 170px;
	font-size: 90%;
	clear:left;
}
.social-list li:first-child {
	padding-top:3px;
}

.sub .article {
   border-top: 0;
}

.sub .article h1 {
   text-align: left;
}

.intro-frame{
	border-top:1px solid #848484;
	padding:14px 0 0;
}
.clear {
  display: block;
  clear:both;
  margin-bottom:25px;
}

.anleitung1, .anleitung2 {
        padding: 15px;
	margin: 15px 40px 20px 40px;
        border: 1px solid #ffbbe8;
        border-radius: 7px;
        background: #ffe7f7;
        font-size:13px;
}
.druck {
  display:block;
  float:right;
  margin: 0 3px 3px 3px;
  font-size:12px;

}

.kommentartext {
    border: 1px solid #B2B2B2;
    margin-bottom: 6px;
    padding: 4px 5px 5px;
    width: 350px;
}

.kommentarform label {
    display: block;
    float: left;
    width: 120px;
}

.next {
	border-top:1px solid #000; 
	border-bottom:1px solid #000; 
	padding:15px 0; 
	font-size:11px; 
	text-align:center;
}

.kommentarform .submit, #kontakt .submit {
    background: url("http://www.wellness-blog.de/images/uploads/submit.gif") no-repeat scroll right center #c7ad90;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    line-height: 16px;
    margin-left: 386px;
    overflow: hidden;
    padding: 0 9px 3px 0;
    width: 104px;
}

#gallery-nav {
    display: block;
    height: 23px;
    margin-bottom: 5px;
}

#gallery-nav ul {
    color: #B52984;
    list-style-type: none;
    margin-left: 10px;
    padding: 0;
}

#gallery-nav li {
    background: none repeat scroll 0 0 transparent !important;
    float: left;
    margin: 0 3px 0 0;
    padding: 0 !important;
}

#gallery-nav a.cur {
    background: none repeat scroll 0 0 #FFA7E3;
    border: 2px solid #B84C54;
}

#gallery-nav a {
    background: none repeat scroll 0 0 #FFE7F7;
    border: 1px solid #B84C54;
    height: 100%;
    padding: 3px 5px;
    width: 100%;
}

.article ul {
    font-size: 13px;
    line-height: 1.529em;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 1px;
}

.article ul li {
    background: url("http://www.wellness-blog.de/images/uploads/bullet2.gif") no-repeat scroll 0 7px transparent;
    padding: 0 0 2px 12px;
}

ul#slider li {
  padding:0 !important;
  background: none !important;
}

#kontakt .submit {
    margin-left: 412px;
}
#kontakt label {
    display: block;
    float: left;
    width: 190px;
}
#kontakt .row {
    margin-bottom: 15px;
}
#kontakt textarea, #kontakt .text {
    border: 1px solid #B2B2B2;
    font-size: 12px;
    line-height: 15px;
    width: 320px;
}
.kontaktsubmit {
    background-color: #9C3129;
    border: 1px solid #E2D9CE;
    color: #E2D9CE;
    margin-left: 100px;
    padding: 4px 22px;
}
#file2, #file3, #file4, #file5 {
    display: none;
    margin-left: 190px;
}
.more {
    text-decoration: underline;
}

small {
  font-size: 0.8em;
}

.posting {
	padding-bottom: 20px;
}






/* New in version 1.7+ */ 
 #slide { 
  list-style: none; 
 } 
 #slide li { 
  width: 305px;
  height: 220px; 
}
 /* images with caption */ 
 #slide img { 
  padding: 0 3px 0 2px;
}
 
 /* position the panels so the captions appear correctly */ 
 #slide .panel { 
 position: relative; 

} 


 /* Caption close button */ 
 .caption-top .close, .caption-right .close, 
 .caption-bottom .close, .caption-left .close { 
  font-size: 80%; 
  cursor: pointer; 
  float: right; 
  display: inline-block; 
 }

 #slide .caption-bottom {   background: #000;   color: #fff;   padding: 3px;   margin: 0;   position: relative;   z-index: 10;   opacity: .5;   filter: alpha(opacity=50);  } 
 #slide .caption-bottom {   left: 2px;   bottom: 3px;   width: 294px;   height: 48px;  } 


/*----------------------*/
/*---- MEDIA QUERIES ---*/
/*----------------------*/


@media only screen and (max-width: 996px) {
	#wrapper {
		width: auto;
	}
	#content {
		float: left;
		width: 55%;
	}
	.newsletter-box {display:none;}
        .items-area .section {
	  width: auto;
	}
}

@media only screen and (max-width: 890px) {
	.form-search .text {width:130px}
	.search-area {width: 230px;}
}

@media only screen and (max-width: 800px) {
	#sidebar {
		float: left;
		width: auto;
	}
	.search-area {display: none;}
	#content { width: 100%; }
}

@media only screen and (max-width: 640px) {
	#wrapper {
		padding: 0 10px;
	}
	.kommentarform label{
	  float:none;
	}

	.items-area {background: url(/design/sep-items-area.gif) repeat-y 301px 0;}
	.items-area .section {width: 110%;}
	.items-area .block {width: 281px;}
	.items-area h2 {font-size: 16px;}
	.items-list li {margin: 0 16px 10px 0;}
	#footer .holder {padding: 0 0 5px;}
	#footer .box1,
	#footer .box2,
	#footer .box3,
	#footer .box4 {
		float: none;
		padding: 0 0 20px;
		width: auto;
	}
}
@media only screen and (max-width: 500px) {
  .banner01 {display:none;}
}
@media only screen and (max-width: 540px) {
  .logo {
    width:360px;
    background-size: 360px;
    height:48px;
    background-position: center -20px;
   }
   .kommentarform .submit, #kontakt .submit {
	margin:0;
	}
}
@media only screen and (max-width: 479px) {
  .logo {
    width:280px;
    background-size: 280px;
    height: 40px;
    background-position: center -20px;
   }
   .kommentartext {
     width: 260px;
    }
  .social-list {
    margin-left:5px;
    width:150px;
  }
 
}
@media only screen and (max-width: 380px) {
  #wrapper {
	padding: 2px;
  } 
 .karussell {
	display:none;
    }
  .side-box {
   width:300px;
  }
  .side-box h3 {
    padding: 6px 1px;
  }
  .side-box .frame {
    padding: 5px 1px;
  }
   .items-area .section {
    width: 280px; 
  }
}
@media only screen and (max-width: 340px) {
  #content {
    width: 300px;
  }
}