div.contact
	h1
	h2 span.contact-name
	h3 span.contact-category a
	h3
	p.contact-position
	div.contact-address
		span.jicons-icons img
		address
			span.contact-street
			span.contact-suburb
			span.contact-state
			span.contact-postcode
			span.contact-country
	div.contact-contactinfo
		p
			span.jicons-icons img
			span.contact-emailto
		p
			span.jicons-icons img
			span.contact-telephone
		p
			span.jicons-icons img
			span.contact-fax
		p
			span.jicons-icons img
			span.contact-mobile
		p
			span.jicons-icons
			span.contact-webpage

	a

	h3
	div.contact-form
		form#contact-form.form-validate
			fieldset
				legend
				dl
				dt
					label#jform_contact_name-lbl.hasTip.required
						span.star
				dd
					input#jform_contact_name.required
				dt
					label#jform_contact_email-lbl.hasTip.required
						span.star
				dd
					input#jform_contact_email.required
				dt
					label#jform_contact_emailmsg-lbl.hasTip.required
						span.star
				dd
					input#jform_contact_emailmsg.required
				dt
					label#jform_contact_message-lbl.hasTip.required
						span.star
				dd
					textarea#jform_contact_message.required
				dt
					label#jform_contact_email_copy-lbl.hasTip
				dd
					input#jform_contact_email_copy
				dd
					button.button.validate

	h3
	div.contact-links
		ul
			li a
	h3
	div.contact-articles
		ol
			li a
	h3
	div.contact-miscinfo
		div.jicons-icons
			img
			div.contact-misc
				p

/* ---------------------
   Contact + Contactform
------------------------ */ 
div.contact h2 span.contact-name {
	display: block;
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
}

div.contact h3 {
	margin: 15px 0 0 0;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}

div.contact h3 span.contact-category a {
	display: block;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #666;
	font-weight: normal;
	margin: -15px 0 0 0;
}

/* Select form */
div.contact	form#selectForm {
	clear: both;
	padding: 10px 0 0 0;
}

div.contact	form#selectForm select#id {}
div.contact	form#selectForm select#id option {}

/* Data contactperson / adressblock */
div.contact p.contact-position {
	display: block;
	margin: 0 0 10px 0;
}

div.contact div.contact-address span.jicons-icons img {
	float: left;
	margin: 0 15px 0 0;
}

div.contact div.contact-address address {
	float: left;
	padding: 0 0 10px 0;
}

div.contact div.contact-address address span {
	display: block;
	float: none;
	font-style: normal;
}

/* Contact info block */
div.contact div.contact-contactinfo {
	clear: both;
}

div.contact div.contact-contactinfo p {
	margin: 0 0 10px 0;
}

div.contact div.contact-contactinfo p span img {
	float: left;
	margin: 0 15px 0 0;
}

/* Contact Form */
div.contact  div.contact-form {
	clear: both;
}

/* fieldset contact form has no closing tag in Joomla 1.6.4 */
div.contact  div.contact-form fieldset {}

div.contact  div.contact-form fieldset legend {
	padding: 10px 0 10px 0;
}

div.contact  div.contact-form fieldset dl {}

/* labels */
div.contact  div.contact-form fieldset dl dt {
	width: 170px;
	display: block;
	float: left;
}

/* Input fields */
div.contact  div.contact-form fieldset dl dd {
	display: block;
	width: 350px;
	float: left;
}

div.contact  div.contact-form fieldset dl dd input {
	margin: 0 0 5px 0;
	float: left;
	width: 250px;
}

div.contact  div.contact-form fieldset dl dd textarea {
	margin: 0 0 5px 0;
	float: left;
	width: 250px;
}

/* Inputfield checkbox contact mail copy */
div.contact  div.contact-form fieldset dl dd input#jform_contact_email_copy {
	margin: 0 0 15px 0;
	width: auto;
}

div.contact div.contact-links {
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
}

div.contact div.contact-links ul {
	list-style: none;
	padding: 4px 0 0 0;
}

div.contact div.contact-miscinfo {
	clear: both;
}

div.contact div.contact-miscinfo div.jicons-icons {
	padding: 4px 0 0 0;
}

div.contact div.contact-miscinfo div.jicons-icons img {
	float: left;
	margin: 0 15px 0 0;
}