/* ---------- Allgemein ---------- */
body,td,th,div,p,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

body {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}



#navigation{
	float:  left;
	height: 100%;
	width:  150px;
	top: 0;
	
	
}

#header{
	width: 100%;
	height: 80px;
	text-align: left;
	border-bottom:  10px solid #287bd1;
	
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	
}

#footer {
    clear:left;
    margin-top:1em;
    background:#efefef;
    text-align:center;
    padding:8px;
}

.s3LayoutFooter a, .s3LayoutFooter form {
	white-space: nowrap;
}

#glasspane {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;
	background-color: white;
	opacity: 0.85;
	display: none;
}

#glasspane div {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

#glasspane-cancel {
	display: none;
}

h1 {
	font-size: x-large;
	font-weight: bold;
}

h2 {
	font-size: large;
	font-weight: bold;
	color: #444444;
	padding-top: 1em;
}

h3 {
	font-size: small;
	font-weight: bold;
	padding-top: 1em;
}

h4 {
	font-size: small;
	font-weight: bold;
	color: black;
}

h5 {
	font-size: x-small;
	font-weight: bold;
	color: #333333;
}

A:link { 
	color: #304090;
	text-decoration: none;
}

A.linkfarbe:visited {
	color: #800080;
	text-decoration: none;
}

A:hover {
	color: #0000FF;
	text-decoration: underline;
}

A:active {
	color: #304090;
	text-decoration: none;
}

