body {
    height: 100%;
    margin: 0;
    padding: 0;  
    background-color: #c3cbe5;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;    
}
a {
    color: black;
    text-decoration: underline;
}
h1 {
    margin: 0 0 15px 0;
    padding: 0;
}
h2 {
    margin: 0 0 1em 0;
    padding: 0;   
}
img {
    margin: 0;
    padding: 0;
    border: none;  
}
sub {
    position: relative;
    height: 0;
    bottom: -.5ex;
    line-height: 1;
    vertical-align: baseline;
}
a img {
    display: block;   
}
form, fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
input.text {
    padding: 2px;
    margin: 0;
    border: 1px solid #3467ab;
    background-color: #fff;
}
#navigation {
    width: 960px;
    margin: 0 auto;    
    text-align: left;
}
#navigation ul {
    float: right;    
    margin: 0;
    padding: 15px 0;
    font-size: 14px;
    list-style-type: none;    
}
#navigation li {
    float: left;
}
#navigation a {
    display: block;
    padding-left: 20px;
    margin-right: 5px;
    background-position: left;
    background-repeat: no-repeat;     
}
#nav-home {
    background-image: url(../images/css/home.gif);
}
#nav-account {
    background-image: url(../images/css/konto.gif);
}
#nav-basket  {
    background-image: url(../images/css/basket.gif);
}
#nav-info {
    background-image: url(../images/css/hilfe.gif);
}
#nav-impressum {
    background-image: url(../images/css/impressum.gif);
}
#nav-logout {
    background-image: url(../images/css/konto.gif);
}
#wrapper {
    clear: both;
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#left {
    clear: both;
    float: left;
    width: 725px;
}
#right {
    float: right;
    width: 220px;
}
#ticker {
    height: 53px;
    margin: 0 0 15px 0;
    padding: 3px 10px 7px 190px;
    border: 1px solid #3467ab;
    color: black;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 -3px;
    font-size: 11px;
    line-height: 135%;
    text-align: justify;
}
#ticker * {
    margin: 0;
    padding: 0;
}
#content {
    height: auto !important;
    min-height: 1007px;
    height: 1007px;
    padding: 15px;
    background-color: #fafafa;   
}
#pindex {
    width: 725px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fff;
}
#pindex:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#pindex li {
    float: left;
    width: 120px;
    height: 120px;
    margin: 0 1px 1px 0;
    padding: 0;
    text-align: center;
    background-color: #231f20;
}
#pindex li.lastCol {
    margin-right: 0;    
}
#pindex li.lastRow {
    margin-bottom: 0;   
}
#pindex a {
    display: block;
    width: 120px;
    height: 35px;
    padding: 85px 0 0 0;
    margin: 0;
    overflow: hidden;
    color: #fff;
    background-color: inherit;
    background-image: url(../images/produkte.gif);
    background-repeat: no-repeat;    
    background-position: -725px -362px;
    font-size: 11px;
    text-decoration: none;
}
#pindex a:hover {
    background-color: #333333;    
}
#pindex a strong {
    display: block; 
    color: #f5be0f;
    font-size: 12px;
    font-weight: bold;
}
a#pi-flyer {    
    background-position: 0 0;
}
a#pi-falzflyer {    
    background-position: -121px 0;
}
a#pi-plakate {    
    background-position: -242px 0;
}
a#pi-bloecke {    
    background-position: -363px 0;
}
a#pi-tisch {    
    background-position: -484px 0;
}
a#pi-kalender {    
    background-position: -605px 0;
}
a#pi-heft {    
    background-position: 0 -121px;
}
a#pi-broschuere, a#pi-kataloge {    
    background-position: -121px -121px;
}
a#pi-klappkarten {    
    background-position: -242px -121px;
}
a#pi-postkarte {    
    background-position: -363px -121px;
}
a#pi-mappen {    
    background-position: -484px -121px;
}
a#pi-lettershop {    
    background-position: -605px -121px;
}
a#pi-briefpapier {    
    background-position: 0 -242px;
}
a#pi-briefhuellen {    
    background-position: -121px -242px;
}
a#pi-visitenkarte {    
    background-position: -242px -242px;
}
a#pi-druckbogen {    
    background-position: -363px -242px;
}
a#pi-uvlack {    
    background-position: -484px -242px;
}
a#pi-special {    
    background-position: -605px -242px;
}
#druckerei {
    display: block;
    margin: 15px 0;
}
#news {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#news li.news {
    height: 70px;
    margin: 15px 0;
    padding: 0;
    border: 1px solid #3467ab;
    color: black;
    background-color: #fff;
}
#news li.news:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#news img.news {
    float: left;    
}
#news div.news {
    height: 65px;
    padding: 5px 10px 5px 0;
    margin-left: 190px;    
} 
#news div.news * {
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 135%;
    text-align: justify;
}
#right a {
    text-decoration: underline;  
}
#right .block {
    margin: 15px 0;
    padding: 5px;  
}
#right .block img {
    float: left;
    margin-right: 5px;  
}
#right .block h3, #right .block p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 120%;
    text-align: justify;
}
#right .block:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#hotline.block {
    height: 50px;
    padding: 8px 5px 7px 5px;
    margin: 0;
    color: #fff;
    background-color: #3467ab;    
}
#hotline .freecall {
    font-size: 18px;
    line-height: 100%;
}
#hotline dt {
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
}
#hotline dd {
    float: right;
    width: 135px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#product-search {
    height: 53px;
    padding: 4px 5px 6px 5px;
    border: 1px solid #3467ab;
    background-color: #fafafa;
}
#product-search label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}
#product-search #product-search-input {
    width: 170px;
    float: left;
}
#product-search #product-search-submit {
    float: right;
    width: 18px;
    padding: 2px;
}
#product-search a {
    display: block;
    clear: both;
    color: #3467ab;
}
#products {
    border: 1px solid #3467ab;
    background-color: #fafafa;   
}
#products.block h3 {
    margin-bottom: 1em;
    font-size: 12px;
}
#products ul {
    margin: 0;
    padding: 0;
    color: #3467AB;
    list-style-type: none;
}
#products li {
    padding-left: 20px;
    background: url(../images/css/blue.gif) no-repeat left 1px;
}
#youtube, #social-media {
    background-color: #fff;    
}
#umweltengagement {
    height: auto !important;
    height: 130px;
    min-height: 130px;
    padding: 0;
    background-color: #eeeeee;
}
#qualitaetsgarantie {
    background-color: #ffda7e;
}
#proof {
    background-color: #fbbda7;
}
#bottom {
    clear: both;
    color: #666666;
}
#bottom h3 {
    font-size: 12px;
    margin: 0;
}
#bottom p {   
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 12px;
    text-align: justify;  
}
#bottom a {
    color: #666666;
}

