html {
   overflow-y:scroll;
   font-family:Arial,Verdana;
   font-size:12px;
}

html, body {
   width: 100%;
   padding: 0;
   margin: 0;
   color:#666666;
}

body.loewensteiner {
   background-image: url(images/loewensteiner_hintergrund.jpg);
   background-position:left bottom;
   background-repeat:no-repeat;
   background-attachment:fixed;
}
table.positioning {
   border-collapse:collapse;
   border:0;
   position:relative;
   z-index:3
}

table.positioning td, 
table.positioning tr {
   border:0;
   padding:0;
   margin:0;
   vertical-align:top;
   text-align:left;
}

div.drucken {
   z-index:5;
   position:absolute;
   left:670px;
   top:269px;
   width:180px;
   font-size:11px;
   color:#878787;
   text-align:right;
}
div.drucken a {
   color:#878787;
   text-decoration:none;
   background-repeat:no-repeat;
   background-position:left middle;
   padding-left:15px;
}
div.drucken a:hover {
   color: #E2001A;
   text-decoration:underline;
}
div.drucken a.drucken {
   background-image: url(images/loewensteiner_druckicon.png);
}
div.drucken a.backlink {
   background-image: url(images/loewensteiner_zurueckicon.png);
   margin-right:15px;
}

div.inhaltselement_ende {
   clear:both;
}

div.navigation {
   position:absolute;
   left:1px;
   top:260px;
}

div.navigation ul {
   list-style:none;
   margin:0px;
   padding:0px;
}

div.navigation ul li.level-1 a {
   background-image: url(images/loewensteiner_navigation.png);
   background-position:top;
   background-repeat:no-repeat;
   line-height:31px;
}

div.navigation ul li.level-1-act a,
div.navigation ul li.level-1 a:hover {
   background-image: url(images/loewensteiner_navigation_aktiv.png);
   background-position:top;
   background-repeat:no-repeat;
   font-weight:bold;
   line-height:31px;
   color:#FFFFFF;
}

div.navigation li.navigation_bg2 {
   margin:0px;
   padding:0px;
   font-size:0px;
   line-height:6px;
}

div.navigation div.navigation_bg2 {
   background-image: url(images/loewensteiner_navigation_2footer.png);
   background-position:1px bottom;
   background-repeat:no-repeat;
   height:6px;
   width:191px;
}

div.navigation ul li.level-2 a {
   background-image: url(images/loewensteiner_navigation_2.png);
   background-position:top;
   background-repeat:no-repeat;
   line-height:20px;
   font-size:0.95em;
   padding-left:34px;
}

div.navigation ul li.level-2-act a {
   background-image:url(images/loewensteiner_navigation_2aktiv.png);
   background-position:top;
   background-repeat:no-repeat;
   line-height:20px;
   font-size:0.95em;
   font-weight:bold;
   padding-left:34px;
}

div.navigation ul li.level-2 a:hover {
   background-image:url(images/loewensteiner_navigation_2hover.png);
   background-position:top;
   background-repeat:no-repeat;
   color:#EC001F;
   font-weight:bold;
}

div.navigation ul li a {
   text-decoration:none;
   color:#000000;
   font-size:1em;
   padding-left:24px;
   display:block;
}

div.navigation div.navigation_footer {
   background-image: url(images/loewensteiner_navigation_footer.png);
   background-position:top;
   background-repeat:no-repeat;
   width:196px;
   height:70px
}

div.navigation div.navigation_header {
   background-image: url(images/loewensteiner_navigation_header.png);
   background-position:top;
   background-repeat:no-repeat;
   width:196px;
   height:77px
}

div.links_li {
   width:155px;
   height:152px;
   position:absolute;
   left:0px;
   top:90px;
}

div.header {
   overflow:hidden;
   width:708px;
   height:247px;
   position:relative;
   left:125px;
}

td.verlauf {
   background-image: url(images/loewensteiner_inhalt_hintergrund_oben.png);
   background-position:top;
   background-repeat:no-repeat;
   background-color:#FFFFFF;
   width:823px;
}

div.footer {
   background-image: url(images/loewensteiner_footer.png);
   background-position:top;
   background-repeat:no-repeat;
   height:16px;
}

table.positioning td.schatten_ob,
table.positioning td.schatten_un {
   height:23px;
}

table.positioning td.schatten_li {
   background-image: url(images/schatten_li.png);
   background-position:right;
   background-repeat:repeat-y;
   width:40px;
}

