/*========================================================================
	Main Elements
========================================================================*/

.pngFix { behavior: url(/js/iepngfix/iepngfix.htc); }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0px; padding:0px;
	color:#666;
	background:url(/pix/main/centerBGPhwin.jpg) repeat-y center #77bccc;
}

img {
	margin:0px;
	padding:0px;
	display:block;
	border:none;
}

/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

form {
	margin:0px;
	padding:0px;
}

/*========================================================================
	Content
========================================================================*/

div.pageContainerBloom,
div.pageContainerPhwin,
div.pageContainerHomeBloom,
div.pageContainerHomePhwin {
	width: 995px;
	margin: 0 auto;
	position: relative;
	background-repeat: repeat-x;
}

div.pageContainerBloom,
div.pageContainerHomeBloom {
	background-color: #EED9DB;
	background-image: url(/pix/page/BGBloom.jpg);
}

div.pageContainerPhwin,
div.pageContainerHomePhwin {
	background-color: #d9ebef;
	background-image: url(/pix/page/BG.png);
}

div.pageContainerHomeBloom {
	background-image: url(/pix/main/startseiteBGBloom.png);
}

div.pageContainerHomePhwin {
	background-image: url(/pix/main/startseiteBGPhwin.png);
}

#startHeaderPhwin {
	margin:0 auto;
	width:995px;
	height:461px;
	background-color:#fff;
	/*background:url(/pix/main/start.jpg) no-repeat;*/
}

#header {
	margin:0 auto;
	z-index: 10;
	position: relative;
	width:995px;
	height:336px;
	background-color:#fff;
	/*background:url(/pix/page/header/1.jpg) no-repeat;*/
}

#mainContainerPhwin,
#mainContainerBloom {
	position:relative;
	width:995px;
	margin:0 auto;
}

div#thumbsHorizontal {
	position:absolute;
	top:275px;
	left:479px;
	z-index:200;
}

div#thumbsVertical {
	position:absolute;
	top:207px;
	left:728px;
	width:240px;
	z-index:200;
}
	
.boxHellblau {
	/*z-index:1000;*/
	background:url(/pix/navigation/hell.png) no-repeat;
	margin:5px 0 0 5px;
	padding:14px 0 0 14px;
	width:146px;
	height:131px;
	float:left;
	color:#FFF;
}

.boxLogo {
	background:url(/pix/navigation/logo.png) no-repeat;
	margin:5px 0 0 5px;
	padding:0px;
	width:160px;
	height:145px;
	float:left;
	color:#FFF;
}

.boxStart1 {
	right:7px;
	width:322px;
	float:left;
	z-index:9999;
	margin-bottom:17px;
}

.boxStart2 {
	position:absolute;
	top:335px;
	left:735px;
	width:241px;
	float:left;
	z-index:9999;
}

.boxContent {
	padding:2px 2px 0 4px;
}

.boxBild1 {
	position:absolute;
	top:8px;
	right:7px;
	left:518px;
	width:159px;
	float:left;
	z-index:9999;
}

.boxBild2 {
	position:absolute;
	top:8px;
	right:7px;
	left:684px;
	width:159px;
	float:left;
	z-index:9999;
}

.boxBild3 {
	position:absolute;
	top:8px;
	right:7px;
	left:850px;
	width:159px;
	float:left;
	z-index:9999;
}

.boxBild4 {
	position:absolute;
	top:-50px;
	right:25px;
	width:159px;
	z-index:9999;
}

.boxBild5 {
	position:absolute;
	top:31px;
	right:100px;
	width:159px;
	z-index:9999;
}

.boxBild6 {
	position:absolute;
	top:110px;
	right:25px;
	left:850px;
	width:159px;
	z-index:9999;
}

.boxBild7 {
	position:absolute;
	top:198px;
	right:100px;
	width:159px;
	z-index:9999;
}

.logoStart {
	margin:10px 0 100px 24px;
	width:167px;
}

div#footer {
	margin:65px auto 0;
	background:url(/pix/main/footer.png) no-repeat;
	padding:8px 0 3px 10px;
	height:22px;
	color:#000;
	width:935px;
	clear: both;
	position: absolute;
	bottom: 12px;
	left: 30px;
}

div#oneCol {
	width:720px;
	margin:53px 0 0 238px;
	float:left;
}

div#twoColsLeftColumn {
	width:436px;
	margin:53px 0 0 238px;
	float:left;
}

div#twoColsRightColumn {
	position:absolute;
	top:207px;
	left:728px;
	width:240px;
	z-index:1000;
}

div.contentRight {
	width:270px;
	float:left;
	margin:53px 0 0 26px;
	display:inline;
}

div.contentRight td {
	border-bottom:#FFF solid 1px;
	padding:4px 0;
}

div.contentRight tr {
	text-align:right;
}

div.colLeft {
	float:left;
	width:
}

div#sender_right {
	 float:left;
	 width:170px;
}

div#sender_left {
	float:left;
	width:170px;
}

div.colRight {
	 float:right;
	 width:390px;
	 margin-top:20px;
	 margin-right: 20px;
}

#quantity {
	 width:310px;
}

div#orderform {
	display:block;
}

div#recipient {
	margin-top: 20px;
}

div#recipient_left {
	 float:left;
}

div#specials {
	 margin-top: 20px;
}




/*========================================================================
	images
========================================================================*/

.horizontalThumbs {
	float:left;
	margin-right:8px;
	cursor:pointer;
}

.horizontalThumbs.last {
	float:left;
	margin-right:0px;
}

.verticalThumb1 {
	position:absolute;
	top:0;
	left:81px;
}

.verticalThumb2 {
	position:absolute;
	top:81px;
	left:0;
}

