@CHARSET "UTF-8";

@font-face {
    font-family: nxico;
	src: url(../assets/fonts/nxico.eot);
	src: local("nxico"), url(../assets/fonts/nxico.ttf) format("truetype");
}

/* main layout */
#header {
    height: 100px;
    text-align: center;
}

#header table {
	border: medium none;
	width: 100%;
	height: 100px;
}

td.header-links {
	width: 80%;
	min-width: 850px;
}

#header ul.links {
    text-align: center;
	font-size: 15px;
}

#header ul.logout {

}

#header li {
    display: inline-block;
}

#header ul li a {
    color: black;
    text-decoration: none;
    padding: .2em 1em;
    display: block;
}

#header ul.logout li a:active {

}

td, th {
	vertical-align: middle !important;
    font: 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#header table td {
    align: center;
}

#centerBox {
	position: fixed;
	overflow-y: auto;
	width: 100%;
	height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

/* admin section content */
#adminSection {
    position: relative;
    align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    top: 100px;
}

#adminSection table {
    width: 50%;
	align: center;
	border: none;
}

#adminSection table tr {
    text-align: center;
    height: 80px;
    width: 600px;
	font: auto;
}

#adminSection table td {
    margin-top: 0.5em;
    margin-right: 25px;
    margin-bottom: 0.5em;
    margin-left: 25px;
    /*background-color: #d4cab4;*/
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
    position: relative;
    width: 200px;
}

#previewBanner {
	position: absolute;
    top: 0;
	left: 0;
	width: 220px;
	height: 150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cebc12+0,cebc12+100&0+0,0+15,1+16,1+39,0+40,0+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2ViYzEyIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjY2ViYzEyIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjY2ViYzEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzklIiBzdG9wLWNvbG9yPSIjY2ViYzEyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjY2ViYzEyIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NlYmMxMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(206, 188, 18, 0) 0%,
    rgba(206, 188, 18, 0) 15%, rgba(206, 188, 18, 0.75) 16%,
    rgba(206, 188, 18, 0.75) 39%, rgba(206, 188, 18, 0) 40%,
    rgba(206, 188, 18, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(206, 188, 18, 0)), color-stop(15%, rgba(206, 188, 18, 0)),
    color-stop(16%, rgba(206, 188, 18, 0.75)),
    color-stop(39%, rgba(206, 188, 18, 0.75)),
    color-stop(40%, rgba(206, 188, 18, 0)),
    color-stop(100%, rgba(206, 188, 18, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(206, 188, 18, 0) 0%,
    rgba(206, 188, 18, 0) 15%, rgba(206, 188, 18, 0.75) 16%,
    rgba(206, 188, 18, 0.75) 39%, rgba(206, 188, 18, 0) 40%,
    rgba(206, 188, 18, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(206, 188, 18, 0) 0%,
    rgba(206, 188, 18, 0) 15%, rgba(206, 188, 18, 0.75) 16%,
    rgba(206, 188, 18, 0.75) 39%, rgba(206, 188, 18, 0) 40%,
    rgba(206, 188, 18, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(206, 188, 18, 0) 0%,
    rgba(206, 188, 18, 0) 15%, rgba(206, 188, 18, 0.75) 16%,
    rgba(206, 188, 18, 0.75) 39%, rgba(206, 188, 18, 0) 40%,
    rgba(206, 188, 18, 0) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(206, 188, 18, 0) 0%,
    rgba(206, 188, 18, 0) 15%, rgba(206, 188, 18, 0.75) 16%,
    rgba(206, 188, 18, 0.75) 39%, rgba(206, 188, 18, 0) 40%,
    rgba(206, 188, 18, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cebc12',
    endColorstr='#00cebc12', GradientType=1);
    /* IE6-8 fallback on horizontal gradient */
}

#previewBanner div {
	position: absolute;
	top: 1.7em;
	left: 0.7em;
	color: white;
	font-size: 1.3em;
	text-shadow: 1px 2px 3px #666;
	/* Safari */
	-webkit-transform: rotate(-45deg);
	/* Firefox */
	-moz-transform: rotate(-45deg);
	/* IE */
	-ms-transform: rotate(-45deg);
	/* Opera */
	-o-transform: rotate(-45deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
/* login section */
#login, #registrationMessageBox {
    background: #fff;
    width: 30rem;
    text-align: left;
    position: relative;
}

#registrationMessageBox {
    width: 40rem;
    padding: 0.5rem;
}

#login a:hover {
    color: #111;
}

#login .titleLine {
    display: block;
    border: none;
    color: white;
    height: 1px;
    background: black;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 5%,
    rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(255, 255, 255, 1) 95%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 5%,
    rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(255, 255, 255, 1) 95%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 5%,
    rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(255, 255, 255, 1) 95%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 5%,
    rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(255, 255, 255, 1) 95%);
    /* W3C */
}

#login h1 {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    padding: 1.5em 0;
}

#login .inputField {
    margin: .75rem 1.5rem;
    text-align: right;
    position: relative;
}

#login label {
	font-weight: bold;
}

