@CHARSET "UTF-8";

html,
body {
    margin: 0px;
    width: 100%;
    height: 100% !important;
    padding: 0;
    text-align: left;
    color: #6D6D6D;
    font-family: arial;
    font-size: 9pt;

}

body {
    background: url(./../img/header/header_1px.gif);
    background-position: 0px 55px;
    background-repeat: repeat-x;
}

.body_outerbox {
    position: relative !important;
    margin: 0px;
    width: auto;
    min-height: 100%;
    height: auto !important;
    background: transparent;
    text-align: left;
}

* html .body_outerbox {
    height: 100% !important;
}

.body_innerbox {
    padding-bottom: 75px;
}

img {
    behavior: url(png_hack/iepngfix.htc);
}

div.table {
    display: table;
}

div.tr {
    display: table-row;
}

div.td {
    display: table-cell;
}

a {
    color: #5AB89F;
}

/*=== SERVICE NAVICATION START ===*/
#service_navi {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: 42px;
}

#service_navi_box {
    position: absolute;
    right: 17px;
    top: 18px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#service_navi_box li {
    display: inline;
    float: left;
}

#service_navi_box a {
    height: 12px;
    color: #364e6c;
    text-decoration: none;
    padding: 0px 9px;
    font-size: 8pt;
    line-height: 11px;
    border-right: 1px solid #364e6c;
    display: block;
    float: left;
}

#service_navi_box a img {
    border: 0px;
    margin: -3px 0px 0px -6px !important;
    margin: 0px 0px 0px -6px;
}

#service_navi_box li.last a {
    border: 0px;
}

#service_navi_box a#service_navi_active,
#service_navi_box a:hover {
    color: #50a4e2;
}

/*=== SERVICE NAVICATION STOP ===*/
.error {
    color: darkred;
    font-weight: bold;
}

.red {
    color: red;
    font-weight: bold;
}

.ok {
    color: #008000;
    font-weight: bold;
}

.keyword {
    background-color: #FFFF99;
}

.text-gray {
    color: #999;
    font-weight: normal;
}

.text-info {
    padding-left: 21px;
    background-image: url('../img/icons/info.png');
    background-repeat: no-repeat;
    color: #999;
    font-weight: normal;
}

.xls-info {
    padding: 5px;
    margin: 3px;
    border: 1px dotted #cccccc;
    padding-left: 21px;
    background-image: url('../img/allgemein/xls.gif');
    background-position: 3px 5px;
    background-repeat: no-repeat;
    color: #999;
    font-weight: normal;
}

.pdf-info {
    padding: 5px;
    margin: 3px;
    border: 1px dotted #cccccc;
    padding-left: 21px;
    background-image: url('../img/allgemein/pdf_klein.gif');
    background-position: 3px 5px;
    background-repeat: no-repeat;
}

.blank-info {
    padding: 5px;
    margin: 3px;
    border: 1px dotted #cccccc;
    padding-left: 21px;
}

a {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    font-size: 11px;
    text-decoration: none;
    color: #5AB89F;
}

a.basket {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #5AB89F
}

span.abc {
    font-weight: normal;
    margin: 3px;
}

a.abc {
    font-weight: bold;
    margin: 3px;
    text-decoration: underline;
    color: #5AB89F
}

a.abchighlight {
    font-weight: bold;
    font-size: 125%;
    margin-right: 3px;
    text-decoration: none;
    color: #ff0000
}

h1 {
    margin: 0px 0px 14px 0px;
    padding: 0px;
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
    color: #34446f;
}

h2 {
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
    font-family: verdana;
    font-size: 15px;
    font-weight: bold;
    color: #34446f;
}

h3 {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: #34446f;
}

hr {
    margin: 0px;
    padding: 0px;
    height: 1px;
    color: #9c9d9f;
}

p, div, strong, b, td, th {
    font-family: verdana;
    font-size: 11px;
}

p.lower_margin {
    margin: 4px 0 4px 0px;
}

td {
    font-family: verdana;
    font-size: 11px;
}

select {
    font-family: verdana;
    font-size: 11px;
}

input {
    font-family: verdana;
    font-size: 11px;
}

input.favorite_options {
    display: block;
    text-align: center;
    padding: 5px;
    font-family: verdana;
    border: 1px solid #344570;
    background-color: #344570;
    color: #ffffff;
    margin-right: 10px;
}

input.favorite_options_reset {
    display: block;
    text-align: center;
    padding: 5px;
    font-family: verdana;
    border: 1px solid #344570;
    background-color: #ffffff;
    color: #344570;
}

ol, ul {
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

li {
    font-family: verdana;
    font-size: 11px;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

form {
    margin: 0px;
    padding: 0px;
}

label {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    font-size: 11px;
    color: #34446f;
}

input {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
}

.textbox {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    border: 1px solid #6f7072;
}

.radio {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
}

.button {
    margin: 0px;
    padding: 0px;
    font-family: verdana;
    border: 1px solid #344570;
    background-color: #344570;
    color: #ffffff;
}

.content_red {
    color: red;
}

.content_blue {
    color: blue;
}

/*HEADER START*/

div#headerMenuBoxLogo {
    width: 600px;
}

div#headerMenuBox {
    width: 100%;
}

