@charset 'utf-8';
@import url(reset.css);
@import url(fancybox.css);
@import url(superfish.css);

.js  { } /* apply only on JavaScript enabled browsers */
.ie8  { } /* apply only on Internet Explorer 8 and below */
.ie7  { } /* apply only on Internet Explorer 7 and below */
.ie6  { } /* apply only on Internet Explorer 6 and below */

@font-face {
	font-family: Philosopher;
	src: url('/includes/fonts/Philosopher.otf');
}

html {
  height: 100%;
}

body {
  background: url(/includes/img/bg.jpg) no-repeat right 50px;
  color: #000;
  font-family: Verdana,sans-serif;
  font-size: 14px;
  height: 100%;
  line-height: 21px;
}

header {
  height: 120px;
  width: 960px;
  position: relative;
  margin: 0 auto;
}

header a {
  display:block;
  height: 120px;
  background: url(/includes/img/logo-hncm.png) no-repeat center center;
}

header span.invisible {
  display:none
}

header img.certificate {
  position: absolute;
  top: 60px;
  right: 25px;
}

menu {
  height: 30px;
  background: rgb(159, 74, 146);
  background: rgba(159, 74, 146, .8);
  -webkit-box-shadow: 1px 1px 10px #dedede;
  -moz-box-shadow: 1px 1px 10px #dedede;
  box-shadow: 1px 1px 10px #dedede;
}

article{
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
}

.transparency  {
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.8);
  background-color: transparent\9;
  filter:progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
  zoom:1
}

div.transparentBG  {
  margin: 10px 0;
  padding: 10px 0;s
}

div.transparentBG p  {
  margin: 10px 0;
}

h2.philosopher {
  font-family: Philosopher;
  font-size: 30px;
  margin: 0 0 20px 0;
  padding: 2px;
  color: #9f4a92;
  border-bottom:1px solid #9f4a92;
  line-height: 34px;
}
  
footer {
  width: 960px;
  margin: 0 auto 20px auto;
  font-size: 11px;
}

a, a:focus {
  outline: medium none;
}

a:hover, a:active {
  text-decoration: none;
}

a, a:visited {
  color: #9f4a92;
  text-decoration: underline;
}

/* G�stebuch */
form.a63-form {}

