/*



Theme Name: Psychotherapie Theme



Theme URI: http://psychotherapie-reuteler.ch/



Author: The Psychotherapie Team



Author URI: http://psychotherapie-reuteler.ch/



Description: The Psychotherapie theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.



Version: 1.1



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Text Domain: Psychotherapie











*/



/**



 * 1.0 Reset



 *



 * Modified from Normalize.css to provide cross-browser consistency and a smart



 * default styling of HTML elements.



 *



 * @see http://git.io/normalize



 * ----------------------------------------------------------------------------



 */



/* ********************************************* Start Common Css ******************************************************* */ 







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, 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,



article, aside, canvas, details, embed, 



figure, figcaption, footer, header, hgroup, 



menu, nav, output, ruby, section, summary,



time, mark, audio, video {



	margin: 0;



	padding: 0;



	border: 0;



	font-size: 100%;



	font: inherit;



	vertical-align: baseline;



}







article, aside, details, figcaption, figure, 



footer, header, hgroup, menu, nav, section {



	display: block;



}







/* Alignment */



.alignleft {



	display: inline;



	float: left;



	margin-right: 1em !important;



}



.alignright {



	display: inline;



	float: right;



	margin-left: 1em !important;



}



.aligncenter {



	clear: both;



	display: block;



	margin-left: auto;



	margin-right: auto;



}







img.alignleft,



img.alignright,



img.aligncenter {



	margin-bottom: 1.625em;



}







/* =Global



----------------------------------------------- */



h1{ font-size:30px; line-height:35px}



h2{ font-size:28px; line-height:33px}



h3{ font-size:24px; line-height:29px}



h4{ font-size:20px; line-height:25px}



h5{ font-size:16px; line-height:21px}



h6{ font-size:14px; line-height:19px}







hr {



	background-color: #ccc;



	border: 0;



	height: 1px;



	margin-bottom: 1.625em;



}







/* Text elements */



p {



	margin-bottom: 0;



	 font-size:13px; line-height:16px; color:#000;



	}







ul {



	list-style: none;



}







ul, ol {



	margin:15px 0 0 20px;



}



ul {



	list-style: square;



	



}



ol {



	list-style-type: decimal;



}



ol ol {



	list-style: upper-alpha;



}



ol ol ol {



	list-style: lower-roman;



}



ol ol ol ol {



	list-style: lower-alpha;



}



ul ul, ol ol, ul ol, ol ul {



	margin-bottom: 0;



}



dl {



	margin: 0 1.625em;



}



dt {



	font-weight: bold;



}



dd {



	margin-bottom: 1.625em;



}



strong {



	font-weight: bold;



}



cite, em, i {



	font-style: italic;



}



blockquote {



	font-family: Georgia, "Bitstream Charter", serif;



	font-style: italic;



	font-weight: normal;



	margin: 0 3em;



}



blockquote em, blockquote i, blockquote cite {



	font-style: normal;



}



blockquote cite {



	color: #666;



	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-weight: 300;



	letter-spacing: 0.05em;



	text-transform: uppercase;



}







blockquote:before, blockquote:after,



q:before, q:after {



	content: "";



}



blockquote, q {



	quotes: "" "";



}



a img {



	border: 0;



}







pre {



	background: #f4f4f4;



	font: 13px "Courier 10 Pitch", Courier, monospace;



	line-height: 1.5;



	margin-bottom: 1.625em;



	overflow: auto;



	padding: 0.75em 1.625em;



}







sup,



sub {



	font-size: 10px;



	height: 0;



	line-height: 1;



	position: relative;



	vertical-align: baseline;



}



sup {



	bottom: 1ex;



}



sub {



	top: .5ex;



}







/* Links */



a {



	color: #000;



	text-decoration: none;



}



a:focus,



a:active,



a:hover {



	text-decoration: none;



}



:focus {/* remember to define focus styles! */



	outline: 0;



}







table {/* tables still need 'cellspacing="0"' in the markup */



	border-collapse: separate;



	border-spacing: 0;



}



caption, th, td {



	font-weight: normal;



	text-align: left;



}







/* ********************************************* End Common Css ******************************************************* */ 







/* ******************************************* Start Template Css **************************************************** */ 











body, div, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, p { padding:0; margin:0; font-weight:normal;  } 



*{ margin:0; padding:0}



img, fieldset{ border:none}



a{ text-decoration:none; outline:none;}



:focus{outline:none;}



