/*
Theme Name: WORKZ°NM SEIPPEL THERAPIE
Theme URI: WWW.SEIPPEL-THERAPIE.CH
Version: 1.0 2016
Description: HANDCRAFTED AND AMAZING RESPONSIVE
Author: FREDY HOLENSTEIN 
Author URI: HTTP://WWW.WORKZ.CH


af1e2a text red
941e29 bgred
*/

div.grid_8 section ul  {margin-left:15px; list-style:outside circle!important;}
 
body {
	background: rgba(244,244,244,1.00);
	color: rgba(0,0,0,0.95);
	margin-top:20px;
	font-size:16px;
	
}
div.container {
	background: rgba(0,0,0,0.20);
	overflow: hidden;
}
div.container:hover {
	background: rgba(0,0,0,0.70);
	transition: all 0.5s ease;
}

h2.visnav { display:inline-block; background:#af1e2a; border:4px solid #af1e2a; color:#fff!important; padding:4px 7px; margin-bottom:5px; font-size:20px; font-weight:700; text-decoration:none!important;}
h2.visnav:hover { display:inline-block; background:#71030c; border:4px solid #71030c; color:#fff!important; padding:4px 7px; margin-bottom:5px; font-size:20px; font-weight:700; text-decoration:none!important;}

h2.visnav a:visited,
h2.visnav a { color:#fff!important; text-decoration:none!important;}

ul#visnavlist { list-style:none; list-style-image:none; margin-top:90px; }
.footerbox {
	padding:20px 0 30px 20px;
	margin-bottom:20px;
	height:300px;
	background:  url(../img/footer_block_bg.png) no-repeat center bottom;
	
	}

a.txtwhite { color:#fff!important; text-decoration:none!important; margin-right:24px;}

/***** Screen 960px *****/

div.content {
	margin-top: 70px;
}
div.grid_8 section {
	margin: 0;
}

/***** Logo, Btn & Phone Menu Btn *****/

div#logo {
	position: relative;
	top: 0px;
	left: 0;
	width: 320px;
	height: auto;
	float: left;
}
div#logo img {
	margin: 0;
	width: 300px;
	height: auto;
}
h4#title {
	margin: 0;
	width: 250px;
}
h1.introtitle {
	margin: 70px 0 0 0;
	height: 30px;
	float: right;
	font-size: 20px;
}
div#introtxt {
	margin: 0;
}
div#introadress {
	font-size: 14px;
}
div#intro_bg {
	height: 600px;
}
div#featimgsub {
	height: 480px;
}
div.featimg img, img.attachment-large {
	width: 100%;
	height: auto;
	border: none;
}
a.navigation-btn {
	display: none;
	float: right;
}
a.navigation-btn img {
	margin: 0 0 0 16px;
	padding: 0;
	width: 35px;
	height: auto;
	cursor: pointer;
	float: right;
}
a.btn-download, .btn-download {
	margin: 34px 0 0 0;
	padding: 8px 28px 9px 12px;
	display: inline-block;
	color: #fff;
	border: 1px solid #000;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
	cursor: pointer;
	float: right;
}
a:hover.btn-download {
	text-decoration: none;
	border: 1px solid #000;
	color: #666;
	background: #000 url(../img/btn-arrow.png) no-repeat right;
}
/***** Navigation *****/

.navigation {
	position: relative;
	top: 0;
	right: 0px;
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
	z-index: 1!important;
}
ul.nav {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	list-style: none;
	width: auto;
	float: right;
}
ul.nav li {
	margin: 0 12px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
}
ul.nav li a {
	padding: 0;
	text-decoration: none;
	line-height: 32px;
	color: #af1e2a;
	font-weight:bold;
}
ul.nav li a:hover, ul.nav li.current-menu-item a, ul.nav li.current-page-ancestor a {
	padding: 0;
	color: #941e29;
	text-decoration: none;
	line-height: 32px;
}
div#sidebar1 ul {
	margin-top: 70px;
}
div#sidebar1 ul li {
	list-style: none;
	background-image: none;
	padding-left: 7px!important;
}
div#sidebar1 ul li a {
	color: #af1e2a;
	font-size: 16px;
	font-weight: 400;
	padding: 3px 5px 3px 10px;
	display: block;
	border-left: 1px solid rgba(0,0,0,0.00);
}
div#sidebar1 ul li a:hover, div#sidebar1 ul li.current_page_item a:hover, div#sidebar1 ul li.current_page_item a {
	color: #941e29;
	text-decoration: none!important;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
