body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: auto;
	padding: 20px;
	width: 770px;
	background-color: #fff;
}

/* no borders around images in links */
a img {
	border: 0;
}

/* links */
a {
	text-decoration: none;
	color: #808080 !important;
}

/* Style of links when mouse over */
a:hover {
	color: gray;
	text-decoration: underline;
}

/* h1 headers */
h1	{
	color: rgb(218, 2, 26);
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
}

/* h2 headers */
h2 {
	color: black;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 15px;
}

ul {
	margin: 0;
	padding-left: 0;
}

li {
	line-height: 14pt;
}

table tr {
	line-height: 30px;
}

/* margins for paragraphs */
p {
	padding-top: 5px;
	margin: 0;
}

/* left margin for content, header */
#content, #header {
	background-color: #fff;
	display: block;
}

/* small left margin for content in popups */
#content-popup {
	margin-left: 35px;
}

/**
 * STYLES OF CONTENT BOX
 */

/* padding in content block */
#content {
	position: relative;
	padding-top: 8px;
	overflow: hidden;
	clear: both;
}

#content > * {
	display: block;
	width: 450px;
	margin: auto !important;
	padding: 0 50px 15px 50px;
	background: #fff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
}

#content.full-width > * {
	width: 540px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Big main title with background */
#content > h1 {
	font-size: 18px;
	color: white;
	background: #555;
	line-height: 35px;
	border-radius: 4px 4px 0 0;
	width: 535px;
	padding: 0 0 0 15px;
	margin-top: 15px !important;
}

/* Hack to add some space after the main title */
	#content > h1 + * {
		padding-top: 15px !important;
	}

	#content > table {
		border-spacing: 0;
		padding: 0 40px 15px;
		margin: 0;
		width: 552px;
}

	/* This hack hides <br> because we can't style <br> to have the correct background color. */
#content > br {
	display: none;
}

#content hr {
	margin: 0;
}

#text {
	padding-top: 10px;
}

#uppermessage > div {
	border-width: 1px;
	border-style: solid;
	padding: 8px;
    border-radius: 4px;
}

#uppermessage > .WARNING {
	background-color: #ffb8b8;
	border-color: #a0032e;
}

#uppermessage > .INFO {
	background-color: #ffffce;
	border-color: #f0c000;
}

#mainform {
	padding-top: 15px;
}

#maintenancemessage {
	background: white;
	padding: 15px;
}

.vbox {
	margin-bottom: 20px;
	padding: 10px 10px 0 10px;
	border: 1px solid #CCC;
	overflow: hidden;
}

/* Align children vertically */
.vbox > * {
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

/* Inputs */

form input, form select, form input[type="checkbox"] {
	border: 1px solid #CCC;
	background-color: white;
	border-radius: 4px;
	font-size: 12px;
	line-height: 14px;
	padding: 6px 8px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

form input:focus, from select:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

form input[disabled="disabled"], #inputline > input[disabled="disabled"] {
	border: 1px solid #CCC;
	background-color: #FCFCFC;
}

/* Form Layout */

#inputline {
	position: relative;
}

#inputline span.not-editable-value {
	display: block;
	width: 200px;
	float: right;
}

#inputline > input, #inputline > select, #inputline > input[type="checkbox"] {
	width: 200px;
	overflow: hidden;
	float: right;
}

#inputline > input[type="checkbox"] {
	width: auto;
}

#inputline > textarea {
	max-width: 450px;
	margin: 0;
	padding: 5px;
}

#inputline.inputline-wide {
	width:100%;
	float:left;
	margin-top: 5px;
}

#inputline.inputline-wide > input {
	float:none;
	width:100%;
}

#inputline.compact {
	line-height: 20px;
}

form input[type="button"], #submitbutton > input[type="submit"], #submitbutton_left > input[type="submit"] {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 6px 15px;
	border-radius: 5px;
	color: #555;
	cursor: pointer;
}

form input[type="button"]:hover, #submitbutton > input[type="submit"]:hover, #submitbutton_left > input[type="submit"]:hover {
	background-color: #e0e0e0;
	background-position: 0 -15px;
}

/* allow specific style elements for each label-inputfield line */
#inputline, #displayline {
	padding-bottom: 10px;
	line-height: 28px;
	vertical-align: middle;
}

#displayline-name {
	display: inline;
}

#displayline-value {
	float: right;
}

/* links in the login form */
#mainform a {
	text-align: right;
	text-decoration: none;
	font-size: 9px;
	color: rgb(200, 200, 200);
	display: block;
	margin-top: 5px;
}

/* Style of links in formlink when mouse over */
#mainform a:hover {
	color: rgb(218, 2, 26);
}

/* Style for the box containing all the form buttons */
#submitbuttons {
	overflow: hidden;
}

form #submitbuttons {
	padding-top: 15px;
	width: 500px;
}

/* Style for the box containing the left form submit buttons */
#submitbutton_left {
	float: left;
}

/* Style for the box containing the right form submit buttons */
#submitbutton {
	float: right;
	margin-right: 5px;
}

form #submitbutton:first-child {
	margin-right: 50px;
}

