body, html 
	 {margin:0; height:101%; background:#003E00; font-family: verdana; font-size: .9em; color:#333; line-height:170%; 
	 }
	 /* background:url('../images/bg-karo.png');  'HcoStd'; 'AriaG'; 'ArCo'; 'ArCoB'; 'HeStd'; 'HeLight'; 'HeBold'; 'HeBlack';  6E0820 */

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 { float:left; background-color: #FFF; padding: 4px; padding-bottom:0px; padding-top:0px; padding-left:0px; border: solid 0px #BFF; }
.imageImageBorder { border: solid 0px #B50000; }
.imageCaption { color: #666; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.imageStyle { cursor:pointer; border: solid 1px #FFF; }

.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:10px; font-family: 'Arial', verdana, arial; font-size:16px; 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; font-family: verdana, arial; font-size:12px; color:#A58435;}
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 { border:5px solid white; width:1024px; margin:auto; margin-top:8px; position:relative; border-radius:8px; background:#fff;}

.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; border:0px solid red;}
.mainbody         {padding:10px; padding-top:0; border:0px solid blue;}
.mainbody-inner   { border:2px solid green; border-radius:8px; padding:15px; padding-left:30px; padding-right:30px; }
.mainbody-inner table.blog { border:0px solid green; border-radius:8px; }

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{ text-decoration:none; border-bottom:0px solid green;}

.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; }

.highlight, a-search {background: yellow;}
  
.mob-only {display: none; }
@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:1px solid #fff;  background:#FFF; margin-top:4px; width:100%; border-radius:0px;}
}
@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:0; border:0px solid blue;}
	.mainbody-inner   { border:1px solid green; border-radius:8px; padding:10px; padding-left:10px; padding-right:10px; min-width:320px;}

}
@media (max-width: 360px) {
	.mainbody         {padding:1px; padding-top:0; 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;  line-height: 28px; font-family: 'Dancing-Script', Arial, 'Times New Roman'; color:#000;}

#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', Arial, 'Times New Roman';
}

.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:2px dotted green;}

.accHL {display:inline; font-size:14px; font-weight:bold; cursor:pointer;}

@font-face {
  font-family: 'Dancing-Script';
  src: url(./google/Dancing-Script.eot);
  src: url(./google/Dancing-Script.eot?#iefix) format('embedded-opentype'),
       url(./google/Dancing-Script.woff2) format('woff2'),
       url(./google/Dancing-Script.woff) format('woff'),
       url(./google/Dancing-Script.ttf) format('truetype'),
       url(./google/Dancing-Script.svg#Dancing-Script) format('svg'),
       url(./google/Dancing-Script.otf) format('otf');
}