/* CSS Document */
/* PRODUKT VORLAGE */
/* enthält styles für alle Produkte */

.produktcontainer {
	width:410px;
	float:left;
	margin:15px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: 2px dotted #999;
	
	}

.produktcontainer img {
	border:none;
	float:left;
	width:125px;
	margin:0px 0px 10px 30px;
	padding:0;
	}

.produkttools {
	width:115px;
	float:left;
	margin:0px 0px 0px 0px;
	/*margin:0px 0px 0px 20px;*/
	padding:0px 0px 0px 30px;
	}

.produkttools a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#00448c;
	display:block;
	width:95px;
	height:15px;
	padding:0px 0px 0px 20px;
	margin:0;
	}

.produkttools a:link {  color:#666; text-decoration:none; }
.produkttools a:visited {  color:#666; text-decoration:none; }
.produkttools a:focus {  color:#00488c; text-decoration:underline; }
.produkttools a:hover {  color:#00488c; text-decoration:underline; }
.produkttools a:active {  color:#00488c; text-decoration:underline; }

.imgenlarge {
	background:url("../../IMAGES/icons/lupe_icon.gif") no-repeat;
	}

.pdfdownload {
	background:url("../../IMAGES/icons/pdf_icon.gif") no-repeat;
	}

.ordernow {
	background:url("../../IMAGES/icons/cart_icon.gif") no-repeat;
	}

.software {
	background:url("../../IMAGES/icons/software_icon.gif") no-repeat;
	}

.produkttools .trenner {
	width:115px;
	height:2px;
	float:left;
	margin:3px 0px 0px 0px;
	padding:0;
	background:url(../../IMAGES/produkttools_trenner.gif) no-repeat;
	}
	
.produkttools p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	}

p.artnr {
	font-size:0.9em;
	color:#999;
	
	}

p.preis {
	font-size:1.1em;
	font-weight:bold;
	color:#666;
	}
p.preis_durchstrich {
	text-decoration:line-through;
	color:#666;
	font-size:0.8em;
	}

p.preis_aktion {
	font-size:1.1em;
	font-weight:bold;
	color:#ff0000;
	}

.produktbeschreibung {
	width:230px;
	float:right;
	}
	
.produktbeschreibung p {
	margin:5px 0px 5px 0px;
	padding:0;
	font-size:1.0em;
	color:#999;
	}

p.bonierung {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	color:#999;
	margin:5px 0px 0px 20px;
	padding:0;
	}
	
.produktcontainer h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	margin:0;
	padding:0;
	border:none;
	}

.produktcontainer h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#999;
	margin:0;
	padding:0;
	}

/*Achtung: Pfeile für List - Items werden je nach Kapitel anders gefärbt !!! */
.produktcontainer ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#999;
	margin:0px 0px 0px 20px;
	padding:0;
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_kassensysteme.gif);
	list-style-position:outside;
	}

.produktcontainer .kassensysteme {
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_kassensysteme.gif);
	}

.produktcontainer .websites {
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_websites.gif);
	}

.produktcontainer .edvdienstleistungen {
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_edvdienstleistungen.gif);
	}

.produktcontainer .printmedien {
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_printmedien.gif);
	}


/* Liste für Schiretz Leistungen  Anfang */
ul.printmedien_schiretz {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	margin:10px 0px 10px 30px;
	padding:0px 0px 0px 30px;
	line-height:170%;
	list-style-image:url(../../IMAGES/icons/gelo_pfeil_printmedien.gif);
	list-style-position:outside;
	}
/* Liste für Schiretz Leistungen  Ende */




/* SCREENSHOT CONTAINER STYLES */
/* enthält styles für die Screenshots der Gastrokassen */

.screenshotcontainer {
	width:410px;
	float:left;
	margin:15px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	background:url(../../IMAGES/produktcontainer_trenner.gif) no-repeat;
	background-position:30px bottom;
	}

.screenshotcontainer img {
	border:none;
	float:left;
	width:125px;
	margin:0px 0px 10px 30px;
	}

.screenshottools {
	width:125px;
	float:left;
	margin:0;
	padding:0px 0px 0px 30px;
	}

.screenshottools a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#00448c;
	display:block;
	width:105px;
	height:15px;
	padding:0px 0px 0px 20px;
	margin:0;
	}

.screenshottools a:link {  color:#666; text-decoration:none; }
.screenshottools a:visited {  color:#666; text-decoration:none; }
.screenshottools a:focus {  color:#00488c; text-decoration:underline; }
.screenshottools a:hover {  color:#00488c; text-decoration:underline; }
.screenshottools a:active {  color:#00488c; text-decoration:underline; }

.imgenlarge {
	background:url("../../IMAGES/icons/lupe_icon.gif") no-repeat;
	}

.backcontainer {
	float:left;
	margin:5px 0px 5px 0px;
	padding:0;
	width:380px;
	}

.back {
	padding:0;
	margin:0;
	/*background:url(../../IMAGES/icons/back_icon.gif) no-repeat;*/
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.05em;
	color:#666;	
	height:18px;
	}

/* visitlink ist nur für Referenzen gedacht. Der Link folgt gleich nach der Beschreibung, deshalb sind alle styles noch einmal angegeben. */
.visitlink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#00448c;
	display:inline;
	width:auto;
	height:15px;
	padding:0px 0px 0px 20px;
	margin:0;
	background:url("../../IMAGES/icons/visitlink_icon.gif") no-repeat;
	background-position:bottom left;
	}
	

.screenshotbeschreibung {
	width:230px;
	float:right;
	min-height:140px;
	}

span.projekt_descript {
	color:#333;
	}

span.projekt_kurztext {
	color:#999;
	}

.screenshotcontainer h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666;
	margin:0;
	padding:0;
	border:none;
	}

.screenshotcontainer h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#999;
	margin:0;
	padding:0;
	}

.screenshotbeschreibung p {
	margin:10px 0px 10px 0px;
	padding:0;
	font-size:1.1em;
	color:#999;
	line-height:150%;
	}