ul.nav ul {
	display: none;
}
ul.nav li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 3px solid yellow;
}
ul.nav li:hover li {
	float: none;
}
ul.nav li:hover li a {
	background-color: #000;
	border-bottom: 1px solid #fff;
	color: #fff;
}
ul.nav li li a:hover {
	background-color: #000;
}
ul#menu-generic {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	list-style: none;
	width: auto;
	float: right;
}
ul#menu-generic li {
	margin: 0 16px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
}
ul#menu-generic li a {
	padding: 0;
	text-decoration: none;
	line-height: 32px;
	color: #fff;
}
ul#menu-generic li a:hover, ul#menu-generic li.current-menu-item a, ul#menu-generic li.current-page-ancestor a {
	padding: 0;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	line-height: 32px;
}
h1.assistive-text {
	font-size: 18px;
	color: #BCB08F;
}
div.nav-previous a, div.nav-next a {
	font-size: 14px;
	color: #BCB08F;
}
div#mobilenavigation {
	display: none;
}
section a, section a:visited {
	color:#af1e2a!important;
	text-decoration: underline!important;
}
section.links a, section.link a:visited {
	color:#af1e2a!important;
	text-decoration: underline;
	height: 40px;
	display: block;
	padding-left: 50px;
	padding-top: 10px;
	background-position: 0px -5px;
}
footer {
	width: 100%;
	position: relative;
	bottom: 0;
	margin-top: 48px;
	color: #74c4c1;
}
footer.sub {
	width: 100%;
	position: relative!important;
	top: 200px;
	bottom: 0;
	margin-top: 0px;
}
footer, footer a {
	color: #fff!important;
}
footer ul {
	list-style: none;
}
footer ul li {
	margin: 0!important;
	line-height: 21px;
	text-indent: -15px;
	color: #fff;
}
footer h2 {
	margin-top: 24px;
}
div#footernav {
	width: auto;
	margin: 0 auto;
}
span.footerlinks {
	float: left;
	padding: 0 0 0 20px;
}
span.footerlinks {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	padding: 0 10px 0 10px;
}
span.footerlinks a {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	padding: 0 10px 0 10px;
}
span.footerlinks a:hover {
	color: #fff;
}
/***** Example *****/


.top {
	margin: 0 auto;
	margin-top: 30px;
}
.base {
	margin: 0 auto;
	margin-bottom: 40px;
}

.blacktrans {
	background: rgba(0,0,0,0.20);
	height: auto;
}

.fullw {
	width: 100%;
}
.fixed {
	position: fixed;
	top: 0;
	height: 40px;
	z-index: 1;
	background: rgba(0,0,0,0.70);
	width: 100%;
	margin: 0!important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.item {
	background: rgba(0,0,0,0.15);
	width: 31%;
	margin-right: 2%;
	margin-bottom: 24px;
	float: left;
}
.iteminner {
	width: 90%;
	float: left;
	padding: 10px;
}
.iteminner h2 a {
	font-size: 21px;
	color: #74c4c1;
}
.iteminner h2 a:hover {
	color: #74c4c1!important;
	text-decoration: none;
}
.iteminner h6 {
	color: #74c4c1 !important;
}
div#newscontainer {
	border: 1px sollid red;
}
.newsitem {
	padding: 20px 20px 20px 0;
}
.newsiteminner {
	margin: 0;
}
.catimg img {
	width: 100%;
	height: auto;
}

