﻿@import url("HTMLForm.css");
@import url("HTMLParts.css");
@import url("thickbox.css");

body            {text-align:center; font-family:Verdana ; color:#555555; font-size:11px; background-color:#ffffff; margin-left:auto;margin-right:auto; margin-top:0px;} 
.floatleft		{float:left; margin: 0px 30px 0px 0px;}
H1				{margin:0px; padding:9px 15px 10px 15px; font-size:15px; color:#851718; font-weight:normal; line-height:23px;}
H2				{margin:0px; padding:10px 10px 10px 10px; font-size:13px; color:#851718;}
IMG				{border:none;}
LEGEND			{font-weight:bold;font-size:13px; color:#851718;padding:10px;padding-left:0px;}

/* partContentText */
div.partContentText												{}
div.partContentText p											{font-size:11px; line-height:19px; color:#555555; padding:10px 15px 0px 15px; margin:0px;}
div.partContentText p a:link									{color:#555555;text-decoration:underline;}
div.partContentText p a:visited									{color:#555555;text-decoration:underline;}
div.partContentText p a:active									{color:#555555;text-decoration:underline;}
div.partContentText p a:hover									{color:#000000;text-decoration:underline;}
div.partContentText ul											{line-height:19px;padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:disc;}
div.partContentText ul li										{line-height:19px;}
div.partContentText ol 											{line-height:19px;padding:0px 0px 15px 0px;margin:0px 0px 0px 25px;list-style-type:decimal;}
div.partContentText ol li										{line-height:19px;}

.partNavigationFooter{display:none;}

.floatImageRight{float: right; margin: 0 0 10px 10px; border: 1px solid #666;padding: 2px;}
SPAN.productTitle		{margin:0px; padding:10px 10px 10px 10px; font-size:15px; color:#851718; font-weight:normal; line-height:23px;}


a:link			{color: #555555; text-decoration:none;}
a:visited		{color: #555555; text-decoration:none;}
a:active		{color: #555555; text-decoration:none;}
a:hover			{color: #000000; text-decoration:none;}

DIV#contactInfo a:link		{color: #ffffff; text-decoration:none;}
DIV#contactInfo a:visited	{color: #ffffff; text-decoration:none;}
DIV#contactInfo a:active	{color: #ffffff; text-decoration:none;}
DIV#contactInfo a:hover		{color: #fe0201; text-decoration:none;}

DIV#pianoPlusPlan a:link		{color: #851718; text-decoration:none;}
DIV#pianoPlusPlan a:visited		{color: #851718; text-decoration:none;}
DIV#pianoPlusPlan a:active		{color: #851718; text-decoration:none;}
DIV#pianoPlusPlan a:hover		{color: #555555; text-decoration:none;}

DIV#buyShoppingCartItem a:link		{color: #851718; text-decoration:none;}
DIV#buyShoppingCartItem a:visited	{color: #851718; text-decoration:none;}
DIV#buyShoppingCartItem a:active	{color: #851718; text-decoration:none;}
DIV#buyShoppingCartItem a:hover		{color: #555555; text-decoration:none;}

.productTitle a:link			{color: #851718; text-decoration:none;}
.productTitle a:visited			{color: #851718; text-decoration:none;}
.productTitle a:active			{color: #851718; text-decoration:none;}
.productTitle a:hover			{color: #555555; text-decoration:none;}

.shopingCartItemTitle a:link	{color: #851718; text-decoration:none;}
.shopingCartItemTitle a:visited	{color: #851718; text-decoration:none;}
.shopingCartItemTitle a:active	{color: #851718; text-decoration:none;}
.shopingCartItemTitle a:hover	{color: #555555; text-decoration:none;}

.bargainTitle a:link	{color: #851718; text-decoration:none;}
.bargainTitle a:visited	{color: #851718; text-decoration:none;}
.bargainTitle a:active	{color: #851718; text-decoration:none;}
.bargainTitle a:hover	{color: #555555; text-decoration:none;}


#headerBg					{height:196px; background: Transparent url(../images/style/headerBg.gif) repeat-x;}
	#header					{height:196px; width:1000px; background: Transparent url(../images/style/headerSommer.jpg) no-repeat; margin-left:auto;margin-right:auto;}
		#headerContent		{width:976px; background-color:Transparent; height:196px; margin-left:24px;}
		#companyLogo		{float:left; width:481px; background-color:Transparent; text-align:left; margin-top:30px;height:80px;background-repeat:no-repeat;}
	
		DIV#contactInfo		{float:left; width:160px; height:100px; background-color:Transparent; text-align:right;}
			DIV.upperLinks		{float:right; margin-left:10px; padding-top:20px;display:block;height:88px;width:70px;}
			DIV#contactText		{display:block; color:#ffffff; font-size:11px; line-height:15px;}

DIV#contentContainer				{background: Transparent url(../images/style/contentContainerBg.gif) repeat-y; margin-left:auto; margin-right:auto; width:1024px;}
	DIV#content							{margin-left:auto; margin-right:auto; width:980px; text-align:left;}
		DIV#navigation						{float:left; width:170px; padding:10px 0px 0px 0px;}
			DIV.menuTitle						{background-color:#dddddd; height:28px; padding-left:14px; font-size:13px; color:#222222; line-height:27px;}
			DIV#navigation ul					{list-style: none; padding:1px 0px 3px 0px; margin:0px;}
			DIV#navigation li					{padding:5px 0px 5px 30px; margin:0px; background: Transparent url(../images/style/bullet.gif) no-repeat 15px 8px; font-size:11px;}
			DIV#navigation ul li ul             {padding:5px 0px 0px 0px;}
			DIV#navigation ul li ul li			{padding:5px 0px 5px 30px;margin-left:-15px;}	
		DIV#centerContent		{width:490px; float:left; padding:10px 0px 0px 0px;}
			
			/* Home - About */
			DIV#about				{float:left; width:169px; margin:0px 0px 10px 10px; background: #eeeeee url(../images/style/sommer-gebouw.jpg) no-repeat 0px 27px; padding:0px 0px 0px 0px;height:630px;border:solid 1px #DDDDDD;}
				DIV.aboutTitle			{background-color:#851718; height:27px; padding-left:12px; font-size:13px; line-height:25px; color:#ffffff;}
				DIV#about .partContentText	{margin-top:185px;}
				DIV#about .partContentText p	{margin:0px 0px 0px 0px; padding:10px 15px 0px 15px;width:140px;font-size:10px;}
			
			/* Home - News */
			
			DIV#news				{float:right; width:290px; background-color:#eeeeee; margin-right:10px; border:solid 1px #DDDDDD; padding:0px 0px 10px 0px;}
				DIV.newsTitle			{background-color:#6c5f46; height:27px; padding-left:14px; font-size:13px; color:#ffffff; line-height:25px;}
				DIV#news H1		{color:#6c5f46;font-weight:bold;}
				DIV.newsLink			{padding:5px 0px 5px 21px; margin:0px; background: Transparent url(../images/style/bullet.gif) no-repeat 10px 8px; font-size:11px; display:block;}
				
			/* Home - More news */
			
			DIV#moreNews				{float:right; width:290px; background-color:#eeeeee; margin:10px 10px 0px 0px; border:solid 1px #dddddd;}
				DIV.moreNewsTitle			{background-color:#dddddd; height:27px; padding-left:14px; font-size:13px; color:#222222; line-height:25px;}
				DIV#moreNews ul				{list-style: none; padding:1px 0px 3px 0px; margin:0px 0px 0px 5px;}
				DIV#moreNews li				{padding:5px 0px 5px 25px; margin:0px; background: Transparent url(../images/style/bullet.gif) no-repeat 10px 8px; font-size:11px;}
				DIV.moreNewsLink			{padding:5px 0px 5px 20px; margin:0px; background: Transparent url(../images/style/bullet.gif) no-repeat 10px 8px; font-size:11px; display:block;}			
			
	
		
		DIV#contentRight				{width:320px; background-color:Transparent; float:left;}
			
			/* Piano plus plan */			
			DIV#pianoPlusPlan		{width:318px; background-color:Transparent; border:solid 1px #851718; margin-bottom:10px;}
			DIV#pianoPlusPlan p		{ margin:0px;float:left;width:210px;height:15px;padding-top:8px;padding-left:10px;}
			SPAN#priceHighlight		{font-size:18px; font-weight:bold;float:left;}
			DIV#pianoPlusText			{padding:12px 15px 15px 15px;}
			DIV#pianoPlusPlanTitle		{background-color:#851718; height:28px; padding-left:10px; font-size:13px; line-height:25px; color:#ffffff;}
			A#pianoPlusPlanLink		{display:block; text-decoration:underline; padding:10px 0px 0px 0px;}
			
			/* Shopping cart */			
			DIV#shoppingCart		{width:318px;margin-bottom:10px;}
			DIV#shoppingCartTitle		{background-color:#dddddd; height:28px; padding-left:10px; font-size:13px; line-height:25px; color:#222222;}
			DIV.shopingCartItem		{width:288px; margin:10px 0px 0px 0px; padding:15px 15px 5px 15px; border:solid 1px #dddddd;}
				DIV.shopingCartItemTitle	{float:left; margin:0px; padding:0px; font-size:15px; color:#851718; font-weight:normal; line-height:23px;width:200px;}
				A.shopingCartItemRemove		{float:right; display:block; background: url(../images/style/shopingCartItemRemove.gif) no-repeat; height:14px; padding:2px 0px 0px 22px; margin:4px 0px 4px 0px;cursor:pointer;}
				A.shopingCartItemAdd		{float:right; display:block; background: url(../images/style/shopingCartItemAdd.gif) no-repeat; height:14px; padding:2px 0px 0px 22px; margin:4px 0px 4px 0px;cursor:pointer;}

				DIV.shopingCartItemFooter	{clear:both; height:10px;}
				DIV.shopingCartItemPhoto	{width:71px; height:51px;float:left;margin-right:10px; }
				DIV.shopingCartItemPhoto	{}
				DIV.shopingCartItemPhoto a img	{border:none;}
				DIV.shopingCartItemAmount		{float:left; line-height:17px;}
					.shopingCartItemAmountSelect		{float:left; height:22px; width:40px; padding:0px; margin:-1px 0px 0px 0px; font-size:13px; font-family:Verdana; background-color:White; border:solid 1px #e0e0e0; display:block;}
				DIV.shopingCartItemPrice		{float:left; line-height:17px; height:21px; width:155px;}
				DIV.shopingCartItemTotalPrice	{float:left; line-height:17px; padding:10px 0px 0px 0px; font-size:11px;}
		   DIV.shopingCartItemDelivery		{width:288px; margin:10px 0px 0px 0px; padding:15px 15px 5px 15px; border:solid 1px #dddddd;background-color:Red;}
		   DIV.shopingCartItemDelivery		DIV.shopingCartItemTitle	{float:left; margin:0px; padding:0px; font-size:15px; color:#851718; font-weight:normal; line-height:23px;width:200px;height:20px;}
DIV.shopingCartItemDelivery
			
			/* Buy Items in cart */

			DIV#buyShoppingCartItem	{width:318px;margin-bottom:10px; margin-top:10px; font-size:15px;}
				DIV.totalAmountToBuy	{color:#851718; padding:15px; font-weight:bold; border:solid 1px #dddddd; border-bottom:dashed 1px #dddddd; }
				SPAN.totalAmount		{color:#555555;}
				A.orderProduct			{border:solid 1px #dddddd;display:block; background: url(../images/style/orderProduct.gif) no-repeat 15px 15px; height:16px; padding:13px 15px 15px 45px;border-top:none;}
			
			/* Producten */		
			DIV#products				{float:left; width:468px; background-color:Transparent; margin-left:10px; border:solid 1px #DDDDDD; padding:0px 0px 12px 0px;}
				DIV.productsTitle			{background-color:#dddddd; height:27px; padding-left:14px; font-size:13px; color:#222222; line-height:25px;}
				DIV.productsHeader			{margin:12px 0px 0px 0px; padding:9px 15px 10px 15px; font-size:15px; color:#851718; font-weight:normal; line-height:23px; border-bottom:dashed 1px #dddddd;width:435px;}
			
				/* Product Item */
				DIV.productItem			{width:468px; padding:10px 0px 0px 0px;}
					/* Gallery */
					DIV.fileImageGallery{float:left;padding:15px;padding-top:5px;}
					DIV.fileImageGallery_part{float:left; width:191px; padding:5px 0px 0px 5px;}
					DIV.fileImageGallery_part	a.thickbox				{width:71px; height:51px; float:left; display:block; border:solid 1px #dddddd; margin:0px 0px 5px 5px;}
					DIV.fileImageGallery_part	a:hover.thickbox		{border:solid 1px #851718;}	
					DIV.fileImageGallery_part	a.thickbox img			{border:0px;}

					DIV.productInfo			{float:left; width:267px; padding:0px 0px 0px 0px;}
						DIV.productTitle		{margin:0px; padding:0px; font-size:15px; color:#851718; font-weight:normal; line-height:23px;}
						DIV.productPrice		{line-height:17px;font-weight:bold;}
						DIV.productPriceNormal	{line-height:17px;}
						DIV.productPrice		SPAN	{width:105px;display:block;float:left;}
						DIV.productPriceNormal	SPAN	{width:105px;display:block;float:left;}
						DIV.productColor		{line-height:17px;}
						DIV.productHeight		{line-height:17px;}
						DIV.productWidth		{line-height:17px;}
						DIV.productDepth		{line-height:17px;}
						DIV.productRent         {line-height:17px;}
						DIV.productRent		SPAN	{width:105px;display:block;float:left;}
						DIV.productBuildingYear		{line-height:17px;}
						DIV.productColor		SPAN	{width:85px;display:block;float:left;}
						DIV.productHeight		SPAN	{width:85px;display:block;float:left;}
						DIV.productWidth		SPAN	{width:85px;display:block;float:left;}
						DIV.productDepth		SPAN	{width:85px;display:block;float:left;}
						DIV.productBuildingYear		SPAN	{width:85px;display:block;float:left;}
						
						DIV.productDescription	{line-height:17px; padding:4px 0px 4px 0px; border-top:solid 1px #dddddd; border-bottom:solid 1px #dddddd; margin:4px 0px 6px 0px;}
						DIV.productDescription P{margin:0px;padding:0px;}
						A.productAskInfo		{display:block; background: url(../images/style/productAskInfo.gif) no-repeat; height:14px; padding:2px 0px 0px 22px; margin:4px 0px 4px 0px;cursor:pointer;}
						A.productAskProposal	{display:block; background: url(../images/style/productAskProposal.gif) no-repeat; height:14px; padding:2px 0px 0px 22px; margin:4px 0px 4px 0px;cursor:pointer;}
						A.productAddToCart		{display:block; background: url(../images/style/productAddtoCart.gif) no-repeat; height:14px; padding:2px 0px 0px 22px; margin:4px 0px 4px 0px;cursor:pointer;}
					DIV.productFooter		{clear:both; height:10px; border-bottom:dashed 1px #dddddd;}
					
			/* Aanbiedingen (bargain) */		
			DIV#bargain				{float:left; width:318px; background-color:Transparent; border:solid 1px #DDDDDD; padding:0px 0px 12px 0px;}
			DIV#bargainTitle			{background-color:#dddddd; height:27px; padding-left:14px; font-size:13px; color:#222222; line-height:25px;}
			
				/* Bargain Item */
				DIV.bargainItem			{width:318px; padding:10px 0px 0px 0px;}
					/* Gallery */
					DIV.bargainfileImageGallery_part{float:left; width:98px; padding:5px 0px 0px 5px;}

				DIV.bargainItem	DIV.productInfo			{float:left; width:200px; padding:0px 0px 0px 0px;}
			
			
			DIV#offers	#lowerPianoImage	{height:85px; width:320px; background: Transparent url(../images/style/lowerPiano.jpg)}
			
			.contactMe{background: Transparent url(../images/style/contactme.jpg);background-repeat:no-repeat;height:12px;width:130px;background-position:0px 2px;display:block;text-indent:22px;padding:5px;margin-top:4px; border-top:solid 1px #dddddd;}
			.orderMe{background: Transparent url(../images/style/orderme.jpg);background-repeat:no-repeat;height:10px;width:130px;display:block;text-indent:22px;padding:5px;margin-top:2px;}
			.orderMe:hover{color:#851718;text-decoration:underline;}
			.contactMe:hover{color:#851718;text-decoration:underline;}
		#contentFooter				{height:10px; width:980px; background: white; clear: both;} 

#footer								{height:12px; width:1000px; background: Transparent url(../images/style/footer.gif) repeat-x; margin-left:auto; margin-right:auto;}	
		
		
FORM{width:450px;margin:0px; padding:5px;}
FORM#FormContactConfirm SPAN{color:#444444;}
DIV.formPropertyContainer										{padding:0px; margin:0xp;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px; height:20px;padding:3px 0px 0px 5px;color:#444444;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:3px 0px 2px 0px;font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:250px;}
	DIV.formPropertyReadOnlyContainer							{float:left;width:260px;margin-top:4px;}
	DIV.formPropertyReadOnlyContainer LABEL						{padding:0px; margin:3px 0px 5px 0px;float:left;padding-bottom:2px;color:#444444;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:3px 0px 5px 0px; font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:250px;height:80px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:3px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:3px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:3px 3px 5px 0px; float:left; width:30px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyUnit			{padding:0px; margin:11px 3px 5px 0px; float:left; width:60px; height:20px;margin-left:5px;}
	DIV.formPropertyRadioContainer								{float:left;width:260px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:220px;padding:8px 0px 0px 5px;height:20px;}
	DIV.formPropertyCheckBoxContainer							{height:25px;}
	DIV.formPropertyCheckBoxContainer							{float:left;width:190px;margin-top:5px;}
	DIV.formPropertyCheckBoxContainer INPUT						{float:left;width:20px;}
	DIV.formPropertySelectContainer								{height:30px;}
	DIV.formPropertySelectContainer SELECT						{padding:0px; margin:5px 3px 5px 0px; width:150px;}	
	DIV.formPropertySubmitContainer								{height:40px;}
	DIV.formPropertySubmitContainer INPUT						{margin:8px 3px 5px 0px; border:solid 1px #cccccc; float:left; padding:3px 5px 3px 5px; background-color:#851718;color:#ffffff;font-size:11px;font-family:Verdana;width:250px;cursor:pointer;font-weight:bold;}
	DIV.formPropertyReadOnly									{width:150px; height:16px;padding:8px 0px 0px 5px;float:left;color:#444444;}
	

	
	DIV.formRequirmentMessage P{height:20px;border:dashed 1px #851718;float:left;width:400px; padding:5px;color:#444444;text-indent:3px;padding-top:10px;}
	DIV.formRequirmentMessage{height:20px;}


#FormContact{margin-top:20px;}
#googlemap{float:left;}