table.positioning td.schatten_re {
   background-image: url(images/schatten_re.png);
   background-position:-8px;
   background-repeat:repeat-y;
   width:14px;
}

table.positioning td.verlauf div.schatten_re {
   background-image: url(images/schatten_re.png);
   background-position:-5px;
   background-repeat:repeat-y;
   width: 30px; 
   height: 100%;
   position:absolute;
   z-index:2;
   top:23px;
   left:863px;
}

div.links_re {
   position:absolute;
   z-index:1;
   top:23px;
   left:863px;
}

table.positioning td.schatten_ob {
   background-image: url(images/loewensteiner_schatten_ob.png);
   background-position:15px bottom;
   background-repeat:no-repeat;
}

table.positioning td.schatten_un {
   background-image: url(images/loewensteiner_schatten_un.png);
   background-position:15px top;
   background-repeat:no-repeat;
}

/************ Inhaltselemente *******************/
.csc-textpic-caption {
   font-size:11px;
}

div.inhalt {
   padding:50px 10px 0 0;
   margin:0 0 20px 180px;
   min-height:350px;
   z-index:3;
   position:relative;
}

h1, h2, h3, h4 {
   margin:0 0 10px 0;
   padding:0;
   color: #E2001A;
}

h1 {
   font-size:16px;
}

div.csc-header h1.csc-firstHeader {
   padding-right:100px;
}

h2 {
   font-size:14px;
}

h3 {
   font-size:12px;
   color: #333333;
}

h4 {
   margin-bottom:5px;
   color: #676767;
   font-size:12px;
}

h5 {
   padding:0px;
   margin:2px 0;
   font-size:11px;
   /*color:#012e89;*/
}

a {
   color:#666666;
   text-decoration:none;
}

a:hover {
   color:#E2001A;
   text-decoration:underline;
}

div.inhalt > p.bodytext,
div.inhalt > div.csc-textpic > div > div {
   padding-right:30px;
}

/****2-Spalten-Layout******/
div.inhaltselement_inhalt {
   width:438px;
   vertical-align:top;
   text-align:left;
   float:left;
}

div.inhaltselement_boxen_re {
   text-align:center;
   vertical-align:top;
   width:190px;
   position:relative;
   float:left;
   /*left:438px;
   top:0px;*/
}
div.inhaltselement_boxen_re div.csc-textpic {
   margin:0 0 20px 0;
}
div.inhaltselement_boxen_re div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
   margin-bottom:30px;
}
/******* Produktauflistung ************/
div.inhaltselement_produktliste {
   background-image:url(images/loewensteiner_produkt_hg.jpg);
   background-position:right bottom;
   background-repeat:no-repeat;
}
div.inhaltselement_produktliste td.produktinfo {
   padding:0 0 0 37px;
}
div.inhaltselement_produktliste ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:20px 0 0;
   padding:0;
   vertical-align:top;
}
div.inhaltselement_produktliste ul li a {
   background-image:url(images/loewensteiner_produktauflistung.png);
   background-position:left center;
   background-repeat:no-repeat;
   color:#FFFFFF;
   font-size:1em;
   text-decoration:none;
   line-height:21px;
   padding:0 0 7px 15px;
   display:block;
   vertical-align:top;
}
/******** Produkt ************/
div.inhaltselement_produkt td.produktinfo {
   padding:0 0 0 37px;
}
div.inhaltselement_produkt td.produktinfo div.text {
   font-size:1em;
}
div.inhaltselement_produkt div.backlink {
   display:none;
}
div.inhaltselement_produkt div.tabelle {
   font-size:0.9em;
   width:284px;
   background-image: url(images/loewensteiner_inhaltsstoffe_bg.png);
   background-repeat:no-repeat;
   padding:1px 15px 29px 0;
   margin: 0 0 10px 0;
}
div.inhaltselement_produkt td.produktinfo div.tabelle h4 {
   font-size:10px;
   background-color:#e3001a;
   width:276px;
   color:white;
   font-family:Arial;
   font-weight:normal;
   padding:5px 3px;
   margin:0;
   border:0px solid white;
   margin: 0 auto;
}
div.inhaltselement_produkt div.tabelle table {
   border-collapse:collapse;
   width:100%;
   border:0px solid white;
   border-spacing:0px;
   margin: 0 auto;
}
div.inhaltselement_produkt div.tabelle table td {
   border: 1px solid #FFFFFF;
   height:17px;
   line-height:17px;
   padding:0 5px;
}
div.inhaltselement_produkt div.tabelle table td.td-1 {
   padding-left:10px;
   width:25%;
   text-align:right;
}
div.inhaltselement_produkt div.tabelle table tr.tr-even td {
   background-color: #cecece;
}
div.inhaltselement_produkt div.tabelle table tr.tr-odd td {
   background-color: #dedede;
}
div.inhaltselement_produkt div.paket h4 {
   font-size:11px;
   color: #e3001a;
   font-family:Arial;
}
div.inhaltselement_produkt hr {
   border:0px;
   background-color:#bdbdbd;
   height:1px;
   width:280px;
   margin-right:30px;
}
div.inhaltselement_produkt div.masse p.bodytext {
   font-size:0.9em;
   margin:0;
}

