/* mb, 2009-04-21 */
/*
############################################

main stylesheet, print

Last change:
sb4910, 2011-09-20 class float-left, invclear
############################################
*/


/*****************************************************************************
                               Allgemeine Tags
*****************************************************************************/

body #hover-login-form,
body #hover-userprofile,
body #hover-languages {
	display:			none;
	visibility:			hidden;
	position:			absolute;
}

html {
    margin:             0;
    padding:            0;
    height:             100%;
}

body {
    margin:             0;
   	padding:			0;
    background:         #FFFFFF;
    color:              #2D2D2D;
    font:               10pt Arial, sans-serif;
	width:				750px;
}

body.home {
    margin:             0;
   	padding:			0;
    background:         #FFFFFF;
    color:              #2D2D2D;
    font:               10pt Arial, sans-serif;
	width:				990px;
}


a, a:link, a:visited {
    color:              #2D2D2D;
    text-decoration:    none;
}

a:active, a:hover {
    color:              #CE0E15;
}

a.arrow {
    padding:            0 0 0 15px;
    background:         url('../images/home/arrow_inactive.gif') no-repeat left top;
}

a.arrow:hover {
    background:         url('../images/home/arrow_active.gif') no-repeat left top;
}


img {
    border:             none;
}

h1, h2, h3 {
    margin:             0;
    padding:            0;
    font-family:        Arial, sans-serif;
    font-style:         normal;
    font-weight:        normal;
}

h1 {
	font-size:			18px;
	font-weight:		normal;
	margin:				12px 0 0 0;
}

h2 {
    margin:             0 0 5px 0;
    font-size:          18px;
    font-weight:        bold;
}

h3 {
    margin:             0 0 5px 0;
    font:               10pt Arial, sans-serif;
    font-weight:        bold;
}

p {
    margin:             0 0 10px 0;
    line-height:        150%;
}

em {
    color:              #CE0E15;
    font-style:         normal;
    font-weight:        bold;
}

table {
    border-collapse:    collapse;
}

table td {
    vertical-align:     top;
}

table.grey {
    margin:             0 0 10px 0;
    width:              100%;
    border-collapse:    collapse;
    border:             1px solid #E2E2E2;
}


table.grey thead tr th {
    padding:            0 10px;
    height:             30px;
    line-height:        30px;
    font-weight:        bold;
    background:         url('../images/bg_topbar.png') left bottom repeat-x;
    white-space:        nowrap;
    text-align:         left;
    border:             1px solid #E2E2E2;
}

table.grey tbody tr td {
    padding:            10px;
    border:             1px solid #E2E2E2;
}

table.grey tfoot tr td {
    padding:            10px;
    font-weight:        bold;
}


label {
    display:            block;
    font-weight:        bold;
}

input.form-text {
    border:             1px solid #E2E2E2;
}

input.form-password {
    border:             1px solid #E2E2E2;
}

select {
    border:             1px solid #E2E2E2;
}

input.error,
select.error {
    border:             1px solid #CE0E15;
}

/*****************************************************************************
                              Startseite
*****************************************************************************/

body.home div#entry {
	padding:            0 0 0 25px;
}

body.home div#entry h2 {
	font-size:			16px;
}

body.home #header-image {
	display:			none;
}

body.home div.entrypoint {
    margin:             0 10px 0 0;
    padding:            0 0 60px 0;
    float:              left;
    position:           relative;
    width:              227px;
}

div.entrypoint-hover {
	display:			block !important;
}

body.home div.entrypoint img {
    border:             1px solid #E2E2E2;
}

body.home div.entrypoint h3 {
    margin:             0 0 5px 0;
    font-size:          12px;
}

body.home div.entrypoint p {
    margin:             0;
}

body.home div.entry-details-first,
body.home div.entry-details-last {
	width:				50%;
	float:				left;
	border-top:			1px solid #E2E2E2;
}

body.home div.entry-details-first h2,
body.home div.entry-details-last h2 {
	font-size:			16px;
	padding:			10px 0 0 0;
}

