/*	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: #FFFFFF; background: url(blank.gif); background-position: top left; background-repeat: repeat-y;  }

/* hält den äusseren Rahmen der Seite */
#aussen { background: url(../images/bg_haupt2.gif); background-repeat: repeat-y; margin: 0 auto; width: 1000px; border: 0px dashed #404040; }
	
/* Kopfbereich mit Breite von 1.000 Pixeln */
#header { background: url(../images/logo.gif); background-position: bottom left; background-repeat: no-repeat; padding: 0px; margin: 0px 0px 0px 0px; width: 1000px; height: 160px; border: 0px solid #123bcd; }


/* Navigationsbereich mit Breite von 1.000 Pixeln */
#navigation {
	background-color: #003068;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	height: 27px;
	border: 0px dashed #123456;
}
#hauptnavi___ {
	background-color: #93151D;
	display: inline;
	position: absolute;	
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 1000px;
	height: 20px;
	border: 0px 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;
}
/* Linker Spaltenbereich */
#linkespalte {
	/*background: url(../images/m1.gif);
	background-repeat: no-repeat;
	background-position: bottom; */
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	width: 190px;
	border: 0px dashed #404040;
}

/* Inhaltsbereich in der Mitte */
#inhalt {
	float: left;
	display: inline;
	position: relative;
	padding: 0px;
	margin-top: 0px;	
	width: 630px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#inhalt_breit {
	float: left;
	display: inline;
	position: relative;
	padding: 0px;
	margin-top: 0px;	
	width: 760px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#daten {
	margin-top: 40px;
	padding: 12px;		
	width: 610px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#daten_breit {
	margin-top: 40px;
	padding: 12px;		
	width: 730px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#daten2 {
	float: left;
	margin-top: 6px;
	padding: 12px;		
	width: 380px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}
#daten_rechts {
	
	float: right;
	display: inline;
	padding: 2px;
	width: 184px;
	margin-top: 25px;
	min-height: 460px;
	*min-height: 460px;
	border: 0px dashed #404040;
}

#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;
}

#spx_li1{	
	float: left;
	display: inline;
	padding: 0px;
	width: 200px;
	border: 0px dashed #404040;
}
#spx_li2{	
	float: left;
	display: inline;
	padding: 0px;
	width: 200px;
	border: 0px dashed #404040;
}
#spx_re1{
	float: right;
	display: inline;
	padding: 0px;
	width: 200px;
	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: 0px 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;
}
/* Fusszeile */
#footer {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 10px;
	border-top: 1px solid #B3B3B3;
}
 .clear { clear: both; background: none; }