/* Style Sheet zur Positionierung eines drei spaltigem Layouts mit Header und Footer
	Der Inhalt der mittleren Spalte wird als erstes im Quelltext aufgeführt "ContentFirst"
	Die breite der Linken Spalte wird mit em angegeben und erlaubt somit Schritgrößen in em
	Die mittlere und rechte Spalte werden in % angegeben und passen sich so der Darstellungsgröße an.
	Das Layout wird als fluid Bezeichnet und funktioniert ab einer Bildschirmauflösung von 800X600 pixel.
	Für IE habe ich in den HTML-Quelltext über Conditionale Statements (IF) die mindest Breite des Layouts angegeben
	damit die Layouts nicht zerschossen werden wenn der User den Browser stark verkleinert */
	
*{
	margin: 0; padding: 0;
 }
body {
	background: url(navdwn.jpg) repeat-y; 
	font-family: verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; /*wichtig, ansonsten funktioniert die Schriftgrößeneinstellung im Browser (IE) nicht */
	margin-top: 150px;
	}

/* so erhalten wir einen Rahmen rund um den kompletten Inhalt der Website */
#meRahmen-aus{	
	min-width: 900px;	
}

#meHeader { width: 100%;  margin-bottom: 1em;}  
#meHeader h1{	margin: 1em;}

#topWrapper{background:  url(headtop-aus.jpg) repeat-x top left; width: 1000px;  
min-width: 1000px;
position: absolute; top: 0;left:0; }

#header{height: 140px;background: url(cam1.jpg) no-repeat top left;}
* img{border: none;}
img.block{float:left; display: block; margin-bottom: 3em;}
#header a{float: left;}
#hear{ height: 70px;	background:  transparent url(navdwn-aus.jpg) no-repeat 0px -1px; position: relative; width: 100%;
l}
#hear h1{text-align: right;line-height: 12px; font-size: 14px; margin: 5px 1% 3em 20px ;color: white; font-weight: normal;}

/* hält den Container (mit dem Inhalt der mittleren Spalte) und die rechte Spalte */
#contentWrapper{width: 100%;float: right;	position: relative;
	margin-left: -190px;background: transparent;
	}
	
/* hält den Inhalt der mittleren Spale also den Haupttext der Seite und ist somit als erstes im Quelltext des HTML-Dokuments */
#container {
	width: 100%;float: left;
	margin-right: -10px;	/* hält den Platz für die rechte Spalte vor */
	position: relative;background: transparent;}

#meMiddleColumn {
	margin-right: 0px; /* 5% für den Rand zur rechten Spalte */
	margin-left: 220px; /* 1em für den Rand zur linken Spalte */
	background: transparent;	
	line-height:1.5em; width: 700px;
	}

#meRightColumn {
	overflow: hidden;
	margin-top: 144px;
	width: 180px; /* 2% weniger für Rundungsfehler */
	float: left;}
	
#meLeftColumn{
		
	
	position: absolute; top: 140;left:5;
	}

#footer {
clear: both;

margin:20px 30px 0 0px;
background: transparent;
padding: 0.5em 0 0 0;
}

hr {display: block; clear: both; margin: -1.5em 0;
  visibility: hidden;}

	hr {display: block; clear: both; margin: -0.66em 0;
  visibility: hidden;}