body {
   position: relative;
   background-color: white;
   font-family: Arial,serif;
   font-size: 9pt;
   padding: 0;
   margin: 0;
   border: 0;
   text-align: left;
   background-image: url(../images/logo/nav_bg.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
}

#page {
   border: 0px dotted red;
   position: absolute;
   padding: 0px;
   margin: auto;
   top: 0px;
   left: 10px;
   width: 950px;
   height: 590px;
   background-color: transparent;
   z-index: 1;   /* page */
}

#r_border { 
   position: absolute;
   height: 100px;
   right: 0px;
   left: 500px;
   background-color: white;
   border: 0px solid red;
   z-index: 0;   /* r_border */
   background-repeat:repeat-x;
   background-image: url(../images/logo/neukauf_banner_r.gif);
   background-position: 0px 18px;
}



img {
   border: 0;
}


/* ------------------------------------------------ */
/* Banner + Logo                                    */
/* ------------------------------------------------ */
#banner { 
   border: 0px dotted red;
   position: absolute;
   z-index: 3;   /* banner */
   left: 140px;
   top: 18px;
   //background-color: #004d9d;
   vertical-align: bottom;
   background: transparent;
}
img.banner { 
   border: 0;
}

#newsticker {
   position: absolute;
   border: 0px dotted red;
   z-index: 3;   /* newsticker */
   top: 85px;
   right: 1px;
   width: 600px;
   height: 17px;
   /* visibility: hidden; */
}


#logo { 
   border: 0px dotted red;
   z-index: 3;   /* logo */
   position: absolute;
   left: 31px;
   top: 10px;
   background: transparent;
}
#logo_txt { 
   border: 0px dotted red;
   z-index: 3;   /* logo-text */
   position: absolute;
   left: 31px;
   top: 145px;
   color: #004d9d;
   font-size: 90%;
}


/* ------------------------------------------------ */
/* Content                                          */
/* ------------------------------------------------ */
#content,#content_start { 
   position: absolute;
   border: 0px dotted red;
   z-index: 2;   /* content */
   margin: 0 0 0 10px;
   padding: 40px 10px 10px 10px;
   left: 280px;
   width: 660px;
   /* overflow-y: auto;
   overflow-x: none; */
   background: transparent;
   text-align: left;
   /* overflow: scroll; overflow-y:hidden; overflow-x:hidden; */
   overflow: none; overflow-y:hidden; overflow-x:hidden;
}
#content {
   top: 110px;
   height: 435px;
}
#content_start { 
   top: 80px;
   height: 460px;
}

#content_title,#content_text {
   border: 0px dotted red;
   position: absolute;
   left: 0;
   width: 659px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#content_title {
   border-bottom: 2px solid #004d9d;
   top: 0px;
   height: 18px;
}
#content_text {
   top: 40px;
   height: 90%;
   border: 0;
   overflow:scroll;
   overflow-y:auto;
   overflow-x:hidden;
}




/* ------------------------------------------------ */
/* Footer, W3C,...                                  */
/* ------------------------------------------------ */
#footer { 
   border: 0px dotted red;
   z-index: 2;   /* footer */
   position: absolute; 
   top: 660px;
   right: 0px;
   font-size: 8pt;
   text-align: right;
   background: transparent;
}

#w3c { 
   border: 0px dotted red;
   position: absolute;
   z-index: 3;   /* w3c */
   left: 10px;
   top: 550px;
   background: transparent;
}

img.w3c { 
   border: 0;
   width:  44px;
   height: 16px;
}


/* ------------------------------------------------ */
/* Toppics, text                                    */
/* ------------------------------------------------ */
h1 { 
   text-align: center;
   font-size: 130%;
   margin: 0px 50% 20px 8%;
   background-color: #f9ed01;
   border-left: 3px solid #004d9d;
   border-right: 3px solid #004d9d;
   color: #004d9d;
}
h2 {
   font-size: 120%;
   font-weight: bold;
   text-align: center;
   color: black;
   padding: 0;
   margin: 0;
}
h3 {
   font-size: 110%;
   text-decoration: unterline; 
   margin: 0 0 10px 0;
   padding: 0;
}

