/* 
=======================================================================
Layout by Information Concept www.information-concept.de
Tim Würl 21.03.2006
=======================================================================
*/

	@import "styles_format.css";
	@import "styles_sonstige.css";
	@import "tt_news_v2_styles.css";

/* 
=======================================================================
ALLGEMEINES
=======================================================================
*/

body {
	background-color: #333333;
	font-family: Arial;
	font-size: 12px;
	color: #000000; 
	}



/* 
=======================================================================
POSITIONIERUNGSHILFEN BOX
=======================================================================
*/

.box_site {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 800px;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -400px;

	border: solid 1px #fe796a;
	}

.box_content {
	overflow: auto;
	background-image: url('images/site_background.jpg');
	width: 100%;
	}



/* 
=======================================================================
HEADER
=======================================================================
*/

.head_top {
	height: 242px;
	background-image: url('images/header_grafik.jpg');

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

/* 
=======================================================================
MENUE
=======================================================================
*/

.navigation_top {
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: -390px;
	z-index: 30;
	height: 20px;
	
	font-family: Arial; 
	color: #b2b2b2; 
	font-size: 11px;

	}

.navigation_left {
	overflow: hidden;

	float: left;
	width: 140px;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;

	border-top: solid 1px #FFFFFF;

	display: inline; /* IE verdoppelt den margin eines Floats in float-Richtung! Bei Floats verdoppelt der Internet Explorer ein margin, das in Floatrichtung eingefügt wird. Bei einem nach links gefloateten Element mit einem margin-left von 10px macht der IE daraus 20px.
						Lösung: Einem Float mit margin in Floatrichtung immer ein “display: inline;” hinzufügen. Indem ein Element gefloatet wird, wird es automatisch Blockelement. Die Eigenschaft “display: inline” ändert daran nichts. Sie wird ignoriert. Einziger Effekt: im IE wird die fehlerhafte Verdoppelung des margins behoben.*/

	/* min-height:500px /*Keine Unterstützung im IE*/
	}



/* 
=======================================================================
CONTENT
=======================================================================
*/

.content {
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 0px;
	padding-left: 170px;
	}



/* 
=======================================================================
FOOTER
=======================================================================
*/

.footer {
	background-image: url('images/footer.jpg');
	height: 45px;  
	}




/* 
=======================================================================
Siteoptions
=======================================================================
*/

.siteoptions {
   padding-bottom: 15px;
   padding-top: 0px;
   padding-right: 0px;
   margin: 0px;
   text-align: right;
	}



















/* 
=======================================================================
AB HIER NICHT BENUTZT // AB HIER NICHT BENUTZT // AB HIER NICHT BENUTZT
=======================================================================

=======================================================================
Absolut gesetzte Positionierungen
=======================================================================
*/



div.logo {
   position: absolute;
   padding: 0px;
   top: 0px;
   left: 50%;
   margin-left: -480px;
   z-index: 2;
   width: 180px;
   height: 110px;
}

												/* Hier wird nur für den IE das Logo einen Pixel nach rechts verschoben */
												/* Hide from IE5-mac. Only IE-win sees this. \*/
												* html div.logo {width: 182px;}
												/* End hide from IE5/mac */