@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%; }
body { background-color:#cfcfff; margin:auto; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;  width:100%; height:100%; color:#000;  }
.bmenu { text-align:center;  }
.background { position:absolute; background-color:#cfcfff; top:0px; left:0px; width:100%; height:100%; opacity:0.3; z-index:-1; }
.bimage { max-width:100%; height:auto; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.zgcode { border-radius:10px; border: 3px solid #FF0000; font-size:22px; background-color:#FFFFAA; width:60%; padding:10px; margin-top:20px; text-align:center; }
.titelzeile { background-color:#cfcfff; font-size:2vw; font-weight:bold; border-bottom:5px solid #FFFFFF; color:#33FF33; text-align:center;  text-shadow: 3px 4px 10px #000000;}
.subtitel { font-size:2vw; font-weight:bold; color:#000000; text-align:center; }
.lMenu{  text-align:center; background-color:#BBFFAA;  border-right:3px solid #004400; }
.menButton { background-color:#FFFFCC; border:1px solid #FFFFEE; color: #000099; font-weight:bold; font-size:1em; }
#logo { float:none; }
#login { float:none; } 

.zugcode { padding:5px; width:35px; text-align:center; font-size:22px; font-weight:bold; border:1px solid #000099; border-radius:5px; }
.pwrule { text-align:left; font-size:16px; color:#FF0000;}
.npws { text-align:center; width:100%; border:1px solid #FF0000; padding:5px; background-color:#FFFFCC; color:#000099; font-size:20px; border-radius:5px; }

.splantag { font-size:1.3em; font-weight:bold; }
.splanbut { width:80%;}
.pspeise { border:none; background-color: #AAFFAA; padding:5px; border-radius:10px; margin-bottom:5px; }

.spList { background-color:#CCFFCC; border-right:3px solid #00AA00; }
.spEdit { background-color:#FFFFCC; }
.typsel { background-color:#CCFFCC; border:none; color:#000000; font-weight:normal;padding-top:10px; padding-bottom:10px; }
.typselS { background-color:#FFFF00; border:none; color:#FF0000; font-weight:bold;padding-top:10px; padding-bottom:10px; }

.spSel { text-align:left; background-color:#CCFFCC; border:none; color:#000000; font-weight:normal;padding-top:3px; }

.inpLabel1 { text-align:right; font-size:1em; font-weight:bold; padding-right:5px; width:200px; color:#FF0000; }
.inpLabel2 { text-align:right; font-size:1em; font-weight:bold; padding-right:5px; width:200px; color:#000000; }
.textinput1 { padding:3px; border-radius:3px; border:1px solid #000000; width:95%; text-align:left; font-size:1em; font-weight:normal; color:#FF0000; background-color:#FFFFFF; }
.textinput2 { padding:3px; border-radius:3px; border:1px solid #000000; width:95%; text-align:left; font-size:1em; font-weight:normal; color:#000000; background-color:#FFFFFF; }
.areainput { padding:3px; border-radius:3px; border:1px solid #000000; width:95%; text-align:left; font-size:1em; font-weight:normal; color:#000000; background-color:#FFFFFF; }
.selinput { padding:3px; border-radius:3px; border:1px solid #000000; width:95%; text-align:left; font-size:1em; font-weight:normal; color:#0000FF; background-color:#FFFFFF; }