body.home div.entry-details-first .content {
	padding:			0 15px 10px 25px;
	border-right:		1px solid #E2E2E2;
}

body.home div.entry-details-last .content {
	padding:			0 15px 0 10px;
}

body.home div.entry-details-first .content p,
body.home div.entry-details-last .content p {
	height:				70px;
	margin:				0;
	line-height:		15px;
}

body.home div.entry-details-first .link h3 a ,
body.home div.entry-details-last .link h3 a {
	padding:			0 0 0 20px;
	background-repeat:	no-repeat;
	float:				right;
}

/*****************************************************************************
                              Allgemeine Klassen
*****************************************************************************/

.align-right {
    text-align:         right;
}

.align-left {
    text-align:         left;
}

.align-justify {
    text-align:         justify;
}

.bold {
    font-weight:        bold;
}


.red {
    color:              #CE0E15;
}

div.error {
    margin:             10px 0 10px 0;
    padding:            10px;
    border:             1px solid #CE0E15;
    color:              #CE0E15;
    font-weight:        bold;
}

div.error p {
    margin:             0;
}


/*****************************************************************************
                          Allgemeine Seitenelemente
*****************************************************************************/


#header-image img {
	width:				752px;
	display:			block;
}

/** #topbar **/

#topbar-wrapper {
    display:            none;
}

/** #page **/

#page {
    margin:             0 auto;
    width:              100%;
}


/** Logo **/

#header {
    margin:             0 0 1px 0; /* 1 Pixel Weissraum unter der Hauptnavi */
    position:           relative;
}

#logo {
    margin:             0;
	text-align:			left;
	clear:				both;
}



/** #main **/

body #main {
    width:              752px;/*680px;*/
	/*float:				left;*/
	/*margin-left:		238px;*/
	
}

body.home #main {
    width:              100%;
	margin:				20px 0 0 0;
	clear:				left;
}


/** Content **/

#content {
    width:              100%;

    margin:             30px 0 0 0;
}

#content-left, #content-left-product {
    width:              451px; /*390px*/
    float:              left;
	padding:			0 5px 0 0;
	border: none !important;
}

#bx-imggallery1 {
top:340px !important;
left:280px !important;

}


#content-right {
    padding:            0 2px 0 2px;
    width:              240px;
    float:              right;
}

#content-right ul {
    margin:             5px 0 15px 0;
    padding:            0 0 0 0;
}


/** Footer **/
#footer {
	clear:				both;
    padding:            0;
    width:              752px;
    font-size:          10px;
    line-height:        30px;
}

body.home #footer {
    width:              990px;
}

#footer #copyright {
    padding:            0 10px 0 0;
    float:              right;
}

#footer #disclaimer {
    display:            none;
}


/** #quickfinder **/


#quickfinder {
    display:            none;
}



div#tools-footer {
    display:            none;
}


/** Page items **/

div.item {
    margin:             0 15px 20px 0;
    width:              235px;
    float:              left;
}

div.item-top {
    padding:            0 0 0 10px;
    width:              223px;
    border-left:        1px solid #E2E2E2;
}

div.item img {
    margin:             0 0 5px 0;
    display:            block;
}

div.item p {
    margin:             0 0 10px 0;
}

/** Small **/

p.item-small {
    margin:             0 0 10px 0;
}

p.item-small img {
    margin:             0 10px 0 0;
    float:              left;
}


div.item-small {
    margin:             0 0 20px 0;
}

div.item-small p {
    margin:             0;
}

div.item-small img {
    margin:             0 5px 0 0;
    float:              left;
}

div.item-small h3 {
    margin:             0;
}

/** Bordered **/

div.item-bordered {
    margin:             0 21px 20px 0;
    float:              left;
    border:             1px solid #E2E2E2;
}

div.item-bordered-odd {
    margin-right:       10px;
}

