* { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
body { text-align: center; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #90A7D5; }
a img { border: none; }
strong { font-weight: bolder; }

#index { width: 691px; margin: 0 auto; text-align: left; display: block; clear: left; }

#header { width: 100%; height: 117px; border-top: 0.3em solid #4D5D80; border-right: 0.3em solid #4D5D80; }

#header #navigation table, #header #navigation table tr, #header #navigation table tr td { margin:0; padding:0; border-collapse:collapse;}

	#header #navigation dl { float: left; margin: 0; text-align: center; border-left: 3px solid #4D5D80; }
		#header #navigation dl dt { margin: 0; }
			#header #navigation dl dt img { margin: 0; }
		#header #navigation dd { background: url(../images/navbar.gif) repeat-x; height: 20px; }
			#header #navigation dl dd a { font-size: 1.5em; text-decoration: none; display: block; color: #FFF; }

		#edelstahlverarbeitung { width: 128px; }
		#fenstergitter { width: 118px; }
		#gelaender { width: 141px; }
		#vordaecher { width: 144px; }
		#zaeune { width: 145px; }

#main { clear: left; float: left; margin-top: -0.5em; padding: 0; width: 688px; background-color: #FFF; border-right: 0.3em solid #FFF; display: block; height: 80%; border: 0.3em solid #4D5D80; }

#main #subnavigation { border-right: 0.2em dotted #4D5D80; margin: 1em 0; font-size: 1.3em; width: 14em; position: absolute; }

	#main #subnavigation dl { display: block; margin-left: 15px; }
		#main #subnavigation dl dd { display: none; }

	#main #subnavigation ul { font-size: 1.4em; line-height: 2em; margin: 1em; padding: 0; list-style-type: none; }
		#main #subnavigation ul li a { width: 99.99%; display: block; text-align: left; text-decoration: none; color: #000; }
		#main #subnavigation ul li a#current, #subnavigation ul li a:hover{ background-color: Silver; }
		
	#main #subnavigation p { margin: 0 auto; width: 13em; text-align: center; }


#main #content { margin: 0 1em; font-size: 1.3em; float: right; width: 37em; }

	#main #content ul { font-size: 1.2em; line-height: 2em; margin-left: 4em; font-style: italic; }
	#main #content ul li:hover { list-style: circle; }
	
	#main #content h1, #main #content h2, #main #content h3 { margin: 0.5em 0.5em; color: #4D5D80; font-weight: bolder; }
	#main #content h1 { font-size: 1.6em; text-align: right; margin-right: 1em; }
	#main #content h2 { font-size: 1.4em; }
	#main #content h3 { font-size: 1.2em; }
	
	#main #content p { text-align: justify; padding: 0.5em 1em; font-size: 1.2em; line-height: 1.5em; }
		#main #content p strong { font-weight: bolder; }
	
	#main #content form { width: 35em; margin: 2em; }
		#main #content form fieldset { padding: 0.5em; display: block; border: 0.2em solid #4D5D80; }
			#main #content form fieldset legend { font-weight: bolder; }
			#main #content form fieldset label { font-weight: bolder; }
			#main #content form fieldset label.masse { width: 70px; float: left; }
			#main #content form fieldset label.extras { width: 150px; float: left; }
			#main #content form fieldset input { display: block; margin: 0.5em 0.5em; padding: 0.5em; font-size: 1.2em; border: 0.2em solid #4D5D80; }
			#main #content form fieldset#buttons input { display: inline; margin: 0.2em 0.5em; }
			#main #content form fieldset textarea { display: block; margin: 0.5em 0.5em; padding: 0.5em; font-size: 1.2em; border: 0.2em solid #4D5D80; }

#index hr { clear: both; display: block; height: 0; width: 0; }

.fleft { float: left; }
.cleft { clear: left; }