*{margin:0px; 
padding:0px;
}
html{font-size:12px;
color:#225;/*#225; font Programmausgaben*/
}
body{background-color:#678;
}
aside{float:left;
text-align:center;/* ? */
width:25%;
padding:10px;
}/*linke Spalte*/

main{float:left;
margin:5px auto;/*mittig*/
width:600px;
padding:10px;
background-color:#678;
}
div#container{margin:10px auto;/*Seiten mit nur einem Container*/
width:650px;
background-color:#2c333c;
}
table{margin:5px auto;
font-size:12px;
color:#333;
background-color:#fff;
/*border-collapse:collapse;
border:1px solid #fff;*/
}
.page-break{
display: block;
page-break-before: always;
}
.tab0{
margin:0px auto;
border:0px;
}
th{font-size:14px;
text-align:left;
padding:5px;
}
td{padding:3px;
vertical-align:top;
border:0px solid #fff;
}
div#uebersetzen{margin:10px auto;
width:530px;
padding:10px;
background-color:#ddd;
border:1px solid #fff;
}
div.text{margin:0px auto;
width:500px;
padding:10px;
background-color:#eee;
border:1px solid #fff;
}
div.area{margin:10px auto;
width:500px;
padding:10px;
font-size:9px;
color:#577;
background-color:#eee;
border:1px solid #fff;
}
textarea{font-size:11px; 
color:#577;
}
input{font-size:11px;
color: #333;
border:1px solid #aaa;
}
select{font-size:11px;
/*padding:3px;*/
}
#select01{width:220px;/*Breite*/
padding:3px;
}
#select02{width:220px;
padding:3px;
}
#select_zusatz1{width:80px;
padding:3px;
}
#select_zusatz2{width:80px;
padding:3px;
}
#select3{width:220px;
padding:3px;
}
#select5{width:220px;
padding:3px;
}
#select_versatz{width:270px;
padding:3px;
}
#select_glasur{width:270px;
padding:3px;
}
#stoffe{margin:10px auto;
padding:20px;
}
#stoffe td{padding:10px;
background-color:#dc8;
}
div#oxide{margin:20px auto;
padding:10px;
width:525px;
text-align:left;
background-color:#eee;
border:1px solid #fff;
}

/*alle submit zu buttons erklären*/
input[type="submit"]:hover,
a.button:hover {
background-color: #def;
}

.tabs-container {
text-align: center;
background-color:#fff;
height:15px;
}
.tabs-container input {
margin: 0px 0px 0px 25px;
padding:0px;
}

/*buttons nach Größe*/

.click8{width:15px;height:15px;background-color:#ddf;}

.click9{width:15px;height:15px;background-color:#f8f8f8;}

.click10{width:15px;height:15px;background-color:#fc3;}

.click6{width:65px;background-color:#fff;}

.click7{width:65px;background-color:#ccf;}

.click3{width:80px;background-color:#ddf;}

.click5{width:80px;background-color:#fc3;}

.click0{width:100px;background-color:#eff;}

.click{width:100px;background-color:#ddf;}

.click1{width:125px;background-color:#ddf;}

.click2{width:125px;background-color:#fc3;}

.click4{width:220px;background-color:#ddf;}

.click11{width:570px;height:15px;background-color:#ddf;}

.click12{width:570px;height:15px;background-color:#fc3;}

span.hinweise{font-size:14px;color:#fff;}

span.ueberschrift{font-size:14px;color:#333;}

span.fehlermeldung{font-size:14px;color:#f66;}

span.how{font-size:14px;color:#ccf;font-weight:bold;}

a:link{color:#333;text-decoration:none;}#Textlinks

a:hover{color:#0ff;text-decoration:underline;}

.hintsClass{font-family: tahoma, verdana, arial;
font-size:12px;
background-color:#fff;
color:#000066;
border:1px solid #888;
padding:5px;
}

/*Beispiel div-Tabelle*/
.table{display:table;
width:540px;
margin:auto;
background-color:#f8ffff;
box-shadow: 7px 7px 7px #566;
}
.title{display: table-caption;
text-align:center;
font-weight:bold;
font-size:larger;
}
.heading{display: table-row;
font-weight:bold;
text-align:center;
}
.row{display:table-row;
}
.cell{display:table-cell;
padding:10px;
}

/*Beispiel Hilfe Popups*/ 
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}