/*	---------------------------------------------------------------
	www.n-p.at
	Standard-Layout-CSS 
	---------------------------------------------------------------	*/

/*	###########
	### Farben ###
	###########	*/
	
	/*		

	*/
	
	
/*	#####################
	### Allgemeine Definitionen	###
	#####################	*/

	* { 
		/* Abstände für alle Elemente auf null setzen */
		padding: 0; 
		margin: 0; 
	}

	html, body{
		/* Seite zentrieren -> IE */
		text-align: center;
		/* minimale Seitenbreite angeben */
		min-width: 770px;		
		/* Hintergrundbild */
		background: url('../images/bg_body.gif') top center repeat-y;
		/* IE-Hack -> minimale und maximale Seitenbreite */
		width:expression(document.body.clientWidth < 770? "770px": "auto" )
	}

	img {
		/* Rahmen aller Bild-Elemente auf null setzen */
		border: 0;
	}

	/* Hack wegen Pixelverschiebung des BG im Firefox 3 */
	html>/**/body, x:-moz-any-link, x:default { position:relative; left:-0.1px; }

/*	##########################
	### Umschließende Elemente der Seite ###
	##########################	*/
	
	/* Äußerer Wrapper (enthält Hintergrundbild mit dem linken Farbverlauf) */
	#outer-wrapper {
		/* Textausrichtung wieder ändern */
		text-align: left;
		/* Seite zentrieren -> Firefox und andere "normale" Browser :-p */
		margin: 0 auto;	
		/* Seitenbreite angeben */
		width: 770px;	

	}

	/* Linker Wrapper */
	#left-wrapper {
		float: left;
		width: 380px; /* Wird überschrieben */
		color: #fff;
	}
	
	/* Rechter Wrapper */
	#right-wrapper {
		float: left;
		width: 380px; /* Wird überschrieben */
	}
	
	
/*	################################
	### Kopfbereich - Logo und Bilder der Standorte ###
	################################	*/		
	
	/* Linker div (enthält das Logo) */
	#header-left {
		float: left;
		width: 100%;	
		text-align: right;
		margin-top: 40px;
	}

	/* Rechter div (enthält das Logo) */
	#header-right {
		float: left;
		width: 100%;
		margin-top: 40px;
	}	
	
	/* Linkes Menü */
	#menu-left {
		float: right;
		width: 159px;	
		text-align: right;
		margin-top: 20px;
	}
	
	/* Rechtes Menü */
	#menu-right {
		float: left;
		width: 100%;	
		margin-top: 20px;
	}
		
	/* Wrapper links */
	#content-left-wrapper {
		float: left;
		width: 100%;	
		text-align: left;
		height: 550px;
		background: url('../images/bg_left.jpg') no-repeat top right;
	}
	
	/* Wrapper rechts */
	#content-right-wrapper {
		float: left;
		/*padding-right: 40px;*/
		padding-right: 0px;
		width: 100%;
		height: 550px;
		background: url('../images/bg_right.jpg') no-repeat top left;
	}
	
	/* Inhalt Links */
	#content-left {
		padding: 0; /* Wird überschrieben */
		text-align: left;
	}
	
	/* Inhalt Rechts */
	#content-right {
		padding: 40px 0px 0px 170px; /* Wird überschrieben */
	}
	
	#footer {
		padding: 40px 0px 20px 170px; /* Wird überschrieben */
	}
	
	/* Tabellen */
	
	table {
		float: left;
		text-align: left;
	}
	
	#content-left table.col,
	#content-right table.col {
		padding: 8px;
		width: 100%;
		background: #161616;
	}
	
	#content-left table.col td,
	#content-right table.col td {
		width: 48%;
		padding: 0px 4px 0px 4px;
	}
	
	table.2col td.col1 {
		
	}