.verticalThumb3 {
	position:absolute;
	top:162px;
	left:81px;
}

.verticalThumb4 {
	position:absolute;
	top:243px;
	left:0;
}

.verticalThumb1,
.verticalThumb2,
.verticalThumb3,
.verticalThumb4 {
	z-index: 200;
}

/*========================================================================
	BLOOM
========================================================================*/


/*========================================================================
	main elements
========================================================================*/

body.bloom {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0px;
	color:#666;
	background:url(/pix/main/centerBGbloom.jpg) center repeat-y #cf9298;
}

/*========================================================================
	Content Bloom
========================================================================*/

#pageContainer {
	position: relative;
}

#pageContainer.bloom {
	background:url(/pix/main/startseiteBGBloom.png) repeat-x #eed9db;
}

#startHeaderBloom {
	margin:0 auto;
	width:995px;
	height:461px;
	background-color:#fff;
	/*background:url(/pix/main/startBloom.png) no-repeat;*/
}

#headerBloom {
	margin:0 auto;
	width:995px;
	height:336px;
	background-color:#fff;
	/*background:url(/pix/page/header/2.jpg) no-repeat;*/
}

.boxLogoBloom {
	z-index:1000;
	background:url(/pix/navigation/logoBloom.png) no-repeat;
	margin:7px 0 0 5px;
	padding:9px 0 0 14px;
	width:145px;
	height:135px;
	float:left;
	color:#FFF;
}

.boxHellrot {
	z-index:1000;
	background:url(/pix/navigation/dunkelBloom.png) no-repeat;
	margin:7px 0 0 5px;
	padding:14px 0 0 14px;
	width:145px;
	height:135px;
	float:left;
	color:#FFF;
}

.boxDunkelrot {
	z-index:1000;
	background:url(/pix/navigation/hellBloom.png) no-repeat;
	margin:7px 0 0 5px;
	padding:14px 0 0 14px;
	width:230px;
	height:135px;
	float:left;
	color:#90000f;
}

.logoStartBloom {
	margin:10px 0 0 24px;
	width:167px;
}

.boxStart3 {
	position:absolute;
	margin:-110px 7px 0 596px;
	width:322px;
	float:left;
}

/*========================================================================
	Formulare
========================================================================*/

select.defaultInput {
	width:347px;
	background:#fff;
	border-bottom:#7cc1d2 solid 1px;
	border-right:#7cc1d2 solid 3px;
	border-top:none;
	border-left:none;
	color:#3395ac;
	margin-bottom:10px;
}

.pageContainerBloom select.defaultInput
 {
	color:#bc666f;
	border-bottom:#d8a5aa solid 1px;
	border-right:#d8a5aa solid 3px;
}

input.defaultInput {
	width:345px;
	background:#fff;
	border-bottom:#7cc1d2 solid 1px;
	border-right:#7cc1d2 solid 3px;
	border-top:none;
	border-left:none;
	color:#3395ac;
	margin-bottom:10px;
}

.pageContainerBloom input.defaultInput
 {
	color:#bc666f;
	border-bottom:#d8a5aa solid 1px;
	border-right:#d8a5aa solid 3px;
}

form p {
	margin-right:3px;
}

textarea.textarea {
	background:#fff;
	border-bottom:#7cc1d2 solid 1px;
	border-right:#7cc1d2 solid 3px;
	border-top:none;
	border-left:none;
	width:345px;
	color:#3395ac;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.pageContainerBloom textarea.textarea {
	color:#bc666f;
	border-bottom:#d8a5aa solid 1px;
	border-right:#d8a5aa solid 3px;
}

.button {
	background:#fff;
	border:1px solid #7cc1d2;
	padding:2px 32px;
	color:#66afc1;
	height:30px;
	margin-top:15px;
	cursor:pointer;
	margin-right:13px;
	font-weight:bold;
} 

.pageContainerBloom .button 
 {
	border:1px solid #d8a5aa;
	color:#bc666f;
}

label {
	display:block;
}

/*========================================================================
	Module 
========================================================================*/


/*Filelist*/

.linkList {
	line-height:20px;
	display:block;
}

/*specials*/

.book {
	border:1px solid #CC0;
}


div.pageContainerHomePhwin .textBox p {
	color:#007A97;	
}

div.pageContainerHomePhwin .textBox p, h2 {
	color:#007A97;	
}


div.pageContainerHomeBloom .textBox p {
	color:#90000f;
}

div.pageContainerHomeBloom .textBox h2 {
	color:#90000f;
}

/* PDF Preview */
div#pdf_preview {
  z-index: 1000;
}

/*========================================================================
	Error Box 
========================================================================*/


.qgAlert {
	border:1px solid #90000F;
	/*background:#EED9DB;*/
	background:#EED9DB;
	color:#000;
}

.qgAlert .content {
}

.qgAlert .title {
	/*background-color:#90000F;*/
	background-color:#D8A5AA;
	border-bottom:1px solid #90000F;
}

.qgAlert .content a {
	color:#90000F;
}

.qgAlert .alertBottom {
background:url("/pix/main/alert/alertBottom.png") no-repeat scroll 0 0 transparent;
height:12px;
width:400px;
}

/* ============================= reCaptcha ============================ */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#EED9DB !important; //reCaptcha widget background color
	width: 345px;
}

#recaptcha_table {
	border-color: #8f0648 !important; //reCaptcha widget border color
}

#recaptcha_response_field {
	background-color:#fff !important; //Text input field background color
}

#recaptcha_image {
	width: 345px;
}

#recaptcha_image img {
	//border-bottom:1px solid #D8A5AA;
	//border-right:3px solid #D8A5AA;
	width: 345px;
}