div.item-bordered h3 {
    margin:             0;
    padding:            0 0 0 10px;
    line-height:        30px;
}

div.item-bordered h3 a {
    margin:             0 10px 0 0;
    display:            block;
    background:         url('../images/home/arrow_inactive.gif') no-repeat right center;
}

div.item-bordered h3 a:hover {
    background:         url('../images/home/arrow_active.gif') no-repeat right center;
}

div.item-bordered img {
    display:            block;
}


/*****************************************************************************
                                   Produkte
*****************************************************************************/

/** Produkt-Kategorien **/

div.product-cat {
    margin:             0 0 15px 0;
    padding:            10px;
    float:              left;
    width:              205px;
    height:             80px;
    border:             1px solid #E2E2E2;
    text-align:         right;
	position:			relative;
}


/* mb, 2009-04-21 */
div#teaser-lieferprogramm .tx-jppageteaser-pi1-list-entry-odd,
div.product-cat-even {
    margin:             0 15px 15px 0;
}


div.product-cat p a span {
    padding:            0 0 0 15px;
    background:         url('../images/home/arrow_inactive.gif') no-repeat left top;
}

div.product-cat p a:hover span {
    background:         url('../images/home/arrow_active.gif') no-repeat left top;
}

div.product-cat h3 {
    margin:             0;
}

div.product-cat-image {
	position:			absolute;
	height:				100px;
	bottom:				0;
	left:				0;
	z-index:			10;
}

div.product-cat-image img {
	position:			absolute;
	display:			block;
	bottom:				0;
	left:				1px;
}

div.product-cat-link {
	position:			absolute;
	top:				10px;
	right:				10px;
	z-index:			11;
}


/** Produkte **/

.invclear {
clear:both;
height:1px;
overflow:hidden;
}

#products .pagebreak {

	page-break-before:	always;
}

#products clear-block {
   clear:both;
}

#products div.product {
	page-break-inside:	avoid;

    width:              158px;
    height:             219px;
    float:              left;
	padding-right:5px;

}

#products div.product img {
    margin:             0;
    display:            block;
    border:             1px solid #E2E2E2;
}

#products div.product h3 {
    padding:             5px 0 0 0;
	font-size:			95%;
}

#products div.product p {
    margin:             0;
	font-size:90%;
	line-height: 		110%;
}


#products div.product-last {
    margin:             0 0 20px 0;
}

#products div.product div.product-image {
    position:           relative;
}

#products div.product img.arrow {
    margin:             0;
    position:           absolute;
    left:               109px;
    bottom:             0;
}


/** Produkt-Einzelseite **/

#product div.image {
    float:              right;
    width:              170px;
}

#product div.image img {
    display:            block;
    border:             1px solid #E2E2E2;
}

#product div.image p {
    margin:             10px 0 0 0;
}

#product div.image p img {
    display:            inline;
    vertical-align:     middle;
}

#product div.image div.thumbs img {
    margin:             10px 8px 0 0;
    float:              left;
}

#product div.image div.thumbs img.last {
    margin:             10px 0 0 0;
}


#product div.description {
    margin:             0 180px 0 0;
}

#product ul.properties {
    list-style-type:    disc;
}


#product table.grey tbody tr td.ve {
    border-right:       none;
}


#product table.grey tbody tr td.icons {
    border-left:        none;
    text-align:         right;
    white-space:        nowrap;
}

#product table.grey tbody tr td.icons img {
    vertical-align:     middle;
}

/** Produkt-Farben - Rechte Seitenleiste **/

div.colors {
    margin:             0 0 20px 0;
}

div.colors div.color {
    margin:             0 0 5px 0;
    padding:            5px 0 5px 0;
    border-bottom:      1px solid #E2E2E2;
}

div.colors div.color-last {
    border-bottom:      none;
}

div.colors div.color div {
    float:              left;
    line-height:        20px;
}

div.colors div.color div.colorfield {
    margin:             0 15px 0 0;
    width:              70px;
    height:             20px;
}