body{ font:13px/16px Arial, Helvetica, sans-serif; color:#000; background:#D88827; margin-top:30px}







img {



  width: auto\9;



  height: auto;



  max-width: 100%;



  vertical-align: middle;



  border: 0;



  -ms-interpolation-mode: bicubic;



}







#wrapper{ max-width:992px; margin:0 auto; padding:0 10px}







#main_sec{ float:left; width:99.8%; background:#E29E4B; min-height:610px; height:auto!important;border: 1px dotted #000000; position:relative; z-index:9}











header{ float:left; min-height: 115px;padding: 25px 3.03% 0 4.05%;width:92.92%; position:relative}



header.archive-header{ width:100%; }



header strong{ display:block; padding-bottom:16px}



header address{ float:left; width:40%}



header address h2{ font-size:13px; line-height:16px; padding-bottom:16px; font-weight:bold;}



header address a{ text-decoration:none; color:#000;}



header address a:hover{ text-decoration: underline;}



header address span{ display:block}



.header_right{ float:right; width:43.47%}



.header_right h2{ font-size:13px; line-height:16px; padding-bottom:16px; font-weight:bold;}



.header_right p span{ display:block}







.body_conntainer{ float:left; width:100%; }







.left_sidebar{ float:left; width:53.53%; text-align:center;  }



.left_sidebar.pad{ padding-top:40px}



.left_sidebar .home_img{ margin-left:21px; margin-top:1px}







.right_sidebar{ float:right; padding:10px 0 10px 1.10%;width:43.43%;/* min-height:430px;*/ height:auto!important; position:relative}



/*.right_sidebar p{ padding-bottom:16px}*/



.right_sidebar h2{ font-size:13px; line-height:16px;  font-weight:bold; margin-bottom:10px;}



.right_sidebar h3{ font-size:13px; line-height:16px; font-weight:bold}







.right_sidebar nav{ float:right; margin:30px 0 0 0; width:100%}



.right_sidebar nav ul{ float:left; width:100%; list-style:none; margin:0}



.right_sidebar nav ul li{ float:left; width:100%;}



.right_sidebar nav ul li a{ display:block; padding:11px 10px; color:#000; font-weight:bold; text-decoration:none}



.right_sidebar nav ul li a:hover{background:#E7AD6E; padding-left:20px}



.right_spacer{ padding:10px 1.01%;width:42.42%}















.scrollcontent{ float:left; width:100%; height:360px; overflow:auto}



.scrollcontent .contentwrap{ float:left; width:100%}



.scrollcontent p strong{ display:block}







footer{ position:absolute; left:0; bottom:0; width:100%; z-index:99; padding-bottom:20px}



footer ul{ float:right; list-style:none; width:40.20%; padding:0 2.66% 0 0}



footer ul li{ font-size:10px; display:inline; margin-right:42px; float:left}



footer ul li a{ text-decoration:none; color:#000;}



footer ul li a:hover{ color:#fff;}



footer ul li.second{ margin-right:60px}







footer ul li.last{ margin-right:0}



footer ul li.right{ float:right; margin:0}











   



  div[rel='scrollcontent1'] { width:100%; height: 360px;}



  .scrollcontent1-bar { width: 11px; background: #fffeda; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }



  .scrollcontent1-drag { background: #a45c05; border-radius: 4px; cursor: pointer; }



   #contentwrap { padding:5px 0 5px 5px; width:98.8%; display:inline-block;}



/*********************************css fixes***********************************/

.left_sidebar img{ margin-left:5% !important}

.left_sidebar .wp-post-image{ margin-left:0}

.left_sidebar .attachment-large{ margin-left:1px}



#fadeshow4toggler .prev{ color:#000}

#fadeshow4toggler .prev:hover{ color:#fff}

#fadeshow4toggler .next{ color:#000}

#fadeshow4toggler .next:hover{ color:#fff}



.left_sidebar #fadeshow{ width:98.2% !important}

.body_conntainer .map_image{ float:right; width:91%; /*margin-top:-62px*/}

.left_sidebar .content-area .archive-header{ min-height:inherit; padding-bottom:25px}

.left_sidebar .content-area article{ float:left; width:100%;}

.left_sidebar .content-area article h1.entry-title{margin-bottom:10px !important}

.entry-title{margin-bottom:10px !important}

.left_sidebar .content-area article h1.entry-title a{ color:#000; }

.left_sidebar .content-area article entry-meta span a{ color:#000;}



.left_sidebar .page-header{ min-height:inherit; padding-bottom:25px; padding-left:0; padding-right:0; width: 100%;}



.left_sidebar article .entry-header .entry-thumbnail{ margin-bottom:25px}

.right_sidebar.scrollNone{ padding-right:1.1%; width:42.33%; }



.left_sidebar.full{ float:left; width:97%; padding:0 1.5%; text-align:left}



.left_sidebar.full .archive-header{ padding-left:0; padding-right:0; min-height: 0;}

.left_sidebar.full header.entry-header{ padding-left:0; padding-right:0; width:100%; min-height:0;}

.left_sidebar.full .entry-content{ float:left; width:100%;}

.scrollcontent .contentwrap p{ padding-bottom:0}

#main p{ padding-bottom:0}

article footer.entry-meta{ position:static}

.paging-navigation{ float:left; width:100%;}

.paging-navigation h1.screen-reader-text{ display:none}

.nav-previous{ float:left; width:auto;}

.nav-next{ float:right; width:auto}

.right_sidebar.scrollNone p{ padding-bottom:0}

.right_sidebar.scrollNone .space{ float:left; padding:5px; width:95%}



/**********************typo******************************/

.body_conntainer p{ padding-bottom:25px}

.body_conntainer ul{ margin: 0 0 30px 20px}

.body_conntainer ol{ margin: 0 0 30px 25px}

.jspHorizontalBar{display:none !important;}
.jspVerticalBar{ background:none; width:11px}
.jspDrag{ height:70px; background:#A45C05 ; border-radius:4px; width:11px ;}
.jspTrack{background:#FFFEDA; border-radius: 4px; box-shadow: 0 0 5px #444444 inset;  overflow: hidden; width: 11px;}