html { font-family:Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; }
body{ padding:0; margin:0; color:#333; background:#fff; font-size:17px; line-height:1.2; }
/* ::START:: normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
time {display: inline; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],template {display: none;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img{border:0; vertical-align:bottom; max-width:100%; height:auto; }
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0; }
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; }
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
ut {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
tgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
/* ::END:: normalize */


/* ::START:: TAG Selectoren */
h1 {margin:0 0 30px 0; font-size:20px;  font-weight:normal; text-transform:uppercase; text-align:center;}
h2,h3,h4,h5,h6 {margin:0 0 15px 0; font-size:17px;}
h3,h4,h5,h6 { font-weight:normal; color:#97A6BB; }
h3{ text-transform:uppercase; }

p {margin:0 0 15px 0;}
a {color:#97A6BB; text-decoration:none; font-weight:bold;}
a:hover {color:#333;}

ul,ol {margin:0 0 15px 25px; padding:0;list-style-image: url(../img/bullet.png);}
hr {clear:both; border:0px; border-bottom:solid 1px #333; margin:0px 0px 10px 0px;}
blockquote {margin:0 0 15px 15px; }
/* ::END:: TAG Selectoren */


/******** CLASS *********/
.textklein{ font-size:15px;}
.openImage {}
.openImageLeft {float:left; margin:0 10px 10px 0;}
.openImageRight {float:right; margin:0 0 10px 10px;}
.clearer {clear:both; font-size:1px; height:1px;}
.clearernormal {clear:both;}
.imgleft {float:left; margin:0 10px 10px 0;}
.imgright {float:right; margin:0 0 10px 10px;}


#cms-fe-ansicht { font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:1.2; color:#333; padding-top:50px; }
#gesamt {position:relative; width:95%; margin:0 auto; }


#header{ text-align:center; margin-bottom:20px; }


/*::START:: Navigation */
#mobilenav a{ font-size:44px; margin-bottom:10px; }
#closemenue, #mobilenavcontent{ display:none; }
#mobilenavcontent ul{ list-style:none; padding:0; margin:0 0 20px; position:relative; background:#97A6BB; }
#mobilenavcontent ul ul{ margin-bottom:0; }
#mobilenavcontent li a{ display:block;  color:#fff; line-height:2.5; padding-left:10px; border-bottom:1px solid #fff; }
#mobilenavcontent li a.active, #mobilenavcontent li a:hover{ background:#333;}
#mobilenavcontent li li a{ padding-left:25px;}
#mobilenavcontent li li li a{ padding-left:40px;}
#gesamt:target #mobilenavcontent{ display:block; }
#gesamt:target #closemenue{ display:block; }
#gesamt:target #openmenue{ display:none; }

#navigation,#subnavigation, #metanav{ display:none;}
#banner{ width:100%; margin-bottom:20px; }
/*::END:: Navigation */

/*::START:: Adresse */
#adr{ margin-bottom:30px; padding-top:15px; background:url(../img/con-splitter.png) 0 0 repeat-x;}
#adr address{ color: #999;  font-style:normal;}
#adr address a{ color: #999; font-style:normal;  }
#adr address a:hover{ color: #97A6BB; }
#adr address .trenner { display:block; text-indent:-9999px; height:4px; }

#footerlink{ margin-top:20px; color:#CDCDCD; font-size:12px; }
#footerlink a{ padding: 0 5px; color:#CDCDCD; font-weight:normal; border-left: 1px solid; }
#footerlink a:first-child{ padding-left: 0; border-left: none; }
#footerlink a:hover{ color:#97A6BB; }
/*::END:: Adresse */


.video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.video-container iframe { position: absolute; top:0; left: 0;width: 100%; height: 100%; }

/* FORM */
table{ width:98%; }
td{ font-size:12px; line-height:14px; }
td p{ margin-bottom:10px;}

.formfe { border:none; font-size:14px;}
#formError ul li{ color:#900; }
.formfe tr { height:26px;}
.formfe tr.moreTop td{padding-top:10px; vertical-align:top; }
.formfe td{ font-size:14px; }
.formfe #termin td{ display:block; }

.formfe legend { text-indent:-3000px;}
.formfe label { display:inline-block; min-width:140px; font-size:14px; cursor:pointer; line-height:30px; }
.formfe input { height:20px; padding-left: 5px; font-size:12px; border:1px solid #97A6BB; }
.formfe input.error { border:1px solid #900; }
.formfe input.checkbox{ width:15px; border:0px; padding-left: 0px; }
.formfe label.checkbox { height:18px; padding-left:15px; margin-bottom:15px; background:url(../img/chebox.png) 0px 6px no-repeat; }
.formfe input.checkboxopacity{
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.formfe select,.formfe select.styled,.formfe input, .formfe textarea { width:100%;  }
.formfe input { width:100%;  }
.formfe span.select{ width:89%; display:table-cell; }
.formfe input.fe-submit{  margin-right:15px; width:100px; height: 24px; line-height:24px; color:#fff; text-transform:uppercase; letter-spacing:2px; border:0px; background:#97A6BB; }
.formfe select { height:19px; margin:0px; border:1px solid #97A6BB; }
.formfe span.select{ position: absolute;  height: 15px; padding: 2px 7px; overflow: hidden; color: #333; font-size:13px; background: url(../img/selectpfeil.png) 99% 7px no-repeat #FFF; border: 1px solid #97A6BB;
}
.formfe select.styled { 
	position: relative;  z-index: 5;  opacity: 0; filter: alpha(opacity=0); 
} 
.formfe textarea { height:100px; padding: 5px; border:1px solid #97A6BB; }
.formfe .itextareahidden { position:absolute; top:-3000px; border:none; }


#preisausgabe th, #preisausgabe td.preisFooter{  color:#97A6BB; padding:0px 5px; border-bottom: 1px solid #97A6BB; text-align:left; }
#preisausgabe td.preisFooter{  border-bottom: 3px double #97A6BB; }
#preisausgabe td{  padding:0px 5px; border-bottom:1px solid #EBEBEB; }
#preisausgabe td.noborder{  border-bottom:0px none; }
#preisausgabe th.preisTxt{ width:60%; }
#preisausgabe th.preisTxtLong{ width:80%; }
#preisausgabe th.preisPreis{ width:20%; text-align:right; }
#preisausgabe th.preisAuswahl{ width:15%; }
#preisausgabe td.preisrechts { text-align:right;}
#preisausgabe td.noborder { border:none; }
#preisausgabe input.fe-submit {  width: 150px; margin-right:0px;}

#preisausgabe label.checkbox {
	display: inline; height:15px; width:50px;
	background:url(../img/chebox.png) 0px -3px no-repeat;
}
#preisausgabe input.checkboxopacity{
	width:10px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#sidebar{ padding: 10px; border:2px solid #97A6BB; border-radius: 5px; box-shadow: 0px 0px 10px #97A6BB inset; margin-bottom:30px; }
#sidebar #actuell{  font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-align:center; }
#sidebar .divider{ padding-top:10px; background:url(../img/con-splitter.png) 0 0 repeat-x; }
#sidebar p, #openNavbild p{ margin-bottom:15px; color:#999; font-size:14px; line-height:14px;}
#sidebar a, #openNavbild a{ font-weight:normal;}
#sidebar h2, #openNavbild h2{ margin-bottom:3px; color:#97A6BB; font-size:14px; line-height:20px; font-weight:bold; text-align:center; text-transform:uppercase;}
#sidebar h3, #openNavbild h3{ margin-bottom:10px; color:#97A6BB; line-height:20px; font-size:15px; text-align:center; text-transform:none; }
#sidebar h2.newsh2hautarzt, #openNavbild h2.newsh2hautarzt{ color:#97A6BB; }
#sidebar h2.newsh2haarentfernung, #openNavbild h2.newsh2haarentfernung{color:#97A6BB;}
#sidebar h2.newsh2venen, #openNavbild h2.newsh2venen{ color: #D68C77; }
#sidebar h2.newsh2fettabsaugung, #openNavbild h2.newsh2fettabsaugung{ color:#97A6BB; }
#sidebar h2.newsh2tattoo, #openNavbild h2.newsh2tattoo{ color:#EBC1B9; }
#sidebar h2.newsh2haarpraxis, #openNavbild h2.newsh2haarpraxis{color:#97A6BB;}
#sidebar h2.newsh2laser, #openNavbild h2.newsh2laser{ color:#EBC1B9; }

#googleRoute { margin:30px 0px 10px 0px;}
#googleRoute select { width:100px; height:20px; margin-right:10px; border:1px solid #97A6BB; font-size:12px;}
#googleRoute input#googleEnd { width:200px; height:18px; margin-right:30px; border:1px solid #97A6BB; font-size:12px;}
#googleRoute input#go { color:#fff; width:60px; height:20px; margin-right:20px; border:1px solid #97A6BB; background:#97A6BB;}
#googleMap{ height:500px; width:100%; max-width:670px;}
#googleDirectionsPanel { margin-top:20px; }

#content .galerie {margin-top:5px;}
#content .galerie img{margin-right:10px;}

#cookies a{ color:#999;  }
#cookies a:hover{ color:#fff;  }
#cookies { 
	display:none; position:fixed; left:0; bottom:0px; z-index:10000;
	width:100%; padding: 20px 30px 20px;
   	color:#999; font-size:14px; text-align:right; line-height:1.2;
	background: #222;
	box-sizing: border-box;
	line-height: 30px;
 }
#cookieWrapper{
	 display:flex; justify-content:flex-end; align-items: center;
}

#cookiesOk {
	line-height: 18px; color: #333; text-shadow: 0 1px 0 #FFF; white-space: nowrap;
	padding: 2px 12px; margin-left:20px; margin-right:20px; 
	background: linear-gradient(to bottom,#FEFEFE,#F4F4F4) #F3F3F3;
	border-color: #BBB; border-radius: 3px;
	display:inline-block;
 }

#cookiesDismiss {
	text-decoration:underline;
	cursor:pointer;
	display:inline-block;
}
#cookiesCloser:hover {
	background: linear-gradient(to bottom,#BBBBBB,#CFCFCF) #F3F3F3;
	border-color: #BBB;}


@media only screen AND (min-width:500px){
	.formfe form td{ display:table-cell; }
}

@media only screen AND (min-width:725px){
	/*********** CONTENT *********/
	#contentwrapper {position:relative; margin-top:30px; left:0px; background:#fff; padding-bottom:25px; }
	#ordination {padding:47px 0px 0px 40px;}
	#content { padding:0px 0px 0 0px;}
	#contentsubwrapper #content{ position:relative; width:700px; float:right;  }
	
	
	#adr{ margin:75px 0 30px; padding-top:8px;}
	
	#adr address{ color: #999; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:13px;}
	#adr address a{ color: #999; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:13px; }
	#adr address a:hover{ color: #97A6BB; font-style:normal; }
	#adr address .trenner { padding:0px 6px; }
	#imgwapperleft,.imgwapperleft { padding:3px 0px 0px 0px; }
	#imgwapperleft img,.imgwapperleft img { padding:1px 2px 0px 0px; }
	#footerlink{ margin-top:20px; color:#CDCDCD; font-size:12px; }
	#footerlink a{ padding: 0 5px; color:#CDCDCD; font-weight:normal; border-left: 1px solid; }
	#footerlink a:first-child{ padding-left: 0; border-left: none; }
	#footerlink a:hover{ color:#97A6BB; }
	
	#sidebar{ font-family:Arial, Helvetica, sans-serif; margin-top:30px; }
	
	.formfe select,.formfe select.styled,.formfe textarea { width:443px;  }
	.formfe span.select{ width: 426px; }
	.formfe input { width:435px; }

	#preisausgabe th.preisTxt{ width:410px; }
	#preisausgabe th.preisTxtLong{ width:420px; }
	

	/*::START:: Navigation*/
	#mobilenavcontent,#mobilenav,#gesamt:target #mobilenavcontent,#gesamt:target #closemenue,#gesamt:target #openmenue{ display:none; }
	
	#metanav{ display:block; position:relative; margin-top:0px; height:30px;}
	#metanav ul{ position:relative; float:right; margin:8px 30px 0px 12px; font-size:12px; line-height:14px; list-style:none; }
	#metanav ul li{ position:relative; float:left; padding: 0px 8px; border-left:1px solid #333; }
	#metanav ul li:first-child{ border-left:none; }
	#metanav ul li a{ font-size:12px; color:#333; font-weight:normal; padding-bottom: 1px;}
	#metanav ul li a:hover, #metanav ul li a.active {color:#97A6BB; border-bottom:1px solid; }
	#metanav form{ position:relative; float:right; top:7px; width:122px; height:18px; background:url(../img/suchform.png) 0 0 no-repeat; }
	#metanav #searchstring{ position: absolute; top: 3px; left:2px; height: 14px; width: 90px; margin: 0; padding: 0px 5px; color: #555555; font-size: 12px; 	background: none repeat scroll 0 0 transparent;  border:  none; }
	#metanav #searchsubmit{ position: absolute; top: 1px; right:0px; height: 16px; width: 20px;	text-indent: -8000px; cursor:pointer;	background: none repeat scroll 0 0 transparent;    border: none; }
	#metanav #facebooksite{ position:absolute; top:5px; right:0px;}
	#header {position:absolute; top:33px; left:0px;}
	
	#navigation { display:block;margin-top:127px; height:30px; }
	#navigation ul { float:right; margin:8px 0px 0px 12px; list-style:none; }
	#navigation ul li { float:left; padding: 0px 8px; }
	#navigation ul li a {  padding-bottom: 1px; font-size:12px; color:#333; font-weight:bold; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }
	#navigation ul li a:hover, #navigation ul li a.active {color:#97A6BB; border-bottom:2px solid; }
	
	#navigation ul ul { position:absolute; left:0; top:0; }
	#navigation ul ul li { float:none; padding: 0px 0px; }
	
	#middlewrapper, #contentsubwrapper{ position:relative; margin-top:10px; left:0px; }
	#subnavigation{display:block;  float:left; width:15%; padding-top:45px; border-top:5px solid #97A6BB; }
	#subnavigation ul{ list-style:none; margin:0px; }
	#subnavigation ul li a{ list-style:none; margin:0px; font-size:13px; line-height:15px; color:#97A6BB; text-decoration:none; }
	#subnavigation ul li a:hover, #subnavigation ul li a.active { text-decoration:underline; }
	#subnavigation ul li ul li{ background:url(../img/bullet-subnav.png) 0 11px no-repeat; padding:0px 0px 0px 17px; }
	#banner{ float:right; top:0px; right:0px; width:72.92%; }
	#banner h1{ text-align:left; }
	
	#adr address .trenner { display:inline;}
	
}

@media only screen AND (min-width:1000px){
	#subnavigation{width:230px;}
	#gesamt{ width:960px; padding:0 19px 40px; }
	#contentwrapper {position:relative; margin-top:30px; left:0px; background:#fff; padding-bottom:25px; width:960px;}
	#content{ float:left; width:680px; }
	#sidebar{ float:right; width:225px; border:none; margin-top:0; box-shadow:none; }
	#sidebar p, #openNavbild p{ font-size:12px; }
	#sidebar h2, #openNavbild h2{ font-size:12px; }
	.formfe #termin td{ display:table-cell; }
}

@media print{
	#gesamt{ width: 90%;}
	#contentwrapper, #content{ width: 100%;}
	#middlewrapper{ height:50px; margin:0px; padding:70px; }
	#metanav, #navigation, #subnavigation, #banner, #sidebar,#mobilenav,#mobilenavcontent{
		display:none; 
	}
}