/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* CLEARFIX */
* html .clearfix {
    height: 1%; /* IE5-6 */
}
*+html .clearfix {
    display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* REBUILD */
body {
    background: url(../img/body-bg.png) repeat-x #6db6f2 fixed;
    color: #525760;
    font: 11px/15px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    margin: 15px 0;
}
body.clean{
	background: white;
}
strong {
    font-weight: bold;
}

/* ANCHORS */
a {
    color: #009edb;
    text-decoration: none;
}
a:hover {
    color: #f13D42;
}

/* TOOLS */
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.hidden {
	display: none !important;
}

/* HEADLINES */
h1 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 30px;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}
h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
}

/* WRAPPER */
.wrapper {
    margin: 0 auto;
    width: 1220px;
}
#container {
    background-color: #eef0f3;
    padding: 10px;
    width: 1200px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* LANG */
#lang {
    padding-bottom: 5px;
    padding-right: 15px;
    text-align: right;
}
#lang a:hover {
    color: #FFF;
}

/* HEADER */
#header {
    height: 103px;
    margin: 0 auto;
    position: relative;
    width: 1200px;
}

/* NAV */
#nav {
    bottom: -3px;
    left: 0;
    padding: 0 30px;
    position: absolute;
    width: 1140px;
}
* html #nav {
    bottom: -4px;
}
#nav li {
    float: left;
    margin-right: 10px;
    padding-top: 3px;
    position: relative;
}
#nav li.active {
    background-color: #E8EAED;
    border-color: #E8EAED;
    border-style: solid;
    border-width: 3px 3px 0;
    padding-top: 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#nav li.login {
    float: right;
    margin-right: 0;
}
#nav li a {
    background-color: #E3E5E7;
    border-color: #E3E5E7 #E3E5E7 #DBDCE0;
    border-style: solid;
    border-width: 0 0 3px;
    color: #313D42;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
    white-space: nowrap;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#nav #home {
    background-image: url(https://www.recrate.de/assets/images/home.gif);
    background-position: 14px 10px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
#nav li a:hover {
    background-color: #DBDCE0;
    border-color: #DBDCE0;
}
#nav li.active a {
    background-color: #FFF;
    border-color: #CACCD2 #CACCD2 #FFF;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #009edb;
    margin-bottom: -1px;
    padding-top: 9px;
    padding-bottom: 14px;
    position: relative;
}

/* LOGO */
#logo {
    float: right;
    padding-right: 3px;
}
#logo a {
    background: url(../img/logo.gif) no-repeat;
    display: block;
    height: 90px;
    text-indent: -999em;
    width: 137px;
}

/* CONTENT */
#content {
    background-color: #E8EAED;
    padding: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#content .inner {
    background-color: #FFF;
    border: 1px solid #CACCD2;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#article {
    padding: 30px;
}
#article p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}

/* SECTION */
#article .section {
    float: left;
    width: 835px;
}
#article .section p {
	margin-right: 0;
}
#article .section ul.disc {
    background-color: #F0F1F4;
    margin-bottom: 20px;
    padding: 15px;
}
#article .section ul.disc li {
	font-size: 12px;
    font-weight: bold;
	line-height: 18px;
	list-style-type: disc;
	margin-left: 13px;
}

/* BOX-ENTRY */
#article .section .box-entry {
    background-color: #F0F1F4;
    margin-bottom: 20px;
    padding: 10px;
}
#article .section .box-entry p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
}

/* OPTIONS */
#article .section .options {
    margin-bottom: 10px;
}
#article .section .options .option-entry {
    margin-bottom: 10px;
}
#article .section .options .option-entry a {
    background-color: #009EDB;
    color: #FFF;
    display: block;
    padding: 10px;
    vertical-align: top;
    width: 575px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#article .section .options .option-entry a:hover {
    background-color: #006E99;
}
#article .section .options .ico-f1 a,
#article .section .options .ico-f2 a,
#article .section .options .ico-f3 a,
#article .section .options .ico-f4 a,
#article .section .options .ico-f5 a,
#article .section .options .ico-f6 a {
    background-image: url(../img/ico-f1.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding-left: 95px;
    width: 490px;
}
#article .section .options .ico-f2 a {
    background-image: url(../img/ico-f2.png);
}
#article .section .options .ico-f3 a {
    background-image: url(../img/ico-f3.png);
}
#article .section .options .ico-f4 a {
    background-image: url(../img/ico-f4.png);
}
#article .section .options .ico-f5 a {
    background-image: url(../img/ico-f5.png);
}
#article .section .options .ico-f6 a {
    background-image: url(../img/ico-f6.png);
}

