@charset "UTF-8";

/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII General Layout IIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/

html, body, div, p, ul, ol,  a
span, form, img, li { 
 font-family: Helvetica, sans-serif Arial; 
 text-decoration: none;
 font-weight: normal; 
 font-size: 11pt;
 line-height: 17px;
 color: #000;
 padding: 0px; 
 margin: 0px; 

}



a {
	text-decoration:none;
	color: #369;
}

a:hover {
	text-decoration: underline;
	color: #000;
}
a img {
	border-style: none;
}

h1 {
 	font-family: Helvetica, sans-serif Arial; 
 	color:#633;
 	font-size: 14pt;
}


h2 {
 	font-family: Helvetica, sans-serif Arial; 
 	color:#369;
 	font-size: 10pt;
	margin-top: 25px;
}





#upload_form .printTypeInput {
	float:none;
	clear:both;
	display:inline;
	margin-top:0px;
}






body {
	font: 100% Helvetica, Verdana, Arial, sans-serif;
	background: white;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
}



#wrapper {
	width:980px;
	margin:auto;

}



#header {
	height: 110px;
	margin-top: 30px;
}

#main {
	margin-top: 20px;
	padding-top: 30px;
	background-repeat: no-repeat;
	background-image: url(/pralinen/media/images/header_bg.png);
	float: left;
	text-align: left;
	width: 980px;
}

#logo {
	float:left;

}

#topnavi {
	float:right;
	height:70px;
	text-align: right;
	width: 200px;
	font-size: 9pt;

	
	
}

#topnavi a {
	font-size: 12pt;

}


/* Breadcrump */
#breadcrump {
	width:613px; 
	height: 28px;
	float:right;
	margin-top:8px;
	
	

}

#breadcrump div{
	width:204px;
	height:20px;
	float:left;
	margin-top:4px;
	text-align:left;
}


#breadcrump a {
	margin-left: 40px;
	font-family: Arial;
	font-size: 10pt;
	
}
#breadcrump a.done {
	color: #999;
}
#breadcrump a.active {
	color: #369;
	font-weight: bolder;
}

#breadcrump span {
	margin-left: 40px;
	font-family: Arial;
	font-size: 10pt;
	color: #000;
	
}


/* Navigation */
#navigation {
	width:500px;
	float: right;
	height:25px;
	margin:0px;
}

#navigation img {
	width:100px;
	float: left;
	margin: 0;
	padding: 0;
}

#feedback {
	position: absolute;
	top: 165px;
	left: 0;
	width: 35px;
	height: 120px;
	z-index: 10;
}


#unterkorb {
	width: 250px;
	float: left;
	font-size: 10pt;
}

/* footer */
#footer {
	font-size: 9px;
	color: #666;
	text-align:center;
	height: 67px;
	width:1024px;
	padding-top: 30px;
	clear: both;
}

#footer a:link, #footer a:active, #footer a:visited {
	font-size:11px;
	color: #666;
	text-align:center;
	text-decoration: none
}

#footer a:hover {
	font-size:11px;
	color: #666;
	text-align:center;
	text-decoration: underline
}

/* footer_navigation */
#footer_navigation  {
	text-align: left;
	width: 980px;
	margin-left: 40px;
	display: block;
}

#footer_navigation li {
	float: left;
	width: 196px;
	display: block;
	color: #369;
	font-weight: bold;
}

#footer_navigation ul li ul li {
	font-size: 12pt;
}

#copyright {
	padding-top: 10px;
	clear: both;
	font-size: 10pt;
	color: #999;
}





#links {
	width:714px;
	float:left;
	margin-top: 20px;
}


#rechts {
	width: 258px;
	margin-left: 8px;
	float: left;
	text-align: left;
	margin-top: 20px;
}






#kategoriennavi * img{
	border-style: none;
	
}



#kategoriennavi li {
	border-style: none;
	float: left;
	list-style: none;
	height: 27px;
	overflow: hidden;
	
}


#kategoriennavi li a {
	margin: 0px;
}

.hintBox {
	position: absolute;
	display: none;
	padding: 20px;
	width: 350px;

	border: 1px solid #633;
	background-image: url(/pralinen/media/images/gradient_grey_white.png);
	background-position: bottom;
	background-color: #fff;
	z-index: 9; 
	color: #000;
	font-size: 9pt;
	background-repeat: repeat-x;
}



.hintBox h3 {
	clear: both;
	color: #369;
	font-size: 11pt;
	margin: 0 0 0 0;
}

