/*	Basislayout Ihle Hartmetalle GmbH
  		erstellt am 15.07.2008
		Uwe Maier	UM-MEDIA
		uwemaier@gmx.de	
	*/

/* erzwingt den Scrollbalken bei Mozilla-basierenden Browsern */
html { height:100%;  margin-bottom:1px; }

* { padding: 0; margin: 0;}

/*body { font-family: verdana; font-size: 12px; background-color: #000000; } */	
body { font-family: verdana; font-size: 12px;  background: url(../images/hg_neutral.jpg); background-position: top; background-repeat: no-repeat; } 

/* hält den äusseren Rahmen der Seite */
#rahmen { margin: 0 auto; width: 800px; height: 600px; border: 0px dashed #000; background: url(../images/stand.jpg); background-position: top left; background-repeat: no-repeat; }
	
/* Kopfbereich mit Breite von 1.000 Pixeln */
#header {  padding: 0px; margin: 0px 0px 0px 0px; width: 780px; height: 10px; border: 1px solid #123bcd; }


/* Navigationsbereich mit Breite von 1.000 Pixeln */
#navigation {
	background-color: transparent;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 800px;
	height: 27px;
	border: 1px dashed #123456;
}


/* hält den inneren oberen Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Höhe und somit die Dynamik
	- die Spalte mit dem grössten Inhalt gibt die Höhe vor.
*/
#haupt {
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 	background: url(../images/hg_oben.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;	
	width: 100%;
	border: 0px solid #123456;
}


/* Inhaltsbereich in der Mitte */
#inhalt {
	position: relative;
	padding: 0px;
	margin-top: 0px;	
	width: 800px;
	height: 600px;
	border: 0px dashed #124356;
	z-index: auto;
}

#a1{ visibility: hidden; position: absolute; top: 56px; left: 333px; width: 176px; height: 148px; border: 0px dashed #fff; z-index: auto; }
#a2{ visibility: hidden; position: absolute; top: 175px; left: 502px; width: 134px; height: 86px; border: 0px dashed #fff; z-index: auto; }
#a3{ visibility: hidden; position: absolute; top: 283px; left: 502px; width: 191px; height: 177px; border: 0px dashed #fff; z-index: auto; }
#a4{ visibility: hidden; position: absolute; top: 434px; left: 282px; width: 93px; height: 98px; border: 0px dashed #fff; z-index: auto; }
#a5{ visibility: hidden; position: absolute; top: 321px; left: 62px; width: 154px; height: 149px; border: 0px dashed #fff; z-index: auto; }
#a6{ visibility: hidden; position: absolute; top: 181px; left: 73px; width: 190px; height: 137px; border: 0px dashed #fff; z-index: auto; }

#overxxx {
	position: absolute;
	z-index: 2;
	margin-top: 0px;
	padding: 0px;		
	width: 800px;
	height: 60px;
	border: 0px dashed #000000;
}
#ticker {
	position: absolute;
	z-index: 1;
	margin-top: 0px;
	padding: 0px;		
	width: 800px;
	height: 60px;
	border: 0px dashed #000000;
}


#daten {
	margin-top: 40px;
	padding: 12px;		
	width: 610px;
	min-height: 300px;
	*min-height: 300px;
	border: 0px dashed #fff;
}
#sprachauswahl {
	position: absolute;
	top: 550px;
	left: 550px;
	padding: 0px;		
	width: 200px;
	height: 30px;
	border: 0px dashed #fff;
}
#impress {
	position: absolute;
	top: 552px;
	left: 50px;
	padding: 0px;		
	width: 200px;
	height: 30px;
	border: 0px dashed #fff;
}
#daten_2spalten {
	margin-top: 10px;
	padding: 12px;		
	width: 580px;
	min-height: 50px;
	*min-height: 50px;
	border: 0px dashed #404040;
}
#daten_2sp_li{
	
	float: left;
	display: inline;
	padding: 12px;
	width: 270px;
	margin-top: 5px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#daten_2sp_re{
	
	float: right;
	display: inline;
	padding: 12px;
	width: 270px;
	margin-top: 5px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#sp2_li{	
	float: left;
	display: inline;
	padding: 6px;
	width: 250px;
	border: 0px dashed #404040;
}
#sp2_re{
	float: right;
	display: inline;
	padding: 6px;
	width: 250px;
	border: 0px dashed #404040;
}
#sp2_li1{	
	float: left;
	display: inline;
	padding: 6px 0px 6px 0px;
	width: 250px;
	border: 0px dashed #404040;
}
#sp2_re1{
	float: right;
	display: inline;
	padding: 6px 0px 6px 20px;
	width: 250px;
	border: 0px dashed #404040;
}
#sp3_li{	
	float: left;
	display: inline;
	padding: 6px;
	width: 340px;
	border: 0px dashed #404040;
}
#sp3_re{
	float: right;
	display: inline;
	padding: 6px;
	width: 340px;
	border: 0px dashed #404040;
}
/* Rechter Spaltenbereich */
#rechtespalte {
	float: right;
	display: inline;
	position: relative;
	padding: 0px;
	width: 160px;
	min-height: 460px;
	*min-height: 460px;
	border: 3px dashed #404040;
}
#rechtespalte_schmal {
	float: right;
	display: inline;
	position: relative;
	padding: 0px;
	width: 40px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#inhalt_rechts {
	float: right;
	display: inline;
	padding: 0px;
	width: 184px;
	margin-top: 22px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}

/* haelt den inneren unteren Bereich der Seite
	- die einfliessenden Inhalte bestimmen die Hoehe und somit die Dynamik
	- die Spalte mit dem meistsen Inhalt gibt die Hoehe vor.
*/
#unten {
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	margin: 0px;	
	width: 100%;
	border: 0px solid #123456;
}

/* Linker Spaltenbereich */
#untenlinks {
	float: left;
	display: inline;
	padding: 0px;
	width: 190px;
	height: 10px;
	border: 0px dashed #404040;
}

#unteninhalt {
	float: left;
	display: inline;
	position: relative;
	width: 400px;
	padding: 0px;
	border: 0px dashed #404040;
}

/* Rechter Spaltenbereich */
#untenrechts {
	float: right;
	display: inline;
	position: relative;
	padding: 0px;
	width: 190px;
 	height: 10px;
	border: 0px dashed #404040;
}
#untenrechts_schmal{
	float: right;
	display: inline;
	position: relative;
	padding: 20px;
	width: 100px;
 	height: 10px;
	border: 0px dashed #404040;
}

 .clear { clear: both; background: none; }