div.colors div.color div.colorcode {
    margin:             0 15px 0 0;
}


/** Extras **/

div.extras {
    margin:             30px 0 0 0;
    float:              left;
    height:             190px;
    border-right:       1px solid #E2E2E2;
    border-top:         1px solid #E2E2E2;
    border-bottom:      1px solid #E2E2E2;
}

div.extras h3 {
    margin:             0;
    padding:            0 30px;
    background:         url('../images/bg_topbar.png') repeat-x left bottom;
    height:             30px;
    line-height:        30px;
	font-size:			12px;
}

div.extras ul {
    padding:            0;
	margin:				0 0 0 50px;
}

div.extras ul li {
	padding:			0;
	margin:				0;
    list-style-type:	disc;
}

div.extras ul li a {
	padding:			0;
}

div.extras div.icon {
    margin:             0 0 30px 30px;
    padding:            20px 0 0 0;
    float:              left;
    text-align:         center;
}

div.extra-lieferprogramm {
    width:              249px;
    border-left:        1px solid #E2E2E2;
}

div.extra-download {
    width:              250px;
}

div.extra-services {
    width:              249px;
}

div.extra-pruefzeichen {
    width:              499px;
}


/*****************************************************************************
                                  Warenkorb
*****************************************************************************/

div.cart table.grey tbody tr td.ve {
    border-right:       none;
}


div.cart table.grey tbody tr td.icons {
    border-left:        none;
    text-align:         right;
    white-space:        nowrap;
}

div.cart table.grey tbody tr td.icons img {
    vertical-align:     middle;
}


div.cart p.checkout-link {
    margin:             0 20px 0 0;
    float:              right;
}

div.cart p.checkout-link a {
    color:              #CE0E15;
    font-weight:        bold;
}

div.cart p.cart-actions a {
    padding:            0 20px 0 15px;
}


/*****************************************************************************
                                  Standorte
*****************************************************************************/

/*div.standort div.image,
div.standort div.address,
div.standort div.openings {
    float:              left;
}
div.standort div.image {
    margin:             0 20px 0 0;
}
div.standort div.address {
    width:              240px;
}
#standorte-form {
    margin:             0 0 20px 0;
}
#standorte-form input#standorte-plz {
    width:              60px;
}

#standorte-form input#standorte-ort {
    width:              215px;
}

#standorte-form select {
    width:              300px;
}

#standorte-form p.plz {
    margin:             0 20px 0 0;
    float:              left;
}
#standorte-form p.ort {
    margin:             0 20px 0 0;
    float:              left;
}
#standorte-form p.land {
    margin:             0 20px 0 0;
    float:              left;
}
#standorte-form p.submit {
    margin:             0;
    padding:            20px 0 0 0;
    float:              left;
}*/


/*****************************************************************************
                                  Referenzen
*****************************************************************************/

/*div.reference {
    margin:             0 0 20px 0;
}

div.reference div.image {
    float:              left;
}

div.reference div.image img {
    margin:             0 0 5px 0;
}

div.reference div.image img.pressebericht {
    margin:             0 0 5px 10px;
}

div.reference div.content {
    margin:             0 0 0 240px;
}

div.reference table.reference-table {
    margin:             0;
    padding:            0;
    border-collapse:    collapse;
    border:             none;
}

div.reference table.reference-table tr td {
    margin:             0;
    padding:            0 20px 15px 0;
    border-collapse:    collapse;
    border:             none;
    vertical-align:     top;
}*/


/*****************************************************************************
                         Zielgruppen-Einstiegsseiten
*****************************************************************************/


body.audience-home #main {
    padding:            30px 0 0 0;
    background:         url('../images/bg_shadow.png') repeat-x left top;
}

body.audience-home #content {
    margin:             0;
    padding:            0 0 0 20px;
    background:         url('../images/bg_content.gif') repeat-y 234px top;
}

body.audience-home h1 {
    margin:             0 0 10px 0;
}