/**
 * HEADER STYLES
 */

#header > #header-logo-right {
        width: 220px;
        height: 85px;
        background: url('../images/kathrein_logo.png');
    background-repeat: no-repeat;
    margin: auto;
    float: right;
}

#header > #header-logo-left {
        width: 250px;
        height: 65px;
        background: url('../images/tipas_logo.png');
    background-repeat: no-repeat;
    margin: 16px auto;
    float: left;
}


/* style of header block */
#header {
	padding-top: 15px;
	width: 535px;
	text-align: right;
	margin: 50px auto 0 auto;
}

/* Style of links in heaeder */
#header a {
	font-size: 12px;
	text-decoration: none;
	color: gray;
	padding-left: 5px;
}

/* Style of links in header when mouse over */
#header a:hover {
	color: gray;
}

/**
 * FOOTER STYLES
 */

#footer {
	border-top: 1px solid #CCCCCC;
	width: 552px;
	margin: 0 auto 20px auto;
	padding-top: 15px;
}

#footer > #footer-logo {
	width: 250px;
	height: 50px;
	background: url('../images/kathrein_logo.png');
    background-repeat: no-repeat;
    margin: auto;
}

/**
 * STYLES OF NAVIGATION BLOCK
 */
#navigation {
	width: 169px;
	position: absolute;
	top: 36px;
	left: 31px;
}

/* makes images block-elements */
#navigation a {
	font-size: 12px;
	text-decoration: none;
	color: gray;
}

/* Navigation link style */
#navitem a, #navitemactive a{
	text-decoration: none;
}

/* Navigation link style when mouse over or active navigation item */
#navitem a:hover, #navitemactive a {
	color: gray;
}

/* User Self Registration */

#inputline img {
	float: right;
	padding: 0;
	margin-right: -35px;
}

#inputline img + input {
	float: right;
	margin-left: 500px;
}

#inputline img + input + .fielderror {
	margin-right: 50px;
}

 /* red warning/error message next to the input fields */
.fielderror {
	color: rgb(200, 0, 0);
	float: right;
	line-height: 12pt;
    margin: 5px 5px 0 0;
    text-align: right;
}

td, th {
	font-size: 10pt;
	margin: 0;
	padding: 0 10px;
}

#section-header {
	font-size: 16px;
	font-weight: bold;
	color: #5a5751;
	padding-bottom: 10px;
	padding-top: 15px;
}

/* Portal */

#content > .top-links {
	background: transparent;
	border: none;
	width: auto;
	position: absolute;
	right: 125px;
	line-height: 65px;
	padding: 0;
}

#content .top-links * {
	color: white !important;
}

/* Login From */

form#mainform[name="LOGINFORM"] {
	padding-left: 100px;
	width: 350px;
	padding-right: 100px;
}

form#mainform[name="LOGINFORM"] #submitbuttons {
	padding-top: 5px;
	width: 400px;
}

.portalApplicationGroupDesc {
	padding-bottom: 10px;
	margin-top: -10px;
}

/* Oauth */

#oauth2Date {
white-space:nowrap;
}

tr.oauthSessionTableHeader th {
	vertical-align:top;
	text-align:left;
	white-space:nowrap;
	padding:0 10px 0 0;
}

tr.oauthSessionTableRow td {
	vertical-align:top;
	text-align:left;
	padding:0 10px 0 0;
}

/* Secret Questions */

.secret-questions-provisioning .change-question-button {
	width: auto;
	float: right;
}

.secret-questions-challenge .secretquestion {
	margin-top: 5px;
	overflow: hidden;
}

.kobil-activation-code {
	font-family: monospace;
	font-size: 14pt;
	text-align: center;
}

.kobil-dev-mgt-table {
	width: 450px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.kobil-dev-mgt-button {
	padding-top: 2px;
	padding-bottom: 2px;
}

.kobil-dev-mgt-button:hover {
	cursor: pointer;
	background-color: #e0e0e0;
	background-position: 0 -15px;
}

.kobil-dev-mgt-colhead {
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e0e0e0;
	font-weight: bold;
	text-align: left;
}

.kobil-dev-mgt-colhead:first-child {
	border-radius: 5px 0 0 0;	
}

.kobil-dev-mgt-colhead:last-child {
	border-radius: 0 5px 0 0;	
}

.kobil-dev-mgt-cell {
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #e0e0e0;
}

.mtan-no-mgt-table {
	width: 450px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.mtan-no-mgt-button {
	padding-top: 2px;
	padding-bottom: 2px;
}

.mtan-no-mgt-colhead {
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e0e0e0;
	font-weight: bold;
	text-align: left;
}

.mtan-no-mgt-colhead:first-child {
	border-radius: 5px 0 0 0;	
}

.mtan-no-mgt-colhead:last-child {
	border-radius: 0 5px 0 0;	
}

.mtan-no-mgt-cell {
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #e0e0e0;
}

.cred-self-reg-mtan-button {
	padding-top: 2px;
	padding-bottom: 2px;
}

.cred-self-reg-mtan-bottom {
     margin-bottom: 8px;
}