@charset "UTF-8";

/* ****** Aix Scientifics - Homepage ****** */
/* ****** lastmodification = "14.03.2023";  */


/* *** CORPO e COMMUNE *** */

body {
	border-spacing: 0px;
	margin: 1px;
	padding: 1px;
	text-decoration:none;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	background-color:#fff; 
	background-image:url(/i/aixback.gif);
	color:#006688;
	background-attachment:fixed;
	background-position: -45px -0px;
	 }


.rand	{ background-image:url(/i/rand.gif); width:8px; }
.sketch	{width:413px; height:255px; }				/* ????? */
.experimental { text-shadow: red 3px 5px 4px; }
.ex 	{color:fuchsia; font-weight:bold; line-height:1px;}
.grau	{color:#8899aa; font-size:0.8em;}
.tit	{border-radius:3px;}
ul		{border-radius:4px; list-style-type:none;}

.mmm	{ box-shadow:0 0 14px #178; background-color:#1bb; color:#ffffff;font-size:1.4em;} 
.mms	{ box-shadow:0 0 15px #ccc; }

h1	{ font-size:1.2em; }
h2	{ font-size:1.1em; }

.luet	{ font-size: 0.8em; }
.norm	{ font-size: 1.0em; }
.gros	{ font-size: 1.2em; }
.extr	{ font-size: 1.4em; }
.ar 	{ font-size: 1.1em; }
.ra 	{ font-size: 0.8em; }
.rb 	{ font-size: 0.7em; }
.mark	{color:#ff0000;}


.text8	{ font-size:0.8em; color:#006688; hyphens: auto; }
.block	{ text-align: justify; }
.padd10	{ padding-left:10px; padding-right:10px; }

.v1		{ display:block; }
.v0		{ display:none; }

acronym, abbr {color:#006688; text-decoration:none; font-weight: normal; cursor:help;}

#expander, .zeig {cursor:pointer; }
.zeig:hover, .zeig:focus, .zeig:active {color:#ff0000;}

a, a:link, a:visited, a:active { 
	color:#0033cc; text-decoration:none; font-weight: normal; cursor:pointer; }
a:hover, a:focus { color:#ff0000; cursor:url(/i/klenkes.cur), pointer; }
a.gif, a.gif:link, a.gif:visited, a.gif:active { color:#006688; }
a.glo, a.glo:link, a.glo:visited, a.glo:active { color:#006688; cursor:help; }
a.glow, a.glow:link, a.glow:visited, a.glow:active, a.glow:hover, a.glow:focus { color:#ffffff; cursor:help; }

p.bottom0	{margin-bottom:0px;}
p.bottom0 a {font-weight:bold;}
.top0	{margin-top:0px;}


.centre	{ text-align: center; }
.center { margin-left:auto; margin-right:auto; }
.justify{ text-align: justify; } 

.grey	{ color:#aaaaaa; }
.white	{ color:#ffffff; }
.bold	{ font-weight: bold; }

.sup	{ line-height: 1px; }

img, input[type=image] { border-width:0px; }

					.was-iat-das {background-image: url(/i/shadow.gif);}

li.ntl {display: none; }
.flg:hover li { display: block; }
.flg a {text-decoration:none; color:grey; }

/* *** NAVIGATION *** */
.wma { color:#058;}
.WMA { font-family:"Open Sans", sans-serif; color:#058; text-transform:uppercase; text-align:left; font-size:26px; font-weight:300; padding-left:15px;}
.msg { width:608px; height:28px; }

#dark:checked ~ #darkes {display: none;}
#dark:checked ~ #alle {background:transparent url(/i/aixneg.gif);}
#dark:checked ~ #alle .text, #dark:checked ~ #alle .text a , #dark:checked ~ #alle .text p {color:#bff;}
#dark:checked ~ #alle .text li {color:#bff;}
#dark:checked ~ #alle #nav div label a, #dark:checked ~ #alle .minorfence {color:#bff;}
#dark:checked ~ #alle #nav {background-image: url('');}
#dark:checked ~ #alle #logo img {content: url(/i/aix32green.png);}
#dark:checked ~ #alle .nav span a {color:#bff;}
#dark:checked ~ #alle .minor, #dark:checked ~ #alle .minor a {color:#bff;}

#dark:checked ~ #alle .mmm	{ box-shadow:0 0 20px #bcc; background-color:#1bb; color:#ffffff;font-size:1.4em;} 
#dark:checked ~ #alle .mms	{ box-shadow:0 0 15px #000; }
#dark:checked ~ #alle .rand	{ background-image:url(/i/rand.png); width:8px; }
#dark:checked ~ #alle .wma	{ color:#5ad;} 
#dark:checked ~ #alle .WMA	{ color:#5ad;} 

#alle {	background:transparent url(/i/aixback.gif);}

#tab	{ 
	height:1.1em;
	margin:0px; padding:0px;
	list-style-type:none; }

	 
/*	.nav { width:120px; font-size:0.8em; }	*/
	 

#nav li ul li, #nav li ul li { float:none; padding:0 5px 0 5px; }



#Logo 	  {	margin:0px; height:34px; width:34px;font-size:34px; z-index:8;position:relative; }
#Logo:hover {background: url("/i/aix32green.png") no-repeat; background-position: 0px -2px;   }
#Logo:hover img {visibility:hidden; }


/* *** CONTENTO *** */

/*  (e.g. footer) */
.minorf	{ font-size:0.7em; color:#005577; margin-right:10px; margin-left:10px; }


/*  (e.g. login) */
.major	{ border:1px #007f8f solid; background-color:#f0f0f0; color:#005577; font-size:1.2em; font-weight: bold; }	
.major:hover { border: 1px #ff0000 solid; background-color: #d6d7b5; }	



/* Tabellen */

form {	display:inline; }

table	{
	border-width:0; padding:0px; margin:0; z-index:9;position:relative;}

td, th	{ vertical-align: top; }

table.form { font-size:0.9em; }
	
table.menu {
	color: #005577;
	font-size:0.9em; }
 
	/* --- LOGIN style : --- */

table.loginC {	
	border-spacing: 7px; position: absolute}



table.login {	
	border-spacing: 7px;}

tr.login {	
	background-color:#eeeeee;  }

td.login, th.login {	
	padding: 5px;
	vertical-align: middle; }

td.login input {	
	font-size:1.0em; }

td.login img {	
	vertical-align: middle; }
  

th.text {
	padding: 9px;
	vertical-align: middle;
	font-size:0.9em; }

	
td.msg {
	font-size:0.9em;
	font-weight: bold;
	color: #ff0000;
	padding-top: 5px; padding-bottom: 5px;
	text-align: center; }


/* menu reiter */
td.active, td.inactive {			
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	padding: 3px 5px 2px 3px ; /* t l b r */
	border-width: 1px;
	border-top-style: solid;
	 }
td.active	{ border-color: #000000; background-color: #f7f7df; 
	font-weight: bold;   border-bottom-style: none; }
td.inactive	{ border-color: #67674e; background-color: #c8c8b0; 
	font-weight: normal; border-bottom-style: solid; }

	
/* eingabefelder, buttons ... */

input {
	padding-left:15px;
	padding-right:15px;
	 }

input, select, textarea {
	background-color: #fff;
	color: #040;
	border: 1px #9bf solid; 
	border-radius:3px;
	box-shadow: #bdb 1px 2px 12px inset;
	 }

input[type='text']:focus, input[type='password']:focus, textarea:focus{box-shadow:0 0 6px #8b0!important; border:1px solid #079!important;outline:0}
input[type='text'], input[type='password'], textarea{transition:1.2s ease-in-out;}

input:hover, select:hover, textarea:hover {	background-color: #ffc; }
input:focus, select:focus, textarea:focus {	background-color: #ffe; }

input.button {
	font-size:1.0em;
	font-weight: bold;
	background-color: #ddeeff;
	color: #004400;
	border-color: #008888;
	border-style:outset  ;
}
input:hover.button {
	color: #ff0044;
	background-color: #ccddee;
}

a.logout {			
	color: #004488;
	font-size:0.8em;
	font-weight: bold;
}

/* listen */
td.list-dark {			
	font-weight: normal;
	white-space: nowrap;
	background-color: #e5e4c6;
	padding: 3px 5px 2px 3px ; /* t l b r */
}

.icon { border-width:0; height:34px; 
	margin:  0px 0px 0px 0px ;
	padding: 0px 5px 0px 0px ; /* t l b r */  }
.icom { border-width:0; height:40px; 
	margin:  0px 0px 0px 0px ;
	padding: 0px 5px 0px 0px ; /* t l b r */  }
.icor { border-width:0; height:26px; 
	margin:  0px 0px 0px 0px ;
	padding: 0px 5px 0px 0px ; /* t l b r */  }
icon { border-width:0; height:34px; margin-bottom: 0px;margin-top: 0px;padding-bottom: 0px;padding-top: 0px;}  /* Links */
.icons{ 
	padding: 1px 0px 1px 5px ; /* t l b r */
	vertical-align: middle;
	text-align: justify;
	font-size:0.9em; }

td#logo 	  {	margin:0px; width:32px;} /* t l b r */
td#logo:hover {background: url("/i/aix32anim.gif") no-repeat; height:32px; width:32px; }
td#logo:hover img {visibility:hidden; }

.abstract { display:none; color:#00aa00; background:white; padding:3px 12px 3px 12px;}
.abstr { font-size:0.8em; color:#00aa00; }

.note{
	position:absolute; right:0;left:0;
	visibility:hidden; cursor:pointer; z-index:1000;
	border:1px solid black; padding:8px; font-size: 0.7em; }


.prt {display:none;}

	.flag   { height:14px; width:22px; }



/* AllTrials */
@font-face {font-family: 'Shadows Into Light';	src: url('/css/shadowsintolight.woff2') ;}
#divA {border-top: 1px solid #ddd;	margin-top: 20px;	padding: 40px 0 0;	position: relative;}
.trials {background: #e51e25;	position: absolute;	margin: -50px 0 0 14px;	padding: 2px 8px 2px 8px;	left: 30%;}
.trials:before {border-right: 10px solid #d7070e;	border-top: 10px solid transparent;	content:''; right: 100%;	position: absolute;	top: 0;	width: 7px;}
.trials span a {color: #fff;	font-size: 1.2em;	font-weight:600;	font-family:'Shadows Into Light', cursive;}






@media print {
	.sic {display:none;}
	.prt {color:red;display:inline;}
	#nav, .nav {display:none;}
	.snow {visibility:hidden;}
	.druck {font-size:0.8em;}
	acronym[title]:after {content: ' [' attr(title) '] ';}
	abbr[title]:after {content: ' [' attr(title) '] ';}
	.sketch {width:290px; height:180px; }
	.subnav { width:170px; }
	.minor {font-size: 0.7em;color: #005577;margin-right: 10px;margin-left: 10px;z-index:9;position:relative;}
	}


/* HAMBURGER HAMBURGER HAMBURGER HAMBURGER */

label[for="ham_"], label[for="nav-closer"] {
	top: 2.5%;
	position: fixed;
	z-index: 999;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}
label[for="ham_"] {
	visibility: visible;
}
label[for="nav-closer"] {
	visibility:hidden ;
	background-color: #fff;
}

#ham_:checked + label span {
	visibility: hidden;
}
/*#nav-closer + label span:nth-child(2), #nav-closer + label span:nth-child(5) {
	transform: scale(0) ;
}
 #nav-closer + label span:nth-child(4) {
	transform: translateY(17.5px) rotate(-90deg) ;
}
#nav-closer + label span:nth-child(3) {
	transform: translateY(-15px) rotate(180deg);
} 
#nav-closer + label span:nth-child(6) {
	transform: translateY(-27.5px) rotate(90deg);
}

#nav-close span:nth-child(1) {
	transform: translateY(5px);
}
*/
@media only screen and (max-width: 779px){		/*dynamic styles for phone*/
.text	{	font-size:0.8em; color:#006688; hyphens: auto;margin-top: 4%}
.subnav { background:#f8f8f8; z-index:15;
	width:210px; 
	right:0;left:0;
	border: none; 
	}
.red	{ color:#ff0000; font-weight:bold;width: 25%}	
#scra { text-align: center; margin-left:auto; margin-right:auto;margin-top:15% }
.subtab { background:#f8f8ff; z-index:1000;
	width:300px; height:85px; font-size:0.5em; 
	border: 1px solid #bbcccc; padding:3px; }

.navdbl {display: none;}
label[for="lan_"],label[for="service_"],label[for="products_"],label[for="aboutus_"] {color: #0033cc;display: inline-block !important;}

.centrebrw	{ text-align: center; font-size: 28px; width: 100%}
td.text{
	font-size: 1.4em;width: 94%; float: left; margin: 3%;text-align:justify;}
td.ar{
	font-size: 1.6em;width: 94%; float: right; margin: 3%;text-align:justify;}
.textbrw td{
	font-size: 1.4em;width: 45%; float: left; margin: 1%;}
td { margin: 50px;}	
table, .table {width: 100%;}
.sketch {width:227px; height:128px; }
.toplog{margin-top: 5%;}
.msg	{ width:322px; height:28px; }
	 
#nav	{ z-index:10; width:94%; height:1.1em; padding: 0;margin: 3%;float: left; position: relative;top: -25%}
#nav li, #tab li { width:350px; display: inline-block; margin: 1% 0% 1% 0%; border-left: 0;padding:2%; font-size:1.25em; }
.CRO	{font-size:0.7em;}
.fence	{width: 100%;}
.flag   { height:12px; width:21px; }
a {height: 10px;}
.v1 {width: 75%;}
.log {width: 75%;}
.subnav	{ width:94%; }
.flag   { height:12px; width:21px; }





#toptable {
	position: fixed;
	background-image:url(/i/aixback.gif);
	top: 2%;
}






.minor	{ font-size:0.9em; color:#005577; margin-right:10px; margin-left:10px; z-index:9;position:relative; }
.minorfence { display:none }
.ham_{
  z-index: 998;
}
.lan_,.aboutus_,.products_,.service_{
  z-index: 997;
}
.ham_ ,.lan_ ,.aboutus_,.products_,.service_  {
	position: fixed;
	top: 0;
	transform: translate(-110%);
	background-color: #1bb;
	transition: 1s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column nowrap;
	padding: 20px;
	height: 95%;
	background-image:url(/i/aixback.gif);
	overflow:auto;
	white-space:nowrap;
}
.ham_ > ul > li {
	white-space: nowrap;
	cursor: pointer;
	color: rgb(97, 97, 97);
}

#ham_:checked + label {
    visibility: hidden;
}

#ham_:checked ~ #nav-close,#lan_:checked ~ #nav-close,#aboutus_:checked ~ #nav-close,#products_:checked ~ #nav-close,#service_:checked ~ #nav-close {
    visibility: visible;
}

#ham_:checked ~ div.ham_  {
	transform: translate(0px);
	visibility: visible;
}

#lan_:checked ~ div.ham_ .lan_,#aboutus_:checked ~ div.ham_ .aboutus_,#products_:checked ~ div.ham_ .products_,#service_:checked ~ div.ham_ .service_ {
	visibility: visible;
	display: flex;
	transform: translate(0px);
}

#lan_:checked ~ div.ham_,#aboutus_:checked ~ div.ham_,#products_:checked ~ div.ham_,#service_:checked ~ div.ham_{
	transform: translate(0px);
	visibility: visible;
}
#nav li ul {	
	box-shadow: none;
}
.service_ > li > ul {	
	display: flex;
}
#nav li ul li {
	padding: 3%;
	font-size: 1em !important;
	float: left;
	position: relative;
	top: 10%;
}
#nav li ul li #login_{
	display: none;
}
#nav li ul li ul {
	list-style-type:none; 
	display: block;
	background: none;
	border: none;
	top: 0px;
	box-shadow: none;
	left: 0px  !important; 
}
.full-page {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2cc;
	z-index: 997;
	opacity: 0;
	visibility: hidden;
	display: none;
	transition: 50ms;
	position: fixed;
}

#ham_:checked ~ div.full-page,#lan_:checked ~ div.full-page,#aboutus_:checked ~ div.full-page
,#products_:checked ~ div.full-page,#service_:checked ~ div.full-page {
	display: block;
	opacity: .5;
	visibility: visible;
}
[for="ham_"] > span, [for="nav-closer"] > span {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column wrap;
	align-content: center;
	align-items: center;
}

.menu-line, .menu-close {
	display: block;
	width: 12px;
	height: 3px;
	margin: 2px 0 5px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	transition: 5ms;
	transform-origin: right center;
}
.menu-line {
	background-color: #1bb;
}
.menu-close {
	background-color: #000;
}

[for="nav-closer"] > span > span:nth-child(4),[for="nav-closer"] > span > span:nth-child(5),[for="nav-closer"] > span > span:nth-child(6) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	transform-origin: left center;
}

.minorfence3{width: 100%; font-size:1.1em; color:#005577; margin-right:10px; }
.minorfence2{width: 100%;}  	
.minorfence5{width: 40%; font-size:1.1em; color:#005577;  margin-left:60%;margin-top:-60% }
.minorfence4{width: 100%;}
}





@media screen and (max-width: 7500px) and (min-width: 780px){
	.text	{	font-size:1em; color:#006688; hyphens: auto}
	td.text	{	font-size:0.9em; text-align: justify;vertical-align: middle;padding: 9px;}
	.stab {width: 49%}
.subnav { background:#f8f8f8; z-index:15;
	width:210px; 
	font-size:0.8em; right:0;left:0;
	border: 1px solid #dddddd; opacity:.90; 
	}
#scra { text-align: center; width:608px; margin-left:auto; margin-right:auto; }	
#nav { z-index:10; 
	width:620px; height:1.1em;
	margin:0px; padding:0px;
	list-style-type:none;
	background-repeat:repeat-x;
	background-image: url(/i/shadow.gif);
	position:relative; right:0;left:0; }
.subtab { background:#f8f8ff; z-index:1000;
	width:300px; height:85px; font-size:0.8em; 
	border: 1px solid #bbcccc; padding:3px; }	
#nav li:hover ul, #nav li:hover ul:hover, #tab li:hover ul, #tab li:hover ul:hover { display:block; }
#nav li:hover ul:hover li:hover ul, #tab li:hover ul:hover li:hover ul { visibility:visible ; }

#nav li ul, #tab li ul { 
	display:none;  
	margin:0; 
	padding:6px 0 6px 0; 
	list-style-type:none; 
	position:absolute; right:0;left:0; top:18px;
	z-index:20;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
#nav li ul li ul{
	margin:0; padding:5px 2px 2px 5px; 
	list-style-type:none; 
	background:#f0f0f0; 
	width:170px;
	position:absolute; top:-8px; 
	border: 1px solid #dddddd; 
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }

#nav li, #tab li { 
	margin:0px; padding:0px; 
	height:18px;
	position:relative; right:0;left:0;
	 }
.minor	{ font-size:0.7em; color:#005577; z-index:9;position:relative;}
.minorfence1{width: 45%;margin-top: -30%;margin-left: 55%; font-size:0.7em; color:#005577; margin-right:10px; }
.minorfence3{width: 45%;margin-top: -20%;margin-left: 50%; font-size:0.7em; color:#005577; margin-right:10px; }
.minorfence5{width: 45%;margin-top: -25%;margin-left: 40%; font-size:0.7em; color:#005577; margin-right:10px; }
.con01 {font-weight: bold;}
.centrebrw	{ text-align: center !important;}
.Comf{font-size: 18px}
.sketch {width:290px; height:180px; }
table, .table	{width: 620px;}
.msg	{ width:452px; height:28px; }
#nav li div, #tab li div { width:110px;font-size:0.8em;}
.v1 {width: 73%;}
.v0 {width: 73%;}
.log {width: 73%;}
.red	{ color:#ff0000; font-weight:bold; width: 17.5%;white-space: nowrap;}
}
	

#ham_,#lan_,#aboutus_,#products_,#service_,#nav-closer {
	display: none; } /* no input buttons */