div#headerMenuSmallBox {
    width: auto;
    height: 55px;
}

div#headerMenuSearchBox {
    width: 800px;
    height: 55px;
}

div#headerWrap {
    float: right;
}

/*if the header Search box actve
/*HEADER MENU structure*/
ul#h_menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul#h_menu li {
    margin: 3px 0 0 0;
    padding: 0;
    float: left;
    height: 12px;
    border-right: 1px solid #6f7072;
}

ul#h_menu li.menuLast {
    border: 0px;
    list-style-type: none;
}

ul#h_menu a {
    display: block;
    padding: 0 6px 0 6px;
    font-weight: normal;
    font-size: 12px;
}

ul#h_menu a img {
    height: 16px;
    margin-top: -3px !important;
    margin-top: 0px;
    border: 0px;
}

/*HEADER search box*/
div#searchBox {
    width: 243px;
    height: 20px;
    margin: 15px 0 0 0;
    padding: 0px;
    float: left;
}

div#searchBox .textbox {
    height: 16px !important;
    height: 18px;
    width: 140px;
    font-size: 11px;
    float: left;
}

div#searchBox .button {
    height: 18px;
    width: 70px;
    margin: 0 0 0 18px;
    font-size: 9px;
    font-weight: bold;
    float: left;
}

/*HEADER*/
div#headerBox {
    width: 100%;
    height: 186px;
    background: url(./../img/header/header_1px.gif) repeat-x
}

div#headerBoxMemberArea {
    width: 100%;
    height: 46px;
    background: url(./../img/header/header_1px.gif) repeat-x
}

div#headerMemberArea {
    width: 995px;
    height: 46px;
    background: url(./../img/header/headerMainMenu_home.jpg) repeat-y;
}

div#header {
    width: 800px;
    height: 186px;
}

img#logo {
    margin: 14px 50px 0 80px;
    border: 0px;
    float: left;
}

div#smallHeaderMemberArea {
    width: 995px;
    height: 46px;
    background: url(./../img/header/headerMainMenu_home.jpg) repeat-y;
}

img#logoMemberArea {
    margin: 0 0 0 80px;
    border: 0px;
    float: left;
}

img#logoMemberAreaLidl {
    margin: 0 0 0 0;
    border: 0px;
    float: left;
}

img#logoMemberAreaMetro {
    margin: 0 0 0 0;
    border: 0px;
    float: left;
}

img#logoMemberAreaGfsi {
    margin: 0 0 0 0;
    border: 0px;
    float: left;
}

div#headerHeadline {
    width: 540px;
    height: 186px;
    float: left;
    text-align: center;
}

div#headerHeadline h1 {
    margin: 83px 0 0 0;
    padding: 0px;
    font-family: arial;
    font-size: 34px;
    font-weight: normal;
    color: #ffffff;
}

div#headerHeadlineMemberArea {
    height: 46px;
}

div#headerHeadlineMemberArea h1 {
    margin: 7px 0 0 0;
    padding: 0px;
    font-family: arial;
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
}

/*HEADER MAIN MENU*/
div#headerMainMenu {
    width: 100%;
    height: 22px;
    margin-top: 6px;
    background: url(./../img/header/headerMenuBar_1px.gif) repeat-x
}

div#MainMenu {
    width: 679px;
    height: 22px;
    padding: 0 0 0 74px;
}

div#MainMenuImg {
    width: 269px;
    height: 22px;
    float: left;
}

ul#h_mainMenu {
    width: 652px;
    height: 22px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul#h_mainMenu li {
    margin: 0;
    padding: 0;
    float: left;
    height: 22px;
    border-right: 1px solid #ffffff;
}

ul#h_mainMenu li.menuLast {
    border: 0px;
}

ul#h_mainMenu a {
    display: block;
    padding: 3px 6px 0 6px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
}

.li_h_mainMenu {
    list-style-type: none;
}

/*HEADER END*/

/*CONTENT START*/
div#contentMenuBox {
    width: 100%;
    display: inline-flex;
    background: #eef1f5;
}

div#contentBox {
    width: auto;
    height: 100%;
    margin-top: 20px;
}

div#contentDistance {
    width: 800px;
    float: left;
    margin: 0;
}

div#contentDistance table {
    width: 100%;
}

div#contentMain {
    width: 620px;
    margin: 0px 0px 0px 0px;
}

div#contentTeaser {
    width: 620px;
    margin: 20px 0px 0px 0px;
}

div#loginMenuBox {
    width: 230px;
    margin: 20px 20px 0 20px;
    float: left;
    min-width: 230px;
}

div#loginBox {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

div#loginNaviBox {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

div#loginBox h3 {
    margin: 0 0 12px 0;
    padding: 0px;
    font-size: 16px;
    font-wight: bold;
}

div#loginBox label {
    font-size: 12px;
    color: #6f7072;
}

div#loginBox .textbox {
    height: 18px !important;
    height: 23px;
    width: 140px;
    margin: 0 0 8px 0;
    padding-top: 3px;
    display: block;
    font-size: 11px;
    color: #6f7072;
}