@media only screen and (min-width:1200px) {
h1.introtitle {
	margin: 70px 0 0 0;
	height: 30px;
	float: right;
	font-size: 24px;
}
ul.nav {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	list-style: none;
	width: auto;
	float: right;
}
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/***** Logo, Btn & Phone Menu Btn *****/
body {
	background: #ececec;
	color: rgba(0,0,0,0.99);
	margin-top:0px;
	
}

a.btn-download, .btn-download {
	margin: 24px 0 0 0;
}
/***** Navigation *****/
	
div#logo {
	position: relative;
	top: 15;
	left: 0;
	width: auto;
}
div#logo img {
	margin: 0 0 0 10px;
	width: 200px;
	height: auto;
}
div#intro_bg {
	height: 400px;
}
h1.introtitle {
	margin: 15px 0 0 0;
	height: auto;
	float: right;
	font-size: 16px;
}
div#featimgsub {
	height: 320px;
}
div.featimg img {
	width: 480px;
	height: auto;
	border: none;
}
.navigation {
	position: relative;
	top: 0;
	right: 0px;
	width: auto;
	float: right;
	padding: 0;
	overflow: hidden;
	height: auto;
	margin: 0;
}
div#mobilenavigation {
	display: none;
}
ul.nav {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	list-style: none;
	width: auto;
	float: right;
}
ul.nav li {
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
}
h2.footer {
	font-size: 18px;
}
}

@media (max-device-width: 1024px) and (orientation: landscape) {
footer {
	width: 100%;
	position: relative;
	bottom: 0;
	margin-top: 70px;
}
ul.nav {
	margin: 16px 0 16px 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
	text-transform: uppercase;
	width: auto;
	float: right;
}
ul.nav li {
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
}
ul#menu-generic li {
	margin: 0 16px 0 0;
	padding: 0;
	display: block;
	float: left;
	background-image: none;
	font-size: 12px;
}
ul#menu-generic li a {
	padding: 0;
	text-decoration: none;
	line-height: 32px;
	color: #fff;
}
}

@media (max-device-width: 768px) and (orientation: portrait) {
div#sidebar1 img {
	width: 200px!important;
}
}

/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 767px) {
/***** Logo, Btn & Phone Menu Btn *****/

div.ptitlem {
	display: block;
	position: absolute;
	top: 45px;
	left: 30px;
	width: auto;
	float: left;
	z-index: 999999999;
}
h4.titlem {
	margin: 0;
	width: 250px;
}
div.grid_8 img {
	width: 230px!important;
	height: auto;
}
.colorbox img {
	width: 230px;
	height: auto;
}
div#intro_bg {
	height: 200px;
}
h1.introtitle {
	margin: 0px 0 0 0;
	height: auto;
	float: right;
	font-size: 18px!important;
}
div#featimgsub {
	height: 180px;
}
div.container {
	position: absolute;
	top: 70px;
	left: 10px;
	width: 280px;
	min-height: 250px;
	padding: 10px;
	margin-left: 0;
	background: rgba(0,0,0,0.40);
}
div.content {
	margin-top: 10px;
}
div.container:hover {
	background: rgba(0,0,0,0.70);
	transition: none;
}
div#logo {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	float: left;
	display: none;
}
div#logo img {
	margin: 10px 0 0 10px;
	width: 180px;
	height: auto;
	padding: 0;
	border-right: 0px solid #fff;
}
a.navigation-btn {
	margin: 6px 0 0 0;
	display: inline-block;
}
a.btn-download, .btn-download {
	margin: 0;
}
/***** Navigation *****/
.navigation {
	margin: 0 auto;
	display: none;
	background: none;
	width: 100%;
	background-color: #000;
}
div#mobilenavigation {
	display: block;
}
ul#menu {
	display: none;
}
ul#menu-generic {
	display: none;
}
ul#mobile {
	display: none;
}
div.row.content div.grid_4 {
	display: none;
}
div.content {
	margin-top: 10px;
}
div#menu-icon {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 0 5px 0;
	background: url(../img/icon-menu.png) no-repeat right;
	z-index: 9999999999999999!important;
}
div#menu-icon img {
	padding-left: 25px;
}
div#menu-icon-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 30px;
}
div#menu-icon-link a {
	font-size: 18px;
}
ul.mnav {
	margin: 0;
	padding: 3px 0 0px 0;
	font-size: 18px;
	background:#73040c;
	list-style: none;
	text-align: left;
	width: 100%;
}
ul.mnav li {
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-align: left;
	float: none;
	border-bottom: 1px solid #ddd;
}
ul.mnav li a {
	padding: 0 0 3px 25px;
	display: block;
	width: 270px;
	text-decoration: none;
	line-height: 30px;
	color: #fff;
	border-left: 5px solid rgba(0,0,0,0.10);
}
ul.mnav li a:hover, ul.mnav li.current-menu-item a {
	padding: 0 0 3px 15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	border-left: 5px solid #fff;
}
ul.mnav ul {
	display: block;
	margin: 0 0 0 10px;
}
ul.mnav li:hover ul {
	display: block;
}
ul.mnav ul li {
	border: none;
}
ul.mnav ul li.current-menu-item a {
	color: #fff;
}
.gallery-item {
	float: none!important;
	margin-top: 10px;
	text-align: center;
	width: 200px!important;
	height: auto!important;
}
.item {
	position: relative;
	width: 95%;
	float: none!important;
	padding: 15px 0 15px 0;
	margin-bottom: 35px;
	margin-right: 1%;
}
}