/******************Teaser***************************/
div.inhaltselement_zettel_re {
   position:absolute;
   right:70px;
   top:50px;
   z-index:4;
   text-align:right;
}
div.inhaltselement_zettel_re div.csc-textpic {
   top:0px;
}
div.inhaltselement_teaser {
   height:180px;
   width:172px;
   margin-top:45px;
   text-align:left;
   position:relative;
}
div.inhaltselement_teaser_schatten_ob,
div.inhaltselement_teaser_schatten_un {
   display:none;
}
div.inhaltselement_teaser div {
   line-height:1.2em;
   text-align:left;
   vertical-align:middle;
   width:140px;
}
div.inhaltselement_teaser div.h1 {
   background-image:url(images/loewensteiner_teaser_hg.png);
   position:absolute;
   left:-8px;
   top:-47px;
   height:221px;
   width:172px;
   z-index:10;
}
div.inhaltselement_teaser div.bild {
   position:absolute;
   top:0px;
   left:0px;
   z-index:5;
   overflow:hidden;
   height:108px;
}
div.inhaltselement_teaser div.h2 {
   color:#000000;
   padding-top:110px;
}
div.h2, div.text, div.link {
   position:relative;
   z-index:11;
   font-size:0.8em;
}
div.inhaltselement_teaser div.link a {
   text-decoration:none;
   color:#000000;
}
/******** Downloads ************/
div.inhaltselement_downloadbox {
   border:1px solid #d1d2d2;
   float:left;
   padding-bottom:6px;
   margin:0 18px 18px 0;
   height:173px;
}

div.inhaltselement_downloadbox div.bild {
   margin:6px;
   border:1px solid #d1d2d2;
   width:177px;
   height:92px;
   text-align:center;
   vertical-align:middle;
}

div.inhaltselement_downloadbox div.bild img {
   margin: auto 0;
}

div.inhaltselement_downloadbox p,
div.inhaltselement_downloadbox h5,
div.inhaltselement_downloadbox a {
   padding: 1px 10px;
   margin:0;
   font-size:11px;
}
/******* Händlersuche **********/
div.user-haendlersuche-pi1 div.start {
   background-image: url(images/loewensteiner_haendler_einkaufswagen.jpg);
   background-repeat:no-repeat;
   background-position:left top;
   padding:32px 0 0 260px;
   margin: 40px 0 0 0;
   min-height:300px;
}

div.user-haendlersuche-pi1 div#gcontainer {
   padding:18px 0 0 0;
}

div.user-haendlersuche-pi1 div#gcontainer p {
   color:#E2001A;
}
div.user-haendlersuche-pi1 div#gcontainer p.annotation {
   color:#666666;
   font-size:0.9em;
   margin:17px 0 0;
}

div.user-haendlersuche-pi1 div#gsearch {
   height:30px;
}

div.user-haendlersuche-pi1 div#gsearch div {
  float:left;
  margin:0px;
  padding:0px;
  text-align:left;
}

div.user-haendlersuche-pi1 input {
  margin:0px;
}

div.user-haendlersuche-pi1 input.text {
   background-image: url(images/teusser_haendler_suchfeld.png);
   background-repeat:no-repeat;
   width:146px;
   height:22px;
   line-height:18px;
   padding:5px 4px;
   border:0px;
   color:#666666;
   font-size:10px;
}

div.user-haendlersuche-pi1 input.submit {
   background-image: url(images/teusser_haendler_suchbutton.png);
   margin:0 0 0 5px;
   border:0px;
   width:61px;
   height:22px;
   cursor:pointer;
}

div.user-haendlersuche-pi1 div.ergebnis {
   padding:10px 0 0 0;
}

div.user-haendlersuche-pi1 div.ergebnis table {
   border-collapse:collapse;
}

