@charset "utf-8";
/* 
	CSS styles for screen and projection media 

	Document structure:
	- Generic styles for tags
	- Unique elements and their contents
	- Other classes
	
*/

/* ====== GENERIC STYLES for tags ====== */

body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 1.5; color: #000; }
table, form{ font-size: 10pt; }
input, textarea, select{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
h1, h2, h3, h4, h5, h6{ color: #006; }
h1{ font-size: 16pt; font-weight: bold; }
h2{ font-size: 14pt; font-weight: bold; }
h3, h4{ font-size: 10pt; font-weight: bold; font-style: italic; }
a, a:link{ text-decoration: underline; color: #0094de; }
a:visited, a:active{ color: #0094de; }
a:hover{ text-decoration: none; }
ul{ list-style-type: disc; }
img{ margin: 0; border: 0; padding: 0; }
sup, sub{ font-size: 0.7em; line-height: 0; }
hr{ display: none; }


/* ====== UNIQUE ELEMENTS and their contents ====== 
	- in order of appearance in page source */
	
p#top{ display: none; }

div#header{ line-height: 0; }
	div#headerLogo{ width: 100%; height: 45px; background: none; }
		div#headerLogo a{ display: block; }
	div#headerImage{ display: none; }

div#siteLanguage{ display: none; }

div#navigation{ display: none; }

div#quickLinks{ display: none; }

div#content{ float: none; width: 100%; padding: 1cm 0; }
	div#mainContent{ float: none; width: 100%; }
		ol#searchResultsList{ margin: 0; padding: 0; list-style: none; }
			ol#searchResultsList li{ margin-top: 10px; }
				ol#searchResultsList li a{ font-size: 1.0em; }
				ol#searchResultsList li span.searchResultsBold{ font-weight: bold; text-transform: lowercase; }
				ol#searchResultsList li span.searchResultsInfo{ color: #999; }

                div#contactDetails{ float: none; width: 100%; }
                div#contactMap{ float: none; width: 100%; }
                div#contactPersons{ clear: both; float: left; }
			div.contactPerson{ float: left; width: 135px; margin: 0 10px 10px 0; }
				div.contactImage{ width: 100%; height: 111px; margin-bottom: 5px; overflow: hidden; }
					div.contactImage img{ display: block; margin: 0; padding: 0; }
				div.contactDetails{ width: 100%; overflow: hidden; }
					div.contactDetails p{ margin: 0; padding: 0; }

		div#contactPerson{ width: 100%; }
			div#contactPerson div#contactImage{ width: 100%; height: 111px; margin-bottom: 5px; overflow: hidden; }
				div#contactPerson div#contactImage img{ display: block; margin: 0; padding: 0; }
			div#contactPerson div#contactTitle, div#contactPerson div#contactDetails{ width: 100%; } 

		div.historyThumbnails img{ float: left; margin: 0 10px 10px 0; }
		
		table.tariff{ width: 100%; }
			table.tariff tbody tr:hover{ background-color: #eee; }
			table.tariff th, table.tariff td{ padding: 2px; }
			table.tariff input{ font-size: 0.8em; }
			table.tariff th{ font-weight: normal; color: #333; }
			th.tariffProduct, td.tariffProduct{ width: 40%; }
			th.tariffSize, td.tariffSize{ width: 40%; text-align: left; }
			th.tariffPrice, td.tariffPrice{ width: 20%; text-align: right; }

	div.formBottom{ width: 100%; }
		div.formTop{ width: 100%; }
			div.formTop h2, div.formBottom h3{ margin: 0 0 10px 0; padding: 0; }
			div.formTop p{ margin: 10px 0 0 0; padding: 0; }
			div.formTop p.error{ margin: 0 0 10px 0; border: 5px solid #FFC400; padding: 5px; font-weight: normal; color: #000; background-color: #FFD340; }
			div.formTop form{ line-height: 1.2; }
				div.leftColumn{ float: none; width: 100%; }
				div.rightColumn{ float: none; width: 100%; }
				div.formTop form fieldset{ margin: 10px 0 0 0; border: 0; padding: 0; }
				div.formTop form fieldset legend{ display: none; }
				div.formTop form p{ margin: 0 0 5px 0; padding: 0; text-transform: uppercase; }
				div.formTop form p.instructions{ margin: 10px 0 5px 0; padding: 0; text-transform: none; }
				div.formTop form p span.floatRight{ float: right; width: 170px; }
				div.formTop form label{ clear: left; float: left; width: 145px; margin: 0 5px 0 0; padding: 3px 0 0 0; }
				div.formTop form label.description{ width: 295px; margin: 0; padding: 4px 0 0 0; font-size: 0.9em; }
				div.formTop form label span{ text-transform: none; }
				div.formTop form input.textField, div.formTop form textarea{ float: left; width: 170px; margin: 2px 0; padding: 2px 0; }
				div.formTop form input.quantity{ float: left; width: 25px; margin: 2px 0; padding: 2px 0; }
				div.formTop form select{ float: left; width: 170px; margin: 2px 0; padding: 0; }
				div.formTop form br{ clear: left; }
				div.formTop form span.controlSetLabel{ clear: left; float: left; width: 145px; margin: 0 5px 0 0; padding: 2px 0 0 0; }
				div.formTop form div.controlSet{ float: left; width: 170px; margin: 2px 0; border: 0; padding: 0; }
				div.formTop form input.radioButton, div.formTop form input.checkbox{ width: auto; margin: 0; padding: 0; }
				div.formTop form div.controlSet label{ float: none; margin: 0; padding: 2px 0 0 0; }
				div.formTop form div.controlSet br{ clear: none; }
				div.formTop form table{ margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0; font-size: 1em; }
				div.formTop form table caption{ margin: 0 0 5px 0; padding: 0; font-size: 1em; text-align: left; text-transform: uppercase; }
				div.formTop form table th.label, div.formTop form table td.label{ width: 150px; padding: 3px 0 0 0; font-weight: normal; vertical-align: top; }
				div.formTop form table th.option, div.formTop form table td.option{ width: 34px; padding: 2px 0; font-weight: normal; text-align: center; vertical-align: top; }
				div.formTop form input.submitButton{ width: auto; overflow: visible; margin: 10px 0 0 0; padding: 0; }
				div.formTop form p.normalText{ text-transform: none; }
				div.formTop form p.notification{ margin: 20px 0 0 0; padding: 0; text-transform: none; }

	div#subContent{ float: none; width: 100%; }
		p#subContentImgText{ font-style: italic; }

div#search{ display: none; }

div#footer{ float: none; width: 100%; margin: 0; padding: 0; text-transform: uppercase; text-align: left; color: #0094de; }
	div#footer p{ margin: 0; padding: 0; }
		div#footer p a, div#footer p a:link, div#footer p a:visited, div#footer p a:active, div#footer p a:hover{ text-decoration: none; }

p#bottom{ display: none; }


/* ====== OTHER CLASSES ====== */

.clearLeft{ clear: left; width: 0; height: 0; overflow: hidden; }
.clearRight{ clear: right; width: 0; height: 0; overflow: hidden; }
.clearBoth{ clear: both; width: 0; height: 0; overflow: hidden; }
.screenHide{ position: absolute; top: 0px; left: 0px; width: 0; height: 0; overflow: hidden; margin-left: -3000px; }
.clearLeft hr, .clearRight hr, .clearBoth hr, .screenHide hr{ display: none; }

.headRow{ border-bottom: 1px solid #ccc; background-color: transparent; }
.oddRow{ border-bottom: 1px solid #eee; background-color: transparent; }
.evenRow{ border-bottom: 1px solid #eee; background-color: transparent; }