/* shiatsu, cranio sacral 2016 - style.css */
/* colors:
violet: #C6168D;
tuerkis: #25B1BE;
*/
/* general */
* {
 margin:0;
 padding:0;
}
body, input, textarea {
 font-family:Calibri,Arial,sans-serif;
 color:#000;
}
body {
 background:url(images/bgrnd-verlauf.jpg) repeat-y center top;
}
input, textarea {
 font-size:1em;
}
a {
 color:#000; 
}
a:hover {
 text-decoration:none;
}
a img {
 border:none;
}
div#self-service-lite div a img {
 border-color:#25B1BE;
 transition: border-color 0.4s;
}
div#self-service-lite div a:hover img {
 border-color:#C6168D;
}

/* cookie bar */
#cookie-bar {
 background:#1D8992; 
 height:auto; 
 color:#fff; 
 text-align:left;
}
#cookie-bar.fixed {
 position:fixed; 
 top:0; 
 left:0; 
 width:100%;
 z-index:1000;
}
#cookie-bar.fixed.bottom {}
#cookie-bar p {
 padding:4px 60px 6px 8px;
}
#cookie-bar a {
 color:#eeeeee; 
}
#cookie-bar .cb-enable {
 margin-right:8px;
}
#cookie-bar .cb-enable:hover {}
#cookie-bar .cb-disable {}
#cookie-bar .cb-disable:hover {}
#cookie-bar .cb-policy {}
#cookie-bar .cb-policy:hover {}




/* header */
#headwrapper {
 background:#fff;
 box-shadow:0 3px 5px -3px #666;
 position:fixed;
 width:100%;
 z-index:100;
}

#header {
 padding:22px 0 14px 0;
 position:relative;
 max-width:1000px;
 margin:0 auto;
}

#logo {}

/* menue */
#header ul {
 list-style-type:none;
 position:absolute;
 right:0;
}
#header ul li {
 float:right; 
}
#header ul li a {
 text-decoration:none;
 display:block;
}

/* menue oben */
#header ul.sub2 {
 top:18px;
 max-width:630px;
 margin:0 0 0 370px;
}
#header ul.sub2 li {
 padding-left:15px;
}
#header ul.sub2 li a {
 color:#25b1be;
 padding-bottom:2px;
 border-bottom:1px solid #fff;
 transition: color 0.4s;
}
#header ul.sub2 li a:hover {
 color:#c6168d;
}
#header ul.sub2 li a.sslmenueactive,
#header ul.sub2 li a.sslmenueactive:hover {
 color:#25b1be;
 border-color:#c6168d;
 cursor:default;
}


/* menue unten */
#header ul.sub1 {
 bottom:9px;
 max-width:670px;
 margin:0 0 0 330px;
 font-size:1.1em;
 font-weight:bold;
}
#header ul.sub1 li {
 padding:5px 0 0 13px; 
}
#header ul.sub1 li a {
 padding-bottom:3px;
 color:#c6168d;
 border-bottom:3px solid #fff;
 transition: color 0.4s;
}
#header ul.sub1 li a.sslmenueactive,
#header ul.sub1 li a.sslmenueactive:hover {
 color:#c6168d;
 border-color:#25B1BE;
 cursor:default;
}
#header ul.sub1 li a:hover {
 color:#25B1BE;
}

/* sidebarwrapper */
#sidebarwrapper {
 max-height:275px;
 padding-top:125px;
 background:#25B1BE;
}
#self-service-lite-sidebar {
 max-width:1000px;
 margin:0 auto;
 max-height:275px;
 overflow:hidden;
}
.ssl_admin #self-service-lite-sidebar {
 overflow:visible;
}
#self-service-lite-sidebar div img {
 margin:0 ! important;
}





/* contentwrapperbgrnd */
#contentwrapperbgrnd {
 background:url(images/bgrnd-blume.jpg) no-repeat center top;
 min-height:650px;
}
/* contentwrapper */
#contentwrapper {
 max-width:920px;
 padding:80px 40px 100px 40px;
 margin:0 auto;
 border:1px solid #25B1BE;
 border-top:none;
 background-image:url(images/content-bgrnd.png);
}


/* content specials */
/* home */
div#self-service-lite div.homebuttons img.sslimageleft {
 margin:0;
}
div#self-service-lite div.homebuttons a img {
 border:none;
 padding:0;
 background-color:transparent;
 transition: background-color 0.4s;
}
div#self-service-lite div.homebuttons a:hover img {
 background-color:#C6168D;
}


/* preise */
div#self-service-lite table.sslformtab td.sslformtabright select {
 padding:3px 10px;
 border: 1px solid #999;
}
div#self-service-lite table.sslformtab td.sslformtabright select option {
 padding:3px 10px;
}


/* kontakt */
div#self-service-lite .contactform {}
div#self-service-lite table.sslformtab {
 width:96%;
}
div#self-service-lite table.sslformtab td.sslformtableft  {
 text-align:left;
 padding:7px 0 2px 0;
}
div#self-service-lite table.sslformtab td.sslformtableft,
div#self-service-lite table.sslformtab td.sslformtabright {
 display:block;
}
div#self-service-lite table.sslformtab td.sslformtabright input,
div#self-service-lite table.sslformtab td.sslformtabright textarea {
 width:95% ! important;
 max-width:420px;
 padding:5px;
 color:#000;
 transition: background 0.4s;
}
div#self-service-lite table.sslformtab td.sslformtabright input.ssl_checkbox {
 max-width:25px;
}
div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton {
 width:auto ! important;
 padding:8px 50px;
 float:left;
 margin-left:0;
 margin-bottom:35px;
 color:#fff;
 font-size:1.1em;
 background-color:#C6168D;
}
div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton:hover {
 background-color:#25B1BE;
 cursor:pointer;
}
div#self-service-lite p.sslerror {
 font-size:1.3em;
 padding-top:20px;
}

