body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

/* Navigationsleiste waagerecht oben */
div#navigation	{
	margin: 0 auto;
  padding: 25px 0 2px 0;
  width: 596px;
	right: 10px;
  background: #fff;
}
div#navigation ul	{
  margin: 0 0 0 20px;
	text-align: right;
}
div#navigation ul li	{
  display: inline;
}
div#navigation ul li a {
	margin: 0 10px 0 0;
  font-size: 0.9em; 
  font-weight: bold;
  text-decoration: underline;
  color: #666;
}
div#navigation ul li a:hover	{
  text-decoration: none;
}


/* Hintergrund des gesamten Inhalts */
div#seite {
	background-color: #fff;
	margin: 0 auto;
	width: 596px;
	padding: 0;
	border-top: 1px solid #f60;
	border-right: 1px solid #f60;
	border-left: 1px solid #f60;
}


/* Navigationsleiste senkrecht links */
div#navibox	{
	float: left;
	margin: 40px 0 0 0;
	padding: 0 0 17px 0;
	width: 135px;
	border-right: 1px solid #f60;
	background-color:	#fff;
}
div#navibox ul	{
  margin: 0;
	padding: 0 0 0 0.7em;
  list-style: none;
	line-height: 1.4em; 
}
div#navibox ul li	{
  margin: 0;
  padding: 0;
  display: block;
	font-weight: bold;
	color: #000;
}
div#navibox ul li img	{
	margin: 2px 4px;
}
div#navibox ul li a	{
	margin: 0;
  text-decoration: none;
  color: #666;
}
div#navibox ul li a:hover	{
	text-decoration: none;
}


/* Shoplogo */
div#shoplogo	{
	/*margin: 20px 0 0 13px;*/
	margin: 20px 0 0 10px;
	border: none;
	background-color: #fff;
}


/* Partnerlogo */
div#logo	{
	margin: 15px 0 0 25px;	/*48px*/
	border: none;
	background-color: #fff;
}


/* Inhalt der Seite */
div#main {
	background: #fff;
	padding: 0 18px 60px 157px;
}
div#main h1	{
  margin: 0;
	padding: 10px 0 7px 3px;
  border-bottom: 1px solid #f60;
  font-size: 1.5em;
  letter-spacing: 0.01em;
  color: #666;
}
div#main h2	{
	/*margin: 0 0 -0.85em 0;*/
	padding-top: 0.85em;
	font-weight: bold;
	font-size: 1em;
	color: #666;
	/*background: #abc;*/
}
div#main p	{
 	/*text-align: justify;*/
	line-height: 1.5em;
}
div#main ul	{
	list-style-type: none;
	list-style-image: url(../images/arrow3.gif);
	/*padding-bottom: 5px;*/
	/*background: #cba;*/
}
div#main ul li {
	line-height: 1.5em;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	/*background: #bac;*/
}
div#main a:link,a:visited,a:active	{
  text-decoration: underline;
  color: #000;
}
div#main a:hover	{
  text-decoration: none;
}


/* Validator-Icons Startseite */
#icon	{
	margin: 0 17px 0 13px;
	padding: 0;
	clear: both;
	background: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
}
#icon img	{
	border: none;
}


/* Referenz-Tabelle Seite Referenzen */
table	{
	margin: 0 0 3px -1px;
	padding: 0 0 15px 0;
	width: 418px;
	border-bottom: 1px solid #f60;
}
td img	{
	margin: 0 0 10px 0;
	border: 1px solid #666;
}
td h2	{
	margin: 9px 0;
}
td.cell	{
	height: 3em;
	padding: 0 0 7px 17px;
}


/* Login-Formular und Kontakt-Formular */
input	{
	margin-bottom: 12px;
}
.allgform	{
	background-color: #fff;
	border: 1px solid #f60;
	/*margin-left: 100px;*/
}
.allgbutt	{
	background-color: #fff;
	border: 1px solid #f60;
	width: 120px;
	font-weight: bold;
}


/* Linie für Überschrift in Angeboten */
.line	{
	border-top: 1px solid #f60;
}


/* Text-Sonderformatierungen */
.logo1	{
	font-style: italic;
	text-indent: 1.2em;
}
.logo2	{
	white-space: nowrap;
}
.logo1, .logo2, .logo3	{
	font-size: 1em;
	font-weight: bold;
}
.logo3	{
	font-style: italic;
}


/* Container für News-Feed Startseite */
#feed	{
	width: 420px;
	height: 100px;
	background: #fff;
}


/* Fußzeile */
div#fuss {
	margin: 0;
	padding: 2px 0 2px 7px;
  font: 0.9em Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #fff;
	background: #f60;
	border: 1px solid #f60;
}
div#fuss a	{
  text-decoration: underline;
  color: #fff;
}
div#fuss a:hover	{
  text-decoration: none;
}
div#fuss2	{
	margin: 0 0 50px 0;
}



















/* Liste in Referenzen */
/*	Legende					
				ref     - alle divs der Referenzliste
				tnpic   - Verlinkung, die den das Thumbnail-Bild umgebenden Hyperlink darstellt
				tntitle - Verlinkung, die den die Firmenbezeichnung umgebenden Hyperlink darstellt
				title   - Firmenbezeichnung
				desc    - Beschreibung der Firma
				prog    - Beschreibung der Programmierung
*/
/*			div.ref	{
					margin: 0 0 100px 0;
					padding: 0;
					width: 420px;
					background: #eee;
				}
				div.ref li.title	{
					font: bold Arial, Verdana, sans serif;
					padding: 0;
					border: 1px solid #666;
					background: #ffb;
				}
				a.tntitle	{
					background: #ff0;
				}
				div.ref li.desc	{
					margin: 0;
					width: 300px;
					background: #ccc;
				}
				div.ref li.prog	{
					font-style: italic;
					margin: 0;
					width: 300px;
					background: #ddd;
				}
				div.ref tnpic	{
					float: left;
					background: #aaa;
				}
				a.tnpic img	{
					border: 1px solid #666;
					margin: 3em 0 0 0;
				}
				div.ref ul	{
					margin: 0 0 0 110px;
					padding: 0 0 0 0.5em;
				}
				div.ref li	{
					margin: 0;
					padding: 0;
					list-style: none;
				}
*/


/* Abstanhdhalter rechts */
/*#text {
	background-color: #CCC;
	float: right;
	width: 1px;
	margin: 190px 1px 0 0;
	border: 1px solid #000;
}*/