/********************************************************************
    Allgemeines
*********************************************************************/

body
{
    background-color: #ffffff;    
    font-family: verdana, sans-serif, arial;
    font-size: 10px;
    /* fuer Zentrierung der ganzen Seite */    
    text-align: center;
    margin-top: 0;
    padding-bottom: 30px;
}

img {
	border:0;
}

.com-input-qty{
width:26px;
height:16px;
font-size:14px;
}

.com-single-desc {
margin-top:4px;

}

.csc-firstHeader, h5{
margin:15px 0 5px 0;
}

.net{
font-weight:bold;
}

.listprice{
font-weight:normal;
}

.com-single h2{
font-size:14px;

}

/* Container um alles herum */
div.wrapperContainer
{
    width: 960px;    
    /* fuer Zentrierung der ganzen Seite */        
    margin: 0px auto;
    text-align: left;
}

/* Clearer fuer floats */
.clearer
{
    clear: both;
}

.com-single-article{

}

.com-single img {
margin-right:5px;
border: 1px solid grey;
float:left;
}
/********************************************************************
    ENDE Allgemeines
*********************************************************************/


/********************************************************************
    allgemeine Elemente im Content-Bereich
    
    (siehe bfb_content_elements.css)
*********************************************************************/


/********************************************************************
    ENDE allgemeine Elemente
*********************************************************************/


/********************************************************************
    Banner-Bild
*********************************************************************/

/* Container fuer Banner-Bild */
div#bannerContainer
{
    width: 100%;
    height: 90px;
}

/* Banner-Bild */
div#bannerContainer img
{
/*    width: 960px;
    height: 90px;*/
    border: 0;
}

div#banner-left
{
    float: left;
}

/********************************************************************
    ENDE Banner-Bild
*********************************************************************/


/********************************************************************
    Pfad-Navigation und Warenkorb
*********************************************************************/

/* horizontale Leiste fuer Pfadnavigation und Warenkorb */
div.breadcrumbNavigationBar
{
    width: 100%;
    height: 40px;
}

/* Pfadnavigation aussen */
div.breadcrumbNavigationOuterContainer
{
    width: 870px;
    float: left;
}

/* Pfadnavigation innen */
div.breadcrumbNavigationInnerContainer
{
    padding: 8px;
}

/* Pfadnavigation: Intro-Text */
div#breadcrumbNavigationIntroText
{
    color: #707070;
    padding: 0 10px 0 0;
    float: left;
}

/* Pfadnavigation */
div#breadcrumbNavigation
{
width:710px;
    float: left;
}

/* Pfadnavigation: Container fuer Navigationspunkt */
span.pathNavItem
{
    padding: 0;
	color: #707070;
    font-size: 12px;    
    margin: 0;    
    float:left;
}

/* Pfadnavigation: Spacer zwischen den einzelnen Nav.punkten */
span.pathNavItemSpacer
{
    padding: 0 5px 0 5px;
    float:left;
    line-height:14px;
}


/**
 * Pfadnavigation: Link
 */
.pathNavItem a, .pathNavItem a:link, .pathNavItem a:visited,
.pathNavItem a:focus, .pathNavItem a:hover, .pathNavItem a:active 
{
	color: #707070;
	text-decoration: underline;
}

/* Warenkorb-Container aussen */
div.breadcrumbBasketOuterContainer
{
    width: 90px;
    float: right;
}

/* Warenkorb-Container innen */
div.breadcrumbBasketInnerContainer
{
    text-align: right;
}

/* Container fuer Einkaufswagen */
div.shoppingCartContainer
{
    padding: 5px 5px 6px 0;        
    float: left;
}

/* Einkaufswagen-Bild */
div.shoppingCartContainer img
{
    border: 0;
}

/* Warenkorb Text */
div#shoppingCartTextContainer
{
    padding: 8px 0 0 0;
    white-space: nowrap;
}

/********************************************************************
    ENDE Pfad-Navigation und Warenkorb
*********************************************************************/


/********************************************************************
    Spalten-Layout
*********************************************************************/

/* Tabelle fuer Spalten-Layout */
table.mainTable
{
    width: 100%;    
}

/* Spalten-Layout: Zelle fuer Hauptnavigation */
td.navigationCell
{
    width: 180px;
    vertical-align: top;
/*    background-color: #990a1c;*/




}

/* Spalten-Layout: Zelle fuer Inhaltsbereich */
td.contentCell
{
    width: 600px;
    vertical-align: top;
    margin: 0;




























    padding: 15px 0 0 0;
}