/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/***** Logo, Btn & Phone Menu Btn *****/

div.ptitlem {
	display: block;
	position: absolute;
	top: 45px;
	left: 50px;
	width: auto;
	float: left;
	z-index: 999999999;
}
h4.titlem {
	margin: 0;
	width: 250px;
}
div.featimg img {
	width: 400px;
	height: auto;
	border: none;
}
div#intro_bg {
	height: 300px;
}
div#featimgsub {
	height: 300px;
}
div#logo {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	float: left;
	display: none;
}
div#logo img {
	margin: 10px 0 0 10px;
	width: 180px;
	height: auto;
	padding: 0;
	border-right: 0px solid #fff;
}
a.navigation-btn {
	margin: 6px 0 0 0;
	display: inline-block;
}
a.btn-download, .btn-download {
	margin: 0;
}
/***** Navigation *****/
.navigation {
	margin: 0 auto;
	display: none;
	background: none;
	width: 100%;
	background-color: #000;
}
div#mobilenavigation {
	display: block;
}
ul#menu {
	display: none;
}
ul#menu-generic {
	display: none;
}
ul#mobile {
	display: none;
}
div#menu-icon {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 0 5px 0;
	background:  url(../img/icon-menu.png) no-repeat right;
}
div#menu-icon img {
	padding-left: 25px;
}
div#menu-icon-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 30px;
}
div#menu-icon-link a {
	font-size: 18px;
}
ul.mnav {
	margin: 0;
	padding: 3px 0 50px 0;
	
	
	list-style: none;
	text-align: left;
	width: 100%;
}
ul.mnav li {
	margin: 0;
	padding: 0;
	
	text-align: left;
	float: none;
	border-bottom: 1px solid #fff;
}
ul.mnav li a {
	padding: 0 0 3px 25px;
	display: block;
	width: 270px;
	text-decoration: none;
	line-height: 30px;
	color: #fff;
	border-left: 5px solid rgba(0,0,0,0.10);
}
ul.mnav li a:hover, ul.mnav li.current-menu-item a {
	padding: 0 0 3px 15px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	border-left: 5px solid #fff;
}
ul.mnav ul {
	display: block;
	margin: 0 0 0 10px;
}
ul.mnav li:hover ul {
	display: block;
}
ul.mnav ul li {
	border: none;
}
ul.mnav ul li.current-menu-item a {
	color: #fff;
}
}