sub, sup {
  line-height: 0px;
  font-size: 30%;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

span.neukauf {
   font-style: italic; 
}




/* ------------------------------------------------ */
/* Links                                            */
/* ------------------------------------------------ */
a {
   color: #004d9d;
}
a:hover {
   color: #004d9d;
   text-decoration: none;
}


a.content_nav {
   text-decoration: none;
   color: black;
   padding: 0 1em 0 1em;
   border-color: white;
   border-width: 0 2px 0 2px;
   border-style: solid;
}
a.content_nav:hover {
   text-decoration: none;
   color: #004d9d;
   border-color: #004d9d;
   border-width: 0 2px 0 2px;
   border-style: solid;
}





/* ------------------------------------------------ */
/* Sortiment                                        */
/* ------------------------------------------------ */
div.sortiment {
   padding-top: 10px;
   text-align: center;
}   
div.sortiment div.txt {
   width: 99%;
   padding: 0;
   margin: 0 0 20px 0;
   text-align: left;
}
div.sortiment img {
   margin-right: 4px;
   vertical-align: middle;
}
div.sortiment a {
   text-decoration: none;
   color: black;
}
div.sortiment div.tab {
   text-align: center;
}
div.sortiment table {
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}
div.sortiment td {
   border: 0;
   text-align: left;
   width: 170px;
   height: 70px;
}

div.sortiment_img,div.sortiment_img2 {
   position: absolute;
   right: 0px;
   border: 0px dotted blue;
}
div.sortiment_img {
   top: 150px;
}
div.sortiment_img2 {
   top: 0px;
}
div.sortiment_back {
   position: absolute;
   right: 20px;
   bottom: 20px;
   border: 0px dotted blue;
   text-align: center;
}
div.sortiment_img tr {
   padding: 10px;
   margin: 0;
   margin-bottom: 30px;
}


#imageloadarea {
   position: absolute;
   top: 40px;
   left: 0px;
   border: 0px dotted #808080;
/*   border-top: 1px dotted #808080;
   border-left: 1px dotted #808080;
   border-right: 2px solid black;
   border-bottom: 3px solid black; */
   width: 551px;
   height: 370px;
   text-align: center;
}

div.kaese_wahl {
   position: absolute;
   width: 95%;
   text-align: center;
   bottom: 10px;
}


/* ------------------------------------------------ */
/* Impressum                                        */
/* ------------------------------------------------ */
div.impress {
   border: 0px dotted red;
   position: absolute;
   top: 0px;
   left: 0;
   padding: 0;
   margin: 0;
   text-align: center;
   font-size: 8pt;
   border: 0;
   width: 100%;
   height: 350px;
}
div.impress td.icon {
   text-align: right;
   padding-right: 10px;
   width: 20%;
}
div.impress td.text {
   text-align: left;
}
div.impress a {
   color: black;
   text-decoration: underline;
}
div.impress table td.head {
   font-weight: bold;
}
div.impress_neukauf {
   border: 0px dotted red;
   text-align: center;
   width: 300px;
   margin: auto;
}
div.impress_voyagersoft,div.impress_phoama,div.impress_recht {
   border: 0px dotted red;
   position: absolute;
   text-align: center;
   padding: 0;
   bottom: 0px;
   margin: 0;
   width: 190px;
   z-index: 6; /* impress_voyagersoft impress_phoama */
}
div.impress_voyagersoft {
   right: 0px;
}
div.impress_phoama {
   left: 0px;
}
div.impress_recht {
   bottom: 30px;
   left: 0px;
   width: 100%;
   text-align: left;
   z-index: 5;  /* impress_recht */
}


div.rechtliches {
   text-align: justify;
   overflow:scroll;
   overflow-y:auto;
   overflow-x:hidden;
}


/* ------------------------------------------------ */
/* Baeckerei Apel                                   */
/* ------------------------------------------------ */
#apel_txt1,apel_txt2 {
   position: absolute;
   border: 0;
   margin: 0;
}
#apel_txt1 {
   left: 20px;
   top: 20px;
   width: 320px;
   text-align: left;
}
#apel_txt2 {
   width: 99%;
   text-align: center;
}

