<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<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;
				}
  
			  #page {
			    display: block;
			    border: 2px solid rgb(0,0,0);
			    width: 650px;
			    height: 460px;
			    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 {
			    /*float:left; */
				  width:250px;
				  margin-bottom: 25px;
			    text-align: left;
			    /*border: 1px solid rgb(0,0,0);*/
			  }
			
			  #leftcontent {
				 width: 300px;
				 margin-top: 30px;
			  }
      
        h2#tabheader{
				  font-size: 1.1em; 
          padding-left: 2%;
          padding-right: 2%;
          position: relative;
			  }
        		  
			  .setAssertionButton_full {
			  	background: #efefef;
				  cursor: pointer;
				  margin-top: 15px;
			    width: 100px;
			    height: 30px
			  }
			
			  #leftbutton  {
				 width: 30%; 
				 float:left; 
				 margin-left: 40px;
			  }
			
			  #rightbutton {
				 width: 30%; 
				 float:right; 
				 margin-right: 45px; 
				 text-align: right;
			  }
        
        button {
          height: 25px;
          width: 75px;
          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.6em;
          min-width: 60px;
         /* max-width: 65px; */
          min-height: 1.0em;
         /* border-radius: 5px; */
        }
        
      }

      @media screen and (max-width: 249px) and (min-width: 206px) {
        #localBKU p {
          font-size: 0.7em;
        } 
        
        #localBKU input {
          font-size: 0.7em;
          min-width: 70px;
       /*    max-width: 75px;    */
          min-height: 0.95em;
        /*  border-radius: 6px;    */
        }
         
      }

      @media screen and (max-width: 299px) and (min-width: 250px) {
        #localBKU p {
          font-size: 0.9em;
        } 
        
        #localBKU input {
          font-size: 0.8em;
          min-width: 70px;
       /*    max-width: 75px;      */
      /*    border-radius: 6px;  */
        }

      }

      @media screen and (max-width: 399px) and (min-width: 300px) {
        #localBKU p {
          font-size: 0.9em;
        } 
        
        #localBKU input {
          font-size: 0.8em;
          min-width: 70px;
      /*     max-width: 75px;     */
      /*    border-radius: 6px;       */
        }

      }
      
      @media screen and (max-width: 649px) and (min-width: 400px) {
        #localBKU p {
          font-size: 0.9em;
        } 
        
        #localBKU input {
          font-size: 0.8em;
          min-width: 70px;
      /*     max-width: 80px;       */
     /*     border-radius: 6px;          */
        }

      }


			
			@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;
          vertical-align: middle;
          min-height: 173px;
          min-width: 204px;
          
			  }
        
        input[type=button] {
/*          height: 11%;  */
          width: 70%;
        }
			}
			      
			* {
				margin: 0;
				padding: 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;
			}

/*		input[type=button], .sendButton {
				background: #BUTTON_BACKGROUNDCOLOR#;
        color: #BUTTON_COLOR#;
/*				border:1px solid #000;  */
/*				cursor: pointer;
/*        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#;
/*				border:1px solid #000;                */
/*				cursor: pointer;
/*        box-shadow: -1px -1px 3px #222222;  */
/*			}
      
*/      
			input {
				/*border:1px solid #000;*/
				cursor: pointer;
			}
      
      #localBKU input {
/*        color: #BUTTON_COLOR#;  */
        border: 0px;
        display: inline-block;
        
      }
			
      #localBKU input:hover, #localBKU input:focus, #localBKU input:active {
        text-decoration: underline;
      }
      
			#installJava, #BrowserNOK {
				clear:both;
				font-size:0.8em;
				padding:4px;
			}
						
			.selectText{
			
			}
			
			.selectTextHeader{
			
			}
			
			.sendButton {
        width: 30%;
        margin-bottom: 1%;	
			}
			
			#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;
				
			}
      
     	#alert {
		    margin: 100px 250px;
		    font-family: Verdana, Arial, Helvetica, sans-serif;
		    font-size: 14px;
		    font-weight: normal;
		    color: red;
	    }
	
	    .reqframe {
		    /*display: none;*/
        visibility: hidden;
		  
	    }
      			                        
    </style> 

	#if($timeoutURL)
		<script type="text/javascript">
			function sloTimeOut() {
				window.location.href="$timeoutURL";
			
			}
      function RestartAfterDelay() {
        var eDate = null;
        var MilliSekZeit = 0;
        var SysDatumJetzt = new Date();
        var SysDatumJetztMilli = SysDatumJetzt.getTime();

        do {
          eDate = new Date();
          MilliSekZeit = eDate.getTime();

        } while ((MilliSekZeit-SysDatumJetztMilli) < $timeout);

        sloTimeOut();
      }	
	
		</script>
	#end

  <title>Single LogOut Vorgang ... </title>
</head>

#if($timeoutURL)
	<body onload='setTimeout(sloTimeOut, $timeout);'>
#else
	<body>
#end
  <noscript>
		<p>
			<strong>Note:</strong> Since your browser does not support
			JavaScript, you must press the Continue button once to proceed.
		</p>
	</noscript>

  <div id="page">
		<div id="page1" class="case selected-case" role="main">
			<h2 class="OA_header" role="heading">MOA-ID Single LogOut Information</h2>
			<div id="main">
				<div id="leftcontent" class="hell" role="application">
          
          #if($errorMsg)
	         <div class="alert">
		        <p>$errorMsg</p> 
	         </div>	
	        #end

	        #if($successMsg)
	         <div>
		        <p>$successMsg</p> 
	         </div>	
	        #end

	        #if($redirectURLs)
		        <div>
			       <p>
				        Sie werden von allen Online-Applikationen abgemeldet. <br>
				        Dieser Vorgang kann einige Zeit in Anspruch nehmen.
			       </p>
		       </div>
	       #end
          
				</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="http://jigsaw.w3.org/css-validator/images/vcss-blue"
				alt="CSS ist valide!" />
			</a>
		</div>
	</div>


  #foreach( $el in $redirectURLs )
	   <iframe src=$el class="reqframe"></iframe>
  #end
</body>
</html>