﻿@import url("HTMLForm.css");
@import url("HTMLParts.css");
@import url("thickbox.css");
HTML{width:100%;height:100%;}
BODY				{margin: 0px;padding: 0px; font-family:tohoma, verdana, sans-serif; font-size:11px; color: #333333; text-align: center; background-color:#f3f0f7;}

a					{text-decoration: none; outline: none;color: #333333;}


p					{font-size: 11px; margin:10px 0px 0px 0px;   padding:0px; line-height:15px; color:#333333;}
h1					{font-size: 18px; font-weight:bold;color: #502785; padding:0px;margin:0px;padding-top:12px;padding-bottom:7px;}
h2					{font-size: 14px; font-weight:bold;color: #502785; padding:0px;margin:0px;padding-top:15px;float:left;}
span.openingsHours	{font-weight:bold; margin-right:20px;}

DIV#container		{width:860px; background-color:Transparent; margin-right: auto; margin: 10px auto; text-align:left;}
	DIV#contentTop		{width:860px; height:65px; background: url(../images/style/contentTop.jpg) no-repeat;float:left;}
	DIV#contentBg		{width:860px; background: url(../images/style/contentBg.jpg) repeat-y;float:left;}
	
		DIV#navigation		{float:left; width:250px; background-color:Transparent;}
		DIV#navigation IMG		{position:absolute; margin-right:100px;}
			DIV.contactLabel	{width:205px; height:100px; background: url(../images/style/contactLabel.jpg) no-repeat; margin-left:30px; margin-top:2px; margin-bottom:15px;}
			DIV.contactLabelText	{padding:25px 0px 0px 60px; line-height:1.6em;}
			
		DIV#navigationItems		{background-color:Transparent; margin-left:30px; margin-top:40px;}	
			DIV#navigationItems DIV.menuTitle{color:white;  background-color:#c3b4d5; height:22px; padding-left:30px; padding-top:8px; font-weight:bold; margin-bottom:1px;}	
			DIV#navigationItems DIV#menuFooter{background: url(../images/style/menuFooter.gif) repeat-x; height:22px; padding-left:30px; padding-top:8px; font-weight:bold;}	
			DIV#navigation ul		{list-style: none; padding:0px; margin:0px; background-color:Transparent;}
				DIV#navigation li		{background-color:#cec5da; padding-left:30px; height:26px; margin-bottom:1px;}
				DIV#navigation li a		{color:#502785;  background: url(../images/style/bullet.gif) no-repeat; padding-left:20px; line-height:2.4em; letter-spacing:1px;}
				DIV#navigation li a:hover	{color:#333333; background: url(../images/style/bulletHover.gif) no-repeat; padding-left:20px; letter-spacing:1px;}						

		
		
		DIV#content			{float:left;width:600px;background-color:Transparent;}
			DIV#contentHeader	{background: url(../images/style/contentHeader.jpg) no-repeat; height:247px; width:550px; margin-left:15px;}
			DIV#contentText		{margin-left:15px; width:550px;}
			DIV#contentText DIV.entityContentText IMG{border:0px;float:left;margin-right:10px;}
			DIV#contentText DIV.entityContentText{text-align:justify;padding-bottom:10px;}
			DIV#contentText DIV.entityContentText P{padding:0px;margin:0px;}
			

			
				.error{border:dashed 1px #502785;background-color:#eeeeee;float:left;padding:10px;margin-top:5px;}
				#thanks{border:dashed 1px #502785;margin:10px;padding:10px;}	
				#thanks P{margin:0px;padding:0px;}
			
				.productDiv{float:left; border-top:dashed 1px #502785;width:100%;margin-top:5px;margin-bottom:5px;}
				.productDiv IMG{float:right;margin:3px;border:0px;}
				.productDiv TABLE{width:330px;display:block;float:left;}
				.productDiv TABLE TD{width:165px}
				.productDiv .bestelButton{float:left;width:520px;height:16px;display:block;font-weight:bold;background-color:#eeeeee;color:#502785;padding-top:2px;border:solid 1px #888888;font-size:11px;text-align:right;padding-right:10px;margin-top:20px;}
				.productDiv .bestelButton:hover{background-color:#502785;color:#eeeeee}
				.personTextTable{width:540px;display:block;float:left;border-top:dashed 1px #502785;margin-bottom:5px;margin-top:10px;}
				.personTextTable TD{width:270px;}
				
				.customerTextTable{width:540px;display:block;float:left;border-top:dashed 1px #502785;margin-bottom:10px;margin-top:10px;}
				.customerTextTable TD{border-bottom:solid 1px #eeeeee;width:270px;}
	DIV#contentFooter	{width:860px; height:60px; background: url(../images/style/contentFooter.jpg) no-repeat;float:left;}


/*===FORMS============================================================================================================================*/

FORM{padding-top:10px;}
DIV.formPropertyContainer										{padding:0px; margin:0xp;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px; height:14px;padding:8px 0px 0px 5px;}
DIV.formPropertyContainer LABEL.required						{font-weight:bold;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:8px 0px 5px 0px;font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyReadOnlyContainer LABEL						{padding:0px; margin:8px 0px 5px 0px;float:left;padding-bottom:5px;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:8px 0px 5px 0px; font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:8px 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:190px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:150px;padding:8px 0px 0px 5px;height:20px;}
	DIV.formPropertyCheckContainer							{height:25px;}
	DIV.formPropertyCheckContainer							{float:left;width:190px;margin-top:5px;}
	DIV.formPropertyCheckContainer 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:#502785;color:#ffffff;font-weight:bold;font-size:11px;font-family:Verdana;width:150px;}

INPUT#FormPerson01MiddleName{width:50px;}
INPUT#FormPerson02MiddleName{width:50px;}
INPUT#FormCustomerDataMiddleName{width:50px;}
INPUT#FormCustomerDataHouseNumber{width:50px;}
INPUT#FormCustomerDataPostalCode{width:50px;}
DIV#elementFormAdditionalInformationText TEXTAREA{ width:350px;height:80px;}
.formRequirmentMessage{float:left;width:100%;border:dashed 1px #502785;margin:2px;}
.formRequirmentMessage P{margin:0px;padding:5px;}
