* {
margin: 0;
padding: 0;
} 

@charset "utf-8";

html, body {
height: 100%;
width: 100%;
}

	body {
	  background-color: #fff;
	  font-size: 12px;
	  font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif;
	  color:#000;  
	  padding:0px;
	  margin:0px;
	}
	#distance {
	  width: 10px;
	  height: 50%;
	  margin-bottom: -300px;
	  float: left;
	  background-color:transparent;
	}
	.twoColFixLtHdr #container { 	
	  text-align: left;
	  padding: 0px;
	  background-color: #fff;
	  margin: 0 auto;
	  position: relative;
	  height: 600px;
	  width: 950px;
	  clear: left;
	  margin-top:10px;
	}

    .twoColFixLtHdr #header { 
		height:200px;
		margin-bottom:15px;
	}
	.twoColFixLtHdr #headercontent {padding: 30px 0 0 30px;}
	.twoColFixLtHdr #header img {width:200px;height:201px;margin:0;border:none;float:right;}
	.twoColFixLtHdr #header #eyecatcher { font-size:22px;margin:0 0 10px 0;letter-spacing:2px;}
	.twoColFixLtHdr #header #eyecatcher1 { font-size:16px;margin:0 0 5px 0;}
	.twoColFixLtHdr #header p {margin:0 0 5px 0;}
	.twoColFixLtHdr #header span {color:#FF6D18;}
	.twoColFixLtHdr #header h3 {font-size:13px;margin:20px 0 0 0;width:700px;line-height:20px;}

    .twoColFixLtHdr #sidebar1 {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 200px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #fff; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
		margin:0;
		padding:0;
    }
    .twoColFixLtHdr #mainContent { 
    	margin: 0 0 0 230px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
    	padding: 15px 0 0 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    } 
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
    }
	
	/* ================================================================
		Allgemeine Textformatierungen 
	=================================================================== */
	a {color:#FF6D18;text-decoration:none;}	
	a:hover {color:#DAB18B;text-decoration:underline;}
	
	p { line-height:18px;}
	/* ================================================================
		Formatierungen Navigation
	=================================================================== */
	#navi {
		width: 200px;
		background-color:#fff;
		margin-top:25px;
		border-top:1px solid #FF6D18;
		}
	ul#navi {
		list-style: none;
		}		
	#navi li {
		margin:0;
		border-bottom:1px solid #FF6D18;
		}
	#navi li a {
		display: block;
		padding: 15px;
		background-color: #fff;
		text-decoration: none;
		border-left: 10px solid #fff;
		width: 100%;
		font-weight:bold;
		}

	html>body #navi li a {
		width: auto;
		}

	#navi li a:hover {
		border-left: 10px solid #FF6D18;
		font-weight:bold;
		color:#000;

		}
		
	#navi a#aktiv {
		border-left: 10px solid #FF6D18;
		background-color: #fff;
		font-weight:bold;
		color:#000;

		}

	/* ================================================================
		Formatierungen Übersicht Startseite
	=================================================================== */
	#uebersicht {margin:10px 0 0 0;height:350px;float:right;}
	#uebersicht .headline {display:block;text-align:center;font-size:20px;font-weight:bold;margin-top:95px;color:#FF6D18}
	#uebersicht .text {font-size:15px;padding:20px;font-weight:bold;text-align:center;display:block;}
	#uebersicht span#bueromoebel {background:url(../img/images/index_moebel.png) no-repeat;background-position:-125px 0px;width:230px;height:350px;border:1px solid #FF6D18;float:left;margin-right:10px;}
	#uebersicht span#buerobedarf {background:url(../img/images/index_buerobedarf.png) no-repeat;background-position:-5px -10px;width:230px;height:350px;border:1px solid #FF6D18;float:left;margin-right:10px;}
	#uebersicht span#druckerzeugnisse {background:url(../img/images/index_druck.png) no-repeat;background-position:-50px 0px;margin-right:0px;width:230px;height:350px;border:1px solid #FF6D18;float:left;margin-right:0px;}
	
	#uebersicht span#bueromoebel:hover {border:1px solid #000;}
	#uebersicht span#buerobedarf:hover {border:1px solid #000;}
	#uebersicht span#druckerzeugnisse:hover {border:1px solid #000;}
	#uebersicht a {color:#A0A097;}
	#uebersicht a:hover {color:#000;text-decoration:none;}

	/* ================================================================
		Formatierungen Impressum
	=================================================================== */
	#impressum {margin:10px 0 0 0;height:350px;float:right;}
	#impressum div {width:230px;height:350px;;border:1px solid #FF6D18;float:left;margin-right:10px;}
	#impressum h2 {text-align:center;font-size:18px;font-weight:bold;margin-top:60px;color:#FF6D18}
	#impressum h3 {text-align:center;font-size:18px;font-weight:bold;margin-top:50px;color:#000;padding: 0px 10px 10px 10px;}
	#impressum ul {list-style-type:none;margin-top:130px;}
	#impressum li {font-size:12px;font-weight:bold;padding:4px 10px;text-align:center;}
	#impressum div#anschrift ul,#impressum div#adresse ul,#impressum div#virtuell ul {margin-top:10px;}
	#impressum div#virtuell{margin-right:0;}

	/* ================================================================
		Formatierungen Druckerzeugnisse.php
	=================================================================== */
	#druckerzeugniss {margin:10px 0 0 0;height:350px;float:right;}
	#druckerzeugniss div {width:230px;height:350px;;border:1px solid #FF6D18;float:left;margin-right:10px;}
	#druckerzeugniss h2 {text-align:center;font-size:18px;font-weight:bold;margin-top:60px;color:#FF6D18}
	#druckerzeugniss h3 {text-align:center;font-size:18px;font-weight:bold;margin-top:0px;color:#000;padding: 0px 10px 10px 10px;}
	#druckerzeugniss ul {list-style-type:none;margin-top:130px;}
	#druckerzeugniss li {font-size:12px;font-weight:bold;padding:4px 10px;text-align:left;text-indent:71px;}
	#druckerzeugniss div#druckverfahren ul,#druckerzeugniss div#weiterverarbeitung ul,#druckerzeugniss div#beispiele ul {margin-top:10px;}
	#druckerzeugniss div#beispiele {margin-right:0;}
	
	
	/* ================================================================
		Formatierungen Kontaktformular
	=================================================================== */
	#kontakt {
		width:520px;
		margin:0 auto;
		}
	fieldset {
		border:1px solid #FF6D18;
		}
	#left {
		float:left;
		width:225px;
		margin-bottom:20px;
		padding:0 10px 10px 10px;
		height:165px;
		}
	#right {
		float:right;
		width:225px;
		margin-bottom:20px;
		padding:0 10px 10px 10px;
		height:165px;
		}
	#unten {
		clear:both;
		padding:0 10px 10px 10px;
		}
	#kontakt ul {
		list-style-type:none;
		}
	legend {
		padding:0 5px;
		color:#FF6D18;
		}
	input {
		width:135px;
		margin:5px 0;
		padding:2px;
		display:block;
		background:#F6EFE9;
		}
	select {
		margin:5px 0;
		padding:1px;
		display:block;
		background:#F6EFE9;
		width:60px;
		}
	select#kunde {
		width:125px;
		}
	textarea {
		padding:2px;
		height:75px;
		width:409px;
		background:#F6EFE9;
		}
	li.first {
		margin-top:10px;
		}
	label {
		margin:3px 0;
		width: 80px;
		display: block;
		float: left;
		clear:both;
		cursor: pointer; 
		}
	input:focus, textarea:focus, select:focus {
		background-color: #E7E7E7;
		}
	input:hover, textarea:hover, select:focus {
		background:#E7E7E7;
		}
	input#betreff {
		width:409px;
		}
	#button input {
		width:500px;
		margin:0 auto;
		margin-top:10px;
		}
	#button input:hover {
		background:#FF6D18;
		}
	em {
		color:red;
		margin:2px;
		font-weight:bold;
		}
	.errorfeld {border:2px solid #CC0000;}
	.errortext {color:#CC0000;font-weight:normal;font-size:12px;margin-left:125px;}
	


	
	



	/* ================================================================
		PNG Fix für IE 5 und 6
	=================================================================== */
	img, div {
 		 behavior: url(img/iepngfix.htc);
		}