html { 


}

body {
	background-image: url(layout/bg_main.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	background-color:#FFC361;
}

#logo {
	float:left;
	width:850px;
	height:130px;
	background-image: url(layout/coffeeandflavor_logo_mit_slogan.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 35px;
}

table { 
	border-collapse: collapse; 
} 

td { 
	border: 0px #000 solid; margin: 0px; padding: 0px;
} 


#main {
	width:920px;
	height:500px;
	margin-top:0px;
}

#header {
	margin-top:2px;
}

#header-content {
    padding-top:7px;
    clear:both;
}

#links-strip-middle ul{
	margin:0pt;
	padding:0px 11px 0px 0px;
}
#links-strip-middle ul li {
	font-family:verdana, arial;
	font-size:11px;
	float:left;
	line-height:30px;
	color:#ffd257;
	padding-left:10px;
	padding-top:0px;
	margin-top:0px;
	list-style-type:none;
	list-style-image:none;

}
#links-strip-middle {
	float:left;
	background-image: url(layout/links_strip_middle.png);
	background-repeat: repeat-x;
}
#links-strip-left {
	float:left;
	width:6px;
	height:30px;
	background-image: url(layout/links_strip_left.png);
	background-repeat: no-repeat;
}
#links-strip-right {
	float:left;
	width:6px;
	height:30px;
	background-image: url(layout/links_strip_right.png);
	background-repeat: no-repeat;
}




a:active {
	outline: none;
}


a.home-link {
	float:left;
	background-image: url(/layout/home_icon.png);
	background-repeat: no-repeat;
	display:block;
	width:23px;
	height:20px;
	margin-top:8px;
	margin-right:4px;
}


a.home-link:hover {
	background-image: url(/layout/home_icon.png);
	background-position:-23px -0px;
}


#main-page-canvas {
    clear:both;
	padding-top:13px;
}
#main-page-canvas-left {
    float:left;
	width:16px;
	height:200px;
	background-image: url(layout/bg_banner_top_r1_c1.png);
	background-repeat: no-repeat;
}
#main-page-canvas-middle {
    float:left;
	xcolor:#ffffff;
	xfont-family:verdana, arial;
	width:888px;
	height:200px;
	background-image: url(layout/bg_banner_top_r1_c2.png);
	background-repeat: repeat-x;
	xpadding:0px 10px 0px 10px;
	xline-height:32px;
}
#main-page-canvas-right {
    float:left;
	width:16px;
	height:200px;
	background-image: url(layout/bg_banner_top_r1_c3.png);
	background-repeat: no-repeat;
}



/* Hauptcontainer für Inhalt der Seite  */

	#canvas {
		margin-top:12px;
		margin-bottom:12px;
		margin-left:0px;
		margin-right:0px;
		float:left;
		width:866px;
		background-color:#ffffff;
		border:7px solid #d6d8dc;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;	
		text-align:left;
		padding:20px 20px 20px 20px;
	}
	
	#canvas td {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 0.9em;
		color:#404040;
		padding-right: 10px;
	}
	
	#canvas a:hover {
		color:#97bcd4;
		text-decoration:none;
	}

/* ++++++++++++++++++ */




h3 {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    margin:0px;
    padding:0px;
	color:#E6571D;
	font-weight:normal;
	font-size: 1.1em;
}


h2 {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    margin:0px;
	margin-bottom:15px;
    padding:0px;
	font-size: 1.1em;
	color:#E6571D;
	font-weight:normal;
	border-bottom:1px solid #dedede;
}

h1 {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    margin:0px;
	margin-top:15px;
	margin-bottom:15px;
    padding:0px;
	font-size: 1.2em;
	color:#E6571D;
	font-weight:normal;
	border-bottom:1px solid #dedede;
}


p {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 0.9em;
	color:#404040;
}


a {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 0.9em;
	color:#E6571D;
	text-decoration:none;
}
a:visited {
	color:#E6571D;
	
}
a:hover {
	text-decoration:underline;
	color:#E6571D;
}


ul {
	padding:0px 0px 0px 25px;
	margin:4px 0px 0px 0px;
}

li {
	padding:0px;
	margin:4px 0px 0px 0px;
	list-style-image:url(layout/circle.png);
}

hr {
	color: #dedede;
}



.button {
	border:1px solid #123456;
	cursor:pointer;
}

.a_link_button {
	border:1px solid #123456;
	cursor:pointer;
	width: 70px;
	text-decoration: none;
}


	
/* Hauptnavigation inkl. Hintergrund */

	#menu-topnav {
		float:left;
		padding-top:0px;
	}
	
	#menu-topnav ul li a {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size:0.9em;
		float:left;
		line-height:30px;
		color:#FFFFFF;
		padding-top:0px;
		margin-top:0px;
		list-style-type:none;
	}
	
	#links-strip-middle-topnav ul{
		margin:0pt;
		padding:0px 11px 0px 0px;
	}
	#links-strip-middle-topnav ul li {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 0.9em;
		float:left;
		line-height:30px;
		color:#FFFFFF;
		padding-left: 5px;
		padding-right: 5px;
		padding-top:0px;
		margin-top:0px;
		list-style-type:none;
		list-style-image:none;
	}
	#links-strip-middle-topnav {
		float:left;
		background-image: url(layout/bg_hauptnav_r1_c2.png);
		background-repeat: repeat-x;
	}
	#links-strip-left-topnav {
		float:left;
		width:10px;
		height:30px;
		background-image: url(layout/bg_hauptnav_r1_c1.png);
		background-repeat: no-repeat;
	}
	#links-strip-right-topnav {
		float:left;
		width:10px;
		height:30px;
		background-image: url(layout/bg_hauptnav_r1_c3.png);
		background-repeat: no-repeat;
	}