/* Spalten-Layout: Zelle fuer Sidebar */
td.sidebarCell
{
    width: 210px;
    vertical-align: top;
    color: #ffffff;
    font-size: 14px;        
}

/********************************************************************
    ENDE Spalten-Layout
*********************************************************************/


/********************************************************************
    Hauptnavigation und Suche
*********************************************************************/

/* Container fuer Hauptnavigation */
div#navigationContainer
{
    width: 180px;
    background-color: #aaaaaa;
}

div#footerlinks{
    width: 180px;
    background-color: #aaaaaa;
    color:white;
    text-align:right;
    line-height:18px;
}
div#footerlinks span{
padding-right:4px;
}

/**
 * Ebene 1
 */

/**
 * Container für Navigationspunkt der 1. Ebene
 * (Gemeinsamkeiten für aktive und inaktive Punkte)
 */
.mainNavLevel1Inactive, .mainNavLevel1Active
{
    padding: 5px 5px 5px 5px;
	color: #ffffff;
    font-size: 14px;    
    text-align: right;
    margin: 0;    
}

/**
 * Container für aktiven Navigationspunkt der 1. Ebene
 */
.mainNavLevel1Active
{
}

/**
 * Link für inaktiven Navigationspunkt in der 1. Ebene
 */
.mainNavLevel1Inactive a, .mainNavLevel1Inactive a:link,
.mainNavLevel1Inactive a:visited, .mainNavLevel1Inactive a:focus,
.mainNavLevel1Inactive a:hover, .mainNavLevel1Inactive a:active 
{
	color: #ffffff;
	text-decoration: none;
}

/**
 * Link für aktiven Navigationspunkt in der 1. Ebene
 */
.mainNavLevel1Active a, .mainNavLevel1Active a:link,
.mainNavLevel1Active a:visited, .mainNavLevel1Active a:focus,
.mainNavLevel1Active a:hover, .mainNavLevel1Active a:active 
{
	color: #ffffff;
	text-decoration: none;    
	font-weight: bold;
}

/**
 * Ebene 2 
 */

/**
 * Container für Navigationspunkt der 2. Ebene
 * (Gemeinsamkeiten für aktive und inaktive Punkte)
 */
.mainNavLevel2Inactive, .mainNavLevel2Active
{
    padding: 3px 5px 3px 5px;
	color: #ffffff;
    font-size: 12px;    
    text-align: right;
    margin: 0;    
}

/**
 * Container für aktiven Navigationspunkt der 2. Ebene
 */
.mainNavLevel2Active
{
}

/**
 * Link für inaktiven Navigationspunkt in der 2. Ebene
 */
.mainNavLevel2Inactive a, .mainNavLevel2Inactive a:link,
.mainNavLevel2Inactive a:visited, .mainNavLevel2Inactive a:focus,
.mainNavLevel2Inactive a:hover, .mainNavLevel2Inactive a:active 
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

/**
 * Link für aktiven Navigationspunkt in der 2. Ebene
 */
.mainNavLevel2Active a, .mainNavLevel2Active a:link,
.mainNavLevel2Active a:visited, .mainNavLevel2Active a:focus,
.mainNavLevel2Active a:hover, .mainNavLevel2Active a:active 
{
	color: #ffffff;
	text-decoration: none;
    font-weight: bold;
}

/**
 * Ebene 3 
 */

/**
 * Container für Navigationspunkt der 2. Ebene
 * (Gemeinsamkeiten für aktive und inaktive Punkte)
 */
.mainNavLevel3Inactive, .mainNavLevel3Active
{
    padding: 3px 5px 3px 5px;
	color: #ffffff;
    font-size: 11px;    
    text-align: right;
    margin: 0;    
}

/**
 * Container für aktiven Navigationspunkt der 3. Ebene
 */
.mainNavLevel3Active
{
}

/**
 * Link für inaktiven Navigationspunkt in der 3. Ebene
 */
.mainNavLevel3Inactive a, .mainNavLevel3Inactive a:link,
.mainNavLevel3Inactive a:visited, .mainNavLevel3Inactive a:focus,
.mainNavLevel3Inactive a:hover, .mainNavLevel3Inactive a:active 
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

/**
 * Link für aktiven Navigationspunkt in der 3. Ebene
 */
.mainNavLevel3Active a, .mainNavLevel3Active a:link,
.mainNavLevel3Active a:visited, .mainNavLevel3Active a:focus,















.mainNavLevel3Active a:hover, .mainNavLevel3Active a:active 
{
	color: #ffffff;
	text-decoration: none;
    font-weight: bold;
}