.hintBox ul {
	margin: 5px 0 20px 10px;
	list-style-type: none;
}
.hintBox li, .hintBox p {
	color: #000;
	font-size: 9pt;
	
}
.hintBox p {
	margin-top: 10px;
}

.hintBox a {
	margin-left: 0px;
}


#shadeLayer {
	top:0px;
	left:0px;
	background-color: black;
	display: none;
	position: absolute;
	z-index: 1;
	width: 150%;
	height: 1200px;

}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: start IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	color: #000;
	padding: 5px;
	opacity: 0.9;
	height: auto;
	
}
#tooltip h3{
	margin: 0;
	font-size: 1em;
	color: #633;
}

#tooltip.indieschachtel {
	background: url(/pralinen/media/images/blase.png);
	background-repeat: no-repeat;
	padding-top: 4em;
	height: 45px;
	width: 200px;
	border: 0;
	font-size: 0.8em;
}

#tooltip.indieschachtel.viewport-right {
	background: url(/pralinen/media/images/blase2.png);
}


#tooltip.pralinendescr {
	background: url(/pralinen/media/images/blase_big.png);
	background-repeat: no-repeat;
	padding-top: 3.3em;
	height: 120px;
	width: 300px;
	border: 0;
	font-size: 0.9em;

}
#tooltip.pralinendescr2 {
	width: 300px;
	font-size: 0.9em;

}
#tooltip.pralinendescr.viewport-right {
	background: url(/pralinen/media/images/blase_big2.png);
}

.ingreds
{
	font-size: 0.1em;
}

#pralinenBox {
	float:left;
	width: 712px;
	height:100%;

}


#pralinentabelle {
	width: 712px;
	float: left;
	margin-top: 0px;
	border: 1px solid #ccc;
	border-top: 0px;
}
#pralinentabelle td {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;	
	background-repeat:no-repeat;
	background-image: url(/pralinen/media/images/select_arrow.png);
	background-position: center;
	
}

.pralinenname {
	color: #633;
	margin-top: 2px;
	padding: 2px 0 0 0;
	font-size: 9pt;
	
}

.mindestzahl {

 	clear: both;
 	width: 250px;
 	font-size: 9pt;
 	color: #633;
 	
}

.pralinendescr, .pralinendescr img {
	border-style: none;
	float: none;

}



.boxpralinecolor1, .boxpralinecolor2, .boxpralinecolor3, .boxpralinecolor4 {
	text-align: center;
	vertical-align: middle;
	width: 41px;
	margin: 1px 0 0 1px;
	height: 43px;
	float: left;
	display: inline; /*IE6*/
	background-repeat: repeat;

}


.boxpralinecolor1 {
	background-image: url(/pralinen/media/images/col_start_schachtel_1.png);
}

.boxpralinecolor2 {
	background-image: url(/pralinen/media/images/col_start_schachtel_2.png);
}

.boxpralinecolor3 {
	background-image: url(/pralinen/media/images/col_start_schachtel_3.png);

}
.boxpralinecolor4 {
	background-image: url(/pralinen/media/images/col_start_schachtel_4.png);

}



.emptyWord {
	padding-top:  12px;
	font-family: Helvetica, sans-serif; 
	font-size: 9pt;
	color: #fff;

}



#pralinenschachtel {
	border: 1px solid #966;
	width:253px;
	padding-bottom: 1px;
	float:left;
}







#rechts h2 {
	font-size: 18px;
	font-family: Helvetica, sans-serif; 
	color: #000;
	margin-top: 0px;
	padding-top: 0px;
}



.clearfooter {

	clear: both;
}

.loeschen {
	position: relative;
	margin-top: -16px;
	float: right;
}


#jumboTextBox  {
	width: 980px;
	height:150px;
}
#jumboTextBox h1 {
	color: #369;
	font-size: 14pt;
	
}


#jumboTextBox h2 {
	color: #633;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 20px;
}

#jumboTextBox p {
	margin-top: 10px;
	color: #000;
	font-size: 10pt;
}

#jumboTextBox img {
	float: left;
	height:150px;
	margin: -20px 30px 0 1px;	
}


.hinweis {
	color: #633;
	font-size: 9pt;

}



/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Modul: SelectPackage IIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/


#selectPackageBox, #selectPackageBoxSelfUse {
	width:988px; 
	height:350px;
	background-color: #fff;
	position:fixed;
	border: 1px solid #633;
	text-align: left;
	display: none;
	z-index: 10;
}



#selectPackageBox h1, #selectPackageBoxSelfUse h1  {
	color:#633;	
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	
}




