html {
	margin: 0;
	width:100%;
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 96%;
	-font-size: 101,1%;
	/*height:98%;*/
	width:auto;
	background:#fafafa;
}
p {
	color: #000;
	font-size:69%;
	line-height: 1.4em;
	margin:0.5em 0;
	padding:0;
	line-height: 1.4em;
	margin:0.5em 0;
	padding:0;
}
p.right {
	text-align:right;
	}
.center {
	text-align:center;
	}
a, a:visited {
	color:#c60;
	text-decoration:none;
	}
a:hover, a:focus, a:active {
	color:#007EB9;
	}
a img {
	border:none;
	}
.farb {
	color:#0077b3;
	font-weight:bold;
	}
.farbn {
	color:#0077b3;
	font-weight:normal;
	}
h1, h2, h3, #transp {
	letter-spacing:0.12em;
	/*font-family:Georgia, "Times New Roman", Times, serif; */
	padding:0;
	line-height:1.5em;
	}
h1 {
	margin:0.2em 0.4em 0.5em 3px;
	-padding-left:1px;
	padding: 0.3em 0 0.3em 0;
	font-size: 90%;
}
h2 {
	font-size: 85%;
	font-weight: bold;
	letter-spacing:0.1em;
	margin: 0.3em 0 0.3em 0;
}
h3 {
	font-size: 69%;
	font-weight: bold;
	letter-spacing:0.07em;
	margin: 0.3em 0 0.3em 0;
}
.text_re {
	text-align:right;
	padding-right:3px;
	}
.klear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
	margin:0;
	padding:0;
	}
* html .hasheight, *+html .hasheight {
	height:1%;
	}
.ignore, .hilfsmenu {
     position:absolute;
     left:-3000px;
     width:0px;
     height: 0px;
	 line-height:0;
     overflow:hidden;
     display:inline;
	 background:#ebeae7;
}
.hilfsmenu ul {
	list-style-type:none;
	margin:0;
	padding:5px;
	}
.hilfsmenu li {
	padding:3px 0 3px 0;
	}

/* layout  */

#bodywrap {
	min-width:650px;
	position:relative;
	}
	* html #bodywrap {
		width:expression(document.body.clientWidth < 644? "640px": "auto" );
	}
#header01 {
	position:relative;
	background:#EBEAE7 url(../eisengiesserei-img/heger-guss-8-sand.gif) repeat-x left bottom;
	height:79px;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:#E67B00 1px solid;
}
/*global Menu*/

#global {
	position:absolute;
	z-index:200;
	right:0.5%;
	top:0;
	font-size:69%;
	width:100%;
	height:1.6em;
	margin:-2px 0 0 1px;
	padding:0;
	}
#global ul {
	margin: 0;
	padding: 0;
	}
#global li {
	margin: 0;
	padding: 0;
	list-style:none;
	float:right;
	}
#global li a {	
	display:block;
	margin:0;
	background-color:#f2f2f2;
	color:#333;
	text-decoration: none;
	padding: 0.4em 0.4em 0.2em 0.4em;
	border:#007EB9 solid;
	border-width: 0 0 1px 1px;
	}
#global li a.re {	/* sonst fehlt rechts der Rahmen. Macht man ihn um das re und li, erhält man doppelte Rahmen. macht man dann margin-left:-1px, macht der IE links wieder keinen Rahmen. */
	border-right: #007EB9 1px solid;
	}
#global li a:hover, #global li a:focus, #global li a:active, #global li a.aktiv {
	background-color: #EA9104;
	color:#000;
	font-weight:bold;
	}
#logo {
	position:absolute;
	width:auto;
	height:auto;
	right:1.2%;
	bottom:.6em;
	text-align:right;
	z-index:100;
	background:none;
	}
/*#logo h1, #logo p, #transp, #ueberschrift {
	letter-spacing:0.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0;
	line-height:1.5em;
	}*/
#logo h1 {
	font-size:110%;
	margin:0.1em 0;
	}
#logo p {
	font-style:italic;
	margin:0.5em 0;
	}
#logo img {
	border:none;
	}
#ueberschrift {
	position:absolute;
	left:27%;
	-left:26.6%;
	top:5px;
	z-index:100;
	width:52%;
	text-align:left;
	}
#header02 {
	position:relative;
	background:#95A19B url(../eisengiesserei-img/eisenguss-pan03.jpg) no-repeat;
	height:67px;
	margin:0 0 2px 0;
	padding:0;
	border-bottom:#007EB9 1px solid;
	z-index:20;
}
#transp {
	background-image:url(../eisengiesserei-img/sand.png);
	position:absolute;
	right:0.5%;
	top:0;
	padding:0px 4px 0px 6px;
	letter-spacing:0.15em;
	border:#007EB9 solid;
	border-width: 0 1px 1px 1px;
	}
#transp p {
	line-height:0.8em;
	-line-height:0.5em;
	}
	
	/* Spalten */
	