div#loginBox .button {
    height: 23px;
    width: 70px;
    margin: 0 0 0 18px;
    font-size: 11px;
    font-weight: bold;
    float: left
}

div#loginBox a#registration {
    text-decoration: underline;
    float: left;
}

div#loginBox a#forgotPasswort {
    text-decoration: underline;
    float: right;
}

div#loginBox a#errorPasswort {
    text-decoration: underline;
    font-size: 12px;
    float: left;
}

div#subMenuBox {
    margin: 0px 0px 0px 0px;
    clear: both;
}

ul#sub_menu {
    padding: 0px;
    margin: 0px 0px 0px 15px;
    LIST-STYLE-TYPE: square;
    list-style-position: outside;
}

ul#sub_menu li {
    padding-top: 3px;
    padding-left: 0;
    LIST-STYLE-TYPE: square;
    list-style-position: outside;
}

ul#sub_menu li a {
    padding: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #0a325f;
    LIST-STYLE-TYPE: square;
    list-style-position: outside;
}

ul#sub_menu li a:hover {
    color: #cccccc;
    text-decoration: underline;
    LIST-STYLE-TYPE: square;
    list-style-position: outside;
}

ul#link {
    padding: 0px;
    margin: 0px;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

ul#link li a:hover {
    text-decoration: none;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

hr#subMenuSep {
    color: #cccccc;
    background-color: #0a325f;
    height: 1px;
}

.linkHiglight {
    color: darkred;
    text-decoration: underline;
}

.linkPermHiglight {
    color: darkred;
    text-decoration: underline;
}

#navi {
    margin: 0px;
    margin-top: 13px
}

div#subMenuHeadline {
    font-weight: bold;
    font-size: 13px;
}

div#ExpandableCertificateBoxes {
    overflow: auto;
    height: 680px;
}

div#subMenuDownload {
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #6e3443;
    background-color: #6e3443;
    color: #ffffff;
}

div#subMenuDownload li a {
    padding: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    LIST-STYLE-TYPE: square;
    list-style-position: outside;
}

div#subMenuLogout,
div#subMenuP1,
div#subMenuP2,
div#subMenuP3,
div#subMenuP4,
div#subMenuP5,
div#subMenuP6,
div#subMenuP7,
div#subMenuP8,
div#subMenuP9,
div#subMenuP10,
div#subMenuP11,
div#subMenuP13,
div#subMenuP14 {
    margin-bottom: 7px;
    border: 1px solid #344570;
    background: white;
}

div#subMenuHeadlineLogout {
    padding: 10px 0 0 10px;
    font-weight: bold;
    font-size: 14px;
}

div#logoutNotificationContent {
    font-size: 0px;
    margin: 4px 0px 0px 4px !important;
    display: block !important;
    padding: 0px;
}

div#logoutNotificationContent span {
    font-size: 11px;
    color: #ff0000 !important;
    font-weight: bold;
    text-align: left !important;
    padding: 0px;
}

div#logoutNotificationContent #toggle {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    padding: 0px;
}

div#subMenuHeadlineLogout1 {
    font-weight: bold;
    font-size: 12px;
}

a#logoutButton {
    width: 65px;
    height: 18px !important;
    display: block;
    text-align: center;
    padding: 4px 0 0 0;
    font-family: verdana;
    font-weight: bold;
    border: 1px solid #344570;
    background-color: #344570;
    color: #ffffff;
}

div#subMenuHeadline1 {
    font-weight: bold;
    font-size: 14px;
}

div#subMenuP3 {
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 7px;
    border: 1px solid #333399;
}

div#subMenuHeadline3 {
    font-weight: bold;
    font-size: 14px;
}

ul#sub_menu3 {
    padding: 0px;
    padding-left: 17px;
    margin: 0;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

ul#sub_menu3 li {
    padding-top: 3px;
    padding-left: 0px;
    margin: 0px;
}

ul#sub_menu3 li a {
    padding: 0;
    margin: 0;
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #0a325f;
}

ul#sub_menu3 li a:hover {
    text-decoration: none;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

div#subMenuHeadline9 {
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    background-color: #344570;
}

div#subMenuHeadline9 a {
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    hover: #cccccc;
}

div#subMenuHeadline9 a:hover {
    color: #cccccc;
}

ul#sub_menu9 {
    padding: 0px;
    padding-left: 10px;
    margin: 0;
    margin-bottom: 5px;
    list-style-type: none;
    list-style-position: outside
}

ul#sub_menu9 li {
    list-style-type: none;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0;
    margin: 0;
    margin-right: 10px;
    border-bottom: 1px solid #9c9d9f;
}

ul#sub_menu9 li.big_underline {
    border-bottom: 2px solid #9c9d9f;
}

ul#sub_menu9 li.no_underline {
    border-bottom: 0;
}

ul#sub_menu9 li a {
    padding: 0;
    margin: 0;
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #0a325f;
}

ul#sub_menu9 li a:hover {
    text-decoration: none;
    list-style-type: none;
    list-style-position: outside
}

div#subMenuHeadline11 {
    font-weight: bold;
    font-size: 14px;
}