div.user-haendlersuche-pi1 div.ergebnis table td {
   border-bottom:1px solid #dde2e5;
   border-top:1px solid #dde2e5;
   line-height:24px;
}

div.user-haendlersuche-pi1 div.ergebnis table td {
   padding-right:10px;
}

div.user-haendlersuche-pi1 div.ergebnis table td.firstcolumn {
   padding-right:100px;
   padding-left:10px;
}


div.user-haendlersuche-pi1 div.backlink {
   position:static;
   font-size:11px;
   color:#878787;
   padding:18px 0 11px 0;
}
div.user-haendlersuche-pi1 div.backlink a {
   background-image:none;
   padding:0;
}

div.user-haendlersuche-pi1 div.details {
   background-color: #f5f7f9;
   padding: 1px 13px 10px 13px;
   width:510px;
}

div.user-haendlersuche-pi1 div.details p.blue {
   color:#E2001A;
}

/***********An-/Abmelden*******************/
table.csc-loginform {
   margin-bottom:30px;
}
table.csc-loginform input[type="text"],
table.csc-loginform input[type="password"] {
   width: 200px;
   margin:10px 0;
   padding:3px;
   border:1px solid #d1d1d1;
   font-size:11px;
   background-image:url(images/teusser_input_hintergrund.jpg);
}

table.csc-loginform input[type="submit"] {
   margin-left:135px;
   background-image:url(images/teusser_anmelde_button.png);
   cursor:pointer;
   border:0px solid transparent;
   height:20px;
   width:75px;
}

table.csc-loginform td.csc-form-labelcell {
   padding-right:10px;
   padding-top:8px;
}

div.abmeldung {
   position:absolute;
   top:0;
   left:265px;
}
div.abmeldung .csc-form-commentcell {
   display:none;
}
div.abmeldung table.csc-loginform input {
   border:0;
   background-color:transparent;
   background-image:none;
   width:auto;
   height:auto;
   padding:0;
   font-size:12px;
   color:#666666;
   cursor:pointer;
}
div.abmeldung table.csc-loginform input:hover {
   color:#012e89;
   text-decoration:underline;
}


/*********** Kontaktformular *****************/
.tx-thmailformplus-pi1 label {
   display:block;
   padding:15px 10px;
   color:#002a80;
   font-size:11px;
}
.tx-thmailformplus-pi1 label#spamschutz {
   padding:15px 10px 5px 10px;
}
.tx-thmailformplus-pi1 textarea {
   border:1px solid #d1d1d1;
   margin-left:10px;
   width:566px;
   font-size:11px;
   padding:5px;
   height:100px;
   overflow:auto;
}
.tx-thmailformplus-pi1 fieldset {
   width:565px;
   background-color: #eeeeee;
   border:0 solid #eeeeee;
   padding:0 10px;
   margin-bottom:30px;
}
.tx-thmailformplus-pi1 fieldset#spamschutz {
   width:535px;
   background-color: transparent;
   border:1px solid #D1D1D1;
   padding:10px 20px;
   margin:0 10px 30px;
}
.tx-thmailformplus-pi1 fieldset#spamschutz span {
   margin:0;
}
.tx-thmailformplus-pi1 fieldset#spamschutz input#spam {
   float:none;
   margin:0;
}
.tx-thmailformplus-pi1 fieldset#spamschutz div {
   height:32px;
}
.tx-thmailformplus-pi1 fieldset label {
   width:60px;
   float:left;
   margin:13px 0 0;
   padding:0;
   color:#666666;
}
.tx-thmailformplus-pi1 fieldset input {
   margin-left:7px;
   float:left;
   width: 200px;
   margin:10px 0;
   padding:3px;
   border:1px solid #d1d1d1;
   font-size:11px;
   background-image:url(images/teusser_input_hintergrund.jpg);
}
.tx-thmailformplus-pi1 fieldset input#plz {
   width:53px;
   margin-right:5px;
}
.tx-thmailformplus-pi1 fieldset input#ort {
   width:134px;
}
.tx-thmailformplus-pi1 span {
   margin:15px 0 0 10px;
   font-size:10px;
   color:#333333;
}
.tx-thmailformplus-pi1 input.button {
   margin:0 0 0 140px;
   background-image:url(images/teusser_senden_button.png);
   border:0px solid transparent;
   height:20px;
   width:75px;
   cursor:pointer;
   float:none;
}
.tx-thmailformplus-pi1 img {
   margin:6px 10px 0 0;
   vertical-align:bottom;
}

.inhaltselement_downloadbox a { font-weight: bold; }