/*START: CMS -> Page Layout  - Styles zur bessern Darstellung im Editmodus */
div#headlinezone{width: 100%; height: 30px;}
div#infozone{float:left;width:20%;}
div#configuratorzone{float:left;width:60%;}
div#contentzone{width: 100%;}
/*ENDE: CMS -> Page Layout  - Styles zur bessern Darstellung im Editmodus */


/*Configurator*/
div.leftcolumn {
width: 100%;
padding: 10px 0px 30px 20px;
background-color: #fff;
float: left;
margin-top: 20px;
overflow: hidden;
border-radius: 2px;
box-shadow: 0px 1px 1px 0px #e0e0e0;
}
div.rightcolumn{
width: 20%;
float: left;
}


div.confsub{ padding-bottom: 30px; margin-right: -36px; margin-top: 20px;}
div.confsub div{float: left;}
div.confsub div.txt{background-color: #fff !important; margin-bottom: -4px; position: relative; font-size: 12px; font-family: 'SansaBd', Arial; text-transform: uppercase;}
div.confsub div.line{border-bottom: 1px solid #e8e8e8; width: 100%;}

a#calculate, a#Checkout, a#ShoppingCartBtn, div#MyDesign{display: none;}

div.leftcolumn select,
div.offerLayer select,
div.offerLayer input
{
font-family: 'Open Sans', Arial;
font-size: 14px;
font-weight: bold;
width: 380px;
height: 36px;
border: 1px solid #e5e5e5;
background-color: #f2f2f2;
padding-left: 8px;
float: left;
margin-bottom: 10px;
}
div.offerLayer select{width: 391px;}

div.leftcolumn select:disabled{font-weight: normal;}

div.leftcolumn input
{	
    font-size: 14px;
}

div.tooltip
{
   float: left !important;
    margin: 9px 0 0 12px;
    width: 14px;
    height: 14px;
    background: url(../Librarys/cd/both/sprite-masterpage.png) no-repeat scroll 0 -286px;
    cursor: help;
}
div.rightcolumn div.tooltip
{
    margin: 1px 0 0 0;    
}

div.optionText{font-weight: normal;}
body.IE8 div.optionText{padding-top: 2px;}

span.quantityrange img
{
    margin-left: 2px !important;
}
/*#sxpCSS/Configurator/Properties#*/

div.quantity_div, div.topseller_quantity, div.size_div, div.content_pages, div.content_color, div.content_paper, div.cover_pages_div, div.cover_color_div, div.cover_paper_div, div#Perforationdiv, div.processing_type, div.style_div  /*div.cfg_select,div.finalization_period, div.dispatch_type_div*/
{
    margin-top: 2px;	
    width: 100%;	
}

div.finalization_div div.dispatch_type_div{margin-top: 2px;} 

div.inputlabel, div.inputbox
{
    float: left;
}
div.inputlabel{float: left; width: 198px; margin-right: 20px; margin-bottom: 4px;text-align: right; font-family: 'Open Sans', Arial; font-size: 14px; line-height: 36px;}

div.properties
{	    
    margin-left: 0;
}

/*#sxpCSS/Configurator/Service#*/


.so{padding-top: 2px;}

/*#sxpCSS/Configurator/Details#*/

div.configurator ul.detailsleft
{
    margin-right: 20px;
}
div.configurator ul li
{
    white-space: normal;
}
div.configurator ul.detailsleft li.space, div.configurator ul.detailsright li.space
{
    margin-bottom: 10px;
}

/* ProductPreview*/
div#productpreview
{    
    padding: 20px 10px;
    min-height: 162px;
}
/* Ausnahme fuer IE6  */
body.IE6 div.productpreview div.small
{
    display: none;
}
div.productpreview
{
    width: 200px;
    float: left;	
}
div.productpreview div.small{margin-left: 7px;}
div.productpreview div.prev
{
    float: left;
    margin-right: 6px;	
    width: 30px;
    height: 17px;
    border: #e5e5e5 solid 1px;
}
div.productpreview div.prev:hover
{
    cursor: pointer; 
}

div.productpreview div.selected
{
    border: 1px solid #00A0E0;
    outline: none;
}
div.productpreview div.big{ overflow: hidden; height: 145px; }
div.productpreview div.big img
{
    width: 234px;
    height: 130px;
    margin-left: -17px;
}

div.productpreview .prev img{width: 30px; height: 17px;}


/*#sxpCSS/ConfiguratorTooltips#*/
div.configurator .heading
{
    font-weight: bold;
    float: left;
    margin: 2px 0 4px 0;
    
}
div.serviceoptionCheck, div.serviceoptionRadio
{
    display: block;
    clear: both;	
}

div.serviceoptionCheck div, div.serviceoptionRadio div
{	
    display: block;
    margin: 0 0 3px 17px;
}


div.serviceoptionCheck input, div.serviceoptionRadio input
{
    clear: left;
    float: left;
    width: 14px;
    height: 18px;
    margin: 0 0 3px 0;
}
.quantity_div a, .quantity_div a:hover
{
    font-weight: bold;
    float: left;
    display: block !important;
    margin: 3px 0 2px 8px;
}

.contact
{
    float: left;
    width: 200px;
}
.captcha
{
    border: 0px;
}
.invisible
{
    display: none;
}

.offerLayer
{
    width: 775px;	
}

body.IE6 .offerLayer,
body.IE7 .offerLayer,
body.IE8 .offerLayer
{
    width: 778px;
    height: 385px;	
}

div.offerFormElement
{
    clear: both;
    margin-top: 5px;
}

div.offerFormElement span:first-child
{
    width: 120px;
}

div.offerFormElement span.offerChb
{
    width: 20px;
}


div.offerFormElement span.offerChb input
{
    width: 15px !important;
    margin: 0 5px 10px 0px;
}

a.offerPreviewLink
{
    margin-top: 15px;
    display: block;
}


.CalculationRequired
{
    width: 317px;
    float: right;
    color: red;
    font-weight: bold;
}
div.part a, div.splitting a.ok, span.parttext, .ErrorMessage
{
    display: none;
}

div.selected a.ok
{
    display: inline !important;
}

.displaynone
{
    display: none;
}
.displayblock
{
    display: block;
}

div.details div.datacheck,div.details div.softproof,div.details div.hardproof,div.details div.voucher,div.details div.sponsoring,div.details div.youraddress,div.details div.dsplitting
{
    display:none;
}

span.cover
{
    display:none;
}

div.CalculationRequired
{
    display:none;
}
/*Lieferaufteilung*/
div#DeliverySplittingdiv{display: none;}
div#splittingerror{margin-top: 35px;}
div#splittingerror, div.ErrorMessages{color: #ff1c1c;}
body.IE7 div.ErrorMessages{min-height: 1px;}

div.deliverysplitting *{float:left;}
div.part{width: 624px; margin-bottom: 10px;}
div.total,div.splitting,span.splittingtext,div.remainingtxt
{
float: left;
width: 198px;
margin-right: 20px;
margin-bottom: 4px;
text-align: right;
font-family: 'Open Sans', Arial;
font-size: 14px;
line-height: 36px;
}
div.deliverysplitting input
{
width:368px; 
float: left;
background-color: #f2f2f2; 
border: 1px solid #E6E6E6; 
height: 34px; 
padding-left: 10px; 
font-family: 'Open Sans', Arial;
font-size: 14px;
font-weight: bold;}

div.redx
{
    background: url(../Librarys/cd/both/sprite_buttons.png) no-repeat scroll 0 -319px;
    float: right;    
    width: 14px;
    height: 37px;
}
span.totalamount, #remaining{display: block; padding-left: 10px; 
font-family: 'Open Sans', Arial;
font-size: 14px;
font-weight: bold;
padding-top: 9px;}
#remaining
/*Ende Lieferaufteilung*/




/* Permanentlink */
#perma a{color: #ff1c1c; text-transform:uppercase; letter-spacing: 4px; }
/* ENDE Permanentlink */

/* START Topseller (neu 08/2011) */
#ddlcontent{width: 378px; padding: 10px 0; border: 1px solid #d0d0d0; position: absolute; z-index: 102; background-color:#f2f2f2; margin-left: 218px; margin-top: 36px; }
body.IE7 #ddlcontent{margin-left: -288px;}

#ddlcontent li{cursor: pointer;font-size: 14px;font-family: 'Open Sans' , Arial;line-height: 36px;padding:  0 10px; text-align: center; }
#ddlcontent li:hover{ background-color: #00A0E0;color: #fff;}
#ddlcontent ul{width: 105px; float: left; margin-left: 10px; margin-right: 10px;}


.ddlinput{position:relative;z-index:0; width:378px; float: left;background-color: #f2f2f2; border: 1px solid #E6E6E6;}
#ddltext{width: 333px; float: left; background-color: #f2f2f2; padding-left: 10px; height: 36px;font-size: 14px;font-family: 'Open Sans' , Arial;font-weight: bold;line-height: 36px;}
.ddlarrow{height: 30px;width: 35px;margin: 3px 0; float: right; background: url("../Librarys/cd/both/sprite-select.png") no-repeat scroll 10px 10px #f2f2f2; cursor: pointer; position: relative;}

div.quantity_div input
{
    border: 0 none;height: 34px; width: 368px;font-size: 14px; padding-left: 10px; line-height: 34px;font-family: 'Open Sans' , Arial;font-weight: bold; border: 1px solid #E6E6E6;
}
body.IE7 div.quantity_div input,
body.IE8 div.quantity_div input,
body.IE9 div.quantity_div input,
body.IE10 div.quantity_div input{width: 367px;}
.txtinput{float: left; margin-bottom: 4px;}

.outsideclick{position: absolute; width: 100%; z-index: 1; left: 0; top: 0;}
/* ENDE Topseller (neu 08/2011) */
 

 /* Preisanzeige */
.priceheader{font-family: 'SansaReg', Arial; height: 50px; color: #fff; background:#000 url("../Librarys/cd/both/sprite_buttons.png") no-repeat scroll 100px -238px; text-align: center; font-size: 18px; line-height:50px;}

.pricetable{width: 100%;}
.pricetable strong{font-weight: normal;}
.pricetable tr{line-height: 18px;}
.priceCell
{
    display: block;
    text-align: right;    	
}

.finalPrice
{
    color: #00A0E0 !important;
    font-family: 'SansaBD', Arial;
    font-size: 22px;    
}

body.DECH .finalPrice,
body.FRCH .finalPrice{font-size: 18px;}

.LblPrice
{
    padding-top:6px;
}
.contentoffer
{
    padding-top: 5px;
    height: 30px;
    text-align: center;
    font-weight: normal;
}
.offerDIV a
{	
    display: block;    
    text-decoration: none;
}
.hint{font-size: 9px; line-height: 11px;}

/* START Rabattanzeige */
.discountRow{display: none;color: #ff1c1c;}
#discountSPAN{text-decoration:line-through;}
td.discountPriceTd{text-align: right;}
/* ENDE Rabattanzeige */

/*Start Fehlermeldung*/
.errorDiv{ color: #ff1c1c; padding: 5px;margin: 10px;}
.errorDiv .errorLbl{font-weight: bold;}
/*Ende Fehlermeldung*/
 
 /*START Buttons/Configurator*/
div.ctabuttons
{   
    height: 80px;
}
div.ctbbuttons
{    
    height: 70px; 
}

a#calculate{display: none;}

a#ShoppingCartBtn,
a#Checkout,
a#calculate,
a.MyDesignBtnDiv,
a.MyDesignBtnInactiveDiv{display: block;text-align: left; padding-left: 19px; width: 179px; line-height: 28px; height: 28px; margin-right: 10px;text-decoration: none; font-size: 14px; overflow: hidden;}

a#ShoppingCartBtn span.lbl,
a#Checkout span.lbl,
a#calculate span.lbl,
a.MyDesignBtnDiv span.lbl,
a.MyDesignBtnInactiveDiv span.lbl{display: block; height: 28px; float: left; width: 148px;}

a#ShoppingCartBtn span.icon,
a#Checkout span.icon,
a#calculate span.icon,
a.MyDesignBtnDiv span.icon,
a.MyDesignBtnInactiveDiv span.icon{display: block; height: 28px; float: right; width: 30px; background: url(../Librarys/cd/both/sprite_buttons.png) no-repeat scroll 11px -164px;}

a#ShoppingCartBtn{color: #00A0E0; background: #fff;border: 1px solid #e5e5e5; font-family: 'SansaReg', Arial;}
a#ShoppingCartBtn:hover{color: #fff;background: #000;}
a#ShoppingCartBtn:active{color: #fff;background: #000;}
a#ShoppingCartBtn span.lbl{border-right: 1px solid #e5e5e5;}
a#ShoppingCartBtn span.icon{background: url(../Librarys/cd/both/sprite_buttons.png) no-repeat scroll 8px -191px;}
a#ShoppingCartBtn:hover span.icon, a#ShoppingCartBtn:active span.icon{background: url(../Librarys/cd/both/sprite_buttons.png) no-repeat scroll 8px -218px;}

a.MyDesignBtnInactiveDiv{color: #fff; background: #e8e8e8;border: 1px solid #e8e8e8;font-family: 'SansaBd', Arial;}
a.MyDesignBtnInactiveDiv span.lbl{border-right: 1px solid #ededed;}

/*TODO - Border bei normal*/
a#Checkout, 
a#calculate,
a.MyDesignBtnDiv{color: #fff; background: #00A0E0;border: 1px solid #00A0E0; font-family: 'SansaBd', Arial;}

a#Checkout:hover, 
a#calculate:hover,
a.MyDesignBtnDiv:hover{background: #000; border: 1px solid #fff;}

a#Checkout:active, 
a#calculate:active,
a.MyDesignBtnDiv:active{background: #000; border: 1px solid #fff;}

a#Checkout span.lbl, 
a#calculate span.lbl,
a.MyDesignBtnDiv span.lbl{border-right: 1px solid #ffF;}

a#Checkout:hover span.lbl, 
a#calculate:hover span.lbl,
a.MyDesignBtnDiv:hover span.lbl{border-right: 1px solid #FFF;}

a#Checkout:active span.lbl, 
a#calculate:active span.lbl,
a.MyDesignBtnDiv:active span.lbl{border-right: 1px solid #ffc9ad;}

/*ENDE Buttons/Configurator*/



 /*START Fertigstellung / Gewicht */
div#ProcessingDate ul li{cursor: pointer;}
ul.conflabel{width: 100px;float: left;}
ul.confvalue{width: 60px;float: left; text-align: right;}
ul.ttul{width: 15px; float: right;}
ul.conflabel li, ul.confvalue li,ul.ttul li {height: 19px; vertical-align:middle;  margin-bottom:6px;}
/*ENDE Fertigstellung / Gewicht */
/* Localized */