div#unlock_rechte {
    width: 645px;
    border: 1px solid #cccccc;
    text-align: center;
}

div#unlock_rechte2 {
    padding: 10px;
}

div#unlock_rechte2 hr {
    align: center;
    background-color: #cccccc;
    color: #cccccc;
    border: #cccccc;
    height: 1px;
}

div#unlock_rechte3 {
    width: 10px;
    height: 10px;
    display: block;
    border: solid 1px #cccccc;
    background-color: green;
    float: left
}

div#unlock_rechte4 {
    float: left;
    width: 125px;
    height: 15px;
    display: block;
    border: solid 0px #cccccc;
    background-color: ffffff;
}

div#unlock_rechte5 {
    float: left;
    width: 10px;
    height: 10px;
    display: block;
    border: solid 1px #cccccc;
    background-color: blue;
}

div#unlock_rechte6 {
    float: left;
    width: 100px;
    height: 15px;
    display: block;
    border: solid 0px #cccccc;
    background-color: ffffff;
}

div#unlock_rechte7 {
    float: left;
    width: 10px;
    height: 10px;
    display: block;
    border: solid 1px #cccccc;
    background-color: red;
}

div#unlock_rechte8 {
    float: left;
    width: 10px;
    height: 10px;
    display: block;
    border: solid 1px #cccccc;
    background-color: orange;
}

div#no_retailers {
    width: 99%;
    display: block;
    border: solid 1px #cccccc;
    border-top: solid 0px #cccccc;
    background-color: #ffffff;
    font-weight: bold;
    margin: 5px;
}

ul#sub_Auswertungen {
    padding: 0px;
    padding-left: 17px;
    margin: 0;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

ul#sub_Auswertungen li {
    padding-top: 3px;
    padding-left: 0px;
    margin: 0px;
}

ul#sub_Auswertungen li a {
    padding: 0;
    margin: 0;
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #0a325f;
}

ul#sub_Auswertungen li a:hover {
    text-decoration: none;
    LIST-STYLE-TYPE: square;
    list-style-position: outside
}

/*=== NEWSLETTER START ===*/
.news_newsletter {
    width: 230px;
    height: 35px;
    text-align: right;
    border-bottom: 2px dotted #DBDBDB;
    margin: 15px 0px 23px 0px;
}

.newsletter {
    width: 230px;
    height: 100px;
    text-align: left;
    font-size: 10pt;
    margin-bottom: 0px;
}

.newsletter h1 {
    font-size: 18pt;
    margin-bottom: 22px;
    font-weight: normal;
    padding-bottom: 2px;
    color: #666666;
}

.newsletter span {
    color: #5AB89F;
}

/*=== NEWSLETTER STOP ===*/

.xing {
    width: 230px;
    height: 100px;
    text-align: left;
    font-size: 10pt;
    margin-bottom: 10px;
}

.xing h1 {
    font-size: 18pt;
    margin-bottom: 22px;
    font-weight: normal;
    padding-bottom: 2px;
    color: #666666;
}

.xing span {
    color: #5AB89F;
}

/*=== FOOTER AREA START ===*/
#footer_outer_box {
    position: relative !important;
    clear: both;
    bottom: 0px;
    margin: -75px 0px;
    height: 75px;
    width: 100%;
    background-image: url("../img/footer/footer_background.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
    z-index: 1;
}

#footer_inner_box {
    margin: 0px;
    width: 1024px;
    height: 75px;
    text-align: left;
    background-image: url("../img/footer/footer_background.gif");
    background-position: left bottom;
    background-repeat: repeat-x;
}

#footer_first_line {
    position: relative !important;
    top: 0px;
    height: 40px;
}

#footer_select_language {
    position: absolute;
    left: 74px;
    top: 15px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#footer_select_language li {
    display: inline;
    float: left;
    height: 18px;
    margin: 0px;
    padding: 0px 5px;
    color: #666666;
    font-size: 13px;
    line-height: 13px;
}

#footer_select_language span li {
    margin-left: -5px;
}

#footer_select_language a {
    height: 18px;
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
}

#footer_select_language img {
    border: 0px;
    margin-top: -2px !important;
    margin-top: 0px;
}

#footer_select_language_faq {
    position: absolute;
    right: -5px;
    top: 15px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#footer_select_language_faq li {
    display: inline;
    float: left;
    height: 18px;
    margin: 0px;
    padding: 0px;
    color: #666666;
    font-size: 13px;
    line-height: 13px;
}

#footer_select_language_faq a {
    height: 18px;
    color: #666666;
    text-decoration: none;
    padding: 0px 5px;
    display: block;
    float: left;
}

#footer_select_language_faq a img {
    border: 0px;
    margin-top: -2px !important;
    margin-top: 0px;
}

#footer_second_line {
    position: relative !important;
    top: 0px;
    height: 35px;
}

#footer_service_navi {
    position: absolute;
    left: 64px;
    top: 10px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#footer_service_navi li {
    display: inline;
    float: left;
}

#footer_service_navi li.last a {
    border: 0px;
}

#footer_service_navi a {
    height: 11px;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 10px;
    font-size: 10px;
    line-height: 12px;
    border-right: 1px solid #ffffff;
    display: block;
    float: left;
}

