body, a, input, select, textarea 
{
	font-family: Arial, Helevetica, Sans-Serif;
	color: #333;
	font-size: 11px;
	}

body { margin: 8px; }

a img { border: none; text-decoration: none; }

a.noDecoration
{
    text-decoration: none;    
}

img.rightDeko 
{
	position: absolute;
	top: 50%; 
	left: 1001px;	
}

h1 { font-size: 18px; border-bottom: 1px dotted #333; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

hr
{
    border: none;
    border-top: 1px dotted #333;
    height: 1px;
    background-color: Transparent;
    padding: 0px;
    margin: 1em 0px;
}

ul
{
    list-style-type: square;
    margin-left: 15px;
}

a.stdButton
{
    text-decoration: none;
    background-image: url(../images/buttons/std-button-bg.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    font-size: 11px;
    padding: 1px 30px 1px 30px;
}

a.stdButton:hover {}

a.greyArrowRight, a.greyArrowLeft
{
    padding-top: 7px;
    padding-right: 18px;
    display: block;
    border: none;
    background-image: url(/images/buttons-dyn/gar/gar.ashx);
    width: 106px;
    height: 22px;
    background-color: Transparent;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}


a.greyArrowLeft
{
	padding-left: 18px;
	padding-right: 0px;
    background-image: url(/images/buttons-dyn/gal/gal.ashx);
}

a.noLeadButton, a.leadButton
{
    padding-top: 7px;
    display: block;
    border: none;
    width: 124px;
    height: 22px;
    background-color: Transparent;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

a.noLeadButton
{
    background-image: url(/images/buttons-dyn/grey/grey.ashx);
}

a.leadButton
{
    background-image: url(/images/buttons-dyn/yellow/yellow.ashx);
}

input[type=button], input[type=submit], input.noLeadButton, input.leadButton
{
    border: none;
    background-image: url(/images/buttons-dyn/grey/grey.ashx);
    /*background-image: url(/images/buttons/no-lead-button.png);*/
    width: 124px;
    height: 29px;
    background-color: Transparent;
    cursor: pointer;
}

input.greyArrowRight
{
    border: none;
    background-image: url(/images/buttons-dyn/gar/gar.ashx);
    width: 124px;
    height: 29px;
    padding-right: 18px;
    background-color: Transparent;
    cursor: pointer;
}

input.greyArrowLeft
{
    border: none;
    background-image: url(/images/buttons-dyn/gal/gal.ashx);
    width: 124px;
    height: 29px;
    padding-left: 12px;
    background-color: Transparent;
    cursor: pointer;
}

input.yellowArrowRight
{
    border: none;
    background-image: url(/images/buttons-dyn/yar/yar.ashx?width=124);
    width: 124px;
    height: 29px;
    padding-right: 18px;
    background-color: Transparent;
    cursor: pointer;
}

input.yellow
{
    border: none;
    background-image: url(/images/buttons-dyn/yellow/yellow.ashx);
    width: 124px;
    height: 29px;
    background-color: Transparent;
    cursor: pointer;
}

input.leadButton
{
    background-image: url(/images/buttons/lead-button.png);
}

input.deleteButton
{
    width: 20px;
    height: 20px;
    background-image: url(/images/buttons/trash.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #C00;
}

input.linkStyle
{
	padding: 0px;
	border: none;
    background-image: none;
    text-decoration: underline;
    background-color: Transparent;
}

table.stdForm { border-collapse: collapse; }
table.stdForm td
{
    vertical-align: middle;
    padding: 3px 20px 3px 0px;
}

table.stdForm td td
{
    padding: 2px 0px;
}

/* --- main areas of the website ----------- */
/* ----------------------------------------- */

div.footer
{
	text-align: center;
	background-image: url(/images/design/footer-bg.gif);
	height: 30px;
	margin-top: 30px;
	
}

div.footer table
{
	margin-top: 5px;
	border-collapse: collapse;	
}

div.footer table td
{
	padding: 1px 3px;
}

/* --- shopping basket ----------- */
/* ------------------------------- */

div.shoppingbasket
{
   margin-top: 7px;
   margin-bottom: 17px;	
}

div.shoppingbasket a.head 
{
    display: block;
    height: 21px;
    width: 175px;
    background-image: url(../images/design/shopping-basket-bg.png);
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 5px 0px 0px 10px;
    text-decoration: none;
    font-weight: bold;
}

table.tblShoppingBasket
{
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}

table.tblShoppingBasket th
{
    background-color: #FAFAFA;
    line-height: 1.5em;
}

table.tblShoppingBasket td, table.tblShoppingBasket th
{
    border: 1px solid #EEE;
}

table.tblShoppingBasket div.prodTitle
{
    width: 80px;
    overflow: hidden;
}
/*
table.tblShoppingBasket tr.altStyle
{
    background-color: #fffef6;
}
*/
.altStyle
{
    background-color: #F6F6F6;
}

table.tblShoppingBasket tr.changed
{
    background-color: #c8e514;
}

/* Checkout Button unterhalb des Warenkorbs auf der rechten Seite */
div.shoppingbasket a.checkout
{
    display: block;
    height: 23px;
    width: 143px;
	background-image: url(/images/buttons-dyn/yar/yar.ashx);
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 6px 5px 0px 32px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

a.checkoutGrey
{
    display: block;
    height: 23px;
    width: 143px;
	background-image: url(/images/buttons-dyn/gar/gar.ashx?width=180);
    background-repeat: no-repeat;
    font-size: 13px;
    padding: 6px 5px 0px 32px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

/* --- PRODUCT GROUP --------------------- */
/* --------------------------------------- */

div.prodGroup
{
    width: 130px;
    height: 140px;
    padding: 0px;
    background-image: url(../images/design/product-group-bg.gif);
    overflow: hidden;
    margin: 0px 10px 10px 0px;
}

div.prodGroup table
{
    border-collapse: collapse;
    width: 100%;
}

div.prodGroup table td
{
    vertical-align: middle;
    text-align: center;
    padding: 3px;
    width: 100%;
}

div.prodGroup table td a
{
    font-size: 12px;
}

div.prodGroup td img
{
    /*width: 80px;*/
    max-height: 80px;
    max-width: 80px;
}

div.prodGroupHeader
{
    margin-bottom: 20px;
    background-image: url(/images/design/verlauf-grau-nach-oben.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding-bottom: 15px;
}

/* --- PRODUCT LIST STYLES ------------ */
/* ------------------------------------ */

span.price
{
    font-size: 13px;
    color: #555;
    font-weight: bold;
    white-space: nowrap;
}

span.oldPrice
{
    text-decoration: line-through;
    color: #C00;
}

div.priceBox
{
    margin-left: 10px;
    width: 110px;
}

div.priceBox img
{
    display: block;
}


div.priceBox div
{
    background-color: #fff1a5;
    padding: 0px 2px;
}

div.priceBox table td
{
    padding: 0px;
}

input.quantity
{
    width: 30px;
    text-align: center;
}

table.productList
{
    border-collapse: collapse;
    border: none;
    width: 100%;
    table-layout: fixed;
}

table.productList th
{
    background-color: #fff6c6;
    font-size: 12px;
    padding: 7px 0px;
    border-bottom: 1px solid #CCC;
}

table.productList td
{
    border: none;
    padding: 5px 0px 5px 6px;
    border-bottom: 1px solid #F5F5F5;
}

table.productList td td
{
    border: none;
}

table.productList td.prodListImage
{
    padding-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
}

table.productList td.prodListImage img
{
    max-width: 90px;
    max-height: 90px;
}

table.productList td.prodInfo
{
	padding-right: 20px;
	vertical-align: middle;
}

table.productList td.highlightedCol, td.highlightedCol
{
    text-align: center;
    background-color: #fde355;
    padding-right: 6px;
    padding-left: 6px;
    width: 40px;
}

table.productList table.prodSubInfo
{
	width: 100%;
	border-collapse: collapse;
	margin-top: 4px;
}

table.productList table.prodSubInfo td
{
	padding: 0px;
	vertical-align: top;
	text-align: right;
	line-height: 18px;
}

table.productList table.prodSubInfoSearchResult td
{
	width:90px;
	padding: 0px;
	vertical-align: top;
	text-align: right;
	line-height: 18px;
}

table.productList table.prodSubInfo td:first-child
{
	text-align: left;
}

td.highlightedColSets
{
	text-align: center;
    background-color: #fde355;
    padding-right: 6px;
    padding-left: 6px;
}

/* Zelle mit dem Preis auf der Warenkorbübersicht */
table.productList td.priceCell
{
    text-align: center;
    background-color: #fff6c6;
    padding-right: 4px;
    font-weight: bold;
}

/* Zelle mit dem Preis auf der Produktliste */
table.productList td.priceCellProdList
{
    text-align: right;
    padding-right: 8px;
}

table.productList td.spacerCell
{
	max-width: 60px;
    min-width: 0px;
    width: auto;
    padding: 0px;
}

table.productList tr.noLine td
{
    border-bottom-style: none;
}

table.specialSizes table td
{
    padding: 0px 3px 0px 0px;
}

.CheckOutHeader
{
	padding-left:50px;	
}

div.checkout
{
    text-align: right;
}

div.checkout a.btnCheckout
{
    background-image: url(../images/buttons/checkout-zur-kassa.png);
    display: block;
    float: right;
    width: 155px;
    height: 38px;
    font-weight: bold;
    padding: 20px 0px 0px 10px;
    font-size: 13px;
    text-align: left;
}


/* --- PRODUCT DETAIL STYLES ------------ */
/* -------------------------------------- */

/*
div.prodImageGallery
{
    float: left;
    width: 250px;
    margin: 0px 20px 15px 0px;
}*/

td.mediumSizeImage
{
    width: 250px;
    height: 250px;
    text-align: center;
    vertical-align:middle;
    padding: 0px;
}

div.prodDescription
{
    float: left;
}

div.prodDetailCheckoutBar
{
    background-image: url(/images/design/prod-detail-checkout.png);
    width: 100%;
    height: 70px;
}

div.prodDetailCheckoutBar table
{
    width: 100%;
    border-collapse: collapse;
}

div.prodDetailCheckoutBar table td
{
    height: 68px;
    vertical-align: middle;
    padding: 0px;
    padding-left: 10px;
    padding-top: 2px;
}

div.prodDetailCheckoutBar a.addToBasket
{
    background-image: url(../images/buttons/add-to-basket-proddetails.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    padding-left: 70px;
    padding-top: 30px;
    text-decoration: none;
    font-weight: bold;
}

a.specialLink
{
    background-image: url(/images/buttons/bauanleitung.png);
    display: block;
    width: 135px;
    height: 22px;
    text-decoration: none;
    padding: 7px 0px 0px 35px;
    font-weight: bold;
    margin: 5px 0px;
}

a.worksheet
{
    background-image: url(/images/buttons/worksheet.png);
}

a.manual
{
    background-image: url(/images/buttons/manual.png);
}

a.set
{
    background-image: url(/images/buttons/set.png);
}

a.video
{
    background-image: url(/images/buttons/video.png);
}

a.specialLink_s
{
    /*background-image: url(/images/buttons/bauanleitung.png);*/
    display: block;
    width: 94px;
    height: 22px;
    text-decoration: none;
    padding: 7px 15px 0px 15px;
    font-weight: bold;
    margin: 5px 0px;
}

a.worksheet_s
{
    background-image: url(/images/buttons/worksheet_s.png);
}

a.manual_s
{
    background-image: url(/images/buttons/manual_s.png);
}

a.set_s
{
    background-image: url(/images/buttons/set_s.png);
}

a.video_s
{
    background-image: url(/images/buttons/video_s.png);
}

a.solution_s
{
    background-image: url(/images/buttons/solution_s.png);
}

a.specialLink:hover
{
    color: #000;
}

a.customerComment
{
    background-image: url(/images/buttons/customer-comment.png);
    display: block;
    width: 135px;
    height: 22px;
    text-decoration: none;
    padding: 7px 0px 0px 35px;
    font-weight: bold;
    margin: 4px 0px;
}

a.customerComment:hover
{
    color: #000;
}

table.relatedProductsGallery td
{
    text-align: center;
    padding: 3px;
}



/* --- Validation ----------------------- */
/* -------------------------------------- */
.highlighted
{
	background-color: #f18f9a;
}

.ajax__validatorcallout_popup_table { z-index: 100000; }
.ajax__validatorcallout div, .ajax__validatorcallout td {border:solid 1px Black;background-color:LemonChiffon;}
.ajax__validatorcallout_popup_table {border:none;background-color:transparent;padding:0px;margin:0px;}
.ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;margin:0px;}
td.ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none !important;background-color:transparent !important;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;margin:0px;}
.ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;margin:0px;}
td.ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;margin:0px;text-align:right;vertical-align:top;font-size:1px;border:none !important;background-color:transparent !important;}
td.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none !important;border-right:none !important;border-left:none !important;width:15px;background-color:transparent !important;padding:0px;margin:0px;}
td.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none !important;border-bottom:none !important;border-right:none !important;padding:0px;margin:0px 0px 0px auto;}
td.ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px !important;border-right:none !important;border-left:none !important;width:100%; vertical-align: middle; }
td.ajax__validatorcallout_icon_cell {width:20px;padding:2px !important;margin:0px;border-right:none !important;}
td.ajax__validatorcallout_close_button_cell {vertical-align:top !important;padding:0px;margin:0px;text-align:right;border-left:none !important;}
td.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none !important;text-align:center;width:10px;padding:2px;cursor:pointer;}