/* Hauptnavigation: Trennlinie */
div.navigationSeparator
{
    background-image: url('../images/navigation_separator.jpg');
    background-repeat: repeat-x;
    height: 2px;
    width: 180px;
}

/* Suche-Container unter Hauptnavigation */
div.navigationSearchContainer
{
    padding-top: 50px;
}

/* Abstand unter Hauptnavigation */
div.navigationBottomSpacer
{
    width: 180px;
    height: 150px;
    clear:both;
}

/********************************************************************
    ENDE Hauptnavigation und Suche
*********************************************************************/


/********************************************************************
    Inhaltsbereich
*********************************************************************/

/* Inhalt aussen */
div.contentOuterContainer
{
    width: 600px;
    margin: 0;
    padding: 0;
}

/* Inhalt innen */
div#contentInnerContainer
{
    margin: 0 14px 0 26px;    
}

/********************************************************************
    ENDE Inhaltsbereich
*********************************************************************/


/********************************************************************
    Sidebar
*********************************************************************/

/* Sidebar aussen */
div#sidebarOuterContainer
{
    background-color: #aaaaaa;
    width: 180px;
}

/* Sidebar innen */
div.sidebarInnerContainer
{
    padding: 8px;

    font-size: 14px;

}



h2.sidebarHeading



{



    color: #ffffff;
    font-size: 16px;

    padding: 0 0 0 0px;
    margin: 0 0 0 5px;
}

/********************************************************************
    ENDE Sidebar
*********************************************************************/
    

/********************************************************************
    Indexed Search
*********************************************************************/
div.tx-indexedsearch, div.tx-indexedsearch table td, tx-indexedsearch-res, tx-indexedsearch-res table td
{
    font-size: 12px;
}
    
/********************************************************************
    ENDE Indexed Search
*********************************************************************/
    
    
/********************************************************************
    macina_searchbox
*********************************************************************/
.tx_commercesearch_pi1[form]
{
    margin:0px;
    padding:0px;    
}

#tx_commercesearch_pi1_formular_ts div
{
    text-align: right;
    padding: 5px 5px 0 0;
}


#tx_commercesearch_pi1_formular_ts .tx_commercesearch_pi1[form] input
{
    font-size: 14px;
    width: 160px;
    height:18px;
    
}


#tx_commercesearch_pi1_formular_ts .tx_commercesearch_pi1[form] input.searchSubmit
{
font-size: 12px;
    width: 80px;
    margin: 0 0 5px 0;
    height:22px;
    padding: 0 0 5px 0;
    *padding: 0 0 0 0;
}
    
    
/********************************************************************
    ENDE macina_searchbox
*********************************************************************/ 

/********************************************************************
    produkte startseite
*********************************************************************/
.productStartpageteaser
{
	//background:#f7f7f7;
	background:#ebebeb;
	//background:#eeefef;
	margin: 0 9px 10px 0;
	color:#707070;
	float:left;
	width:177px;
	height:177px;
	display:block;
	
}

.com-category .productStartpageteaser h2{
	font-size:13px;
	color:#707070;
	margin:5px 2px;
	padding:0;
}

.com-category .productStartpageteaser h2 a{
	font-size:12px;
	color:#707070;
}
.com-category .productStartpageteaser p a img{
	margin: 0;
}

.com-category .productStartpageteaser img{
	margin: 0;
}

.productStartpageteaser p {
	position:relative;
	float:left;
	margin:0 ;
	padding: 0 5px 0 5px;
}


.productStartpageteaser p a, .productStartpageteaser a, .productStartpageteaser a:link, .productStartpageteaser a:hover, .productStartpageteaser a:visited, .productStartpageteaser a:active{
	color:#707070;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
}
div#colNormal .productStartpageteaser p.bodytext {
	position:relative;
	float:left;
	height:39px;
	width:94%;
	overflow:auto;
	font-size:12px;
	line-height:13px;
	margin:0 0 7 0;
	}
	
div#colNormal .productStartpageteaser div.teaserImage{
	margin: 5px 4px;
	padding:0;
	height:80px;
	width:100%;
	overflow:hidden;
	}
/********************************************************************
    ENDE produkte startseite
*********************************************************************/ 


.com-list
{
	clear:both;
}






//depricated
/********************************************************************

    produkte kategorien





*********************************************************************/
.com-category h2 {
	font-size:18px;
	color:#AAAAAA;
	clear:both;	
}
.com-category-wrapper h2 {
	font-size:14px;
	width:90%;
	float:left;
	clear:both;
	margin:5px 0 10px 0;
	width:97%;
}


