<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <!-- MOA-ID 2.x BKUSelection Layout CSS --> <style type="text/css"> @media screen and (min-width: 650px) { body { margin:0; padding:0; color : #000; background-color : #fff; text-align: center; background-color: #6B7B8B; } #localBKU p { font-size: 0.7em; } #localBKU input{ font-size: 0.7em; border-radius: 5px; } #bkuselectionarea button { font-size: 0.85em; border-radius: 7px; margin-bottom: 25px; } #mandateLogin { font-size: 0.85em; } #bku_header h2 { font-size: 0.8em; } #page { display: block; border: 2px solid rgb(0,0,0); width: 650px; height: 440px; margin: 0 auto; margin-top: 5%; position: relative; border-radius: 25px; background: rgb(255,255,255); } #page1 { text-align: center; } #main { /* clear:both; */ position:relative; margin: 0 auto; width: 250px; text-align: center; } .OA_header { /* background-color: white;*/ font-size: 20pt; margin-bottom: 25px; margin-top: 25px; } #leftcontent { width: 300px; margin-top: 30px; padding-bottom: 15px; margin-bottom: 25px; text-align: left; border: 1px solid rgb(0,0,0); } #selectArea { font-size: 15px; padding-bottom: 65px; } #selectArea h3 { margin-bottom: 25px; } #bku_header { height: 5%; padding-bottom: 3px; padding-top: 3px; } #bkulogin { overflow:hidden; min-width: 190px; min-height: 180px; /*height: 260px;*/ } h2#tabheader{ font-size: 1.1em; padding-left: 2%; padding-right: 2%; position: relative; } .setAssertionButton_full { margin-top: 15px; width: 100px; height: 30px; font-size: 1.3em; min-height: 1.3em; /* border-radius: 10px;*/ } #leftbutton { width: 30%; float:left; margin-left: 40px; } #rightbutton { width: 30%; float:right; margin-right: 45px; text-align: right; } button { height: 25px; width: 90px; margin-bottom: 10px; } #validation { position: absolute; bottom: 0px; margin-left: 270px; padding-bottom: 10px; } } @media screen and (max-width: 205px) { #localBKU p { font-size: 0.6em; } #localBKU input { font-size: 0.7em; min-width: 70px; min-height: 1.2em; border-radius: 5px; } #bkuselectionarea button, .setAssertionButton_full { font-size: 0.8em; min-width: 65px; min-height: 1.3em; /* border-radius: 5px; */ margin-bottom: 2% } #mandateLogin { font-size: 0.65em; } #bku_header h2, #selectArea h3 { font-size: 0.8em; margin-top: -0.4em; } } @media screen and (max-width: 249px) and (min-width: 206px) { #localBKU p { font-size: 0.7em; } #localBKU input { font-size: 0.85em; min-width: 80px; min-height: 0.95em; border-radius: 6px; } #bkuselectionarea button, .setAssertionButton_full { font-size: 0.85em; min-width: 70px; min-height: 0.95em; /* border-radius: 6px; */ margin-bottom: 2% } #mandateLogin { font-size: 0.75em; } #bku_header h2, #selectArea h3 { font-size: 0.9em; margin-top: -0.45em; } } @media screen and (max-width: 299px) and (min-width: 250px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.9em; min-width: 100px; border-radius: 6px; } #bkuselectionarea button, .setAssertionButton_full { font-size: 1.0em; min-height: 1.05em; /* border-radius: 7px; */ margin-bottom: 5%; } #mandateLogin { font-size: 1em; } #bku_header h2, #selectArea h3 { font-size: 1.0em; margin-top: -0.50em; } } @media screen and (max-width: 399px) and (min-width: 300px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.9em; min-width: 100px; border-radius: 6px; } #bkuselectionarea button, .setAssertionButton_full { font-size: 1.1em; min-height: 1.2em; /* border-radius: 8px; */ margin-bottom: 5%; } #mandateLogin { font-size: 1em; } #bku_header h2, #selectArea h3 { font-size: 1.1em; margin-top: -0.55em; } } @media screen and (max-width: 649px) and (min-width: 400px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.9em; min-width: 100px; border-radius: 6px; } #bkuselectionarea button, .setAssertionButton_full { font-size: 1.3em; min-height: 1.3em; /* border-radius: 10px; */ margin-bottom: 5%; } #mandateLogin { font-size: 1.2em; } #bku_header h2, #selectArea h3 { font-size: 1.3em; margin-top: -0.65em; } } @media screen and (max-width: 649px) { body { margin:0; padding:0; color : #000; text-align: center; font-size: 100%; background-color: #MAIN_BACKGOUNDCOLOR#; } #page { visibility: hidden; margin-top: 0%; } #page1 { visibility: hidden; } #main { visibility: hidden; } #validation { visibility: hidden; display: none; } .OA_header { margin-bottom: 0px; margin-top: 0px; font-size: 0pt; visibility: hidden; } #leftcontent { visibility: visible; margin-bottom: 0px; text-align: left; border:none; min-width: 190px; /* min-height: 190px; */ vertical-align: middle; } #bku_header { height: 10%; min-height: 1.2em; margin-top: 1%; } h2#tabheader{ padding-left: 2%; padding-right: 2%; padding-top: 1%; position: relative; top: 50%; } #bkulogin { min-width: 190px; min-height: 150px; } .setAssertionButton_full { margin-top: 15px; width: 70%; height: 11%; min-width: 60px; min-height: 25px; } #selectArea h3 { margin-top: 2%; } button { height: 11%; width: 70%; } } * { margin: 0; padding: 0; /* border: 0; */ font-family: #FONTTYPE#; } #selectArea { padding-top: 10px; padding-bottom: 55px; padding-left: 10px; } .setAssertionButton { background: #efefef; cursor: pointer; margin-top: 15px; width: 70px; height: 25px; } #leftbutton { width: 35%; float:left; margin-left: 15px; } #rightbutton { width: 35%; float:right; margin-right: 25px; text-align: right; } #stork { margin-bottom: 10px; margin-top: 5px; } #mandateLogin { padding-bottom: 2%; padding-top: 2%; height: 10%; position: relative; text-align: center; } .verticalcenter { vertical-align: middle; } #mandateLogin > div { clear: both; margin-top: -1%; position: relative; top: 50%; } #bkuselectionarea { position: relative; display: block; } #localBKU { padding-left: 5%; padding-right: 2%; padding-bottom: 2%; position: relative; clear: both; } #bkukarte { float:left; text-align:center; width:40%; min-height: 70px; padding-left: 5%; padding-top: 2%; } #bkuhandy { float:right; text-align:center; width:40%; min-height: 90px; padding-right: 5%; padding-top: 2%; } .bkuimage { width: 90%; height: auto; } #mandate{ text-align:center; padding : 5px 5px 5px 5px; } button, .sendButton { /* background: #BUTTON_BACKGROUNDCOLOR#; color: #BUTTON_COLOR#; */ cursor: pointer; /* border:1px solid #000; box-shadow: 3px 3px 3px #222222; */ } button:hover, button:focus, button:active, .sendButton:hover , .sendButton:focus, .sendButton:active, #mandateCheckBox:hover, #mandateCheckBox:focus, #mandateCheckBox:active { /* background: #BUTTON_BACKGROUNDCOLOR_FOCUS#; color: #BUTTON_COLOR#; */ cursor: pointer; /* border:1px solid #000; box-shadow: -1px -1px 3px #222222; */ } #installJava, #BrowserNOK { clear:both; font-size:0.8em; padding:4px; } .selectText{ } .selectTextHeader{ } #leftcontent a { text-decoration:none; color: #000; /* display:block;*/ padding:4px; } #leftcontent a:hover, #leftcontent a:focus, #leftcontent a:active { text-decoration:underline; color: #000; } .infobutton { background-color: #005a00; color: white; font-family: serif; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; font-weight: bold; } .hell { background-color : #MAIN_BACKGOUNDCOLOR#; color: #MAIN_COLOR#; } .dunkel { background-color: #HEADER_BACKGROUNDCOLOR#; color: #HEADER_COLOR#; } .main_header { color: black; font-size: 32pt; position: absolute; right: 10%; top: 40px; } </style> <title>Anmeldung an Online-Applikation</title> </head> <body> <div id="page"> <div id="page1" class="case selected-case" role="main"> <!-- <h2 class="OA_header">Anmeldung an: #OAName#</h2> --> <div id="main"> <div id="leftcontent" class="hell"> <div id="bku_header" class="dunkel"> <h2 id="tabheader" class="dunkel" role="heading"> Anmeldeinformationen: </h2> </div> <div id="selectArea" class="hell" role="application"> <h3>Anmeldung an: #OAName#</h3> <!-- <div class="hell"> --> <div id="leftbutton"> <form method="post" id="moaidform_yes" action="#URL#"> <input type="hidden" name="value" value="true"> <input type="hidden" name="mod" value="#MODUL#"> <input type="hidden" name="action" value="#ACTION#"> <input type="hidden" name="identifier" value="#ID#"> <input type="submit" value="Ja" class="setAssertionButton_full sendButton" role="button"> </form> </div> <div id="rightbutton"> <form method="post" id="moaidform_no" action="#URL#"> <input type="hidden" name="value" value="false"> <input type="hidden" name="mod" value="#MODUL#"> <input type="hidden" name="action" value="#ACTION#"> <input type="hidden" name="identifier" value="#ID#"> <input type="submit" value="Nein" class="setAssertionButton_full sendButton" role="button"> </form> </div> </div> </div> </div> </div> <div id="validation"> <a href="http://validator.w3.org/check?uri="> <img style="border:0;width:88px;height:31px" src="#CONTEXTPATH#/img/valid-html5-blue.png" alt="HTML5 ist valide!" /> </a> <a href="http://jigsaw.w3.org/css-validator/"> <img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS ist valide!" /> </a> </div> </div> </body> </html>