input.s3button {
	background-color: #304090;
	font-weight: bold;
	color: white;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

input[disabled].s3button{
	color: silver;
}

.abgerundet{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.abgerundet2{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}

th {
	font-weight: bold;
	color: black;
	text-align: left;
}

.s3error {
	font-weight: bold;
	color: #DD0000;
}

.label {
	font-weight: bold;
}

.mark {
	font-weight: bold;
}

.correct {
	color: green;
}

.incorrect {
	color: red;
}

.error {
	color: orange;
}

.bruchstrich {
	margin-top:-4px;
	margin-bottom:1px;
	line-height:0.1em;
}

pre {
	font-size: small;
	font-family: Courier, serif;
}

span.uncoveredLine {
	background-color: #ffffb0;
}

dt {
	font-weight:bold;
}

dd {
	background-color:#f0f0f0;
	padding:2px;
	margin-bottom:5px;
}

.activeTab {
	background-color: white;
	text-align:center;
	border-left:1px dotted black;
	border-right:1px dotted black;
	border-top:1px dotted black;
}

.activeTab input {
	background-color: white;
	text-align:center;
	border:none;
	font-weight:bold;
}

.inactiveTab {
	background-color: #304090;
	text-align:center;
	border-left:2px solid white;
	border-right:2px solid white;
	border-top:2px solid white;
	border-bottom:1px dotted;
}

.inactiveTab input {
	background-color: #304090;
	text-align:center;
	border:none;
	font-weight:bold;
	color:white;
}

.myFaces_panelTabbedPane_emptyHeaderCell {
	border-bottom:1px dotted;
}

.inactiveSubTab {
	padding:0px;
	height:0px;
	line-height:0px;
	border:none;
}

.tabContent {
	border-left:1px dotted;
	border-right:1px dotted;
	border-bottom:1px dotted;
}

.rotate90 {
	-moz-transform:rotate(-90deg); 
	-moz-transform-origin: bottom left;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: bottom left;
	-o-transform: rotate(-90deg);
	-o-transform-origin:  bottom left;
	position:relative;
	left:35px;
	overflow:visible;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

table.empRecordTable td {
	vertical-align:top;
	border-bottom:1px dotted;
}

table.empAttributeTable {
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}

table.empAttributeTable td {
	vertical-align:top;
	border:1px dotted;
}

.votebox {
	float:right;
	border:1px solid grey;
}

.votebox img {
	border:0px;
	margin:2px;
}

table.statistics_usage {
	border-spacing:0px;
	border-collapse:collapse;
}

table.statistics_usage td {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:1px;
	text-align:center;
	vertical-align:bottom;
	width:35px;
	font-size:7pt;
}

table.statistics_usage div {
	background-color:darkblue;
	width:35px;
}

table.statistics_results {
	border-spacing:0px;
	border-collapse:collapse;
}

table.statistics_results td {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:0px;
	text-align:center;
	vertical-align:bottom;
	width:12px;
	font-size:6pt;
}

table.statistics_results div {
	background-color:darkblue;
	width:12px;
}

table.statistics_votes {
	border-collapse:collapse;
}

table.statistics_votes td {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px dotted black;
}

table.statistics_votes th {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	text-align:center;
}

table.statistics_votes div {
	height:30px;
	float:left;
}

table.statistics_votes div.grey {
	background-color:#e0e0e0;
}

table.statistics_votes div.contra {
	background-color:red;
}

table.statistics_votes div.pro {
	background-color:green;
}

/* ---------- Theme Layout ---------- */
td.s3LayoutNav {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #555555;
	background-image: url(../images/LayoutNavBackground.jpg);
	background-repeat: repeat-y;
}

td.s3LayoutNavBackground {
	border-left: 1px solid #555555;
	background-color: #E9E98D;
}

a.s3LayoutNav {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

a.s3LayoutNav:hover {
	text-decoration: underline;
}

td.s3LayoutSeparatorV {
	background-image: url(../images/LayoutDotsVertical.gif);
	background-repeat: repeat-y;
}

td.s3LayoutSeparatorH {
	background-image: url(../images/LayoutDotsHorizontal.gif);
	background-repeat: repeat-x;
}

td.s3LayoutBlockBackground {
	font-size: x-small;
}

td.s3LayoutBlockTitle {
	background-color: #E9E98D;
	font-weight: bold;
	font-size: x-small;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

td.s3LayoutBlockTitle div {
	font-size: x-small;
	text-transform: none;
	font-weight: normal;
}

td.s3LayoutBlockContent {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: x-small;
}

td.s3LayoutContent {
	padding: 20px;
}

td.s3LayoutFooter {
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: x-small;
}

.datatableHeader{
	text-align:left;
}

.datatableHeader2{
	text-align:center;
}

.datatableHeader3{
	text-align:center;
	border-bottom:1px solid black;
}

.dataTableFooter{
	border-top:1px solid black;
	text-align:center;
}

.column1{
	text-align:left;
}

.column2{
	text-align:center;
}

.column3{
	text-align:center;
}

.column4{
	text-align:center;
}

.column5{
	text-align:center;
}

.column6{
	text-align:center;
}

.rightColumn{
	text-align:center;
	width:100px;
	border-left:1px solid black;
}

.sc0{
	padding-right:10px;
}

.sc1{
	
}

.sc2{
	width:420px;
}

.sc3{
	text-align:center;
}

/* ---------- Geometrie ---------- */
.jxgbox {
    position:relative; /* for IE 7 */
    overflow:hidden;
    background-color:#ffffff;
    border-style:solid;
    border-width:1px;
    border-color:#356AA0;
    border-radius:10px;
    /*-moz-border-radius:10px;*/
    -webkit-border-radius:10px;
    /*
        -moz-box-shadow:black 2px 2px 2px -2px, #151A10 4px 4px;
        -webkit-box-shadow:4px 4px 3px #151A10;
        */
}

.JXGtext {
    background-color: transparent; /* May produce artefacts in IE. Solution: setting a color explicitly. */
    font-family: Arial, Helvetica, Geneva;
    padding: 0px;
    margin: 0px;
    /*line-height:100%;*/ /* This has to be commented out. Otherwise subscripts are not visible in IE */
    /*border-style:dotted;*/
    /*border-width:0.4px;*/
}

.JXGinfobox {
    border-style:none;
    border-width:1px;
    border-color:black;
}

.JXGimage {
    opacity:1.0;
}

.JXGimageHighlight {
    opacity:0.6;
    /*
    border-style:solid;
    border-width:10px;
    border-color:#A0A0A0;
    */
}

.navbar {
    color: #aaaaaa;
    background-color: #f5f5f5;
    padding: 2px;
    position: absolute;
    font-size: 10px;
    cursor: pointer;
    z-index: 100;
    right: 5px;
    bottom: 5px;
}

table.exTable {
	border:1px solid black;
	border-collapse:collapse;
}

table.determinantTable {
	border-left: 1px solid black;
	border-right: 1px solid black;
}

table.determinantTable tr td {
	text-align: right;
}

table.exTable td {
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:10px;
	text-align:center;
	vertical-align:bottom;
}

table.indTable {
	border-collapse:collapse;
}

table.indTable td {
	padding:10px;
	text-align:center;
	vertical-align:bottom;
}

body {
  counter-reset: stage;
}

h2.stage-header::after {
  counter-increment: stage;
  content: counter(stage);
}

.stat-list {
 counter-reset: stage-index;
}

.stat-list .stage-index::before {
  counter-increment: stage-index;
  content: counter(stage-index);
}

/* ---------- Atom-Orbitale ---------- */

table.aoControls {
	width:800px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	border-collapse:collapse;
}

table.aoControls td {
	border-left:1px solid black;
	border-right:1px solid black;
}

table.aoControls th {
	border-left:1px solid black;
	border-right:1px solid black;
	padding:5px;
	text-align:center;
}