#article .section .options .ico-direction-1 a,
#article .section .options .ico-direction-2 a {
    background-image: url(../img/ico-direction-1.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    padding-left: 43px;
    width: 782px;
}
#article .section .options .ico-direction-2 a {
    background-image: url(../img/ico-direction-2.png);
}
#article .section .options .option-entry .option-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}
#article .section .options .option-entry .option-body {
    color: #FFF;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}

/* ASIDE */
#article .aside {
    float: right;
    width: 267px;
}
#article .aside .entry {
    background-color: #F0F1F4;
    padding: 10px 10px 10px;
}
#article .aside h4 {
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 10px;
}
#article .aside p {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 10px;
    margin-right: 0;
}

/* FORM */
form {
    width: 100%;
}
form fieldset {
    width: 100%;
}
form fieldset ol {
    padding-bottom: 20px;
    width: 100%;
}
form fieldset ol ol {
    float: left;
    padding-bottom: 0;
}
form fieldset li {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
form fieldset li li {
    margin-bottom: 0;
    margin-top: 10px;
}
form fieldset .field-wrapper {
    background-color: #E3E5E7;
    float: left;
    width: 100%;
}
form fieldset .field-wrapper.highlight {
    background-color: #FFFF99;
    /*color: #313D42;*/
}
form fieldset .label-wrapper {
    float: left;
    font-size: 13px;
    line-height: 19px;
    padding: 11px 5px 10px 10px;
    width: 170px;
}
form fieldset label {
    font-size: 13px;
    line-height: 19px;
}
form fieldset .input-wrapper {
    float: right;
    padding: 5px;
    width: 400px;
}
form fieldset .no-label .input-wrapper {
    float: left;
    padding: 5px 10px;
    width: 575px;
}
form fieldset .text,
form fieldset .select {
    background: #FFF;
    border: 1px solid #bcc3cc;
    color: #525760;
    float: left;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 14px;
    padding: 6px 4px;
    width: 390px;
}
form fieldset .text:focus,
form fieldset .select:focus {
    background-color: #ffffe5;
}
form fieldset .select {
    max-width: 390px;
    padding: 5px 4px;
    width: auto;
}
form fieldset .checkbox,
form fieldset .radio {
    float: left;
    height: 13px;
    margin: 9px 0 5px 0; 
    width: 13px;
}
form fieldset .radio {
    margin-top: 8px; 
}
form fieldset .small {
    width: 50px;
}
form fieldset .input-wrapper label,
form fieldset .input-wrapper .unit {
    float: left;
    padding: 6px 20px 6px 5px;
}
form fieldset .input-wrapper label.before {
    padding: 6px 5px 6px 20px;
}
form fieldset .input-wrapper label.first {
    padding-left: 0;
}
form fieldset .input-wrapper .value {
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0;
}
form fieldset .input-wrapper .action-wrapper {
    float: right;
}
form fieldset .input-row {
    float: left;
    width: 100%;
}
form fieldset .note-wrapper {
    color: #85898F;
    float: left;
    padding-top: 2px;
    width: 100%;
}
form fieldset .note-wrapper p {
    /*padding-left: 190px;*/
}
form fieldset .submit-wrapper {
    padding-bottom: 20px;
    width: 100%;
}
form fieldset .submit-wrapper .submit {
    float: right;
    margin-left: 10px;
}

/* BUTTON */
button {
    background: #009EDB;
    border: 0;
    color: #FFF;
    display: inline-block;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    overflow: visible;
    padding: 6px 10px;
    text-transform: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
button.red {
    background: #D61E26;
}
button.green {
    background: #52A204;
}
button.small {
    font-size: 11px;
    line-height: 14px;
    padding: 1px 3px;
    text-transform: uppercase;
}
button:disabled {
    background-color: rgb(239, 239, 239);
    color: rgb(16, 16, 16);
    border-color: rgb(118, 118, 118);
    cursor: not-allowed;
}

.button {
    background-color: #009EDB;
    color: #FFF;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    padding: 2px 6px;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    background-color: #006e99;
    color: #FFF;
}
.button:disabled {
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(19, 1, 1, 0.3));
    color: -internal-light-dark(rgba(16, 16, 16, 0.3), rgba(255, 255, 255, 0.3));
    border-color: -internal-light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
}
.button.delete {
    background-color: #FD4238;
}
.button.delete:hover {
    background-color: #bf322a;
}
h1 .button {
    font-size: 14px;
    line-height: 20px;
    margin-left: 10px;
    padding: 5px 10px;
    text-transform: none;
    vertical-align: top;
}
.button.ico-show,
.button.ico-edit,
.button.ico-new,
.button.ico-back,
.button.ico-print,
.button.ico-delete {
    background-image: url(../img/ico-show.png);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 20px;
}
.button.ico-edit {
    background-image: url(../img/ico-edit.png);
}
.button.ico-print {
    background-image: url(../img/ico-printer.png);
}
.button.ico-new,
.button.ico-back {
    background-image: url(../img/ico-new.png);
    background-position: 10px 7px;
    padding-left: 28px;
}
.button.ico-back {
    background-image: url(../img/ico-back.png);
    padding-left: 32px;
}
.button.ico-delete {
    background-image: url(../img/ico-delete.png);
    padding-left: 17px;
}

/* MESSAGES */
.msg-success,
.msg-info,
.msg-error {
    background-color: #ffff99;
    color: #313D42;
	font-size: 12px;
	line-height: 18px;
    margin-bottom: 30px;
    padding: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.msg-success {
    background-color: #99ff99;
}
.msg-info {
    background-color: #ffff99;
}
.msg-error {
    background-color: #ff9999;
}
#ancientbrowser {
    color: #B81515;
}

/* TABS & STEPS */
* html .tabs {
    width: 100.09%;
}
.tabs .current-info,
.tabs .accessibletabsanchor,
.tabs .tabhead {
    left: -999em;
    position: absolute;
}
.tabs .tabs-list,
.steps {
    margin-bottom: 30px;
    width: 100%;
}
* html .tabs .tabs-list,
* html .steps {
    width: 100.09%;
}
.tabs .tabs-list li,
.steps li {
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.tabs .tabamount2 li,
.stepamount2 li {
    width: 50%;
}
.tabs .tabamount3 li,
.stepamount3 li {
    width: 33.33%;
}
.tabs .tabamount4 li,
.stepamount4 li {
    width: 25%;
}
.tabs .tabs-list li a,
.steps li a,
.steps li span {
    background-color: #F0F1F4;
    border-color: #CACCD2;
    border-style: solid;
    border-width: 0 0 1px;
    color: #85898F;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.tabs .tabs-list li a img {
    vertical-align: top;
}
.tabs .tabs-list li a span {
    background-image: url(../img/ico-tabs.png);
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 28px;
}
.tabs .tabs-list li a .ico-in {
    background-position: 0 0;
}
.tabs .tabs-list li a:hover .ico-in {
    background-position: 0 -20px;
}
.tabs .tabs-list li.current a .ico-in {
    background-position: 0 -40px;
}
.tabs .tabs-list li a .ico-out {
    background-position: 0 -60px;
}
.tabs .tabs-list li a:hover .ico-out {
    background-position: 0 -80px;
}
.tabs .tabs-list li.current a .ico-out {
    background-position: 0 -100px;
}
.steps li span {
    background-color: #FFF;
}
.tabs .tabs-list li a:hover,
.steps li a:hover {
    background-color: #E3E5E7;
    color: #525760;
}
.tabs .tabs-list li.current a,
.tabs .tabs-list li.current a:hover,
.steps li.current a,
.steps li.current a:hover  {
    background-color: #FFF;
    border-color: #CACCD2;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #009EDB;
    padding-bottom: 11px;
    padding-top: 9px;
}

/* ORDERS */
.orders {
    background-color: #E3E5E7;
    margin-bottom: 30px;
    padding: 15px;
}
.orders table {
    width: 100%;
}
.orders table thead th {
    color: #85898F;
    font-size: 13px;
    line-height: 19px;
    padding: 0 10px 5px;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
}
.orders table thead .first {
    padding-left: 0;
}
.orders table thead td {
    padding: 0 10px 5px;
    vertical-align: top;
    white-space: nowrap;
}
.orders table tfoot td {
    color: #85898F;
    padding-top: 5px;
    vertical-align: top;
    white-space: nowrap;
    font-size: 12px;
}
.orders table tfoot .items {
    text-align: right;
}
.orders table tfoot td .current {
    font-weight: bold;
    background-color: #009EDB;
    color: #FFF;
    margin-right: 4px;
    padding: 1px 4px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.orders table tfoot td a {
    background-color: #85898F;
    color: #FFF;
    margin-right: 4px;
    padding: 1px 4px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.orders table tfoot td a:hover {
    background-color: #006E99;
}
.orders table tbody td {
    background-color: #FFF;
    border-bottom: 5px solid #E3E5E7;
    border-top: 5px solid #E3E5E7;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    vertical-align: top;
}
.orders table tbody .summary span {
    font-size: 11px;
    line-height: 15px;
}
.orders table tbody .action {
    text-align: right;
}
.orders table tbody .new td {
    font-weight: bold;
}
.orders tbody .first {
	background-image: url(/assets/templates/recrate/Button-gelb.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	text-indent: -999em;
	padding-left: 30px; 
}
.orders tbody .closed .first {
	background-image: url(/assets/templates/recrate/Button-greun.png);
}
.orders tbody .rejected .first {
	background-image: url(/assets/templates/recrate/Button-rot.png);
}
.orders tbody .hold .first {
    background-image: url(/assets/templates/recrate/Button-blau.png);
}

/* ORDER-SEARCH */
.orders .order-search .input-wrapper {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    overflow: hidden;
}
.orders .order-search .input-wrapper label {
}
.orders .order-search .text {
    background: #FFF;
    border: 1px solid #bcc3cc;
    color: #525760;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    font-size: 12px;
    padding: 2px 2px;
}
.orders .order-search .date {
    width: 73px;
}
.orders .order-search .keyword {
    width: 405px;
}
.orders .order-search .checkbox,
.orders .order-search .radio {
    margin: 3px 4px 5px 0;
}

/* LOCATIONS */
#locations {
    background-color: #E3E5E7;
    margin-bottom: 20px;
    padding: 5px 15px 15px;
}
#locations li {
    float: left;
    padding-top: 10px;
    width: 805px;
}
#locations .location-entry {
    background-color: #FFF;
    float: left;
    width: 805px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#locations .locked .location-entry {
    background-color: #EDD;
}
#locations ul ul li {
    background: url(../img/tree-bg.png) no-repeat 20px 0;
    padding-left: 40px;
    width: 765px;
}
#locations ul ul li.last {
    background-image: url(../img/tree-last-bg.png);
}
#locations ul ul li li {
	background: transparent;
}
#locations ul ul li ol {
	margin-bottom: 10px;
	float: left;
}
#locations ul ul .location-entry {
    width: 765px;
}
#locations .location-title {
    background: url(../img/ico-location-0.png) no-repeat 10px 9px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 9px 10px 9px 40px;
}
#locations ul ul .location-title {
    background: url(../img/ico-location.png) no-repeat 10px 12px;
    font-weight: normal;
    padding: 9px 10px 9px 34px;
}
#locations .location-action {
    float: right;
    padding: 10px;
}
#locations .location-action .button {
    margin-left: 10px;
}
#locations .location-data {
    float: left;
    padding: 0 10px 10px 40px;
    width: 755px;
}
#locations ul ul .location-data {
    padding-left: 34px;
    width: 481px;
}
#locations .location-data table th,
#locations .location-data table td {
    line-height: 14px;
    border-top: 1px solid #CACCD2;
    padding: 3px 15px 3px 0;
}
#locations .location-data table th {
    font-weight: bold;
    white-space: nowrap;
    width: 1%;
}


/* new */
a.bigLink {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	padding: 5px 8px;
	background-color: #009EDB;
	color: white;
	text-align: center;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
input.locked {
    background: url(/assets/templates/recrate/Button-greun.png) !important;
    background-repeat: no-repeat !important;
    background-color: #EFEFEF !important;
    background-position: 371px 2px!important;
}