form.a63-form ul.error {background:#9f4a92;color:#fff;padding:10px;margin: 10px 0}
form.a63-form ul.error li {font-weight:700;margin:5px 0;}

form.a63-form legend {display:none}
form.a63-form label {display:block;width:200px;float:left}
form.a63-form input,
form.a63-form textarea {border:1px solid #9f4a92;width:250px;background:#fff;margin:2px; padding:2px 3px}
form.a63-form textarea {height:100px}

form.a63-form .a63-buttons input {background:#9f4a92;color:#fff;margin: 0 0 5px 202px; padding:2px 3px; width:258px;}
form.a63-form .a63-buttons input:hover {background:#fff;color:#9f4a92;}

form.a63-form  p.a63-info {font-size:11px;margin: 0 0 0 203px}

div.gbook .entry {border:1px solid #9f4a92;padding:0 10px;margin:10px 0;}
div.gbook .entry p {margin: 0 0 5px 0}

div.gbook div.gbookpagination {text-align:right}
div.gbook p.seiten {float:left}
div.gbook .a63-pagination,
div.gbook .a63-pagination_aktuell {float:left;list-style-type:none}
div.gbook .a63-pagination a {padding: 0 2px;margin: 0 2px}
div.gbook .a63-pagination a:hover,
div.gbook .a63-pagination_aktuell a {background:#9f4a92;color:#fff}

div.gbook .label{float:left}
div.gbook .value{padding-left:150px}
div.gbook .text .label{padding-top:5px}
div.gbook .text .value{clear:left;background-color:#F6F4EF;padding:5px}

p.reply {border-top:1px solid #9f4a92;padding-top:5px}
p.error {background:#362f29;color:#fff;padding:3px 5px}
a:link.aktuell,
a:visited.aktuell {text-decoration:none;background:#352b24;color:#fff}

/* Preise */
table.preise {width:100%;color:#fff}
table.preise tbody td {font-size:12px;padding:3px}
table.preise thead td {font-weight:700;font-size:14px;background:#660066;padding:3px}
table.preise tr.background_a {background:#9f4a92}
table.preise tr.background_b {background:#cfa5c8}
table.preise tbody tr:hover {color:#660066;background:#fff}

label[for=el_8] { width: 100% !important; float: none !important; height: auto !important; display: inline-block !important; }
#el_8 { float: left !important; }

h3 {background: #9f4a92;color:#fff;padding:3px}
.flLeft {float:left;margin:0 20px 20px 0 }
.flRight {float:right;margin:0 0 20px 20px}

.piercingabc  {padding:10px 0}
.piercingabc img {float:left;margin:0 10px 10px 0}

/* Galerie */
div.galerie {}
div.thumbnails {float:left;background:#e7d2e3;border:1px solid #aaa;padding:10px;margin: 0 10px 10px 0;height:147px;width:150px;}
div.thumbnails  a,
div.thumbnails  img{display:block}
div.thumbnails  img{margin: 0 auto}
div.thumbnails div.ls,
div.thumbnails div.pt {height:140px}
div.thumbnails div.ls img,
div.thumbnails div.pt img{height:140px;margin:5px 5px 3px 5px}

/* Kontaktformular */
.formgen {font-size:12px;padding:10px}
.formgen img {border:none}
.formgen h3.formheadline {border-bottom:1px solid #9f4a92;margin:10px 0 10px 0}
.formgen .formtextfield {width:330px;height:12em;margin:0 0 0.5em 0;padding:2px 0 0 2px;border:1px solid #e4e4e4;border-bottom:2px solid #9f4a92}
.formgen .formtextfield:hover {border:1px solid #9f4a92;border-bottom:2px solid #9f4a92}
.formgen .formtextfield:focus {border:1px solid #9f4a92;border-bottom:2px solid #9f4a92}

.formgen .formselect {width:335px;height:27px;background:#fff;margin:0 0 0.5em 0;padding:4px 2px 2px 4px;border:1px solid #e4e4e4;border-bottom:2px solid #9f4a92}

.formgen .formtext{width:330px;height:2.25em;background:#fff;margin:0 0 0.5em 0;padding:4px 0 2px 4px;border:1px solid #e4e4e4;border-bottom:2px solid #9f4a92}
.formgen .formtext:hover{border:1px solid #9f4a92;border-bottom:2px solid #9f4a92}
.formgen .formtext:focus{border:1px solid #9f4a92;border-bottom:2px solid #9f4a92}

.formgen .formhinweis{}
.formgen .formheadline{}
.formgen .formcaptcha{}

.formgen label {width:140px;clear:left;float:left;height:1.25em;margin:5px 0 0 0;cursor:pointer}
.formgen fieldset {border:none}
.formgen legend {display:none}

.formgen .formerror {font-weight:700;color:#9f4a92}
.forminfo {background:#9f4a92;padding:10px;color:#fff}

.formgen p.formsubmit {padding: 10px 0 0 140px}
.formgen p.formcaptchacontainer {padding:0 0 0 140px;height:20px}
.formgen p.formcaptchacontainer img.formcaptcha {vertical-align:middle}

/* Responsive Work by Daniel Seidl - info@daniel-seidl.net */

.container {
	max-width: 990px;
}
header, article, footer {
	width: 100%;
	height: auto;
}
header a {
	background: none;
	height: auto;
}
.logo img {
	margin: 0 auto;
	width: 100%;
	max-width: 349px;
	height: auto;
	display: block;
	padding-top: 21px;
	padding-bottom: 21px;
}
.mobile-sf-menu {
	display: none;
}
.slicknav_menu {
	background: #B26EA8;
	border-bottom: 2px solid #B26EA8;
	display: none;
}
.slicknav_nav {
	background: #ffffff;
}
.slicknav_nav a {
	color: #B26EA8 !important;
}
.slicknav_nav a:hover {
	color: #ffffff !important;
	background: #660066 !important;
}
.slicknav_btn {
	background: #660066 !important;
}
.only-mobile {
	display: none;
}


@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 989px) {
	.certificate {
		display: none;
	}
}

@media only screen and (max-width : 767px) {
	.slicknav_menu {
		display: block;
	}
	menu {
		display: none;
	}
	body {
		background: none;
	}
	label, input, textarea {
		width: 100% !important;
		float: none !important;
	}
	form.a63-form .a63-buttons input {
		margin: 0px;
		margin-bottom: 3px;
	}
	.only-mobile {
		display: block;
		text-align: center;
	}
	.not-mobile {
		display: none;
	}
}



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

#cookiehinweis a:hover {text-decoration:underline;}

#cookiehinweis {padding:10px; padding-right:40px;}

#cookiehinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   top:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiehinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiehinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}