#wrapper { margin: 0 auto; text-align: center; }
#login_id { border: 1px solid #369; font-size: 16px; line-height: 20px; padding: 5px; text-align: center; width: auto; }
body { font-size: 16px; font-weight: normal; margin: 0 auto; max-width: 1024px; min-height: 0px; width: 100%; }
input { background: transparent; border: 1px solid white; color: #3692e7; margin-bottom: 3px; }
input.padded { padding: 10px; }
input[type=submit] { padding: 10px; }
h1.white { color: white; }
h1.orange { color: orange; }
h1.yellow { color: yellow; }

.bg_dark { background-color: #222; }
.white { color: #FFF; }
#wrapper { text-align: center; margin: 0 auto; }
#welcome { 1background-color: #e7eaec; padding: 5px; font-size: 1em; }
.center { margin: 0 auto; text-align: center; }
.w100p { width: 100%; }
.bold { font-weight: bold; }
.justify { text-align: justify; text-justify: inter-word; }
.carousel-caption p { background: transparent; border-radius: 5px; color: white; font-size: 16px; padding: 10px; }
.item { color: black; }
.red { color: red; }
.show_facebox { font-size: 3vw; margin: 0 0 15px 0; padding: 5px; color: #FFF; text-align: center; font-weight: normal; }
.show_facebox{ font-size: calc(16px + 1.5vw); }
.facebox_link { background: linear-gradient(to bottom, #1e5799 0%, #207cca 100%); border: 1px solid white; color: white; font-size: 2vw; line-height: 36px; margin-bottom: 10px; padding: 10px 20px; width: 100%; }

.form-control { max-width: 320px; }
.pic {background-color: white;  border: 1px solid #000; padding: 10px; width: 180px; height: 180px; }
.pic2 {background-color: white;  border: 1px solid #000; padding: 10px; width: 120px; height: 120px; }
.mw900 { max-width: 900px; }
.seite { text-align: right; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: 0 0 ; position: absolute; top: 0; right: -60px; z-index: 1000; }
.w30 { width: 30%; border: 1px solid; }
.login_table { text-align: center; }

.download { background: linear-gradient(to bottom, #21a455 0%,#119f45 51%,#018f35 100%); border: 1px solid white; border-radius: 5px; color: white; line-height: 32px; margin: 0 auto; padding: 10px; text-align: center; width: 300px; }
#welcome { 1background-color: #e7eaec; padding: 5px; font-size: 1em; }
.yeah { background: linear-gradient(to bottom, #3d75db 0%,#2862cd 51%,#154db4 100%); background-color: primary; border: 1px solid white; line-height: 36px; padding: 10px; width: 100%; }
.yeah_blue { background: linear-gradient(to bottom, #3d75db 0%,#2862cd 51%,#154db4 100%); background-color: primary; border: 1px solid white; }
.yeah_green { background: linear-gradient(to bottom, #21a455 0%,#119f45 51%,#018f35 100%); background-color: primary; border: 1px solid white; }
.btn { border-radius: 0; }
ul { list-style-image: url(/img/check-small.png); }
li { background: transparent; color: white; }
.lh3 { line-height: 3px; }
.lh10 { line-height: 10px; }
.container-fluid { background: rgba(186,186,186,0.05); }
.fs16 { font-size: 16px; }
.fs20 { font-size: 20px; }