.artikel {
	position:absolute;
	margin:2px;
	padding:0 0 0 2px;
	-padding:0 0 0 1px;
	border-width:1px;
	border-style:solid;
	border-color:#000;
	}
.a1 {
	left:0.3%;
	width:25%;
	background:#e4f2f9;
	overflow:hidden;
	}
.a2 {
	width:50.1%;
	-width:52.2%;
	left:26.3%;
	-left:25.8%;
	overflow:hidden;
	border:none;
	padding:0 0 10px 0;
	}
.artikel.a2 .wrap {
	border:#000 1px solid;
	position:relative;
	background-color:#fff;
	padding-left:3px;
	padding-bottom:8px;
	-height:1%;
	}
.a3 {
	width:23.3%;
	-width:21.9%;
	left:76.9%;
	-left:78.5%;
	padding:0;
	border:none;
	background-color:#fff;
	}
.a4 {
	width:100%;
	margin:3px 0 0 0;
	padding:0;
	border: #000 1px solid;
	overflow:hidden;
	}
.schwarz {
	background:#000;
	}
.weiss {
	background:#fff;
	}
.hellblau {
	background:#e4f2f9;
	}
.beige {
	background:#f9eedf;
	}
.artikel h2 {
	font-size:76%;
	margin:0.6em 2px 0.4em 2px;
	}
.artikel p {
	margin:0.4em 2px 0.4em 2px;
	}
.a2 p {
	font-size:76%;
	}
.a2 p.klein {
	font-size:69%;
	}
.a2 img {
	margin-top:0.3em;
	margin-right:0.5em;
	margin-bottom:0.6em;
	}
.a1 ul, .a2 ul, .a4 ul {
	margin:0.3em 0 0.7em 14px;
	-margin-left:11px;
	padding:0;
	list-style-image:url(../eisengiesserei-img/pfeil-xs.gif);
	}
.a4 ul {
	padding-left:3px;
	-padding-left:5px;
	}
.a1 ul li, .a2 ul li, .a4 ul li {
	margin:3px;
	padding:0;
	}
.a2 ul li {
	margin:-1px 3px;
	}
	
	/* Hauptinhalt*/
	
#inhaltwrap {
	width:99%;
	overflow:visible;
	position:relative;
	}
#inhaltwrap img {
	border:#000 1px solid;
	float:left;
	-margin-left:-3px;
	font-size: 93%;
	}
.a4 img, .a1 img {
	font-size:69% !important;
	}
#inhaltwrap img.right {
	float:right;
	-margin-right:-3px;	
	margin-left:0.5em;
	}
#inhaltwrap img.ohnerahmen {
	border:none;
	}
#inhaltwrap img.pfeil {
	vertical-align:middle;
	float:none;
	display:inline;
	margin:0;
	margin-bottom:0.45em;
	-margin-bottom:0.2em;
	font-size:86%;
	}
#inhaltwrap .ohnemargin {
	margin:0;
	-margin-left:-3px;
	padding:0;
	}
#inhaltwrap .marginright {
	margin-top:0.3em;
	margin-right:3px;
	}
.inhalt {
	margin: 4px 3px 3px 3px;
	padding:0;
	overflow:visible;
	position:relative;
	}
	*+html .inhalt { /*seit neuestem -jan09- macht der IE7 die Kästen sonst nicht mehr lang genug, nach imgs */
		height:1%;
		}
table {
	border-collapse:collapse;
	empty-cells:show;
	}
table p {
	font-size:69%;
	}
td {
	border:#007EB9 1px solid;
	vertical-align:top;
	padding:0 0 0 2px;
	margin:0;
	}
td.li {
	padding-right:5px;
	width:10%;
	}
#inhaltwrap .inhalt img.gross {
	margin-left:-6px;
	z-index:200;
	}
* html #inhaltwrap .inhalt img.gross {
	margin-left:-9px;
	}
*+html #inhaltwrap .inhalt img.gross {
	margin-left:-3px;
	}
	
	/* Fusszeile Menu */
#menu_unten {
	font-size:59%;
	margin: 1.7em 0 1em 0;
	}
	
.aktivrap { /*keine Ahnung, was das ist - die naechsten beiden hatten das auch davor, warum nur?*/
	margin:2px 3px 2px 2px;
	-margin:2px 3px 0 0;
	overflow:hidden;
	position:relative;
	}
.imgre {
	height:149px;
	max-width:227px;	
	-width:expression(document.body.clientWidth > 900? "222px": "100%" );
	position:relative;
	-margin-bottom:15px;
	}
.imgre img {
	position:absolute;
	right:2%;
	}
.nofloat {
	float:none!important;
	}
.floatdiv {
	float:left;
	margin:2px;
	}
#map {
	width:100%;
	height:500px;
	}
.flv_288x176 {
	border:#000 1px solid;
	width:288px;
	height:176px;
	}