#login .field {
    border: 1px solid black;
    width: 16rem;
    line-height: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 1rem;
    padding: 0 .25rem;
}

#login .field.invalid {
    background-color: #ffc0c0;
    border: 1px solid #ff8080;
}

#login div.submit {
    background: none;
    margin-top: 1em;
    text-align: right;
    margin: .75rem 1.5rem 2rem 1.5rem;
}

#login button, .reset_page_button {
	border: 1px solid black;
	background: black;
    line-height: 2rem;
    padding: 0 1rem;
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
    color: white;
}

#login 
.smallTextField {
    width: 60px;
}

#login #loginWarning,
#login #loginFailure {
	border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 0.5em;
    margin: 0.4rem 1.5rem;
    font-size: 0.9rem;
    text-align: center;
}

#login #loginFailure {
	font-weight: bold;
	color: red;
}

#login #loginWarning table {
	border: 0;
}

#login #loginWarning table td:last-child {
    width: 100%;
}

#login #loginWarning .warningIcon {
    font-size: 2em;
    color: rgb(255, 194, 83);
}

#login #loginWarning .warningIcon > span {
	margin: 0 .25em 0 .5em;
}

#login #loginWarning  .warning {
	text-align: center;
}

#login #loginInfo {
	clear: both;
	margin-top: 1rem;
	min-height: 1rem;
	background-color: #fff;
}

#login #loginInfo > div {
    padding: 1.5rem;
    background-color: #fff;
}

#login table input {
    border: 1px solid black;
    width: 100%;
    line-height: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 1rem;
    padding: .25rem;
}

#login label {
    font-weight: bold;
    padding-right: 0.5em;
}


#login input.errors {
    background-color: rgb(255, 192, 192);
    border: 1px solid rgb(255, 128, 128);
}

.pa-link {
    background: none repeat scroll 0 0 white !important;
    text-align: left !important;
    display: none;
    margin: 0.5rem 1.5rem;
}

.pa-link a {
	font-size: 12px;
    font-weight: normal;
	color: black;
}

.pa-link a:hover {
	text-decoration: underline;
    font-weight: normal;
	color: black;
}

.forgot-password-label {
	background: none repeat scroll 0 0 white !important;
	text-align: left !important;
    display: none;
	font-size: 12px;
    font-weight: normal;
	color: black;
}

.center-element {
    text-align: center;
}

.registerButtons {
    font: 11px verdana, arial, helvetica, sans-serif;
    padding: 0 5px;
}

.registerButtons a {
    color: #333;
    padding: 4px 6px;
}

.registerButtons a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 26px;
}

.registerButtons a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 26px;
}

.buttonsPanel {
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 6;
    text-align: center;
}

.login-info-for-pa-user {
    background: none repeat scroll 0 0 white !important;
    text-align: left !important;
    font-size: 11px;
    padding-bottom: 25px !important;
    display: none;
    margin: 0.5rem 1.5rem;
}

.register-dialog table {
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto;
	width: 100px !important;
	text-align: left;
}

.register-dialog table td, th {
    line-height: 23px;
}

.register-dialog table label {
	float: right;
}

.register-dialog table input.longTextField {
	width: 20em;
	float: left;
}

.action-buttons {
	text-align: center !important;
}

.action-buttons input:hover {
	cursor: pointer !important;
}

.reset-password-info-button {
	/*position: absolute;*/
	border: 1px none transparent;
    background: transparent url(../images/help.png) no-repeat;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
	padding: 0 5px 0 5px !important;
	height: 18px;
}

.reset-password-button {
    background-color: #F4F4F4;
    border: 1px solid #B2D1FF;
    -moz-border-radius: 1px solid #B2D1FF;
    -webkit-border-radius: 1px solid #B2D1FF;
    border-radius: 5px 5px 5px 5px;
    color: #66667A;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    padding: 2px 6px;
}

/* Admin main page buttons */
.menu_buttons {
    padding: 20px;
    margin: 10px;
    /*width:300px;*/
    background-color: #d8e4e6;
    text-align: center;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -o-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -moz-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -webkit-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    border: 1px #4a6f77 solid;
    cursor: pointer;
    display: block;
}

.menu_buttons:hover {
    background-color: #b2cacf;
}

.menu_buttons:active {
    box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -o-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -moz-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -webkit-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
}

.menu_buttons:active a {
    font-size: 30px;
}

.menu_buttons a {
    color: #10440F;
    display: block;
    text-decoration: none;
    font-size: 32px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px white;
}

.top_menu_buttons {
    padding: 20px;
    margin: 10px;
    /*width:300px;*/
    background-color: #d8e4e6;
    text-align: center;
    border-radius: 8px;
    -o-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -o-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -moz-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -webkit-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    border: 1px #4a6f77 solid;
    cursor: pointer;
}

.top_menu_buttons_active {
    padding: 20px;
    margin: 10px;
    background-color: #e8df8f;
    text-align: center;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -o-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -moz-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    -webkit-box-shadow: 0px 0px 5px black, inset 0px 0px 3px #e4e6d8;
    cursor: pointer;
	text-decoration: underline !important;
}

.top_menu_buttons:hover {
    background-color: #b2cacf;
}

