@charset "utf-8";
/* CSS Document */
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
html, body { height:100%; background-image:url(../pic/bg0.jpg); }
.container { margin:auto; width:100%; height:100%; }
body { margin:auto; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; background-color:#000066;  width:100%; height:100%;  }
.contLeft{ float:left; clear:both; left:0px; margin:auto; text-align:center; height:100%; min-width:250px; width:15%;  background-color:#000033; padding:10px; border-right:3px solid #000044; }
.contRight { float:left; left:0px; width:70%;  }
#logo { float:none; }
#login { float:none;  } 

.mainStatus { background-color:#AAAAFF; border:1px solid #000000; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; -moz-box-shadow:3px 3px 10px #666666; -webkit-box-shadow:3px 3px 10px #666666; box-shadow:3px 3px 10px #666666; margin:auto;}
.pwcText { background-color:#FFFFCC; border:1px solid #000099; width:100%; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.roundedButton {  font-weight:bold; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; border:0px outset #000099; font-size:1.25em; }

.MainInfo {  background-color:#8888FF; border:3px solid #FFFFFF; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin:auto; width:85%; margin-top: 20px; }

.loginWin { position:absolute; left:50%; top:10%; margin-left:-250px; width:500px; height:230px; text-align:center; background-color:#CCCCFF; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:10px 0px 10px #000000; -webkit-box-shadow:10px 0px 10px #000000; box-shadow:10px 0px 10px #000000; }

.zugang { width:450px; height:50px; border:3px solid #FF0000; background-color:#FFFFCC; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  }
.zugbutton { width:350px; height:50px; border:3px solid #000000; background-color:#FFCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.headpanel {position:fixed; top:0px; left:0px;  width:100%; height:40px; background-color:#000000; color:#FFFFFF; border-bottom:3px solid #666666; }

.swahl { position:absolute; top:40px; width:20%;  clear:both;  float:left; background-color:#CCFFCC; opacity:1; padding:3px; }
.main { position:absolute; top:40px; left:20%; width:80%; height:95%; float:left;  color:#000000; }

.inputPanel { width:250px;  border-spacing:3px; padding:3px; margin-left:5px; border:0px solid #000000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-color:#FFFFCC; -moz-box-shadow:5px 0px 5px #000000; -webkit-box-shadow:5px 0px 5px #000000; box-shadow:5px 0px 5px #000000; }

.iLabel { font-size:14px; font-weight:bold; padding-left:3px; padding-right:3px; }
.iZahl { text-align:center; padding:3px; width:40px; background-color:#FFFFAA; border:1px solid #FF0000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#000099; }
.iText { text-align:left; padding:3px; width:100%; background-color:#FFFFAA; border:1px solid #FF0000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#000099;}
.iSumme { text-align:center; font-size:20px; color:#FFFF00; font-weight:bold; padding:3px; width:50px; background-color:#FF0000; border:1px solid #FFFF00; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
.balkenelement { font-size:12px; text-align:center; padding:1px; background-color:#CCCCCC; border:3px solid #666666; color:#000000; font-weight:normal; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.sbalkenelement { font-size:12px; text-align:center; padding:1px; background-color:#FFFF00; border:3px solid #990000; color:#000000; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.picsel { width:120px; text-align:center; background-color:#FFFFCC; border-bottom:1px solid #000000; border-right:1px solid #000000; }
.picseltitel { margin-left:3px; font-size:16px; width:850px; text-align:center; padding:3px; font-weight:bold; color:#FF0000; background-color:#FFFFAA; -moz-border-radius-topleft: 8px; moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; border-top-left-radius:8px; border-top-right-radius:8px; }
.fotogross { position:absolute; left:50px; top:0px; width:100px; height:150px;  }