/*
Theme Name: 	Hoffstätter Bonn - Intertecnica
Theme URI:
Description:
Version: 		0.1
Author:			Stefan Fels, DELTA PLUS GmbH & Co.KG
Author URI: 	http://www.delta-plus.com/
*/

/* general... */
* { border: 0; border-collapse: collapse; empty-cells: show; margin: 0; padding: 0; }
body { font-size: 62.5%; }

:link, :visited, :hover, :active, :focus { text-decoration: none; }

b, strong { font-weight: bolder; }
em, i { font-style: italic; }

address { font-style: normal; }
code, pre { font-family: monospace; }

legend { display: block; }

li, ol, ul { list-style: none; }

object { background-color: #fff; margin: 1em 0; }

input { background-color: #eee; border: 1px solid #999; color: #666; height: 18px; letter-spacing: 1px; margin: 0 0 10px; padding: 3px 3px 0; }
* html input { background-color: #fff; } /* IE6 stuff */
textarea { background-color: #eee; border: 1px solid #999; color: #666; letter-spacing: 1px; margin: 0 0 10px; }
* html textarea { background-color: #fff; } /* IE6 stuff */
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus { background-color: #fff; color: #333; }
button { background: #13cadd url(images/bg-shadow.png) repeat-x 0 50%; border: 1px solid #999; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 1px; margin: 0 0 10px; padding: 2px 4px; }
button:hover, button:active { background-color: #666; }/*#de2814*/
button:focus { background-color: #000; }
button, button * { cursor: default; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

small { font-size: smaller; }

.hilite  { background-color: #f00; color: #333; }
.hilite1 { background-color: #0f0; color: #999; }
.hilite2 { background-color: #00f; color: #333; }
.hilite3 { background-color: #ff0; color: #999; }
.hilite4 { background-color: #0ff; color: #999; }
/* ...general */
/* site specific... */
	/* headlines... */
	h1, h2, h3, h4, h5, h6, caption, #column2 label { font-family: Georgia, serif; font-weight: bold; line-height: 1em; }
		h1 { font-size: 22px; }
		h2 { font-size: 20px; }
		h3 { font-size: 18px; margin: 0 0 .5em; }
		h4 { font-size: 16px; margin: 1em 0 .5em; }
		h5 { font-size: 14px; }
		h6 { font-size: 12px; }
	/* ...headlines */
	/* links... */
	a, a:link { background-color: transparent; color: #003; text-decoration: none; }
	a:visited { background-color: transparent; color: #003; }
	a:hover, a:active, a:focus { background-color: transparent; color: #900; outline: none; text-decoration: none; }
	/* links */
/* ...site specific */
/* layout... */
body { background-color: #fff; color: #003; font-size: 62.5%; }
	#page { font: 11px/20px Georgia, serif; width: 798px; }
		#head { background-color: #fff; height: 117px; width: 100%; }
			#head h1 { background: #26323f url(images/logo-hoffstaetter.gif) no-repeat 51px 17px; float: left; height: 93px; text-indent: -999em; width: 554px; }
			#head h2 { background: #acb2b9 url(images/logo-intertecnica.gif) no-repeat 40px 17px; float: left; height: 93px; text-indent: -999em; width: 212px; }
			#topnav { clear: both; }
				#topnav .left { background-color: #222d39; float: left; height: 24px; position: relative; width: 554px; }
					#topnav .left a { background: transparent url(images/navi/ueber-uns.gif) no-repeat 0 0; display: block; height: 24px; position: absolute; right: 0; text-indent: -999em; width: 97px; }
				#topnav .right { background-color: #99a1a8; float: left; height: 24px; width: 212px; }
					#topnav .right a { background: transparent url(images/navi/kontakt.gif) no-repeat 0 0; display: block; height: 24px; text-indent: -999em; width: 82px; }
	#column1 { background: transparent url(images/linie-oben-ende.gif) no-repeat right 0; }
/*		.postCont { background: #e3e7e8 url(images/linie-oben.gif) repeat-x 0 0; height: 295px; overflow: hidden; padding: 11px 0 0; position: relative; width: 789px; }
			.postCont > * { padding: 40px 70px; width: 400px; }		*/
		.postCont { background: #e3e7e8 url(images/linie-oben.gif) repeat-x 0 0; height: 256px; overflow: hidden; padding: 50px 0 0 68px; position: relative; width: 721px; }
		.postCont.products { padding: 50px 0 0 40px; width: 749px; }
		.postCont.bestellung { padding: 50px 0 0 40px; height: auto; width: 749px; }
			.postCont p { padding: 0 50px 11px 0; }
			.postCont .item { float: left; margin: 0 35px 0 0; text-align: center; }
				.postCont .item p { font-size: 10px; line-height: 14px; }
					.marg28 { margin: 28px 0 0; }
			.postCont img#side { position: absolute; right: 36px; top: 61px; }
			.postCont p#side { left: 554px; position: absolute; top: 61px; }
			.postCont #subNav { bottom: 2px; padding: 0; position: absolute; right: 235px; width: auto; }
				.postCont #subNav .page_item { float: left; }
					.postCont #subNav .page_item a { background-color: transparent; padding: 0 0 0 .5ex; }
					.postCont #subNav .page_item a:link,
					.postCont #subNav .page_item a:visited { color: #003; }
					.postCont #subNav .page_item a:hover,
					.postCont #subNav .page_item a:active,
					.postCont #subNav .page_item a:focus { color: #900; }
					.postCont #subNav .page-item-14 a:after,
					.postCont #subNav .page-item-15 a:after { color: #003; content: ' | ';}
/* form... */
#cformsform { margin: 2em 0 0; }
	#cformsform fieldset { border-bottom: 1px solid #999; margin: 0 0 1em; padding: 0 0 1em; width: 700px; }
	#cformsform fieldset.adresse,
	#cformsform fieldset.lieferadresse { border: 0; float: left; width: 350px; }
	#cformsform fieldset.submit { border: 0; clear: left; }
		#cformsform legend { font-size: 18px; padding: 0 0 .5em; }
		#cformsform select { border: 1px solid #999; }
		#cformsform #reset,
		#cformsform #submit { padding: 0 0 4px; }
		#cformsform dl.left { float: left; margin: 0 20px 0 0; padding: 200px 0 0; width: 180px; }
		#cformsform .orden1 dl.left { background: #fff url(images/bestell-orden/lea-orden.jpg) no-repeat 50% 0; }
		#cformsform .orden2 dl.left { background: #fff url(images/bestell-orden/patrizia-2-orden.jpg) no-repeat 50% 0; }
		#cformsform .orden3 dl.left { background: #fff url(images/bestell-orden/sofia-orden.jpg) no-repeat 50% 0; }
		#cformsform .orden4 dl.left { background: #fff url(images/bestell-orden/patrizia-1-orden.jpg) no-repeat 50% 0; }
		#cformsform .orden5 dl.left { background: #fff url(images/bestell-orden/liamundpascal-orden.jpg) no-repeat 50% 0; }
			#cformsform dl.left dt { float: left; padding: 0 3%; width: 48%; }
			#cformsform dl.left dd { float: left; width: 46%; }
		#cformsform dl.right { float: left; width: 500px; }
			#cformsform dl.right dt { float: left; font-weight: bold; padding: 0 3% 4px 0; text-align: right; width: 20%; }
			#cformsform dl.right dd { float: left; padding: 0 0 4px; width: 77%; }
				#cformsform dl.right dd p { display: inline; left: 5px; position: relative; top: -12px; }
				#cformsform dl.right dd .menge { width: 4em; }
					#cformsform dl.right dl dt { font-weight: normal; padding: 0 5px 0 10px; width: auto; }
					#cformsform dl.right dl dt:first-child { padding: 0 5px 0 0; }
					#cformsform dl.right dl dd { width: auto; }
		#cformsform .adresse dl,
		#cformsform .lieferadresse dl { }
			#cformsform .adresse dl dt,
			#cformsform .lieferadresse dl dt { clear: left; float: left; width: 100px; }
			#cformsform .adresse dl dd,
			#cformsform .lieferadresse dl dd { float: left; }
				#cformsform .adresse dl dd input,
				#cformsform .lieferadresse dl dd input { width: 200px; }
				#cformsform .adresse dl dd #anrede1,
				#cformsform .adresse dl dd #anrede2,
				#cformsform .lieferadresse dl dd #liefer_anrede1,
				#cformsform .lieferadresse dl dd #liefer_anrede2 { background: none; border: 0; width: auto; }
				#cformsform .adresse dl dd #plz,
				#cformsform .lieferadresse dl dd #liefer_plz { width: 46px; }
				#cformsform .adresse dl dd #ort,
				#cformsform .lieferadresse dl dd #liefer_ort { width: 143px; }
				#cformsform .adresse dl dd dl,
				#cformsform .lieferadresse dl dd dl { }
					#cformsform .adresse dl dd dl dt,
					#cformsform .lieferadresse dl dd dl dt { clear: none; width: auto; }
					#cformsform .adresse dl dd dl dd,
					#cformsform .lieferadresse dl dd dl dd { width: auto; }
					#cformsform .adresse dl dd dl dd,
					#cformsform .lieferadresse dl dd dl dd { margin: 0 1em; }
	#cformsform .submit { border-bottom: 0; border-top: 1px solid #999 !important; margin: 1em 0 0; padding: 1em 0 0; }
		#cformsform .submit dl { float: right; }
			#cformsform .submit dl dt { float: right; margin: 0 20px 0 0; }
				#submit { background: transparent url(images/ico-accept.png) no-repeat 3px 50%; padding: 0 0 0 20px !important; }
				#reset { background: transparent url(images/ico-cancel.png) no-repeat 3px 50%; padding: 0 0 0 20px !important; }
	/* IE6... */
				* html #cformsform dl.right dl dt { padding: 0 5px 0 0; }
				*:first-child + html #kundennr { margin: 0 20px 0 0; }
				* html #cformsform dl.right dd p { top: -16px; }
				*:first-child + html #cformsform dl.right dd p { top: -16px; }
	/* ...IE6 */
/* ...form */
	#column2 { background: transparent url(images/linie-unten-ende.gif) no-repeat right 0; width: 798px; }
		#pageNav { background: transparent url(images/linie-unten.gif) repeat-x 0 0; padding: 12px 0 0; width: 789px; }
			.pageNav { background: #26323f url(images/ecke-bonn-n.gif) no-repeat right 0; height: 95px; width: /*765px*/ auto; }
				.pageNav .page_item { background-color: transparent; float: left; }
					.pageNav .page_item a { display: block; height: 95px; text-indent: -999em; }
					.page-item-4 a { background: transparent url(images/navi/medaillen.gif) no-repeat 47px 0; padding: 0 0 0 47px; width: 92px; }
					.page-item-5 a { background: transparent url(images/navi/orden.gif) no-repeat 0 0; width: 64px; }
					.page-item-6 a { background: transparent url(images/navi/karneval.gif) no-repeat 0 0; width: 89px; }
					.page-item-7 a { background: transparent url(images/navi/plaketten.gif) no-repeat 0 0; width: 90px; }
					.page-item-8 a { background: transparent url(images/navi/marken.gif) no-repeat 0 0; width: 75px; }
					.page-item-9 a { background: transparent url(images/navi/abzeichen.gif) no-repeat 0 0; width: 97px; }
					.page-item-10 a { background: transparent url(images/navi/repliken.gif) no-repeat 0 0; width: 82px; }
					.page-item-11 a { background: transparent url(images/navi/bestellen.gif) no-repeat 0 0; width: 82px; }
					.page-item-4 a:hover { background-position: 47px -95px; }
					.page-item-5 a:hover,
					.page-item-6 a:hover,
					.page-item-7 a:hover,
					.page-item-8 a:hover,
					.page-item-9 a:hover,
					.page-item-10 a:hover,
					.page-item-11 a:hover { background-position: 0 -95px; }
	#foot { clear: both; visibility: hidden; }
/* ...layout */