body, html { margin:0; height:101%; background:#CBA962 !important; font-family: verdana; font-size: 1em; color:#333; line-height:170%; }


img {border-radius:8px; }
.tablepico    { border-collapse: collapse; border: solid 0px #BFF;}
.tablepico thead { padding:0; font-size:0.1em;}
.tablepico-td { padding:0; font-size:0.1em;}

.imageContainer { padding: 0px; }
.imageBorder { width:23.5%; float:left; background-color: #FFF; padding: 5px; padding-bottom:20px; padding-top:0px; padding-left:0px; border:0px solid red; }
.imageImageBorder {  border:0px solid #B50000; }
.imageCaption { color: #666; font-size: 0.9em !important; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:120%; font-weight:normal !important; }
.imageStyle { cursor:pointer; border:1px solid #B50000; height:100px; width:99%; }

.componentheading, .componentheading-produkte {font-weight:bold; margin:0; font-family: 'Arial', verdana, arial; font-size:18px; color:#910029; border-bottom:1px solid #910029; }
.componentheading-produkte { margin-bottom:10px; }

.componentheading {margin:0; margin-bottom:10px; font-family: 'Arial', verdana, arial; font-size:16px; color:#065126; border-bottom:1px solid #065126; }
h1   {margin:0; margin-bottom:0px; font-family: 'Arial', verdana, arial; font-size:2.5em; color:#065126; border-bottom:1px solid #065126; }
h2   {margin:0; font-family: verdana, arial; font-size:13px; color:#065126; font-weight:bold;}
h3   {margin:0; margin-top:10px; font-family: verdana, arial; font-size:14px; color:#006600;}
h4   {margin:0; font-family: verdana, arial; font-size:12px; color:#333;}


p { margin:0; margin-bottom:10px;}
p.thumb {float:left; margin-right:5px;}
p img {width:100%; height:auto;}

table.spk {background: #ccc; border:4px solid green; border-radius:8px; }
table.spk td {background: #fff; vertical-align:top; border:0px solid red; }
.spk th {background-color: #DFDFDF; font-weight:normal; text-align:left; }

.over    { background:#910029; min-height:100%; width:100%; padding-top:12px; }
.overall { background:#FFFFFF; border:0px solid red; max-width:770px; margin:auto; position:static; border-top-left-radius:40px; border-top-right-radius:40px;}

.header-overall {margin:auto; min-width:320px; max-width:1150px; border:0px solid magenta; }
img.header-pic { width:100%; height:auto; border-radius:0px; }

.mainbody-overall {margin:auto; min-width:320px; max-width:1250px; background:#fff;}
.mainbody         {padding:0px; padding-top:0; }
.mainbody-inner   {border:0px solid red; padding:30px; padding-left:30px; padding-right:30px; }
.mainbody-inner table.blog { }

table.spk h2{font-weight:bold; font-size:14px;}
table.blog h2{font-weight:bold; font-size:15px; margin-top:3px; margin-bottom:8px;}
.display-n {display:none;}
img#max-img   {max-width:250px; }
table.ccc td {font-size:13px !important; }
table.ccc    { width:462px;}

.clear  { clear:both; }
.hidden { display:none; }
.small  { line-height:110%; font-size:12px; }
.courier_text {font-family:'Courier New', Courier, Arial; font-size:12px; }

.contentpane     { width:550px; text-align:left; }
table.kontakt100 { border-spacing: 0px; margin-top:10px; width:500px; }
.kontakt100.th, .kontakt100.td { padding: 0px; }
.kontakt100 .kontakt100 { margin-top:-2px; margin-left:-2px;}

.descr-email { text-align:left; margin-left:-5px; margin-top:7px; font-weight:normal;}
.message {font-size:16px; color:#065126; color:#cc0000; font-weight:bold; margin-bottom:15px;}
.contentpane input {padding:5px; font-family: courier, courier, verdana, arial; font-size:16px; border-radius:8px; margin-bottom:5px; }
.inputboxR {padding:5px; font-family: courier, courier, verdana, arial; font-size:16px; border-radius:8px; margin-bottom:5px; }
.contentpane textarea {padding:5px; font-size:16px; border-radius:8px; margin-bottom:5px; }
#contact_text {width:80%; }
#code         {width:150px; height:45px; }
#contact_captcha {width:140px; letter-spacing:10px; font-size:24px; padding-left:12px;}
#button-kontakt  {font-size:24px; }

/* ######################################################## */
form{margin:0px;}

a:link, a:visited { color:#333; text-decoration: none; }
a:hover { color:#C80000; text-decoration:underline; }
#fmail a, .f-left3-1 a { color:#CCC; }
#fmail a:hover, .f-left3-1 a:hover { color:#FFF; }

.blog1-img img {width:100%; height:auto; }
div.readon {border-bottom:1px solid green; margin-bottom:8px; line-height:26px; padding-right:5px; font-size:14px; text-align:right; clear:both; }
a.readon   {color:#CC0000;}
.back_button {margin-top:5px; height:25px; background:url('../images/back-return.jpg'); background-repeat:no-repeat; text-indent:60px; padding-top:4px;}

table.blog {width:100%; min-width:310px;}

a.contentpagetitle { text-decoration:none; color: #910029; }
a.contentpagetitle:hover { text-decoration:none; color: #CC0000; }

table.blog-td h1{ padding:0px; margin-bottom:20px; border:0px solid green; font-size:2em; line-height:100%; }

.m-top{clear:both; padding-top:8px;}

.logo-overall {}
.logo-4     {text-align:center; border:0px solid green; }
.logo-41, .logo-42, .logo-43, .logo-44    { float:left; margin-left:5px; margin-right:5px; width:23.5%; border:0px dotted magenta; }

.logo-4 img { width: 40.6%; height:auto; border:0px solid blue; margin-right:10px; margin-left:10px;}
.logo-4x {padding-left:20px; padding-right:20px; }
.logo-4b {padding:8px; margin:10px auto; width:100px; border:4px solid green; border-radius:8px; }

#con-1 img { width:20%; height:auto; }
#con-2 img { width:20%; height:auto; }
#con-3 img { width:20%; height:auto; }
#con-4 img { width:20%; height:auto; }

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 { position: relative; opacity: 1; background-attachment: fixed;
  background-position: center; background-repeat: no-repeat; background-size: cover; margin-top:20px; margin-bottom:20px;}

.bgimg-1 { background-image: url("../../../pics/diagnose/bg/bg-1.jpg"); min-height: 400px; }
.bgimg-2 { background-image: url("../../../pics/diagnose/bg/bg-2.jpg"); min-height: 500px; }
.bgimg-3 { background-image: url("../../../pics/diagnose/bg/bg-3.jpg"); min-height: 400px; }
.bgimg-4 { background-image: url("../../../pics/diagnose/bg/bg-4.jpg"); min-height: 400px; }

.caption  { position: absolute; top: 30%; left:15%; width: 70%; text-align: center; border:0px dotted yellow; color:#FFF; }
.border   { float:right; color: #fff; padding: 10px; font-size: 1rem; letter-spacing: 1px; background-color: #000; opacity:0.7; }
.border-0 { float:left; background:#fff; padding:3px; }

td.t2left  { width:23%; }
td.t2left img { width: 100%; height:auto; }
td.t2right { width:77%; }

#id-itemid {   display: none; position: fixed; right: 30px; bottom: 20px; padding:2px; border:2px solid green; border-radius:8px; background:#00CC99; }
.rrad {width:50%;}

.mtable table td {white-space: nowrap; border-color:#ddd;}
  
.mob-only {display: none; }

p  { margin:0; }
td { font-family:arial; font-size:14px; }
table.tab800 { border:0px solid #ccc; width:800px; }
.t1234 { border:0px solid #ccc; width:800px; }
table.tab801 { border:0px solid #ccc; width:800px; }
table.tab800 td {white-space: nowrap; padding-right:3px; padding-bottom:7px; border-bottom:2px solid green; }
table.tab801 td {white-space: nowrap; padding-right:3px; padding-bottom:7px; border-bottom:1px solid green; line-height:18px; }
.sticky { position: sticky; top:100px; float:right; width:70px; border:0px solid green; line-height:18px;}
.p-800 p {max-width:800px;}
#search_searchword {}

.moduletable-top1 { float:right; border:0px solid blue; margin-left:40px;;}
.moduletable-top2 { float:right; border:0px solid blue;  padding-top:6px;}
.highlight, a-search {background:yellow;}
.xflowx  {overflow-x: scroll; border:1px solid red; margin:5px;}

@media (max-width: 801px) {
	.tab800 { border:1px solid #ccc; width:100%; border-collapse: collapse;}
	.tab800 td {white-space: nowrap; padding-right:3px; padding-bottom:5px; }
	.tab801 { border:1px solid #ccc; min-width:450px; border-collapse: collapse; margin-bottom:8px; max-width:100%; }
	.tab801 td {white-space: nowrap; padding-right:3px; padding-bottom:5px; }
	.xflow  {overflow-x: scroll;}
	.t1234  { max-width:100%; }
	.t1234 td {white-space:nowrap; font-size:13px; width:15%;}
	.sticky { display:none; }
	#search_searchword { width:80px; }
}

@media (min-width: 768px) {  /*  für pc */

}
@media (max-width: 768px) {  /*  für mobile */
	#con-1 img { width:25%; height:auto; }
	#con-2 img { width:25%; height:auto; }
	#con-3 img { width:25%; height:auto; }
	#con-4 img { width:25%; height:auto; }

}
@media (max-width: 768px) {  /*  für mobile */
	.mainbody-overall {min-width:320px; width:99%; background:#fff; }
	.mainbody         {float:none;}

	.modules-re  {float:none; margin:auto; max-width:99%; margin-left:0; margin-top:8px; background:#fff;}

	.contentpane     { width:99%; text-align:left; }
	table.kontakt100 { border-spacing: 0px; margin-top:10px; width:99%; }

	.mob-only {display: block; }
	.logo-41, .logo-42, .logo-44    { float:left; margin-left:5px; margin-right:5px; width:48%; border:0px dotted magenta; }
	.logo-43    { clear:right; width:48%; border:0px solid magenta; }	
	
	.logo-4 img { width: 50.6%; height:auto; border:0px solid blue; margin-right:10px; margin-left:10px;}		
	.logo-4x {padding-left:15px; padding-right:15px; padding-top:8px; font-size:12px;}
	.logo-4b {padding:4px; margin:10px auto; width:80px; border:3px solid green; border-radius:8px; }

	.caption  { position: absolute; top: 30%; left:5%; width: 90%; text-align: center; border:0px dotted yellow; color:#FFF; }
	.border   { float:right; color: #fff; padding: 10px; font-size: .9rem; letter-spacing: 0px; background-color: #000; opacity:0.7; }
}


@media (max-width: 801px) {
	.over   { background:#910029; min-height:100%; width:99%; padding-top:2px;}
	.overall{ border:0px solid red;  background:#FFF; margin:4px; width:98%; }
}
@media (max-width: 610px) {
	.logo-41, .logo-42, .logo-43, .logo-44    { margin-left:5px; margin-right:5px; width:46%; border:0px dotted magenta; }
	.mainbody         { padding:5px; padding-top:20px; border:0px solid blue;}
	.mainbody-inner   { border:0px solid green; padding:10px; padding-left:3px; padding-right:3px; min-width:320px;}

}
@media (max-width: 370px) {
	.mainbody         { padding:1px; padding-top:25px; border:0px solid blue;}
	.mainbody-inner   { border:0px solid magenta; border-radius:8px; padding:1px; padding-left:1px; padding-right:1px; min-width:320px;}
	.courier_text     { font-size:11px; }
}
/*
ul { margin: 0; padding: 0; list-style: none; }
ul li { line-height: 15px; padding-left: 15px; padding-top: 0px; }


.NNavigation a.mainlevel:link, .Navigation a.mainlevel:visited, .Navigation .mainlevel {
	float:left;
	font-size: 1em;
	font-weight: normal;
	color: #8D9055;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/ *text-t ransform: uppercase;* /
	text-align: left;
	height: 28px;
	line-height: 28px;
	text-indent: 1px;
	margin-left:-5px; padding-right:5px;
	width: 150px;
	text-decoration:none;
	
	background-image: url(../images/menu_bg.png);
	background-position: left center;
	background-repeat: no-repeat;}
	/ ** /

a.Nmainlevel:visited {
	font-size: 1em;
	font-weight: bold;
	color: #8D9066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	height: 28px;
	line-height: 28px;
	text-indent: 15px;
	margin-left:-15px;
	width: 202px;
	text-decoration:none;
	
	background-image: url(../images/menu_bg.png);
	background-position: left center;
	background-repeat: no-repeat;}
	/** /
		
a.Nmainlevel:hover {
	color: #606239;
	background-image: url(../images/menu_bg_over.png);
	background-position: left 3px;
	background-repeat: no-repeat;}
	
#active_menu     { color: #FF0002; }
*/

#navcontainer ul.Navigation      { margin: 0; padding: 0px; list-style-type: none; text-align: center; }
#navcontainer ul.Navigation li   { display: inline; padding: 0px;}
#navcontainer ul.Navigation li a { text-decoration: none; padding: 1em 1em; line-height:35px; color: #333; }

div.table-start       {width:100%; max-width:600px; float:left; border:0px solid #000;}
table.table-start     {width:100%; max-width:595px; }
table.table-start img {width:99%; height:auto;}
table.table-start td  {font-size:24px; font-size:2em; line-height: 28px; font-family:'Dancing Script'; }

#rotater, #rotaterX, .rotaterX {
  transition: all 0.3s ease;
  border: 0.0625em solid black;
  border-radius: 5.75em;
   font-size:36px; border:0px dotted blue; line-height:33px; font-family:'Dancing Script';
}

.rotaterX {float:left; text-align:right; margin:auto; margin-top:30px; width: 300px; }

table.blog-td {border:0px dotted red;}
div.contentpaneopen {padding-bottom:10px; border-bottom:0px dotted green;}

.accHL {display:inline; font-size:14px; font-weight:bold; cursor:pointer;}
#my-simple-gallery {text-align:center;}
figure {width:32.5% !important; }
figure img {height:120px !important; width:100% !important;}

.karte1 {position:fixed; top:130px; left:2%; }
.karte2 {position:fixed; top:130px; right:2%; }

.karte1m, .karte2m { display:none; } 
table#kontakt-8 th {text-align:left; }

@media (max-width: 1400px) {
	img.karte1 {left:1px;}
	img.karte2 {right:1px;}
}
@media (max-width: 1270px) {
	img.karte1, img.karte2 {display:none; }
	.karte1m, .karte2m { display:block; }
}	
@media (max-width: 610px) {
	figure {width:32.0% !important; }
	figure img {height:90px !important; }
	.imageCaption { color: blue; font-size: 0.6em !important; }
	.imageStyle { cursor:pointer; border:1px solid green; height:60px; }
	#id-itemid  { display: block; position: fixed; right: 30px; bottom: 2px; padding:1px; border:2px solid green; border-radius:8px; background:#00CC99; }
}
@media (max-width: 380px) {
	figure {width:30.5% !important; }
	figure img {height:60px !important; }
   .imageBorder { width:23.0%; }
   .imageCaption {display:none; }
}
img {max-width:100%; height:auto; }