/* --- SEARCH --------------------------- */
/* -------------------------------------- */

.searchDiv
{
	position:absolute;
	top:25px;
	left: 0px;
	background-color: #fff;
	width: 178px;
	padding: 0px;
	visibility:hidden;
	border: 2px solid #eee;
	z-index: 1;
}

.pagerCss
{
	font-size: 12px;
	padding: 0px;
	vertical-align:middle;
}

.pagerCss a
{
	font-size: 12px;	
	padding: 1px;
	border: solid 1px #fff;
}

.pagerCss img
{
	vertical-align:middle;
}

.pagerCss a:hover
{
	background-color: #ffdd1c;
	border: solid 1px #000;
	
}

.none a
{
	font-size: 12px;	
	padding: 1px;
} 



.searchItemHeader
{
	display: block; 
	font-weight: bold; 
	background-color: #ffdd1c;
	padding: 3px;
}

.workSheetResult
{
	background-color: #fff6c6;
}

.searchItem
{
	display: block; 
	background-color: #fff;
	padding: 3px;
}

.searchItemHighlighted
{
	display: block; 
	background-color: #ceeaf1;
	padding: 3px;
}

.searchItem:hover
{
	background-color: #eee;
}

.watermarkText
{
	color: #ccc;	
}

/* --- NEWSPUBLISHER -------------------- */
/* -------------------------------------- */

