@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 { margin:auto; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; background-color:#DDF;  width:100%; height: calc(100% - 950px); }

.navbar {background-color:#110000 }
.pTitle { font-size:2.5em; font-weight:normal; color:#00FF00; }
.pNav { text-align:center; }
.cont { margin-top:76px; margin-left:0px; width:100%; }
.lileft { text-align:right; font-size:1.4vw; font-weight:normal;}
.liright { padding-top:10px; text-align:left; font-size:1.4vw; font-weight:normal;}
.libut { font-size:1.5vw;  } 
.liin { padding:3px; border-radius:5px;}
.foto { background-color:#CCCCFF; padding-top:10px; padding-bottom:10px; border-bottom:3px solid #333333; }
.filter {  padding-top:8px; padding-bottom:15px; border-bottom:3px solid #333333; background-color:#AABBFF; }
.filtTxt { text-align:right; font-size:1.5vw; }
.filttitel { font-size:1.5vw; text-align:center; font-weight:bold; color:#990000;  }
.filtInp { padding:8px; border:none; background-color:#FFFFEE; border-radius:5px; font-size:0.8vw; font-weight:normal; }
.albumfilter { width:99%; }
.pic1, .pic2, .pic3 { background-color:#DDF; border-top:15px dotted #CCCCFF; border-bottom:15px dotted #CCCCFF; }
.pic1 {border-right:1px solid #CCCCFF; background-color:#CCCCFF; }
.pic2 {border-left:50px solid #CCCCFF; border-right:50px solid #CCCCFF; text-align:center; padding:15px; }
.pic3 { background-color:#CCCCFF;  }
.input { background-color:#EAEAFF; }
.dateSel { text-align:center; padding:8px; border:none; background-color:#FFFFEE; border-radius:5px; font-size:0.8vw; font-weight:normal; width:98%; }
.txtArea { text-align:left; padding:8px; border:none; background-color:#FFFFEE; border-radius:5px; font-size:0.8vw; font-weight:normal; width:95%; }
.inpTitelc, .inpTitell, .inpTitelr { font-size:1vw; font-weight:bold; }
.inpTitelc {  text-align:center; }
.inpTitell {  text-align:left; }
.inpTitelr {  text-align:right; }
.noFoto { font-size:1.2vw; font-weight:bold; font-style:italic; text-align:center;}

.fuebRow { border:1px solid #FFFFFF; }

.navbutton { width:50px; }
.newAlbum { padding:4px; background-color:#FFFFCC; border:none; text-align:center; font-size:1vw; width:98%; border-radius:5px; }