body
{
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 color: black;
 background-color:#D2E9F5;
 margin:0px;
}
/* --------- Divs ------------*/

#header
{
width: 980px;
height: 108px;
padding: 0;
margin:10px auto 0;
}

div.header-link
{
width: 180px;
float: left;
height: 48px; 
margin-top: 55px;
}

#header-flaggen
{
width: 165px;
float: right;
height: 28px; 
margin-top: 70px;
text-align: right;
}

#content, #content-banner
{
width: 980px;
margin:0 auto;
padding: 0;
background: url(img/higru_kachel.gif) repeat-y;
}

#content-banner
{
background: url(img/higru_kachel_banner.gif) repeat-y;
}

#content-oben, #content-banner-oben
{
width: 980px;
height: 14px;
margin: 0;
padding: 0;
background: url(img/higru_oben.gif) no-repeat;
}

#content-banner-oben
{
background: url(img/higru_oben_banner.gif) no-repeat;
}

#content-unten, #content-banner-unten
{
width: 980px;
height: 24px;
margin: 0 auto;
padding: 0;
background: url(img/higru_unten.gif) no-repeat 0px;
clear: both;
}

#content-banner-unten
{
background: url(img/higru_unten_banner.gif) no-repeat 0px;
}

#links
{
width:240px;
float:left;
background-color:#3C85BC;
}

#inhalt, #inhalt-banner
{
float:left;
width: 689px;
/*padding: 10px 25px;*/
/*margin-left:250px;*/
padding:10px 25px;
}

#inhalt-banner
{
width:525px;
}

#rechts
{
width:165px;
float:right;
}

.banner
{
width: 145px;
padding:10px;
background: url(img/kachel_banner.gif) repeat-y;
}

div.produkte
{
width:120px;
float:left;
margin:0;
padding:0 15px 20px 0;
/*white-space: nowrap;*/
}

div.produkte-rechts
{
width:120px;
margin:0;
float:right;
padding:0 0 20px 0;
white-space: nowrap;
}

div.spalte-links
{
width:255px;
float:left;
padding: 0 15px 0 0;
margin:0;
}

div.spalte-rechts
{
width:255px;
float:right;
padding: 0;
margin:0;
}

div.h-abstand {
    height:260px;
    border: 0px solid #000;
}

div.spalte-links-extra
{
width:245px;
float:left;
padding: 0 15px 0 0;
margin:0;
border: 0px solid #000;
}

div.spalte-rechts-extra
{
width:245px;
float:left;
padding: 0;
margin:0;
border: 0px solid #000;
}

div.spalte-links-dreiviertel
{
width: 390px;
float: left;
padding: 0 15px 0 0;
margin: 0;
}

div.spalte-rechts-einviertel
{
width: 120px;
float: right;
padding: 0;
margin: 0;
}

div.artikelbild
{
width: 310px;
height: 310px;
padding: 0;
/*margin-bottom: 30px;*/
float: left;
}

div.artikeltext
{
width: 255px;
padding: 0;
margin-bottom: 30px;
float: right;
}

div.artikeltext-info
{
width: 255px;
padding: 0;
/*margin-bottom: 30px;*/
float: left;
}

#footer
{
width: 980px;
padding: 0;
margin: 5px auto;
}

#footer-copyright
{
float: left;
padding: 0;
margin:0;
width: 400px;
}

/* --------- Links ------------*/

a
{
color: #05519C;
font-weight: bold;
text-decoration: none;
}

a.weiss
{
color: white;
font-weight: bold;
text-decoration: none;
}

a.schwarz
{
color: black;
font-weight: normal;
text-decoration: none;
}

div.breadcrumb
{
color: #05519C;
font-weight: normal;
text-decoration: none;
}

.breadcrumb a
{
font-weight: normal;
text-decoration: underline;
}

a.textlink
{
color: #05519C;
font-weight: normal;
text-decoration: none;
}

a.textlink:hover
{
text-decoration: underline;
}

ul.footer-menu
{
list-style-type: none;
margin: 0;
padding: 0;
float: right;
overflow: hidden;
}

.footer-menu li
{
border-left: 1px solid #000;
float: left;
margin: 0 5px 0 -5px;
padding: 0 8px;
}

.footer-menu a
{
font-weight: normal;
color: #000;
text-decoration: underline;
} 

a.button-loeschen {
display:block;
width: 60px; 
height: 20px;
background: transparent url(img/button_loesch_1.gif) 0px 0px no-repeat;
color: white;
font-weight: bold;
text-decoration: none;
line-height: 18px;
}

a.button-loeschen:hover
{
background: transparent url(img/button_loesch_2.gif) 0px 0px no-repeat;
}

a.button-aktualisieren {
display:block;
width: 85px; 
height: 20px;
background: transparent url(img/button_aktualisieren_1.gif) 0px 0px no-repeat;
color: white;
font-weight: bold;
text-decoration: none;
line-height: 18px;
}

