@charset "utf-8";
/* CSS Document */

body {
	background-color: rgb(255, 240, 136);
	}

body, div, table {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:140%;
	color: rgb(40, 96, 56);
	}

.spacer {
	width:250px;
	height:1px;
	margin:0px;
	padding:0px;
	}

.nichtlieferbar {
	font-weight:bold;
	color:#C00;
	}


h1 {
	color:#fff;
	margin:0px auto;
	padding:0px;
	font-size:18px;
	}
h2 {
	color:#286038;
	font-weight:bold;
	font-size:16px;
	background:url(grafiken/item1.10.gif) no-repeat 0px 3px;
	padding: 0 0 0 15px;
	margin:0 0 15px 0;
	}
h3 {
	color:#286038;
	margin: 20px 0 10px 0;
	padding:0px;
	font-size:15px;
	}		



ul {
	margin:0 0 15px 15px;
	padding:0px;
	}
ul li {
	margin:0 0 3px 0;
	padding:0px;
	line-height:120%;
	}

ul.pfeil {
	margin:0 0 0 15px;
	padding:0px;
	list-style-type:none;
	}

ul.pfeil li {
	padding:0 0 0 8px;
	margin: 0 0 10px 0;
	list-style-image:url(grafiken/pfeil_gruen.gif);
	}
	
table.border1pxgruen {
	width:500px;
	border:1px solid #286038;
	border-spacing:0px;
	padding:0px;
	}
table.border1pxgruen td {
	padding:10px;
	margin:0px;
	}

table.border1pxgruen td.trennlinie {
	padding:3px 7px 3px 7px;
	margin:0px;
	border-bottom:1px dotted #286038;
	}


table.border1pxgruen td table td {
	padding:0px;
	margin:0px;
	}


hr {
	width:100%;
	height:1px;
	size:1px;
	border:0px none;
	margin:20px 0 20px 0;
	}

hr.gruengepunktelt {
	border-top:1px dotted #286038;
	}	
	


table td.tellobild {
	width:250px;
	padding-bottom:10px;
	}
table td.telloartikel {
	background-color:#e0d468;
	border-top:1px solid #FFF088;
	padding: 2px 4px 2px 0;
	text-align:right;
	}
table td.telloartikel .artikelnummer {
	width:440px;
	font-size:0.9em;
	line-height:140%;
	float:left;
	text-align:right;
	padding:0 0 4px 0;
	vertical-align:top;
	}	
table td.telloartikel .euro {
	width:50px;
	font-weight:bold;
	font-size:1.em;
	float:right;
	text-align:right;
	padding:4px 5px 0 0;
	vertical-align:middle;
	}
	
table td.telloartikel-preis {
	background:url(grafiken/pfeil.gif) no-repeat 2px 7px;
	background-color:#e0d468;	
	padding: 2px 0 2px 20px;
	}



/* Neuer Inhaltsbereich    ------------------------------------------------------- */
#website {
	padding:0px;
	margin:0px;
	width:830px;
	height:800px;
	}
#left {
	font-family:Times, serif;
	font-size:1.2em;
	width:   310px;
	float:   left;
	padding: 0 0 0 10px;
	margin:  0px;
	}
#left img.tellofix {
	float:right;
	margin:70px 0 0 0;
	padding:0px;
	border:0px none;
	} 
#left p {
	padding:0px;
	margin:10px 0 0 0;
	}
#left img.wegweiser {
	padding:0px;
	margin:0px;
	border:0px none;
	}	
#left .navi  {
	font-family:Times, serif;
	width: 200px;
	background-color:#286038;
	margin: 0px;
	padding:5px;
	}
#left .navi h3 {
	font-size:1.0em;
	font-style:italic;
	font-weight:normal;
	color:#fff088;
	margin:8px 0 3px 0;
	padding:0px;
	}	
#left .navi ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0px;
	}
#left .navi ul li {
	margin:4px 0 4px 0;
	padding:0px;
	color:#fff;
	list-style:none;
	}	
#left .navi ul li a { 
	background:url(grafiken/navbar1.gif) no-repeat 0px 1px;
	padding: 0 0 0 15px;
	margin:0px;
	display:block;
	color:#fff;
	font-weight:normal;
	font-size:1.1em;
	text-decoration:none;
	}
#left .navi ul li a:hover { 
	text-decoration:underline;
	font-weight:bold;
	}		
	
	
	
#inhalt {
	width:  510px;
	float:  left;
	padding:30px 0 20px 0;
	margin: 0px;
	line-height:130%;
	}
#inhalt h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CC720C;
	font-size:2em;
	font-weight:normal;
	line-height:1.0em;
	margin: 10px 0 15px 0;
	padding:0px;
	}
#inhalt hr.dotted {
	border-top:1px dotted #286038;
	margin: 20px 0 20px 0;
	}		
#inhalt p {
	padding:0px;
	margin: 0 0 10px 0;
	}
#inhalt img {
	border:0px none;
	}	
#inhalt img.left {
	float:left;
	padding:0px;
	margin: 0 10px 0 0;
	}
#inhalt a {
	color:#286038;
	text-decoration:underline;
	}
#inhalt a:hover {
	color:#286038;
	text-decoration:none;
	}		
#inhalt a.shop {
	color:#CC720C;
	font-size:1.3em;
	font-weight:normal;
	line-height:1.0em;
	text-decoration:none;
	}
#inhalt a.shop:hover {
	text-decoration:underline;
	}		




/*  Formular-Formatierungen ------------------------------------------------------- */

input{
	font-size:10px;
	padding:2px;
	margin: 0 5px 0 5px;
	}
input.menge {
	width: 25px;
	text-align:right;
	}	
input.inwarenkorb {
	font-size:10px;
	cursor:pointer;
	padding:2px;
	width:140px;
	}
input.loeschen {
	font-size:11px;
	cursor:pointer;
	padding:2px;
	width:24px;
	}	
form {
	padding:0px;
	margin:0px;
	}	

form small {
	line-height:120%;
	}