#apel_img1,#apel_img2 {
   position: absolute;
   width: 300px;
   height: 200px;
   border: 0;
}
#apel_img1 {
   top: 20px;
   right: 10px;
}
#apel_img2 {
   top: 230px;
   left: 140px;
}
span.apel_open {
   text-decoration: underline;
   font-size: 130%;
}



/* ------------------------------------------------ */
/* Blumen Wegner                                    */
/* ------------------------------------------------ */
#wegner {
   border: 0px dotted red;
   position: absolute;
   left: 27px;
   top: 17px;
}

#wegner img {
   border: 0;
}

#wegner_img {
   border: 0px dotted red;
   position: absolute;
   top: 20px;
   left: 0px;
}
#wegner_logo {
   border: 0px dotted red;
   position: absolute;
   bottom: 0px;
   right: 110px;
}
#wegner_txt {
   border: 0px dotted red;
   position: absolute;
   top: 70px;
   left: 280px;
   width: 350px;
   text-align: left;
}







/* ------------------------------------------------ */
/* Oeffnungszeiten                                  */
/* ------------------------------------------------ */
div.zeiten {
   position: absolute;
   border: 0px dotted red;
   top: 0px;
   left: 0;
   padding-top: 100px;
   margin: 0;
   width: 95%;
}

div.zeiten1,div.zeiten2 {
   border: 0px dotted red;
   margin: 0;
   padding: 0;
   font-weight: bold;
   text-decoration: underline;
   font-style: italic; 
}
div.zeiten1 {
   font-size: 200%;
   margin: 0 0 30px 0;
}
div.zeiten2 {
   font-size: 150%;
   margin: 0 0 20px 0;
}


div.zeiten_shop {
   position: absolute;
   border: 0px dotted red;
   bottom: 50px;
   left: 0;
   width: 95%;
   text-align: left;
   margin: 0;
   padding: 0;
}
div.zeiten_shop table {
   width: 100%;
}
div.zeiten_shop td.center {
   text-align: center;
}
div.zeiten_shop td.links {
   text-align: left;
}
div.zeiten_shop td.rechts {
   text-align: right;
}
div.zeiten_shop A {
   color: black;
}



/* ------------------------------------------------ */
/* Stellenangebote                                  */
/* ------------------------------------------------ */

div.stellenangebote_txt1 {
   position: absolute;
   top: 150px;
   left: 0;
   width: 90%;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: 125%;
}
div.stellenangebote_txt2 {
   position: absolute;
   top: 240px;
   left: 0;
   width: 90%;
   margin: 0;
   padding: 0;
   text-align: center;
   font-size: 110%;
}
div.stellenangebote_maus {
   position: absolute;
   top: 100px;
   left: 390px;
   margin: 0;
   padding: 0;
}


/* ------------------------------------------------ */
/* Wir stellen uns vor / Firmengeschichte / EDEKA   */
/* ------------------------------------------------ */
#wir_content {
   position: absolute;
   top: 25px;
   left: 0;
   width: 98%;
   margin: 0;
   padding: 0;
   height: 410px;
   text-align: center;
   overflow-y: auto;
   overflow-x: none;
}

table.geschichte {
   padding: 0;
   margin: 20px 0 20px 0;
   width: 90%;
}
table.geschichte ul {
   list-style-type: none;
   vertical-align: bottom;
   margin: 0;
   padding-left: 10px;
}
table.geschichte li {
   padding: 0.2em;
   margin: 0;
   vertical-align: bottom;
}
table.geschichte tr {
   margin-bottom: 30px;
}   
table.geschichte td {
   text-align: left;
   vertical-align: top;
}
table.geschichte td.title {
   text-align: center;
   vertical-align: top;
   font-weight: bold;
   padding-bottom: 20px;
}
table.geschichte td.jahr {
   font-weight: bold;
   padding-right: 10px;
}

#wir_nav {
   position: absolute;
   top: 0px;
   width: 99%;
   left: 0px;
   margin: 0;
   text-align: center;
}
#wir_nav ul {
   margin: auto;
   list-style: none;
   padding: 0;
}
#wir_nav li {
   display: inline;
   margin: 0 1em 0 1em;
   white-space: nowrap; 
}