a.button-aktualisieren:hover
{
background: transparent url(img/button_aktualisieren_2.gif) 0px 0px no-repeat;
}

a.button-bestellen 
{
display:block;
width: 85px; 
height: 20px;
background: transparent url(img/button_bestellen_1.gif) 0px 0px no-repeat;
text-align: center;
color: white;
font-weight: bold;
text-decoration: none;
line-height: 18px;
float:right;
}

a.button-bestellen:hover
{
background: transparent url(img/button_bestellen_2.gif) 0px 0px no-repeat;
}

a.warenkorb 
{
display:block;
width: 25px; 
height: 25px;
background: transparent url(img/warenkorb_1.gif) 0px 0px no-repeat;
margin: 0 auto;
}

a.warenkorb:hover
{
background: transparent url(img/warenkorb_2.gif) 0px 0px no-repeat;
}


/* --------- Schrift ------------*/
p,td
{
 line-height: 130%;
}

h1, h2
{
font-size: 18px;
margin:15px 0;
color: #05519C;
}

h2
{
font-size: 14px;
}

.normal
{
font-weight: normal;
margin: 0;
}

.blau
{
color: #05519C;
}

.einruecken 
{
text-indent: -10px;
padding-left:10px;
margin-top: 5px;
width: 110px;
}

p 
{
margin-bottom: 15px;
}

/* ---------- Listen ------------------*/
ul.artikelliste 
{
margin:0 0 0 20px;
padding: 0;
}

ul.liste
{
margin:0;
padding:0 0 0 20px;
}

ul.liste li
{
padding-bottom: 15px;
}

/* ---------- Tabellen ------------------*/

table.artikel 
{
border-collapse: collapse;
margin: 0;
}

.artikel thead
{
background-color: #3C85BC; color: white;
}

.artikel th, .artikel td
{
border-bottom: 1px solid #3C85BC;
padding: 6px;
text-align: center;
}

td.beschreibung, th.beschreibung
{
padding: 6px 16px 6px 6px;
text-align: left;
}

td.summe, th.summe
{
text-align: right;
}
 
.artikel th
{
vertical-align: top;
}

td.back
{
border: 0;
text-align: left;
}

td.bestellen
{
border: 0;
text-align: right;
}



table.bestellung
{
border-collapse: collapse;
margin: 0;
background-color:#D2E9F5;
}

.bestellung td
{
border-bottom: 1px solid white;
padding: 6px;
text-align: left;
}

td.rechts
{
text-align: right;
}

td.bestellung-button
{
text-align: right;
background-color:white;
}
/* --------- Linie ------------*/

.linie 
{
border:none;
border-top: 1px solid #05519C;
background-color: #3C85BC;
height: 1px;
margin: 10px 0;
padding: 0;
}


/* ------- Seitenzahl-Liste ---------- */
ul.seiten 
{
text-align: right ;
color: #05519C;
}

ul.seiten li 
{
display: inline ;
padding: 0px 3px 0px 3px ;
}

ul.seiten a
{
text-decoration: underline;
color: #05519C;
font-weight: normal;
}

ul.seiten a.fett
{
text-decoration: none;
font-weight: bold;
color: #05519C;
}

/* --------- Buttons ------------*/

.button-search 
{
margin: 0 0 3px 5px; 
padding: 0; 
height: 20px; 
width: 20px; 
vertical-align: bottom; 
}

.submit-button 
{
border: none;
background: url(img/button_abschicken_1.gif) no-repeat top left;
width: 100px;
height: 20px;
text-align: center;
color: white;
font-weight: bold;
text-decoration: none;
margin: 10px 0 0 5px;
}

.submit-button:hover  
{
border: none;
background: url(img/button_abschicken_2.gif) no-repeat top left;
}

/* --------- Formulare ------------*/

form.neukunde 
{
border: 0 solid;
padding: 0;
}

form.neukunde fieldset
{
border: 0 solid;
}

form.neukunde legend
{
font-weight: bold;
padding: 10px 0;
}

form.neukunde label 
{ 
display:block; 
width: 150px; float: left; 
text-align: right; 
padding-right: 10px; }

form.neukunde div
{
padding: 3px 0;
line-height: 20px;
}


form.login 
{
border: 0 solid;
padding: 0;
}

form.login label 
{ 
display:block;  
}
 
form.login div
{
padding: 5px 0 5px 0;
}

/* --------- Bilder ------------*/

.vorschau
{
float: left; 
margin: 0 15px 10px 0;
}

/* ---- Misc ---- */

#product-info {
    border:0 none;
    margin:15px 0;
}

#product-details {
    overflow:hidden;
    width:100%;
}

#product-details .image {
    float:left;
    margin-right:30px;
}

#product-details .description {
    margin-left:180px;
}

.fancy-button {
    display:inline-block;
    width:128px;
    height:20px;
    line-height:20px;
    color:white;
    background: url(img/button_bg1.gif) no-repeat top left;
}

.fancy-button:hover {
    background-image:url(img/button_bg2.gif);
    color:white;
    text-decoration:none;
}