#copyright {
    position: absolute;
    right: 0px;
    top: 12px;
    color: #ffffff;
    font-size: 10px;
    line-height: 7px;
}

/*=== FOOTER AREA STOP ===*/
.dot {
    border: #666666 1px solid;
}

.security_box {
    margin: 0px;
    padding: 0px;
    width: 400px;
    height: 30px;
}

.security_box img {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 125px;
    border: #666666 1px solid;
}

.security_input_box {
    margin: 0px;
    padding: 6px 0px 0px 0px;
    height: 24px;
    width: 100px;
    border: #666666 1px solid;
}

#thFirst {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    vertical-align: text-top;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
}

#thLast {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;

}

#tdFirst {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    border-right: 0px solid #cccccc;

}

#tdLast {
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;

}

#tdLastDiary {
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    background: #ffffff;
    border-top: 1px dotted #cccccc;
    border-bottom: 0px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#tdEnd {
    font-size: 1px;
    font-weight: normal;
    background: #ffffff;
    border: 0px solid #cccccc;
    border-top: 1px solid #cccccc;

}

/*content css START*/
div#startHeadline {
    height: 60px;
}

div#startHeadline h1 {
    font-size: 27px;
    font-weight: normal;
}

div#startFlashBox {
    margin-top: 28px;
}

p#startPage {
    margin: 21px 0 5px 0;
    padding: 0px;
    color: #9c9d9f;
    font-size: 25px;
    font-weight: normal;
}

a.startLanguage {
    margin: 0;
    padding: 0px;
    color: #b6b7b9;
    font-size: 21px;
    font-weight: normal
}

a:hover {
    color: #00305d;
}

span.startLanguageDecollator {
    margin: 0px;
    padding: 0px;
    color: #b6b7b9;
    font-size: 21px;
    font-weight: normal
}

p#welcomeUser {
    width: 160px;
    margin: 0px;
    padding: 4px 0 0 0;
    color: #6f7072;
    font-size: 13px;
    float: left;
}

p#startSubLanguage {
    margin: 21px 0 5px 0;
    padding: 0px;
    color: #9c9d9f;
    font-size: 25px;
    font-weight: normal;
}

a#startSubLanguage {
    margin: 0;
    padding: 0px;
    color: #b6b7b9;
    font-size: 12px;
    font-weight: normal
}

a#startSubLanguage:hover {
    color: #00305d;
}

#startSubLanguageDecollator {
    margin: 0px;
    padding: 0px;
    color: #b6b7b9;
    font-size: 12px;
    font-weight: normal
}

/*content css END*/

/* div table Start*/
div.newline {
    clear: left;
    width: 551px;
    height: 20px;
    border: 1px solid #cccccc;
    margin: -1px 0 0 0;
    background-color: #efefef;
}

div.right_field {
    float: left;
    width: 250px;
    height: 20px;
}

div.left_field {
    float: left;
    width: 300px;
    height: 20px;
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
}

/* div table END*/
.auditXpressLogging_table {
    width: 650px;
    background-color: #cccccc;
    border: 0px;
    font-size: 10px;
    line-height: 12px;
}

.auditXpressLogging_table th {
    background-color: #efefef;
    vertical-align: top;
}

.auditXpressLogging_table td {
    background-color: #ffffff;
    font-size: 9px;
    line-height: 13px;
    vertical-align: top;
}

.auditXpressLicences_table {
    margin-bottom: 200px;
    width: 650px;
    background-color: #cccccc;
    border: 0px;
    font-size: 10px;
    line-height: 12px;
}

.auditXpressLicences_table th {
    background-color: #efefef;
    vertical-align: top;
}

.auditXpressLicences_table td {
    background-color: #ffffff;
    font-size: 9px;
    line-height: 13px;
    vertical-align: top;
}

.auditXpressLicences_table td a {
    font-size: 9px;
    line-height: 13px;
    vertical-align: top;
}

.box_relative {
    position: relative;
}

.contactPerson_box {
    display: none;
    border: 1px solid #cccccc;
    width: 200px;
    position: absolute;
    top: -13px;
    left: -100px;
    background-color: #ffffff;
    padding: 5px;
    z-index: 100;
}

.editContactPerson_box {
    display: none;
    border: 1px solid #cccccc;
    width: 300px;
    position: absolute;
    top: -13px;
    left: -201px;
    background-color: #ffffff;
    padding: 5px;
    z-index: 101;
}

.editContactPerson_box label {
    margin-right: 5px;
    padding-top: 2px;
    width: 80px;
    height: 19px;
    border: 1px solid #ffffff;
    display: block;
    text-align: right;
    float: left;
    font-size: 9px;
}

.editContactPerson_box select {
    width: 80px;
    display: block;
}

.editContactPerson_box input {
    width: 180px;
    display: block;
    margin: 1px 0px 1px 0px;
}

.gfsi_partner_box {
    display: none;
    border: 1px solid #cccccc;
    width: 150px;
    position: absolute;
    background-color: #ffffff;
    padding: 5px;
    z-index: 100;
}

.clear_left {
    clear: left;
    margin: 0px;
    padding: 0px;
}