div#self-service-lite table.sslformtab td select {
 margin:0 0 10px 0; 
}
div#self-service-lite table.sslformtab td.error select {
 border-color:#f00; 
}

div#self-service-lite table.i574df5f3ba587 td.sslformtableft_3 {
 padding-top:30px;
}











#footer {
 max-width:1000px;
 margin:0 auto 150px auto;
 padding:10px 0 0 0;
}
#footer p {
 max-width:850px;
 float:left;
 padding-bottom:35px;
}
#footer a {
}

/* social bar */
ul.socialbar {
 display:block;
 float:right;
 width:225px;
}
ul.socialbar li {
 list-style-type:none;
 float:left;
 margin-left:6px;
}
ul.socialbar li#fblike {
 width:90px;
}
ul.socialbar li a {
 display:block;
 width:26px;
 height:26px;
 float:left;
 text-decoration:none;
}
ul.socialbar li a.ssl-share-fb {
 background:url(images/socialbar.png) no-repeat 0 0;
}
ul.socialbar li a.ssl-share-tw {
 background:url(images/socialbar.png) no-repeat -31px 0;
}
ul.socialbar li a.ssl-share-go {
 background:url(images/socialbar.png) no-repeat -64px 0;
}
ul.socialbar li a.ssl-share-pi {
 background:url(images/socialbar.png) no-repeat -94px 0;
}
ul.socialbar li a:hover { 
 opacity:0.6;
}














#adm, #adm:hover {
 display:block;
 width:20px;
 height:20px;
 text-decoration:none;
}


/* ################### res ########################## */
img {
 max-width:100% ! important;
 height:auto ! important;
}


/* responsive menue */
 span#kirm-opener { /* button */
		width:40px;
		height:40px;
		position:absolute;
		top:12px;
		right:5px;
		z-index:1000;
		background:url(images/kirm-sprite.png) no-repeat;
		display:none;
 }
 div#kirm { /* main menue container */
		padding:52px 0 0 0;
		margin-right:50px;
		}
 div#kirm ul {
		margin:0;
		list-style-type:none;
		border-top:1px solid #e5e5e5;
 }
 div#kirm ul.sslmenue li {
		padding:0;
 }
 div#kirm ul.kirm-content { /* main menue list */
		padding-bottom:35px;
 }
 div#kirm * a {
		display:block;
		border-bottom:0;
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:none;
		font-weight:normal;
		margin-bottom:1px;
		border-bottom:1px solid #e5e5e5;
 }
 div#kirm ul.kirm-content a { /* 1st level */
		padding-left:10px;
 }
 div#kirm ul.kirm-content ul a { /* 2nd level */
		padding-left:20px;
 }
 div#kirm ul.sslmenue * ul {
		padding:0;
 }
 div#kirm ul.kirm-content ul ul a { /* 3rd level */
		padding-left:30px;
 }
 div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue { /* arrow open */
		display:inline-block;
		width:18px;
		height:10px;
		background:url(images/kirm-sprite.png) no-repeat 6px -100px; 
 }
 div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue-open { /* arrow close */
		background:url(images/kirm-sprite.png) no-repeat 6px -200px; 
 }
 div#kirm ul li a.sslmenueactive  {
		color:#C6168D;
 }

/* ###### */
/* #### to top ####  */
 .cd-top {
		display: inline-block;
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background:url(images/totop.png) no-repeat;
		visibility: hidden;
		opacity: 0;
		display:none;
 }
 .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		transition: opacity .3s 0s, visibility 0s 0s;
 }
 .cd-top.cd-is-visible {
		visibility: visible;
		opacity: 1;
 }
 .cd-top.cd-fade-out {
		opacity: .5;
 }
 .no-touch .cd-top:hover {
		background-color: #e86256;
		opacity: 1;
 }
 
 
 
 
 
/* ###### */
/* ########################## */
@media screen and (max-width: 1040px) {
 #header {
		padding-left:10px;
 }
 #header ul {
		right:10px;
 }
 #footer {
		padding-left:10px;
		padding-right:10px;
 }
 
}


/* ######### menue  ################# */
@media screen and (max-width: 800px) {
 body {position:relative;}
 #header ul
 {display:none;}
 
 span#kirm-opener,
 .cd-top
 {display:block;}
 
 #headwrapper {
		position:relative;
 }
 #sidebarwrapper {
	 padding-top:0;
 }
 #contentwrapper {
		padding:40px 40px 50px 40px;
 }
 ul.socialbar {
		float:none;
 }
 
}

/* ########################## */
@media screen and (max-width: 640px) {
 div#self-service-lite div.ds-small {
		width:100% ! important;
		margin-right:0 ! important;
 }
 
}

/* ########################## */
@media screen and (max-width: 550px) {
 #contentwrapper {
		padding-left:15px;
		padding-right:15px;
 } 
}