div.newsPublisher
{
    margin-top: 10px;
	height: 176px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}

div.newsPublisher div.head
{
    padding: 10px 5px 0px 70px;
	background-image: url(/images/design/news-pub-head.gif);
	height: 22px;
}

div.newsPublisher div.head h2
{
	text-align: center;
	color: #000;
	font-size: 14px;
	border: none;
	margin: 0px;
}

div.newsItem
{
	position: absolute;
	height: 120px;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

div.newsItem img
{
	width: 180px;
}

div.newsPublisher table.newsPubControl
{
	width: 100%;
	border-collapse: collapse;
	height: 20px;
	background-image: url(../images/design/news-pub-bottom.gif);
}

div.newsPublisher table.newsPubControl td
{
	padding: 0px 3px 0px 0px;
	height: 20px;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
}


/* --- LOGIN PAGE ----------------------- */
/* -------------------------------------- */

div.login {}

div.login table.loginTbl
{
    border-collapse: collapse;
    width: 170px;
    height: 200px;
    float: left;
    background-image: url(../images/design/login/new-customer-bg.png);
}

div.login table.loginTbl td
{
    padding: 0px;
    text-align: center;
}

div.login table.loginTbl td.center
{
    padding: 0px;
    text-align: center;
    height: 104px;
}

div.login table.loginTbl td.bottom
{
    padding: 0px;
    text-align: center;
    height: 37px;
    padding-bottom: 9px;
}

div.login table.loginTbl th
{
    font-size: 17px;
    padding: 9px 0px 0px 0px;
    height: 41px;
}

div.login div.loginError
{
    position: absolute;
    border: 1px solid #C00;
    width: 120px;
    padding: 5px;
    z-index: 10;
    background-color:#FFFAFA;
}



/* --- QUICK ORDER ----------------------- */
/* --------------------------------------- */

a.quickOrderAddToBasket, a.quickOrderAddToBasketGrey
{
    display: block;
    width: 130px;
    height: 31px;
    padding-top: 30px;
    padding-left: 70px;
    text-align: left;
    text-decoration: none;
    background-image: url(../images/buttons/quickorder-add-to-basket.png);
}

a.quickOrderAddToBasketGrey
{
    background-image: url(/images/buttons/quickorder-add-to-basket-grey.png);
}


/* --- WORKSHEETS ------------------------ */
/* --------------------------------------- */

div.workSheetSearchHead
{
    background-image: url(/images/design/arbeitsblatt-head-2.png);
    height: 21px;
    margin-top: 20px;
    padding: 5px 5px 0px 5px; 
    font-size: 13px;
    font-weight: bold;
    color: #e60005;
}

table.workSheetCategories
{
    border-collapse: collapse;
    width: 99%;
}

table.workSheetCategories td
{
    vertical-align: top;
    width: 33%;
}

table.workSheetCategories td h2
{
    margin: 3px 0px 3px 0px; 
      
}

table.workSheetCategories td h2 a
{
    font-size: 14px;
    color: #cf051c;
    margin-bottom: 0px;
}

table.workSheetCategories td ul
{
    margin-top: 0px;
    padding: 0px;
    list-style-position: outside;  
}

table.workSheetCategories td ul li a
{
    font-size: 12px;
    /*margin-left: 20px;*/
	  
}

/* --- CATALOGUE ------------------------- */
/* --------------------------------------- */
table.catalogueList
{
	width: 100%;
	border-collapse: collapse;	
}

table.catalogueList td
{
	padding: 10px 10px 0px 0px;
	vertical-align: top;
}
/* --- CONSTRUCTION MANUAL --------------- */
/* --------------------------------------- */

table.constructionManual
{
	border-collapse: collapse;
	width: 100%;
}

table.constructionManual th
{
	text-align: left;
	padding: 4px;
	background-color: #fffadd;
}


table.constructionManual td
{
	padding: 2px 4px;
}


/* --- MISC ------------------------------ */
/* --------------------------------------- */

div.naviGroup, div.rightNaviGroup
{
    background-image: url(/images/design/left-navi-group.png);
    height: 20px;
    text-align: right;
    padding: 6px 10px 0px 0px;
    font-weight: bold;
    font-size: 12px;
    margin-top: 16px;
}

div.rightNaviGroup
{
    background-image: url(/images/design/right-navi-group.png);
    padding: 6px 0px 0px 10px;
    text-align: left;
}

div.naviGroupContent
{
    padding: 5px 10px;
    text-align: right;
}

.selectedAddress
{
	background-color: #fffbe6;
	border: 1px solid #CCC;
}

.bigger
{
	font-size: 12px;	
}

.error
{
	color: #C00;
	font-weight: bold;
}

.success
{
	color: #0A0;	
	font-weight: bold;
}

.center { margin-left: auto; margin-right: auto; }

/* Neue Versand oder Rechnungsadresse */
.newAddress
{
	position: absolute;
	top: 300px;
	left: 300px;
	width: 400px;
	background-color: #FFF;
	padding: 20px;
	border: 2px solid #CCC;
}

table.portoTable
{
	border-collapse: collapse;	
	width: 200px;
	text-align:right;
}

table.portoTable td
{
	border: solid 1px #ccc;
}

.leftColumnImages
{
	margin: 5px 0px;
}

input.voucher
{
	width: 45px;	
}

input.voucherButton
{
	margin-left: 5px;

}

div.new
{
    position:absolute; 
    width: 70px; 
    height:70px; 
}

.voucher
{

}

div.videoButton
{
    margin-top: -9px;
	height: 116px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	
}

div.videoButton div.head
{
    padding: 10px 0px 0px 90px;
	background-image: url(/images/design/news-pub-head.gif);
	height: 22px;
}

div.videoButton div.head h2
{
	text-align: center;
	color: #000;
	font-size: 14px;
	border: none;
	margin: 0px;
}

div.videoButtonText
{
    text-align:center; 
    position:absolute; 
    top: 8px; 
    left:16px; 
    width: 80px; 
    display:none;
    font-weight: bold;
    z-index:99;
    }