#selectWrappingColorBox {
	width:504px; 
	height:330px;
	margin-left: 238px;
	background-color: #fff;
	position:fixed;
	border: 1px solid #633;
	text-align: left;
	display: none;
	overflow: hidden;
	z-index: 10;
}



#selectWrappingColorBox h1 {
	color:#633;	
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	
}




.selectBoxHeader {
	margin-left: 21px;
	height:25px;
	width: 70%;
	margin-top:15px;	
}


.selectPreviewBox {
	width: 214px;
	height: 251px;
	padding: 7px;
	margin:0 0 12px 15px;
	float:left;
	display: inline; /* IE6 Double Margin Bug */
}

.selectPreviewBoxActive{
	width: 214px;
	height: 251px;
	padding: 6px;
	margin:0 0 12px 15px;
	float:left;
	background-repeat: repeat-x;
	background-color: #fff;
	background-image: url(/pralinen/media/images/gradient_grey_white.png);	
	background-position: bottom;	
	border: 1px solid #ccc;
	display: inline; /* IE6 Double Margin Bug */		
}

.selectPreviewBoxOver {
	width: 214px;
	height: 251px;
	padding: 6px;
	margin:0 0 12px 15px;
	float:left;
	background-repeat: repeat-x;
	background-color: #fff;
	background-image: url(/pralinen/media/images/gradient_grey_white.png);	
	background-position: bottom;	
	border: 1px solid #ccc;
	display: inline; /* IE6 Double Margin Bug */		
}


.selectImageBox {
	width: 212px;
	height: 183px;
	background-color: #fff;
	border: 1px solid #fff;		
	margin-bottom: 5px;
}

.selectBottomBox {
	width: 950px;
	height: 25px;
	margin-top: 0px;
	margin-left: 1px;	
	float: left;			
}

.selectBottomBox span{
	margin-right: 5px;
}



.jumboHeadline {
	margin: 5px  0 0 21px;

}
#jumboHeadline span, #jumboHeadline a {
	/*IE Break BUG */
	font-size: 10pt;
	font-weight: bold;
	float: left;
	display: inline;
}





.selectButtons {
	margin-right: 5px;
	float: right;		
}

.selectPreviewBox h2 , .selectPreviewBoxOver h2 {
	color:#369;	
	font-size: 10pt;
	display: inline;
}


.selectPreviewBox p, .selectPreviewBoxOver p  {
	color:#000;	
	font-size: 9pt;
}
.selectPreviewBox .price, .selectPreviewBoxOver .price    {
	color: #000;	
	font-size: 10pt;
	font-weight: bold;
}


/* Gewaehlt */

.selectPreviewBoxActive h2  {
 	color:#369;	
	font-size: 10pt;
	display: inline;
}

.selectPreviewBoxActive .price {
	color: #000;	
	font-size: 10pt;
	font-weight: bold;
}

.selectPreviewBoxActive p {
	color:#000;	
	font-size: 9pt;
}




.closeButton {
	float:right;
	margin: 10px 10px 0 0;
}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: EditPackage IIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/



#edittypebox {
	width: 236px;
	border: 1px solid #ccc;
	float:left;
	padding: 10px;
	overflow: hidden;
	text-align:left;

}
#editPackageBox{
	height:340px;
	overflow:hidden;
	margin-bottom: 5px;
}

#priceBox{
	background-position: bottom;
	background-image: url(/pralinen/media/images/gradient_grey_white.png);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	padding: 10px;
}

#upload_form p {
	color: #333;
	display: block;
	font-size: 9pt;
	clear: both;
	margin-bottom: 10px;
}



#edittypebox label, #edittypebox input, #edittypebox textarea  {
	display: block;
	clear: left;
}


#edittypebox label {
	margin-top:10px;
	margin-bottom:5px;
	text-align: left;
	font-size: 9pt;
	font-weight: bold;	
	
}


#edittypebox #vorschau {
	margin-top:10px;
}

#edittypebox #loadingSymbol {
	color: #999 ;
	font-size: 9pt;	
}




#packagepreview {
	width: 712px;
	height: 370px;
	float: left;
	border: 1px solid #633;
}


#printOptions label {
	float: left;
	margin-right: 20px;
	font-size: 10pt;
}


#fontSizeSelector {
	width:100px;

}


#printOptions {
	width:900px;
	height:20px;
	margin-top: 10px;
}



#edittypebox textarea {
	width:200px;
	height:80px;
}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: cart IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/

#cartWrapper {
	margin-left: 40px;
	width: 900px;
}