.save_contactPerson {
    clear: left;
    text-align: center;
}

.logging_box {
    display: none;
    border: 1px solid #cccccc;
    width: 650px;
    position: absolute;
    top: -13px;
    left: -550px;
    background-color: #ffffff;
    padding: 5px;
    z-index: 100;
}

.location {
    font-size: 9px;
    font-weight: bold;
}

.close_link {
    margin: 5px 0px;
    text-align: right;
}

.edit_link {
    margin: 5px 0px;
}

#new_mas_licenses_link {
    margin: 5px 0px;
    width: 650px;
    text-align: right;
    position: relative;
}

#new_mas_licenses {
    display: none;
    border: 1px solid #cccccc;
    text-align: left;
    width: 300px;
    position: absolute;
    left: 336px;
    background-color: #ffffff;
    padding: 5px;
    z-index: 101;
}

#new_mas_licenses label {
    margin-right: 5px;
    padding-top: 2px;
    width: 80px;
    height: 19px;
    border: 1px solid #ffffff;
    display: block;
    text-align: right;
    float: left;
    font-size: 9px;
}

#new_mas_licenses select {
    width: 80px;
    display: block;
}

#new_mas_licenses input {
    width: 180px;
    display: block;
    margin: 1px 0px 1px 0px;
}

.check_out_license_box {
    display: none;
    border: 1px solid #cccccc;
    width: 470px;
    position: absolute;
    top: -13px;
    left: -377px;
    background-color: #ffffff;
    padding: 5px;
    z-index: 100;
}

.send_check_out_license_button {
    clear: left;
    text-align: center;
    margin-top: 10px;
}

.hiddenDIV {
    display: none;
    clear: both;
}

.show {
    display: block;
}

.clearer {
    height: 0;
    clear: both;
    visibility: hidden;
}

.addons h3 {
    margin: 0 0 5px;
    padding: 0;
}

.addons input {
    font-size: 9pt;
    line-height: 15px;
    text-decoration: none;
}

/* simple css-based tooltip */

#tooltip,
.tooltip {
    position: absolute;
    background-color: #344570;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;

    text-align: left;
    font-size: 12px;

    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

#tooltip h3, #tooltip div {
    margin: 0;
    color: #fff;
}

div#page_benchmark {
    margin-left: 25px;
}

/************** start css audit_create_certificate ********************/

#form_audit_create_certificate {

    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #454743;
    border: 1px solid #cccccc;
    width: 650px;
    height: auto;
    background-color: #ffffff;

}

#form_audit_create_certificate .form_row_centered {

    margin: 5px auto;
    height: 21px;
    padding-top: 2px;
    text-align: center;
    width: 100%;
    font-size: 12px;

}

#form_audit_create_certificate .form_row {

    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    padding: 3px;
    padding-top: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 21px;
    text-align: left;
    font-size: 12px;

}

#form_audit_create_certificate .form_div {

    border: 1px solid #f5f5f5;
    background-color: #ffffff;
    background: url("../img/allgemein/link_formbgu.png") repeat-x scroll center bottom;
    padding: 3px;
    padding-top: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 12px;

}

#form_audit_create_certificate .form_div:hover {
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
}

#form_audit_create_certificate .form_divdiv:hover {
    background-color: #f5f5f5;
}

#form_audit_create_certificate .branch:hover {

    border: 1px solid #344570;

}

#form_audit_create_certificate .form_button_row {

    border: 1px solid #f5f5f5;
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 21px;
    text-align: left;
    font-size: 12px;

}

#form_audit_create_certificate .form_center_row {

    border: 1px solid #f5f5f5;
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 21px;
    text-align: center;
    font-size: 12px;

}

#form_audit_create_certificate .form_cell {

    margin-right: 4px;
    height: 21px;
    float: left;
    text-align: left;
    font-size: 12px;

}

#form_audit_create_certificate .inputStyle {

    font-style: normal;
    font-size: 12px;
    color: #454743;

}

#form_audit_create_certificate input[type = "submit"] {

    border: 1px solid #cccccc;
    background: url(../img/allgemein/bgInputField.png) repeat-x #FFFFFF;

}

#form_audit_create_certificate input[type = "button"] {

    border: 1px solid #cccccc;
    background: url(../img/allgemein/bgInputField.png) repeat-x #FFFFFF;

}

#form_audit_create_certificate input[type = "reset"] {

    border: 1px solid #cccccc;
    background: url(../img/allgemein/bgInputField.png) repeat-x #FFFFFF;

}

#form_audit_create_certificate input[type = "file"] {
    width: 400px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

#form_audit_create_certificate input[type = "file"]:hover {
    width: 400px;
    border: 1px solid #000000;
    background-color: #ffffff;
}

#form_audit_create_certificate input[type = "text"] {
    width: 400px;
    border: 1px solid #cccccc;
}

#form_audit_create_certificate select.inputStyle {
    width: 400px;
    border: 1px solid #cccccc;
}

#form_audit_create_certificate textarea.inputStyle {
    width: 400px;
    height: 50px;
    border: 1px solid #cccccc;
}