.com-category-wrapper img {
	margin: 0 5px 5px 0;
	float:left;
	margin-bottom:-12px;

}

.com-category-wrapper h2 a {

	float:none;

}

.com-category-wrapper a {
	
	float:left;

}

.com-category-wrapper p{

	float:left;
	width:340px;
	align:right;
	margin:0 5px;


}

.com-category-wrapper{
	border-bottom:1px solid #34A3D2;
}

div#colNormal .com-category-wrapper p.bodytext
{
	float:left;
	width:280px;
	margin:0 5px;
	margin:0;
	margin-bottom:-10px;
	display:inline
}


div#colNormal div.com-list-action-entry 
{
	width:500px;
	height:30px;
	margin:4px 0;
}


.com-list-action-wrapper {
	margin: 0 0 0 20px;
	clear:both;
	width:500px;
}


.article-description
{
	float:left;
	margin: 0 10px 0 0;
	padding: 3px 5px 3px 3px;
	background:#F7F7F7;
	height:24px;
	width:100px;
}
.article-attributes
{
	float:left;
	width:220px;
	padding: 0 10px 0 0;
}
.cartButton
{
margin:0;
padding:0;
border:0;
width:26px;
height:23px;
background: url('../images/shopping_cart.jpg') no-repeat center;
cursor:pointer;
}



#user, #pass
{
    font-size: 14px;
    width: 160px;
    height:18px;
}

#loginWrapper
{
float:none;
margin: 0 5px 0 0;
padding:4px 0 0 4px;
text-align:right;



}

#tx_felogin_pi1 #loginWrapper, .tx_felogin_pi1 #loginWrapper{
color:#FFFFFF;

margin-top:2px;
}





#tx_felogin_pi1 #loginWrapper label, .tx_felogin_pi1 #loginWrapper label{

margin-top: 2px;
}


.com-chkout-address-label{
color: red;

}


.com-chkout-address-label label{
color: black;
}

.showAddress{
	line-height:20px;
	width:300px;
	border-bottom: 1px solid #AAAAAA;
	margin-bottom: 8px;
	text-align:right;
}
.showAddress div{
	text-align:left;
}


.com-chkout-address-fields-submit input, .formSubmit input.submit, .com-basket-submit input{
	border: 1px solid #707070;
	background-color: #AAAAAA;
	color:white;
	padding:0;
	margin:0;
	display:block;
	padding: 1px 4px;
	cursor:pointer;
	
}

#colNormal .formBack a, #colNormal .com-basket-previous a, #colNormal .com-basket-next a{
	border: 1px solid #707070;
	background-color: #AAAAAA;
	color:white;
	padding:0;
	margin:0;
	display:block;
	padding:2px 4px;
	cursor:pointer;	
}


.com-chkout-listing-delivery-address{
	clear:both;
	margin:12px 0;
	float:left;
	width:400px;
}


.com-chkout-listing-delivery-address dd, .com-chkout-listing-delivery-address dt, .com-chkout-listing-billing-address dd, .com-chkout-listing-billing-address dt {
	float:left;
}

.com-chkout-listing-billing-address{
float:left;
width:400px;
}
.com-chkout-listing-comment{
vertical-align: top;
}

.formSubmit, .com-basket-submit, .com-basket-previous{
	float:left;
	display:inline;
	margin: 0 14px 0 0;
}

.formBack, .com-basket-next {
	float:left;
	display:inline;
	margin: 0 0 0 0;
	
}

#colNormal .error
{
color:red;
}

p.align-center
{
text-align:center;
}


.com-chkout-address-label{
clear:both;
}

.discountLabel{
font-size:11px;
}


/********************************************************************
    Produkte A-Z
*********************************************************************/

/* Container fuer Produkte A-Z - Plugin */
div.productAzContainer
{
    margin-bottom: 30px;
}

/* Container fuer ABC-Leiste */
div.productAzAbcContainer
{
    margin-bottom: 20px;
}

/* ABC-Leiste Link */
.productAzAbcLetterLink, .productAzAbcLetterLink:link,
.productAzAbcLetterLink:visited, .productAzAbcLetterLink:hover,
.productAzAbcLetterLink:active
{
    font-size: 13px;
}

/* ABC-Leiste aktiver Link */
.productAzAbcLetterLinkActive, .productAzAbcLetterLinkActive:link,
.productAzAbcLetterLinkActive:visited, .productAzAbcLetterLinkActive:hover,
.productAzAbcLetterLinkActive:active
{
    font-size: 13px;    
    text-decoration: underline;
}    