#cartWrapper h1 {
	color: #633;
	font-size: 16pt;
}



.cartTable {
	width:900px;
	margin-bottom:20px;

}

.singleProcuctTable  td {
	border: 1px solid #000;
}


.singleProcuctTable td p{
	font-size: 9pt;
	font-family: Helvetica, sans-serif Arial; 
	
}



.cartTable td {
	border: 1px solid #633;
}



.singleProcuctTable  td {
	border-style:none;
}

.preisTD {
	width: 100px;
}

.mengeTD {
	width: 90px;
}
#cartWrapper #payTable {
	text-align:right;
	float:right;
	
}
#cartWrapper * .deleteFromCart {
	margin-bottom: -6px;
}

.cartPreviewImage {
	width:120px;
	border: 1px solid #ccc;
	margin-right: 10px;
}

.cartPreviewImageOtherProducts {
	width:120px;
	margin-right: 12px;
}

/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: checkout1 IIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/


#form_choose{
	width:400px;
	float:left;
}

#checkoutHeadline {
	color: #633; 	
	font-size: 16pt;
}


#form_login {
	width:350px;
	float:left;
}

fieldset {
	border:none;
}

legend {
	border-bottom:1px solid #633;;
	font-weight:bold;
}
#formcontainer {
	margin: 10px 50px 100px 50px;
	float:left;

}

#form_choose label {
	display:block;
}

#form_login input {
	display:block;
}

#form_login {
	margin-left:30px;
}

#form_login label {
	display:block;
	margin-bottom: 15px;
}

#vorteile {
	padding-left:  15px;
}

#formcontainer h1 {
	color: #633; 	
	margin-bottom: 40px;
	font-size: 16pt;
}


#invoiceinformation label {
	width:300px;
	float:left;
	
}


.pwvergleich {
	position:relative;
	left:300px;

}

.display {
	display:none;
}

#invoiceinformation  .required{
	clear: both;
	color:red;
}

#invoiceinformation  label {
	float:left;
	clear: none;
}
#invoiceinformation input, select {
	display:block;
	float:left;
	clear: none;
	margin-bottom:10px;
	width:300px;
}

#checkboxFieldset label  {
	clear: left;
}

#checkboxFieldset input  {
	width:20px;
}


#formcontainer #imageSubmit, #imageBack {
	width: 119px;
	margin: 10px 10px 0 0;
	float: left;
}



#paymentform label {
	width:300px;
	display:block;
	
}





#lastschrift {
margin-top:15px;
margin-left:30px;
margin-bottom:20px;
}


#lastschrift label {
margin-top:10px;
}

.display {
display:none;
}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: checkout4 IIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/

.abgAbsatz {
	clear: both;
}
#formcontainer h2 {
	color: #369;
	font-size: 12pt;
}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: success IIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/


#paymentSuccessful  {
	margin-left: 100px;
	
}


#paymentSuccessful h1 {
	font-size: 14pt;
	color: #369;
}

#paymentSuccessful p {
	font-size: 10pt;
	color: #000;
	margin-bottom: 10px;
}


/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: listproducts IIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/


.productBox {
	padding: 15px;
	float: left;
	width: 670px;
	border: 1px solid #999;
	margin: 20px 0 0 140px;
	background-image: url(/pralinen/media/images/gradient_grey_white_short.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #fff;
}


.thumbnailbox {
	float: left;
	width: 200px;
	height:200px;
}
.productDescriptionBox {
	float: left;
	width: 440px;
	margin-left: 20px;
}

.productDescriptionBox h2 {
	font-size: 14pt;
	color: #633;
	
}


.productDescriptionBox p {
	font-size: 9pt;
	color: #000;
	margin: 15px 0 5px 0;
}



.buyProductLink{
	width: 670px;
	text-align: right;
	float: left;
}

#otherProductsHeadline{
	color: #369;
	clear: both;
	font-size: 16pt;
	margin: 20px 0 30px 140px;
	
}


.priceBox {
	width: 670px;
	text-align: right;
	clear: both;
	font-weight: bold;
	color: #633;
	margin: 20px 0 5px 0;
	font-size: 12pt;
	
}

.productPicture{
	width: 200px;

}



/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: firmenkunden IIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/

#businessDescription {
	margin-left: 20px; 
	width:450px; 
	float:left;
	padding-right: 40px;
}
.firmenkontakt p{
	padding-bottom: 10px;
}

/* 
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIII Page: ueberuns IIIIIIIIIIIIIIIIIIIIIIIIIIIIII
IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII
*/


.fullscreentext {
	padding:20px 40px 20px 40px;
}