﻿/* File: styles.css
-----------------------------------------------------------------------
Initial author: Dipl.-Ing. Alexander Rudolph
Last editor:    Alexander Rudolph
First version:  15 Feb 2010
Last update:    15 Feb 2010
---------------------------------------------------------------------*/

html,
body {
	background-color:#FFFFFF;
	font:normal 90% Arial, Helvetica sans-serif;
	line-height:135%;
	margin:0;
	padding:0;
	text-align:center;
	}
	
/* Setting maximum width of content and centering in browser window */
#wrapper {
	background-color:#FFFFFF;
	margin:0 auto;
	max-width:900px;
	padding:0;
	}

/* CAD background in upper left corner */
img#cad {
	display:none;
	}

/* Two BDP background pictures in upper right corner(s) */
img#bag_top {
	display:none;
	}

img#bag_bottom {
	display:none;
	}

/* OC logo and machinery background top part */	
#header {
	display:none;
	}

/* Language buttons in lower right corner of the header div */	
ul#language {
	display:none;
	}

/* Main div below header */	
#main {
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
	}

/* Navigation list inside main div, floated to the left */	
ul#navi {
	display:none;
	}

/* Actual homepage content in list form */
ul#content {
	color:#000000;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	text-align:justify;
	z-index:5;
	}
	
ul#content li{
	color:#000000;
	display:block;
	margin:10px 0;
	max-width:640px;
	padding:0;
	z-index:6;
	}
	
li#imprint {
	display:block;
	font:normal 85% Arial, Helvetica sans-serif;
	text-align:center;
	}
	
h1 {
	/*background:url(../images/designelements/blueblock_dark.jpg) 0px center no-repeat;*/
	color:#000000;
	font:bold 120% Arial, Helvetica sans-serif;
	margin:20px 0 3px 0;
	padding:0;
	text-align:left;
	z-index:7;
	}
	
h1.notopmargin {
	/*background:url(../images/designelements/blueblock_dark.jpg) 0px center no-repeat;*/
	color:#000000;
	font:bold 120% Arial, Helvetica sans-serif;
	margin:0 0 3px 0;
	padding:0;
	text-align:left;
	z-index:7;
	}

h1.linebreakindent {
	/*background:url(../images/designelements/blueblock_dark.jpg) 0px center no-repeat;*/
	color:#000000;
	font:bold 120% Arial, Helvetica sans-serif;
	margin:0 0 3px 0;
	padding:0;
	text-align:left;
	text-indent:17px;
	z-index:7;
	}
	
h2 {
	/*background:url(../images/designelements/blueblock_light.jpg) 0px center no-repeat;*/
	color:#000000;
	font:bold 110% Arial, Helvetica sans-serif;
	margin:15px 0 5px 0;
	padding:0;
	text-align:left;
	z-index:8;
	}

h2.linebreakindent {
	/*background:url(../images/designelements/blueblock_light.jpg) 0px center no-repeat;*/
	color:#000000;
	font:bold 110% Arial, Helvetica sans-serif;
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
	text-indent:17px;
	z-index:8;
	}

p.aligncenter {
	text-align:center;
	}

img.fullwidth {
	display:block;
	margin:0 0 3px 0;
	max-width:640px;
	padding:0;
	width:100%;
	}
	
img.halfwidth {
	display:block;
	margin:0;
	margin:5px 0 5px 0;
	max-width:307px;
	padding:0;
	width:100%;
	}

img.textpic {
	display:block;
	float:right;
	margin:0;
	padding:3px 0 0 10px;
	position:relative;
	}
	
img.fiver {
	margin:0 0 3px 0;
	max-height:144px;
	max-width:108px;
	padding:0;
	width:100%;
	}
	
table.twocolumns {
	border:0px;
	border-collapse:collapse;
	border-style:none;
	margin:0;
	padding:0;
	text-align:justify;
	width:100%;
	}
	
td.twocolumns {
	margin:0;
	max-width:307px;
	padding:0;
	vertical-align:top;
	width:48.6%;
	}
			
table.fivecolumns {
	border:0px;
	border-collapse:collapse;
	border-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	}
	
td.fivecolumns {
	max-width:108px;
	width:19%;
	vertical-align:top;
	}
			
table.dryerspec {
	background:#D4D4D4;
	border-collapse:collapse;
	line-height:175%;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	}
	
tr.dryerspec /* table row */ {
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#000000;
	}

th.dryerspec /* table head on the left side */ {
	border-width:1px 1px 1px 0;
	border-style:solid;
	border-color:#000000;
	font:bold 90% Arial, Helvetica sans-serif;
	line-height:175%;
	padding:0 10px 0 10px;
	text-align:left;
	width:33%
	}
	
td.dryerspec /* table data */ {
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#000000;
	line-height:175%;
	padding:0 10px 0 10px;
	text-align:left;
	width:67%
	}
		
td.spacer {
	width:25px;
	}

dl#president {
	float:right;
	margin:0px 0px 10px 10px;
	padding:0;
	}
			
dd.caption {
	font:normal 85% Arial, Helvetica sans-serif;
	margin:3px 0 0 0;
	text-align:center;
	}
	
span.caption {
	font:normal 85% Arial, Helvetica sans-serif;
	margin:0;
	text-align:center;
	}	
	
span.align {
	display:inline-block;
	width:40px;
	}	
	
/*Inquiry forms*/
form {
	border:0px solid #000000;
	display:block;
	margin:-5px 0 0 -40px;
	padding:0;
	position:relative;
	}
	
li.form {
	line-height:150%;
	margin:0;
	padding:0;
	text-align:left;
	}
	
input {
	margin:0 0 3px 0;
	width:79%;
	}

input.small {
	width:100px;
	}
	
input.onethird {
	width:25%;
	}
	
input.half {
	width:38.6%;
	}		

input.twothirds {
	width:52.5%;
	}	
	
input.radio {
	width:15px;
	}	
	
input.checkbox {
	display:inline;
	margin:0;
	width:15px;
	}
	
input.button {
	text-align:center;
	position:relative;
	width:150px;
	}
	
textarea {
	/* height:100px; */
	width:79%;	
	}

/* Footer including "Back to top" and "Next page" buttons */
#footer {
	display:none;
	}