#form_audit_create_certificate .labelStyle {

    width: 190px;
    float: left;
    font-style: normal;
    font-size: 13px;
    color: #34446F;
    padding-right: 10px;

}

#form_audit_create_certificate .error {

    color: darkred;
    font-style: normal;
    font-weight: normal;

}

#form_audit_create_certificate .inputStyle:hover {

    border: 1px solid #281d53;
    color: #281d53;

}

#form_audit_create_certificate table {

    border: 0px solid #f5f5f5;
    font-size: 11px;
}

#form_audit_create_certificate th {

    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    color: #34446F;
    font-weight: normal;
    font-size: 13px;
}

#form_audit_create_certificate td {

    border: 1px solid #f5f5f5;
    vertical-align: top;

}

#form_audit_create_certificate a.abc {

    font-size: 14px;
    font-weight: bold;
    text-decoration: none

}

h3.formStyles {

    font-size: 14px;
    font-weight: normal;

}

p.formInfo {

    width: 650px;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
}

p.formInfo div {
    width: 100%;
    padding: 3px;
}

#form_audit_create_certificate .borderError {
    border: 1px solid #ff0000;
}

#form_audit_create_certificate .borderError:hover {
    border: 1px solid #ff0000;
}

#form_audit_create_certificate .backgroundError {
    border: 1px solid #ff0000;
}

#form_audit_create_certificate .backgroundError:hover {
    background-color: #FAE1EB;
}

.lableChecklistRightStyle {
    width: 60%;
}

.lableChecklistLeftStyle {
    width: 35%;
    float: left;
}

.lableChecklistLineStyle {
    width: 100%;
    background-color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.lableChecklistLineStyle:hover {
    width: 100%;
    background-color: #f5f5f5;
    padding-top: 3px;
    padding-bottom: 3px;
}

.labelStyle h3 {
    font-weight: normal;
}

.cbNaviMain {
    width: 652px;
    height: 21px;

}

.cbNavi {

    width: 14px;
    height: 14px;
    margin: 0px;
    padding: 3px;
    border: 1px solid #cccccc;
    float: right;
    text-align: center;

}

.cbNaviCurrent {
    background-color: #cccccc;
}

.cbNaviCurrent:hover {
    background-color: #cccccc;
}

.cbNaviCurrent a {
    background-color: #cccccc;
    color: #ffffff;
    font-weight: bold;
    width: 14px;
    height: 14px;
    display: block;
    z-index: 100;
}

.cbNaviCurrent:hover a {
    background-color: #cccccc;
    color: #ffffff;
    font-weight: bold;
    width: 14px;
    height: 14px;
    display: block;
}

.cbNavi:hover {
    background-color: #f5f5f5;
    color: #344570;
}

.myTrHover:hover {
    background-color: #f5f5f5;
    color: #344570;
}

li.ppt {
    list-style-image: url('../img/allgemein/ppt_klein.gif');
}

li.pdf {
    list-style-image: url('../img/allgemein/pdf_klein.gif');
}

li.xls {
    list-style-image: url('../img/allgemein/xls_klein.gif');
}

li.xlsx {
    list-style-image: url('../img/allgemein/xls_klein.gif');
}

li.csv {
    list-style-image: url('../img/allgemein/xls_klein.gif');
}

li.doc {
    list-style-image: url('../img/allgemein/doc_klein.gif');
}

li.docx {
    list-style-image: url('../img/allgemein/doc_klein.gif');
}

li.file {
    list-style-image: url("../img/allgemein/file_archive_regular_12.png");
}

/************** end css audit_create_certificate ********************/

/** auditor steckbrief */

#as_auditor {
    padding-top: 28px;
    padding-left: 21px;
    font-size: 22px;
    color: #007abc;
}

#as_cb {
    padding-top: 7px;
    padding-left: 21px;
    font-size: 14px;
    color: #00305d;
    font-weight: bolder;
}

.r_masterdata {
    margin-left: 7px;
    width: 120px;
    height: 30px;
    display: block;
    background: url('../img/auditor_detail/as_register_off.png');
    float: left;
    color: #00305d;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}

.r_approval {
    margin-left: 2px;
    width: 120px;
    height: 30px;
    display: block;
    background: url('../img/auditor_detail/as_register_off.png');
    float: left;
    color: #00305d;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}

.r_audits {
    margin-left: 2px;
    width: 120px;
    height: 30px;
    display: block;
    background: url('../img/auditor_detail/as_register_off.png');
    float: left;
    color: #00305d;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}

.r_pdf {
    width: 180px;
    height: 30px;
    display: block;
    float: right;
    color: #00305d;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
}

.r_masterdata:hover {
    background: url('../img/auditor_detail/as_register_on.png');
    color: #ffffff;
}

.r_approval:hover {
    background: url('../img/auditor_detail/as_register_on.png');
    color: #ffffff;
}

.r_audits:hover {
    background: url('../img/auditor_detail/as_register_on.png');
    color: #ffffff;
}

#as_headline {
    clear: both;
    width: 660px;
    min-height: 60px;
    background: url('../img/auditor_detail/as_header_bg.png');
    background-repeat: no-repeat;
    background-position: top;

}

#as_headline img {
    margin: 14px;
    width: 80px;
}

#as_line img {
    height: 1px;
    width: 640px;
}