.top_menu_buttons:active {
    box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -o-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -moz-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
    -webkit-box-shadow: 0px 0px 2px black, inset 0px 0px 6px #d8e4e6;
}

.top_menu_buttons:active a {
    font-size: 30px;
}

.top_menu_buttons a {
    color: #10440F;
    display: block;
    text-decoration: none;
    font-size: 32px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px white;
}

.edit_button {
    background: url(../images/skin/database_edit.png) center no-repeat;
    color: transparent;
    padding-left: 9px;
    margin: -3px;
}

.pdf_button {
    background: url(../images/skin/pdfIcon.png) center no-repeat;
    color: transparent;
    margin-right: 1px;
    margin-top: -3px;
    margin-bottom: -3px;
    width: 25px;
}

.pending_user_accept_button {
    background: url(../images/skin/pending_user_accept.png) center no-repeat;
    color: transparent;
    padding-left: 9px;
    margin: -3px;
}

.pending_user_deny_button {
    background: url(../images/skin/pending_user_deny.png) center no-repeat;
    color: transparent;
    padding-left: 9px;
	margin: -3px 3px;
	margin-right: 0px;
	margin-left: 3px;
	margin-top: -3px;
	margin-bottom: -3px;
}

.pending_user_save_button {
    background: url(../images/skin/database_save.png) center no-repeat;
    color: transparent;
    padding-left: 9px;
    margin: -3px;
    cursor: pointer;
}

.letter_button {
    background: url(../images/skin/letterIcon.png) center no-repeat;
    color: transparent;
    margin-right: 1px;
    margin-top: -3px;
    margin-bottom: -3px;
    width: 25px;
}

.zip_button {
    background: url(../images/skin/zipIcon.png) center no-repeat;
    color: transparent;
    margin-right: 1px;
    margin-top: -3px;
    margin-bottom: -3px;
    width: 25px;
}

.buttons input.search {
    background: transparent url(../images/skin/search.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.menuButton a.back {
    background: url(../images/skin/backButton.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/***********************/
html * {
    margin: auto;
}

body {
    font: 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: auto;
	margin: 10px;
	border: 0px;
}

h1 {
    color: black;
}

textarea {
    width: 250px;
    height: 150px;
    vertical-align: top;
}

textarea.emailArea {
	resize: none;
    height: 50px;
}

textarea.addressArea {
	resize: none;
	width: "150px";
    height: 50px;
}

.buttons input.reset {
    background: transparent url(../images/skin/action_undo.png) 5px 50% no-repeat;
    padding-left: 28px;
}

/* DIALOG */
.dialog table {
	border: 1px solid #ccc !important;
	margin-left: auto;
	margin-right: auto;
	width: 52em !important;
	text-align: left;
}

.dialog table td, th {
    line-height: 23px;
}

.dialog table label {
	float: right;
}

.dialog table input.longTextField {
	width: 20em;
	float: left;
}
/* DIALOG Small */
.dialog_small table {
	border: 1px solid #ccc !important;
	width: 25em !important;
	text-align: left;
}

.dialog_small table td, th {
    line-height: 23px;
    text-align: left;
    font: 1em, sans-serif;
}

.list th:hover, .list tr:hover {
    background: #d0bf10;
}

.menuButton a.accept {
    background: url(../images/skin/user_accept.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.body table {
    width: 100%;
	height: auto !important;
}

.body td, th {
    line-height: 12px;
    padding: 5px 6px;
    text-align: right;
    vertical-align: top;
}

#list td, th {
	font-weight: bold !important;
	padding: 5px;
}

.main table {
    width: 100%;
    height: 100px;
}

.body {
    float: none !important;
    margin: 0 !important;
}

.fail-login {
	float: left;
	color: red;
    width: 50%;
	border: 0 !important;
}

.fail-login .errorMark {
	font-size: 2.5em;
	font-weight: bold;
}

#login td {
	padding: 0 !important;
}

#login-header {
    font-weight: bold;
    padding-top: 2em;
	padding-bottom: 2em;
}

.order_management_link {
    background: url("../images/skin/order_list.png") no-repeat scroll center center transparent;
	margin-left: 9px;
    padding-left: 23px;
	padding-bottom: 3px;
    padding-top: 3px;
	border: 1px solid #ccc !important;
}

.edit_user_link {
    background: url("../images/skin/database_edit.png") no-repeat scroll center center transparent;
    padding-left: 23px;
	padding-bottom: 3px;
    padding-top: 3px;
	border: 1px solid #ccc !important;
	margin-left: 3px;
}

.prop .name_is_notified {
    text-align: left;
    width: 15%;
    white-space: nowrap;
	/*padding-top:12px;*/
}

.prop .checkbox {
    vertical-align: -3px;
}

.registration-main-mask table {
    padding: 0rem 1.5rem;
}

.registration-main-mask,
.reset-pw-main-mask {
    padding: 1rem 0rem;
}

div.errors li {
	background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
	display: table !important;
}

.avisierung-row {
    float: left;
    height: 6px;
    overflow: hidden;
    margin-top: 6px;
}