img.team {
   width: 400px;
   height: 276px;
}
img.person,img.missing {
   width: 100px;
   height: 150px;
}
img.missing {
   border: 1px solid #e0e0e0;
}



/* ------------------------------------------------ */
/* Soziales                                         */
/* ------------------------------------------------ */
table.sozial {
   width: 100%;
}
table.sozial td {
   text-align: center;
}
table.sozial h2 {
   font-size: 110%;
   border: 0;
   text-decoration: none;
   margin-bottom: 0 0 0.5em 0;
}
table.sozial div.vereine {
   text-align: left;
   margin: auto;
   width: 400px;
}


/* ------------------------------------------------ */
/* Der Weg zu uns                                   */
/* ------------------------------------------------ */
div.weg_map {
   position: absolute;
   top: 0px;
   left: 0;
   width: 99%;
   height: 425px;
   background-image: url(../images/karte.gif);
   background-repeat: no-repeat;
   background-position: center;
   border: 0;
}

div.weg_addr {
   position: absolute;
   left: 10px;
   right: 10px;
   bottom: 0px;
   text-align: center;
   font-size: 8pt;
   margin: 0;
   padding: 0;
}



/* ------------------------------------------------ */
/* Aktuelles                                        */
/* ------------------------------------------------ */
table.aktuelles td.sep {
   margin: 0;
   padding: 0;
   height: 60px;
   text-align: center;
}
table.aktuelles td.sep hr {
   color: #004d9d;
   background-color: #004d9d;
   width: 200px;
   height: 2px;
}



/* ------------------------------------------------ */
/* Kontakt                                          */
/* ------------------------------------------------ */
#kontakt_form {
   position: absolute;
   top: 60px;
   left: 10px;
   text-align: justify;
}


table.kontakt {
   width: 350px;
   margin: 0;
   padding: 0;
}
table.kontakt tr {
   padding: 0;
   margin: 0;
   border: 0;
}

table.kontakt td {
   vertical-align: top;
   text-align: left;
   height: 20px;
   margin: 0;
   padding: 4px 0px 4px 6px;
   border: 0px solid black;
}


table.kontakt td.msg {
   padding-top: 5px;
   padding-bottom: 0;
   height: 15px;
}
table.kontakt input {
   width: 100%;
}
table.kontakt td.col1 {
   width: 100%;
}
table.kontakt td.col2 {
   width: 15%;
}
table.kontakt  td.col3a {
   width: 15%;
}
table.kontakt  td.col3b {
}
table.kontakt td.area textarea {
   width: 100%;
}


table.kontakt input,textarea {
   color: black;
   font-size: 90%;
   border: 1px solid black;
   margin: 0;
   padding: 0;
   background-color: #e0e0e0;
}
table.kontakt input.radio {
   background-color: white;
   width: 30px;
   border: 0;
}

/* INPUT "Nachricht" */
table.kontakt td.area {
   height: 100px;
   text-align: right;
}



/* INPUT "submit" */
table.kontakt td.button input {
   border: 1px solid black;
   background-color: white;
   color: black;
   padding: 2px;
   font-size: 90%;
   width: 120px;
}



#kontakt_title {
   position: absolute;
   top: 0px;
   left: 10px;
   font-size: 115%;
   font-weight:bold;
   text-align: left;
}

#kontakt_info,#kontakt_datenschutz_link {
   position: absolute;
   width: 240px;
   right: 10px;
   text-align: justify;
}
#kontakt_info {
   top: 60px;
}

#kontakt_datenschutz_link {
   top: 220px;
}


#kontakt_datenschutz_text {
   position: absolute;
   top: 60px;
   left: 10px;
   text-align: left;
}

div.back {
   border: 0;
   padding: 30px 0 0 0;
   margin-top: 0;
   text-align: right;
   width: 99%;
}


#kontakt_danke_txt {
   position: absolute;
   left: 0;
   top: 40px;
   width: 99%;
   text-align: center;
   padding: 0;
   margin: 0;
   font-weight: bold;
   font-size: 120%;
}
#kontakt_danke_img {
   position: absolute;
   left: 0;
   top: 80px;
   width: 99%;
   text-align: center;
   padding: 0;
   margin: 0;
}


/* -EOF- */