@charset "utf-8";
			
			@media screen and (min-width: 650px) {
			
				body {
					margin:0;
					padding:0;
					color : #000;
					background-color : #fff;
					font-family : Verdana, Geneva, Arial, sans-serif;
					font-size:76%;
			  	text-align: center;
			  	background-color: #6B7B8B;
				}
				
			  #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 {
			    /*float:left; */
				  width:250px;
				  margin-bottom: 25px;
			    text-align: left;
			    border: 1px solid rgb(0,0,0);
			  }
			  
			  h2#tabheader.full {
					padding:5px;
				  font-size:20px;
				  color:#fff;
				  border-bottom:2px solid #fff;
			  }
			  
			  #selectArea.full {
				 font-size: 15px;
				 padding-bottom: 65px;
			  }
			
			  #leftcontent.full {
				 width: 400px;
				 margin-top: 30px;
			  }
			
			  #main.full {
			    width: 400px;
			  }
			  
			  .setAssertionButton_full {
			  	background: #efefef;
				  cursor: pointer;
				  margin-top: 15px;
			    width: 100px;
			    height: 30px
			  }
			
			  #leftbutton.full  {
				 width: 30%; 
				 float:left; 
				 margin-left: 40px;
			  }
			
			  #rightbutton.full {
				 width: 30%; 
				 float:right; 
				 margin-right: 45px; 
				 text-align: right;
			  }
			
			}
			
			@media screen and (max-width: 649px) {
				
				body {
					margin:0;
					padding:0;
					color : #000;
					background-color : #fff;
					font-family : Verdana, Geneva, Arial, sans-serif;
					font-size:76%;
			  	text-align: center;
			  	background-color: #FFFFFF;
				}
				
			  #page {
			     visibility: hidden;
			     margin-top: 0%;
			     
			  }
			  
			  #page1 {
			    visibility: hidden;
			  }
			  
			  #main {
			    visibility: hidden;
			  }
			  
			  .OA_header {
			    margin-bottom: 0px;
			    margin-top: 0px;
			    font-size: 0pt;
			    visibility: hidden;
			  }
			
			  #leftcontent {
			    visibility: visible;
			    margin-bottom: 0px;
			    text-align: left;
			    border:none;
			    width:250px;
			  }
			  
			  .setAssertionButton_full {
			     	background: #efefef;
				    cursor: pointer;
				    margin-top: 15px;
			      width: 70px;
			      height: 25px;
			    }
			}
			
			* {
				margin:0;
				padding:0;
				border:0;
			}
			
			
			/*  skiplink */
			
			#skiplinks {
				position:relative;
			}
			
			p#skiplinks  a {
			  
			  position: absolute;
			  top: -999em;
			  left: -999em;
			  height: 0;
			  width: 0;
			  overflow: hidden;
			}
			
			p#skiplinks  a:focus, 
			p#skiplinks  a:hover, 
			p#skiplinks  a:active {  
			  height: auto;
			  width:auto;
			  left: 0;
			  top: 0;
			  padding: 4px;
			  position: absolute;
			  overflow: visible;
			  text-decoration: none;
			  z-index: 100;
			}
			
			/*layout */
			
			#wrapper {
				min-width:746px;
				max-width:1258px;	
				padding: 0 10px;	
			}
			
			#banner {
				width:100%;
				min-height:100px;
				padding-top:20px;
				position:relative;
			}
			
			#bannerleft {
				float:left;
			}
			
			#bannerleft h1 {
				font-size:2em;
				padding-top:10px;
			}
			
			#bannerright {
				float:right;
			}
			
			/* left */
			
			.iframebkuselection {
				text-align: center;
				padding-bottom: 25px;
				background-color : #DDDDDD;	
			}
			
			h2#tabheader, h2#contentheader {
				padding-bottom: 2px;
				padding-right: 2px;
				padding-top: 2px;
				padding-left: 5px;
				font-size:1.1em;
				color:#fff;
				border-bottom:2px solid #fff;
			}
			
			#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;
			}
			
			#bkulogin {
				overflow:hidden;	
				width:250px;
				padding-top: 10px;	
			}
			
			#bkukarte {
				float:left;
				background: url(../img/karte.gif) no-repeat top center;
				padding: 90px 10px 10px 10px;
				text-align:center;
				width:40%;
			}
			
			#bkuhandy {
				float:right;
				background: url(../img/handy.gif) no-repeat top center;
				padding: 90px 10px 10px 10px;
				text-align:center;
				width:40%;
			}
			
			#mandate{
				text-align:center;
				padding : 5px 5px 5px 5px;
			}
			
			button {
				background: #efefef;
				border:1px solid #000;
				cursor: pointer;
			}
			
			input {
				background: #efefef;
				border:1px solid #000;
				cursor: pointer;
			}
			
			#installJava, #BrowserNOK {
				clear:both;
				font-size:0.8em;
				padding:4px;
			}
			
			#localBKU {
				padding:4px;
			}
			
			.selectText{
			
			}
			
			.selectTextHeader{
			
			}
			
			.sendButton {
				background-color: DarkGray;
				border-style: solid;
				border-width: 1px;
				border-color: black;	
			}
			
			
			#tab {
				margin-top:2px;
				padding:2px;
				clear:both;
			}
			
			#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;	
			}
			
			#navlist {
				margin-top:20px;
			}
			
			#navlist ul {
				list-style: none;
				margin-left: 0;
			}
			
			#navlist li {	
				border-bottom:1px solid #fff;
			}
			
			iframe {
				width:250px;
				height: 180px
			}
			
			/* right */
			
			#rightcontent {
				float:right;
				width:220px;
			}
			
			#centercontent {
				width:auto;
				margin: 0 230px;
			}
			
			/* center */
			
			#content {
				padding:20px;
			}
			
			#content a {
				text-decoration:underline;
				color: #000;
			}
			
			#content a:hover, #content a:focus, #content a:active {
				text-decoration:underline;
				color: #000;	
			}
			
			p {
				margin-bottom:1em;
			}
			
			.lightblock{
			  text-align : left;
			  padding : 5px 5px 5px 5px;
			}
			
			
			#mandateLogin {
				vertical-align: middle;
			}
			
			
			.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;
			}
			
			
			/* [OPTIONAL] Geben Sie hier die Farbe fuer den hellen Hintergrund an */
			.hell {
				background-color : #DDDDDD;	
			}
			
			/* [OPTIONAL] Geben Sie hier die Farbe fuer den dunklen Hintergrund an */
			.dunkel {
				background-color: #A02D2D;
			}
			
			/* [OPTIONAL] Geben Sie hier die Farbe fuer Links an */
			#leftcontent a, #content a {
				color: white;
			}
			
			.main_header {
			   color: black;
			    font-size: 32pt;
			    position: absolute;
			    right: 10%;
			    top: 40px;
				
			}
			
			@media print {
				#wrapper { width:100%;}
				#banner {width:640px;}
				#rightcontent {display: none;}
				#centercontent {width:400px; margin-right:0;}		
			}