#masterdata {
    clear: both;
    width: 660px;
    min-height: 400px;

}

#approval {
    clear: both;
    margin-left: 16px;
    width: 660px;
    min-height: 400px;
}

#audits {
    clear: both;
    margin-left: 16px;
    width: 660px;
    min-height: 400px;
}

#audits a:hover {
    text-decoration: underline;
}

#audits table {
    width: 97%;

}

#audits th {
    padding: 0px;
    background-color: #ecf1f9;
    height: 40px;
    color: #00305d;
    line-height: 15px;
    font-weight: bolder;
}

#audits th.li {
    background: url('../img/auditor_detail/as_tr_re_li.png');
    background-color: #ecf1f9;
    background-repeat: no-repeat;
    background-position: left;
}

#audits th.re {
    background: url('../img/auditor_detail/as_tr_re_re.png');
    background-color: #ecf1f9;
    background-repeat: no-repeat;
    background-position: right;
}

.th_margin {
    padding: 3px;
}

#audits td {
    padding: 3px;
}

#register {
    padding: 0px;
    margin: 0px;
    clear: both;
    width: 660px;
}

#masterdata table td {
    padding-left: 21px;
}

.as_off {
    background: url('../img/auditor_detail/as_register_off.png');
    background-repeat: no-repeat;
    background-position: top;
    color: #00305d;

}

.as_on {
    background: url('../img/auditor_detail/as_register_on.png');
    background-repeat: no-repeat;
    background-position: top;
    color: #ffffff;
}

div.as_ifs_food6 {
    float: left;
    background: url('../img/auditor_detail/as_tr_re_li_30.png');
    background-repeat: no-repeat;
    background-position: left;
    width: 96%;
    height: 30px;
    background-color: #ecf1f9;
    font-size: 14px;
    color: #00305d;
    font-weight: bolder;
    line-height: 28px;
    color: #00305d;
}

div.clear {
    clear: both;
}

a.as_button {
    display: block;
    height: 24px;
    width: 160px;
    line-height: 22px;
    text-align: center;
    background: url('../img/auditor_detail/download_cert.png');
    background-repeat: no-repeat;
    background-position: left;
    color: #ffffff;
    float: right;
}

.standard_data_le {
    vertical-align: middle;
    width: 250px;
    height: 18px;
    padding-bottom: 7px;
    margin-left: 7px;
    float: left;
}

.standard_data_re {
    vertical-align: middle;
    padding-bottom: 7px;
    height: 18px;
    width: 220px;
    float: left;
}

.standard_data_re_button {
    vertical-align: middle;
    padding-bottom: 7px;
    height: 18px;
    float: left;
}

#training_materials_waiting_div {
    background-color: #f5f5f5;
    margin-top: 30px;
    padding-top: 30px;
    width: 100%;
    height: 80px;
}

#training_materials_result_div {
    background-color: #f5f5f5;
    margin-top: 30px;
    padding: 28px 14px;
    width: 100%;
    height: auto;
}

#training_materials_result_div li {

    padding: 3px;

}

iframe.company-map {
    border: 1px solid #cccccc;
}

p.company-map {
    color: #999999;
    line-height: 2px;
    padding: 0;
}

h2.company_detail {

}

h3.company_detail {
    font-size: 1.1em;
    width: 80%;
    margin: 0px;
    margin-bottom: 7px;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}

ul.company_detail {
    margin: 0px;
    padding: 0px;
}

ul.company_detail li {
    list-style-type: none;
}

ul.company_detail li span.lable {
    font-size: 1.1em;
}

div.mapDefaultStyle {
    border: 1px solid #ccc;
    margin-top: 14px;
}

td.div.mapDefaultStyle {
    border: 0px solid #ccc;
    margin-top: 0px;

}

.add_input_field,
.add_input_field_dot,
.add_input_field_ui,
.add_gln_field,
.add_gln_field_dot,
.add_gln_field_ui {
    cursor: pointer;
}

ul .ulGlnNumbers li {
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
}

/* popup_box DIV-Styles*/
#popup_box {
    display: none; /* Hide the DIV */
    position: fixed;
    _position: absolute; /* hack for internet explorer 6 */
    height: auto;
    width: 652px;
    background: #FFFFFF;
    left: auto;
    top: 150px;
    z-index: 100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */
    margin: 15px;

    /* additional features, can be omitted */
    padding: 15px;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;

}

/* This is for the positioning of the Close Link */
#popupBoxClose {
    font-size: 20px;
    line-height: 15px;
    right: 5px;
    top: 5px;
    position: absolute;
    color: #6fa5e2;
    font-weight: 500;
}

.UAbgCover {
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    overflow: hidden;
    z-index: 999;
}

.UAoverlayBox {
    position: absolute;
    display: none;
    width: 460px;
    border: 3px solid red;
    text-align: center;
    background-color: #ffffff;
    padding: 30px;
    z-index: 1000;
}

.select2-container--default,
.select2-selection--single {
    border: 1px solid #666666;
}

.linkNotActive {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: gray;
}