@charset utf-8;
/*
Theme Name: oliebev2
Theme URI: http://oliebe.de
Author: Florian Schommertz & Nancy Wieland
Author URI: http://digital-noises.com/
Description: Oliebe
Version: 2.0
*/




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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
							{ background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
body 						{ line-height: 1em; }
h1, h2, h3, h4, h5, h6 		
							{ clear: both; font-weight: normal; }
ol, ul 						{ list-style: none; }
blockquote		 			{ quotes: none; }
blockquote:before, blockquote:after 
							{ content: ''; content: none; }
del 						{ text-decoration: line-through; }
table 						{ border-collapse: collapse; border-spacing: 0; }
a img 						{ border: none; }


/* Grundstruktur */
*							{ padding: 0; margin: 0; }
html, body					{ height: 100%; width: 100%; }
*, img a, a img, a:focus	, * a:focus, a * 
							{ border: none; outline: none; text-decoration: none;  }
html						{ overflow-y: scroll; }
body						{ text-align: center;font-family: arial,sans-serif; font-size: 12px; line-height: 1.5em; color: #91897b; color: #444; background: no-repeat 50% 0  #fff; position: relative; min-width: 960px; }
p							{ margin-bottom: 15px; }
a							{ color: #d09a31; }

.left						{ float: left; }
.right						{ float: right; }
.clear						{ clear: both; }
.hide 						{ display: none; }

.maxwidth					{ width: 100%; min-width: 960px; clear: both; position: relative; display: block; }
.innerwrap					{ position: relative; width: 960px; margin: 0 auto; display: block; text-align: left; }



/* HEADER */
.headermaxwidth				{  }
#header 					{ top:0; left: 0; position: relative; height: 123px; width: 100%; list-style: none; display: block; }
#logo						{ background: url(_grfx/logo_new.gif) no-repeat;position: absolute; top: 0; left: 0; width: 365px; height: 85px; }
#lang_select			{ position: absolute; top: 10px; width: 400px; left: 800px; z-index: 10; }
#lang_select ul li	{ position: relative; text-align: right; overflow: hidden; background: rgba(255,255,255,1); width: 155px; padding: 2px 0;}
#lang_select .lang_sel_other 	{ display: none;  }
#lang_select a.lang_sel_sel, #lang_select a.lang_sel_other:hover	{ color: #444; }
#lang_select:hover .lang_sel_other { display: block; }
#lang_select .icl-en, #lang_select .icl-fr, #lang_select .icl-es /* lang-select löschen wenn online */
							{ display: none; }

#breadcrumbs				{ position:relative; top: 5px; padding: 5px 0 10px 15px; font-size: 11px; background: #fff;}
#baum						{ background: url(_grfx/body_bg_new.jpg) no-repeat; width: 600px; height: 380px; display: block; position: absolute; z-index: -1; top:-123px; left: -160px;  }
/* // HEADER */

/* MAIN */
#content 					{ position: relative; width: 100%; height: auto; min-height: 500px; top: 0; left: 0; background: #fff; overflow: hidden; }
.page						{ position: relative; height: auto;  } 
.page-content,				
.post						{ position: relative; display: block; background: #eee;  }
.page-content img, .post-content img, .post-single img
							{ background: #fff; padding: 10px; border: 1px solid #eee; }
.post-content img.alignright, .post-single img.alignright 
							{ float: right; margin-left: 0 10px 10px 0; }
.start_h1				{ text-indent: -90000px; position: absolute; top: 0; left: 0;}

.lefthalf,
.righthalf					{ width: 475px; float: left; margin: 15px 0; }
.lefthalf					{ margin-right: 10px; }
							
.defaultinnerbox			{ width: 445px; margin: 0 15px; display: block; }
.grey						{ background: #eee; overflow: hidden; }
.halfwidth					{ width:475px; padding-bottom: 10px; }
/* // MAIN */

/* allgemeine page.php */
.fullwidth					{ background: #eee; position: relative; padding: 15px 15px 5px 15px; width: 930px;  }
.fullwidth h2				{ margin: 0 0 15px 0; }

/* Fonts */
h1, h2, h3, h4				{ color: #d09a31; }
h1							{ font-size: 15px; padding: 15px 0 5px 0; margin: 15px 15px 5px 15px; font-family: 'Philosopher', sans-serif; font-weight: 400; }
h2							{ font-size: 15px; padding: 15px 0 0.6em 0; margin: 0 15px 10px 15px; border-bottom: 1px solid #d09a31; }
.defaultinnerbox h2, .startinnerbox h2			{ padding: 0; margin: 15px 0 15px 0 !important; padding-right: 0; border: none; font-size: inherit; }
.zweidrittel h2, .eindrittel h2		{ padding-right: 0; overflow: hidden; margin: 15px 0 15px 15px; }
a:link 						{ color: #d09a31; }
a:visited 					{ color: #d09a31; }
a:hover,a:active 			{ color: #d09a31; }
#content ul,
#content ol					{ list-style: outside; margin-left: 1.5em; margin-bottom: 15px;  }
#content .righthalf ul,
#content .righthalf ol		{ margin-left: 2.5em;  }
#content ul li				{ list-style-type:square; }
#content ol li				{ list-style-type:decimal; }

#content  strong			{ font-weight: bold; letter-spacing:0; color: #d09a31; }


/* Navi */
nav 							{ position: relative; }
#nav-primary 				{ font-size: 15px; color: #d09a31;  position: relative; width: 540px; left: 425px; top: 60px; text-align: right;  }
#nav-primary ul				{ position: relative;  width: auto; }
#nav-primary ul li 			{ display: inline; width: auto;  margin-right:10px; border-bottom: 1px solid ; padding-bottom: 5px; text-align: center; }
#nav-primary ul li a:hover,
#nav-primary ul li.current_page_item a,
#nav-primary ul li.current-page-ancestor a,
#nav-primary ul li.current_page_parent a,
#nav-primary ul li.current-post-ancestor a,
#nav-primary ul li.current-menu-item a,
#nav-primary ul li.current-category-ancestor a,
#sidebar-nav ul li.current-menu-item a, 
#sidebar-nav ul li.current-post-ancestor a,
#sidebar-nav ul li.current-menu-parent a,
#sidebar-nav ul li.current-post-parent a,
#nav-footer ul li a			{ color: #91897b;color: #444; }  						
#nav-footer a				{ font-size: 14px; line-height: 1.7em;  padding: 0 0.8em 0 0; }

#nav-footer ul li ul, #nav-footer ul li ul li 
							{ display: inline; margin-right: 5px; }
#nav-footer ul li ul li a	{ color: #d09a31; }


/* HOME */
.home #breadcrumbs			{ display: none; }
/* AUFMACHERTEXT */
.home .fullwidth			{ background: url(_grfx/bg_start.png) no-repeat; font-size: 14px; }
.home .fullwidth p			{ width: 630px; text-align: right; margin-left: 300px; }
.home .fullwidth .contentEnd
							{ width: 630px; font-size: 12px; margin-left: 300px; }
/* // AUFMACHERTEXT */
#startslider			{ margin-bottom: 20px; overflow: hidden; }
/* #startslider * { transform: rotate(0deg) scale3d(1, 1, 1) !important; -webkit-transform: rotate(0deg) scale3d(1, 1, 1) !important; -o-transform: rotate(0deg) scale3d(1, 1, 1) !important; -moz-transform: rotate(0deg) scale3d(1, 1, 1) !important; } */
/* .home .start_prods	{ margin-top: 25px; } */
.home .post-content	.read-more
							{ display: none; }
.startkasten				{ clear: both; }
.startbox					{ width: 145px; display: block; float: left; font-size: 12px; position: relative; margin: 10px 10px 15px 0; }
.startkasten .box-no-1,
.startkasten .box-no-4		{ margin-left: 10px; }
.startkasten img				{ width: 145px; height: 145px; float: left; margin:5px 5px 0 0; }
.startkasten .vorher-nachher
							{ display: block; width: 140px; float: left; padding: 0; text-align: center; }
.startkasten .startbox img	{ margin: 0;}
/* .startbox h3				{ border-bottom: 1px solid; padding: 5px 0 10px 0; margin-bottom: 10px; font-size: 12px; height: 2.5em; } */
.startbox h3				{ padding: 15px 0 0 0; margin: 0 0 10px 0; font-size: 12px; text-align: center; }
.startinnerbox .defaultinnerbox		{ margin: 0; padding: 0; }
.startinnerbox			{ width: 300px; margin-left: 15px; display: block; float: left; }
.zweidrittel			{ width: 635px; display: block; overflow: hidden; float: left; }
.eindrittel				{ width: 305px; margin: 0; float: left; }
.eindrittel h2			{ width: 305px; }
.startboxbottom		{ display: block; }

/* zweispaltig durch hr  */
#zweispaltig						{ background: #eee; position: relative; overflow: auto; }
.leftcolumn, .rightcolumn			{ display: block; float: left; width: 450px; padding: 15px 15px 5px 15px; }


/* mehr erfahren - Btn */
a.mehr-erfahren						{ float: right; width: auto; height: 18px; width: auto; background: #d09a31; padding: 1px 5px; color: #fff; border-bottom: 1px dotted transparent; clear: both; }


a.mehr-erfahren:hover,
.contentEnd a:hover					{ background: none; color: #000; border-bottom: 1px dotted #d09a31; clear: both; }


/* Aktuelles inkl. category.php */
#sidebar								{ float: left; width: 300px; height: 100%; position: relative; padding: 2em 0;  clear: both; }
#sidebar ul li						{ list-style: none; line-height: 2em; margin: 0; padding: 0; }
#content #sidebar	ul	 				{ margin-left: 5px;  font-size: 15px; }
/* Seiten und Artikel */	
submit								{ background: #d09a31; color: #fff;}
.post-single						{ position: relative; display: block; float: right; width: 630px; background: #eee; padding: 15px 15px 5px 15px; margin-bottom: 10px; }




/* Content-Pic und Headline */
.headbildarea						{ position: relative; }
.contentpic							{ position: relative; width: 100%; height: 140px; padding: 0; margin: 0 0 10px 0; background:url(_grfx/contentpic-default.png) no-repeat; }
.featured-thumbnail img 			{ padding: 0; border: none;  }
.thumb-h1							{ position: absolute; top: 100px; background: #d09a31; font-size: 25px; color: #fff; padding: 10px 10px; width: auto; height: 20px; text-align: right; right:0; z-index: 100; margin: 0 }



/* Kategorieseiten  */
.childPages							{ position: relative; top: 0; left: 0; display: block; float: left;  }
.childTeaser-content				{ background: #eee; margin: 0 0 0 10px; }
.greyback							{ display: block; background: #eee; margin-bottom: 15px; }

.childPages p						{ padding: 0 15px; }

.childPages h3,
.open-accordion div,
.accordion h3,
.accordion div						{ background: #eee; clear: both; }

.childPages h3,
.open-accordion h3 a,
.open-accordion h3 a:hover,
.accordion h3 a						{ padding: 6px 0 6px 0; display: block; width:475px; text-indent: 15px; }
.accordion h3 a:hover				{ font-weight: bold; }

/* */
.childPages h3						{ margin-top: 10px; }
.childPages h3:first-child			{ margin-top: 0; }

.ui-state-active a					{ font-weight: bold; }
.accordion-content					{ display: block; position: relative; }
.acc-inner-spacer					{ padding: 15px 0 0 0 ; }
.open-accordion hr,
.accordion hr						{ outline: none; border:none; border-bottom: 1px solid #d09a31; width: 445px; left: 15px; top:0; margin-bottom: 0; position: absolute;  }

.childPages hr { position: relative; }

/* accordion */
.accordion-content .featured-thumbnail,
.accordion-content .featured-thumbnail img
									{ width: 150px; height: 150px; padding: 0; margin: 0; }

.accordion-content .featured-thumbnail
									{ float: left; }
.accordion-content ul,
.accordion-content ol,
.accordion-content p									{ margin: 0 15px 0 0; padding-bottom: 15px; } 
.acc-prod .accordion-content p					{ margin: 0 15px 0 165px; padding-bottom: 15px; }
#content .acc-prod .accordion-content ul,
#content .acc-prod .accordion-content ol		{ margin: 0 15px 0 180px; padding-bottom: 15px; }
.acc-no-pic							{ padding: 15px; }


/* workshop  */
.extra_pic							{ width: 100%; height: auto; clear: both; padding-top: 10px; }

.pflegeKats *						{ margin: 0; padding: 0; }
.pflegeKats .childPages				{ width: 100%; top: 10px; }
.pflegeKats .childTeaser-content	{ margin: 0 0 10px 0;  }
.pflegeKats .featured-thumbnail img	{ width: 210px; height: 210px; display: block; float: left; background: none; margin-bottom: 15px; }
.pflegeKats .post-content .middlecolumn
									{ width: 240px; display: block; float: left; position: relative; }
.pflegeKats .rightcolumn			{ width: 480px; margin-left: 20px; display: block; float: left; position: relative; }

.pflegeKats h2						{ padding: 15px 0 15px 0; margin: 0 15px 15px 15px; }
.pflegeKats .rightcolumn			{ margin-top: -24px; }
.pflegeKats .acc-inner-spacer		{ margin-top: 15px; }

.pflegeKats .rightcolumn .accordion-content p
 									{ margin: 0 0 0 0; }
#content .pflegeKats .accordion-content ul,
#content .pflegeKats .accordion-content ol
									{ margin-left: 30px; }
.pflegeKats .rightcolumn .accordion hr		
									{ width: 460px; }



.picture-fade-list-have-border-true .featured-thumbnail
									{ margin: 0 0 15px 15px; }


/* AUFZÄHLUNGSLISTE mit Kursiv */
#content em							{ font-weight: normal; width: 200px; display: block; clear: both; float: left; font-style: normal; }





/* vorhernachher */
.category-vorher-nachher #sidebar	{ display: none; }
.vorherNachherShowCaseBox			{ top: 0; left: 0; padding: 10px;  height: 445px; width: 445px; background: #fff; position: relative; float: left;  margin: 0 20px 20px 0; overflow: hidden }
#vorherNachherShowCase				{-moz-user-select: none; -webkit-user-select: none; user-select: none; position: absolute; top: 0; left: 0; background: #f9f9f9;  height: 445px !important; width: 445px !important; display: block;  z-index: 10;  }
.vorherNachherShowCase img
									{ border: 0 ; padding: 0; position: relative; top: 0; left: 0;  }
.vorherNachherShowCase img[id*="arrow"]
									{ border: 0; margin: 0; background: 0; padding: 0; }

.rolloverForThumbs					{ position: absolute; top: 10px; left: 10px; width: 445px; height: 445px; z-index: 10000; display: none; }

.vierbeispiele						{ margin-top: 20px; overflow: hidden; clear: both;  display: block;  }
.vierbeispiele img					{ padding: 10px; background: #fff; }

.vierbeispiele-single-thumb			{ position: relative; float: left; margin-left: 20px; }
.vierbeispiele-single-thumb:first-child
									{ margin-left: 0px; }
.vierbeispiele-single-thumb span	{ position: absolute; top: 132px; left: 10px; display: block; width: 140px; height: 18px; padding: 5px; background: rgba(221,221,221,0.8);  }
/* .vorhernachher .page				{ float: right; } */

.thecontent			{ display: block; position: relative; float: left; width: 440px; }
#content .haartyp	{ background: #fff; padding: 10px; list-style: inside; margin-left: 0;  }
.haartyp li			{ }
.haartyp span		{ font-weight: bold; }

/*  contact form 7 in seminar */
.wpcf7-form input, .wpcf7-form select
							{ float: right; display: block; width: 180px; }
.wpcf7-form .wpcf7-submit	{ padding: 3px 5px; background: #d09a31; color: #fff; }		
.wpcf7-list-item	{ display: block; }				

	


/* FOOTER */
.footermaxwidth						{ position: relative;  }
#footergrey							{ position: absolute; top:286px; left: 0; width: 100%; height: 400px; background: url(_grfx/footer-band_new.gif) 0 60px repeat-x #eee; z-index: -1; }
#footer 							{ position: relative;  }
#footerBand							{ width:100%; background:  url(_grfx/footer-band_new.gif) 0 0 repeat-x; height: 100px; top:140px; left:0; position: absolute; margin-left: -220px; margin-top: 206px; }
#footerButton						{ position: absolute;  top: 0; margin-top: -35px; left:0; margin-left: 1070px; width: 133px; height: 133px; display: block; background: url(_grfx/footer-button_new.png) no-repeat; }
#footerPic							{ background: url(_grfx/footer_baum.jpg) no-repeat; position: absolute; top:0; left: 0; display: block; width:100%; height: 928px; z-index: -1; margin: -380px auto auto -220px;  }
#nav-footer-flags					{ position: relative; top: 417px; left: 12px;  }
#nav-footer-flags	ul li			{ display: inline; margin-right: 15px; }

#nav-footer							{ position: relative; top: 442px /* +20px wenn flags off */; left: 12px;  }
#footer-link						{ position: absolute; top: 322px; left: 865px; width: 105px; height: 105px;  display: block; }
/* // FOOTER */

#nav-footer-flags				{ display: none; }



/* slider */
/* #layerslider_1 h2			{ color: #000; font-size: 40px; }	 */	


#layerslider_1 * { 	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color: inherit;}
#layerslider_1			{ margin-top: 10px; }



/* HELPER */
.hidden								{ display: none; overflow: hidden; height: 0; }
.preloadImage { position: absolute; margin-left: -999999px; top:0; left: 0; }