/* ABC-Leiste: Buchstabe */
span.productAzAbcLetter
{
    margin: 0 11px 0 0;
	font-weight: bold;
}

/* Produkt-Link in Liste */
.productAzProductLink, .productAzProductLink:link,
.productAzProductLink:visited, .productAzProductLink:hover,
.productAzProductLink:active
{
}

/* Produkt-Container in Liste */
.productAzProductContainer

{
    margin-top: 5px;
}
/********************************************************************
    ENDE Produkte A-Z
*********************************************************************/
    
    
/********************************************************************
    Produkte Bestseller
*********************************************************************/

.tx-bfbproductlist-pi2
{
    margin: 0;
    padding: 0;
}

.productBestsellerContainer
{
    margin: 0 0 30px 0;
    padding: 0;
}    
    
.productBestsellerRow
{
    margin: 0 0 10px 0;
}
    
.productBestsellerAmount
{
    float: left;
    width: 50px;
    padding: 0 15px 0 0;
    text-align: right;
}

.productBestsellerMultiplicator
{
    float: left;
    width: 10px;
    padding: 0 15px 0 0;    
}

.productBestsellerArticleTitle
{
    float: left;
    width: 460px;
}



/********************************************************************
    ENDE Produkte Bestseller
*********************************************************************/
    
    
/********************************************************************
    Neue Produkte
*********************************************************************/

.tx-bfbproductlist-pi3
{
    margin: 0;
    padding: 0;
}


.productNewContainer
{
    margin: 0 0 30px 0;
    padding: 0;
}

.productNewProductContainer
{



    margin: 0 0 10px 0;
}


/* Produkt-Link in Liste */
.productNewProductLink, .productNewProductLink:link,
.productNewProductLink:visited, .productNewProductLink:hover,
.productNewProductLink:active
{
}
 
/********************************************************************
    ENDE Neue Produkte
*********************************************************************/ 

//warenkorb

#basket .basketproducttitle a, #basket .basketproducttitle a:link, #basket .basketproducttitle a:visited, #basket .basketproducttitle a:hover, #basket .basketproducttitle a:active {
white-space:normal;
font-size:18px;
}

.com-single-cat{
clear:both;
}

.com-single{
}
.com-single-cat h3{
margin-top:26px;
}

.productLink{
clear:both;
width:540px;
text-align:right;
height:18px;
line-height:10px;
}
.com-category-wrapper .productLink img{
float:none;
margin-top:1px;
margin-bottom:0;
}

.com-category-wrapper .productLink a{
float:none;
}

.com-category h2{
margin-top:0;
margin:0 0 30px 0;
color:#AAAAAA;
}
.com-single h2 {
margin-top:0;
}


.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
width:300px;
font-size:14px;
height:18px;
}


.com-basket-submit input{
	width:100px;
	font-size:12px;
	height:22px;
	line-height:22px;
}

.com-basket-previous a{
	width:100px;
	font-size:12px;
	height:16px;
}


 .com-basket-next a{
	width:124px;
	font-size:12px;
	height:16px;
}

.register{
border-top:1px white solid;
border-bottom:1px white solid;
font-size:13px;
font-weight:bold;
text-align:center;margin-right:3px;margin-bottom:5px;margin-top:7px;
padding-bottom:7px;

}
.register .tx-srfeuserregister-pi1 a{
background:none;
}
.register .tx-srfeuserregister-pi1 a{
text-decoration: underline;
}

.register .tx-srfeuserregister-pi1 a:hover{
text-decoration: none;
}

.tx-commercesearch-pi1-browsebox{
font-size:11px;
}

#bannerContainer div{
float:right;
}

#bannerContainer div#banner-left{
float:left;
}
.sidebarInnerContainer h4{
margin: 12px 0 6px 0;

}


.csc-textpic-intext-right{
border:1px solid #AAAAAA;

}

.footer{
text-align:right;
margin: 0 5px 10px 0;
padding-bottom:5px;
}
.footer li{
text-align:right;
list-style-type:none;
}

.footer li a{
color:#FFFFFF;
font-size:11px;
font-weight: bold;
}
tr.com-basket-header th {
padding:3px;
}

.csc-header h5{
margin-bottom:2px;

}
.icon{
position:absolute;
top:0;
right:0;
}




.teaserImageSingleSet{
float:left;
position:relative;
}


.mailformMandatory {
color: #ff0000;
}