/* ---- ENDE ---- */

/* ---- Marken am Ende der Seite ----*/

#marken {
	background-image: url(layout/banner_marken_hg_unten.png);
	background-repeat: repeat-x;
	margin-top:5px;
	padding-top: 4px;
	float:left;
	width:920px;
	height: 100px;	
	text-align:left;
	
}

#marken table {
	
	padding-top: 2px;
	width:920px;
	height: 90px;	
}


/* Fußzeile am unteren Seitenrand */

	#footer {
		clear:both;
		text-align:middle;
		
		padding-bottom:10px;
	}
	
	.footer-text{ 
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size:11px;
		color:#E6571D;
	}

/* +++++++++++++++++++*/


/* Infobox am rechten Seitenrand */

	div#Infobox {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 0.9em;
		float: left;
		width: 200px;
		margin: 0;
		padding-left: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 10px;
		margin-bottom: 20px;
		border: 1px dashed silver;
		background-color: #eee;
		margin-right: 20px;
	  }
	
	div#Infobox strong {
		font-size: 1.1em;
		margin: 0.2em 0.5em;
	  }
	
	div#Infobox p {
		font-size: 1em;
		margin: 0.5em;
	}
	
	
	div#Infobox a {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 1em;
	color:#E6571D;
	text-decoration:none;
	margin-bottom: 30px;
	}

	div#Infobox a:hover {
		text-decoration:underline;
	}
	
	
	div#Infobox ul {
	padding:0px 0px 0px 25px;
	margin:4px 0px 0px 0px;
	}

	div#Infobox li {
	padding:0px;
	margin:4px 0px 0px 0px;
	list-style-image:url(shop/symbole/bullet_bohne.gif);
	}

/* ++++++++++++++++ */


/* Bild Endkunde Startseite  */

	div#img_endkunde {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 0.9em;
	float: left;
	width: 220px;
	padding: 0;
	margin-top:10px;
	margin-bottom: 20px;
	border: 1px dashed silver;
	background-color: #eee;
	margin-left: 120px;
	  }
	
	div#img_endkunde h2 {
		font-size: 1.1em;
		margin: 0.2em 0.5em;
	  }
	  
	
	div#img_endkunde img {
		margin-left: 27px;
		margin-right: 27px;
		margin-bottom: 27px;
		margin-top: 10px;
		border:none;
	  }  
	
/* ++++++++++++++++ */


/* Bild Gewerbekunde Startseite  */

	div#img_gewerbekunde {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 0.9em;
	float: right;
	width: 220px;
	padding: 0;
	margin-top:10px;
	margin-bottom: 20px;
	border: 1px dashed silver;
	background-color: #eee;
	margin-right: 120px;
	  }
	
	div#img_gewerbekunde h2 {
		font-size: 1.1em;
		margin: 0.2em 0.5em;
	  }
	
	div#img_gewerbekunde img {
		margin-left: 27px;
		margin-right: 27px;
		margin-bottom: 27px;
		margin-top: 10px;
		border: none;
	  }  

/* ++++++++++++++++ */


/* Bild Espresso Top 50 Startseite  */

	div#espressoTop50 {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 0.9em;
	float: center;
	width: 220px;
	padding: 0;
	margin-top:270px;
	margin-bottom: 20px;
	border: none;
	margin-right: 120px;
	  }
	
	
	div#espressoTop50 img {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		border: none;
	  }  

/* ++++++++++++++++ */


/* Aufzählung der Artikel in der Hauptgruppe */

	div#p_hauptgruppe {
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
		font-size: 0.9em;
		float: left;
		width: 450px;
		margin: 0;
		padding-left: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-top: 10px;
		margin-top: 10px;
		margin-bottom: 20px;
		border: 1px dashed silver;
		background-color: #eee;
		margin-right: 20px;
	  }
	
	div#p_hauptgruppe strong {
		font-size: 1.1em;
		margin: 0.2em 0.5em;
	  }
	
	div#p_hauptgruppe p {
		font-size: 1em;
		margin: 0.5em;
	}
	
	
	div#p_hauptgruppe a {
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 1em;
	color:#E6571D;
	text-decoration:none;
	margin-bottom: 30px;
	}

	div#p_hauptgruppe a:hover {
		text-decoration:underline;
	}
	
	
	div#p_hauptgruppe ul {
	padding:0px 0px 0px 25px;
	margin:4px 0px 0px 0px;
	}

	div#p_hauptgruppe li {
	padding:0px;
	margin:4px 0px 0px 0px;
	list-style-image:url(shop/symbole/bullet_bohne.gif);
	}

/* ++++++++++++++++ */