* {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

a {
	color: #2A55AB;
	text-decoration: none;
}

@media screen {

	body {
		margin: 0;
		padding: 0;
	}
	
	h1 {
		font-size: 6em;
		text-align: right;
	}
	
	h2 {
		font-size: 2em;
	}
	
	h3 {
		font-size: 1.4em;
	}
	
	h1, h2, h3 {
		color: #2A55AB;
		padding: 0;
		line-height: inherit;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	input[type="submit"] {
	    width: auto !important;
	    float: right;
	    padding: 9px 15px;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A6FD0', endColorstr='#163F6D');
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#1A6FD0), to(#163F6D));
	    background-image: -moz-linear-gradient(top, #1A6FD0 0%, #163F6D 100%);
	    border: 1px solid #fff;
	    font-size: 14px;
	    text-shadow: none;
	    color: #ffffff;
	    cursor: pointer;
	}
	
	input[type="submit"]:hover {
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#163F6D', endColorstr='#1A6FD0');
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#163F6D), to(#1A6FD0));
	    background-image: -moz-linear-gradient(top, #163F6D 0%, #1A6FD0 100%);
	}
	
	#denyprint {
		display: none;
	}
	
	#sessiontimedout {
		display: none;
	}
	
	#contentwrapper {
		width: 960px;
		min-height: 600px;
		margin: auto;
		background: url('/files/jpd.png');
		background-size: 960px;
		background-repeat: no-repeat;
		clear: both;
		margin-top: 50px;
	}

	form#login {
		width: 130px;
		margin: auto;
		margin-top: 150px;
	}

	#nolocalstorage {
		padding: 5px 10px 15px 10px;
		background: rgba(18, 62, 150, .1);
	}

	#vorhang {
		background: rgba(18, 62, 150, .75);
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		color: white;
		font-size: 2em;
		display: none;
	}

	#vorhang .content {
		width: 370px;
		height: 220px;
		padding:15px;
		background: rgba(18, 62, 150, 1);
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -110px 0px 0px -185px;
		text-align: center;
	}

	.keybox {
		width: 48%;
	}

	.keybox textarea {
		width: 100%
	}

	.keybox:nth-of-type(2) {
		float:right;
	}

	.keybox:first-of-type {
		float:left;
	}

	.subuttons {
		font-size:3em;
		text-align:center;
		margin-top:50px;
	}

	.subuttons button {
		color:#2A55AB;
	}
	
	#content {
		width: 70%;
		float: left;
	}
	
	#content .content {
		padding-right: 10px;
		margin-top: 20px;
	}
	
	#content h1 {
		display: none;
	}
	
	#sidebar {
		width: 30%;
		float: right;
	}
	
	#sidebar .content {
		min-height: 600px;
		padding-left: 10px;
		position: relative;
	}
	
	#mandatory {
		text-align: right;
		position: relative;
		bottom: 0;
		right: 0;
	}
	
	#certificateCheck, #keyboxall {
		margin-top: 25px;
		padding: 20px;
		background: #e7ebf4;
		background: rgba(18, 62, 150, .1);
	}
	
	#certificateCheck .fro {
		clear: both;
		margin-bottom: 15px;
	}
	
	#certificateCheck .fla {
		float: left;
		width: 35%;
		padding-top: 6px;
	}
	
	#certificateCheck .fel {
		float: right;
		width: 65%;
	}
	
	#certificateCheck .fel input {
		width: 100%;
	}
	
	.clear {
		clear: both;
	}
	
	.null {
		font-size: 0;
		line-height: 0;
		height: 0;
		padding: 0;
		margin: 0;
	}
	
	#certificateCheck .stat table, #certificateCheck .stat tr, #certificateCheck .stat td {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#certificateCheck .stat {
		clear: both;
		padding: 10px;
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: bold;
	}
	
	#certificateCheck .stat.verify {
		color: #009964;
		border: 1px solid #009964;
		background: #bfe5d8;
		background: rgba(0, 153, 100, .15);
	}
	
	#certificateCheck .stat.noverify {
		color: #a01d29;
		border: 1px solid #a01d29;
		background: #e7c6c9;
		background: rgba(160, 29, 41, .15);
	}
	
}

@media only screen and (max-width : 959px) {
	
	#contentwrapper {
		width: 750px;
		background-size: 750px;
	}
	
	#certificateCheck .fla {
		width: 45%;
	}
	
	#certificateCheck .fel {
		width: 55%;
	}
	
}

@media only screen and (max-width : 749px) {
	
	#contentwrapper {
		width: 500px;
		background-size: 500px;
	}
	
	#content, #sidebar {
		width: 100%;
		clear: both;
	}
	
	#sidebar h1 {
		display: none;
	}
	
	#content h1 {
		display: block;
	}
	
	#certificateCheck .fla, #certificateCheck .fel {
		width: 50%;
	}
	
}

@media only screen and (max-width : 499px) {
	
	body {
		padding: 15px;
	}
	
	#contentwrapper {
		width: 100%;
		background: none;
	}
	
	#certificateCheck .fla, #certificateCheck .fel {
		float: none;
		clear: both;
		width: 100%;
	}
	
	#sidebar {
		margin-top: 15px;
	}
	
	#sidebar .content {
		min-height: 0;
	}
	
}

@media print {
	
	body {
		width: 150mm;
		padding-top: 25mm;
		margin: auto;
	}
	
	a {
		font-variant: small-caps;
	}
	
	#contentwrapper * {
		display: none;
	}
	
	#denyprint {
		display: block !important;
		position: relative;
		page-break-inside: avoid;
		page-break-after: avoid;
	}
	
	#denyprint h1 {
		font-size: 1.5em;
	}
	
	#denyprint .text {
		z-index: 100;
	}
	
	#denyprint .address {
		margin-top: 30mm;
		font-size: 0.8em;
	}
	
	#denyprint img {
		width: 160mm;
		height: 117mm;
		margin-top: 45mm;
		z-index: 1;
		position: absolute;
	}
	
}