body.audience-home p.intro {
    margin:             0 0 20px 0;
}

body.audience-home #content-left {
    width:              689px;
}

body.audience-home div.item-bordered {
    margin-right:       15px;
}

body.audience-home div.item-odd {
    margin-right:       0;
}


/*****************************************************************************
                                  Navigation
*****************************************************************************/

/** Primary **/

#primary-nav {
    margin:             0;
    padding:            0;
}

#primary-nav ul {
    padding:            25px 0 0 0px;
    margin:            	0;
}

#primary-nav li {
    margin:             0 5px 0 0;
    padding:            0;
    float:              left;
    list-style-type:    none;
	border-top:			1px solid #CCCCCC;
	border-right:		1px solid #CCCCCC;
	border-left:		1px solid #CCCCCC;
}

#primary-nav li a {
    padding:            0 0 0 3px;
    display:            block;
    font-weight:        bold;
}

#primary-nav li a span {
    padding:            7px 15px 7px 12px;
    display:            block;
}

#primary-nav li.active a {
    color:              red;
}


/** Secondary **/

#secondary-nav {
    display:            none;
}


/** Level 4 / Content **/

#content-nav {
    margin:             0 0 0 30px;
    float:              right;
}

#content-nav img {
    float:              left;
}

#content-nav ul {
    margin:             0;
    padding:            0;
    float:              left;
    border-top:         1px solid #E2E2E2;
}

#content-nav li {
    display:            block;
    padding:            2px 0 2px 10px;
    border-bottom:      1px solid #E2E2E2;
    width:              125px;
}

#content-nav li a:hover,
#content-nav li.active a {
    color:              #CE0E15;
    background:         url('../images/home/arrow_active.gif') no-repeat left top;
}

#content-nav .content-block {
    margin:             0 0 20px 0;
    width:              293px;
}


/** Algemeine Linklisten **/

ul.links li {
    margin:             0 0 5px 0;
    list-style-type:    none;
}

ul.links li a {
    padding:            0 0 0 15px;
    background:         url('../images/home/arrow_inactive.gif') no-repeat left top;
}

ul.links li a:hover {
    padding:            0 0 0 15px;
    background:         url('../images/home/arrow_active.gif') no-repeat left top;
}


/*****************************************************************************
                                Hover-Elemente
*****************************************************************************/

#hover-cart {
    display:            none;
}

div.hover-box {
    display:            none;
}

div.tx-jppageteaser-pi1 {
}

div.tx-jppageteaser-pi1-list {
}

div.tx-jppageteaser-pi1-list-entry {
    margin:         0 15px 20px 0;
    width:          235px;
    float:          left;
    height:         220px;
}

/*added by sb4910 - begin*/
.bx-imggallery1
{
position:absolute;
left:580px !important;
top:430px !important;
}

#product .thumb, #product .thumb3 {
float:left;
margin-right:13px;
margin-top:10px;
}
#product .thumbs2 {
clear:both;
}
.ppy-count {
display:none !important;
}

.quickfinder-list, .jqm-close, .jqmWindow {
display:none !important;
}

.bxsortvalue {
display:none;}

.news-single-item {

display:block;
}
#main {
float:none !important;
}

.bx-data-table td, .bx-data-table tr, .bx-data-table table,  .bx-data-table th {
text-align:left;
vertical-align:top;
}
.bx-data-table td,  .bx-data-table th {
border: 1px solid #ccc;
}

.float-left {
float:left;
}
.float-right {
float:right;
}
.bx-gray-container, .bx-white-container {
clear:both;
margin-bottom:20px;
border:1px solid #ccc;
padding:5px;
}
.tx-ttnews-browsebox {
display:none;
}

/*added by sb4910 - end*/

/*
 * Markup free clearing
 * Details: http://www.positioniseverything.net/easyclearing.html
 */
.clear-block:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}

.clear-block {
    display:            inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
    height:             1%;
}
.clear-block {
    display:            block;
}
/* End hide from IE-mac */