/* ------------------------------------------------------------
   Roesterei Nordlicht  |  Stylesheet
   erstellt 03/2012 von WebService Petersen, Hamburg-Harburg
   letzte Aenderung: 14.11.2024 (Link "Datenschutz" im Footer)
   ------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background-color: #c9bda8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3a3126;
}

a { color: #1155cc; }
a:hover { color: #cc6600; }

#wrapper {
	width: 920px;
	margin: 14px auto 24px auto;
	background-color: #fdfbf5;
	border: 1px solid #8f7f63;
	-webkit-box-shadow: 0 0 16px rgba(60, 45, 20, 0.5);
	-moz-box-shadow: 0 0 16px rgba(60, 45, 20, 0.5);
	box-shadow: 0 0 16px rgba(60, 45, 20, 0.5);
}

/* --- Kopfbereich --- */
#header {
	padding: 20px 25px 16px 25px;
	background: #6d4423;
	background: -webkit-gradient(linear, left top, left bottom, from(#96652f), to(#5b3a1a));
	background: -moz-linear-gradient(top, #96652f, #5b3a1a);
	background: linear-gradient(to bottom, #96652f, #5b3a1a);
	border-bottom: 3px solid #3d2712;
}
#header h1 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 32px;
	font-weight: bold;
	color: #f9efd9;
	letter-spacing: 1px;
	text-shadow: 2px 2px 4px #2a1707;
}
#header .slogan {
	margin-top: 4px;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
	color: #ecd9ae;
	text-shadow: 1px 1px 2px #2a1707;
}

/* --- Navigation --- */
#navbar {
	background: #e8d9b8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4ead2), to(#d5bf94));
	background: -moz-linear-gradient(top, #f4ead2, #d5bf94);
	background: linear-gradient(to bottom, #f4ead2, #d5bf94);
	border-bottom: 2px solid #8a6d45;
}
#navbar a {
	display: block;
	float: left;
	padding: 7px 16px;
	border-right: 1px solid #b39a6e;
	font-size: 11px;
	font-weight: bold;
	color: #4a2f14;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff8e8;
}
#navbar a:hover { background-color: #c9a86b; color: #2d1a08; }
#navbar a.aktiv { background-color: #bf9c5e; }

/* --- Inhaltsbereich --- */
#content {
	float: left;
	width: 600px;
	padding: 15px 20px 25px 25px;
}
#content-voll {
	padding: 15px 25px 25px 25px;
}
#sidebar {
	float: right;
	width: 225px;
	padding: 15px 15px 25px 15px;
	background-color: #f6efdd;
	border-left: 1px dashed #bfa984;
}

.breadcrumb {
	font-size: 10px;
	color: #8a7a5f;
	margin-bottom: 10px;
}
.breadcrumb a { color: #8a7a5f; }

h2 {
	clear: right;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	font-weight: bold;
	color: #6b4423;
	border-bottom: 1px solid #d5c49e;
	padding-bottom: 3px;
	margin: 24px 0 8px 0;
}
h2.erste { margin-top: 4px; }

p {
	line-height: 1.5;
	text-align: justify;
	margin: 8px 0;
}

ul.sortiment { margin: 8px 0 8px 20px; padding: 0; }
ul.sortiment li { margin-bottom: 6px; line-height: 1.45; }

.hinweis {
	background-color: #fbf3d9;
	border: 1px solid #d9c48a;
	padding: 8px 10px;
	font-size: 11px;
	margin: 10px 0;
}

/* --- "Fotos" --- */
.fotobox {
	float: right;
	width: 250px;
	margin: 4px 0 10px 15px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #a29276;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.fotobox .bild { height: 150px; border: 1px solid #8f8064; }
.bild-roester { background: #a97d4b; background: radial-gradient(circle at 35% 30%, #c59a63, #6f4a24 85%); }
.bild-cafe    { background: #b59a6a; background: radial-gradient(circle at 60% 35%, #d9c9a2, #7d6238 85%); }
.bild-bohnen  { background: #7a5228; background: radial-gradient(circle at 50% 40%, #8a5f33, #40260f 85%); }
.fotobox .caption {
	font-size: 10px;
	font-style: italic;
	color: #6d5f49;
	text-align: center;
	margin-top: 4px;
}

/* --- Sidebar --- */
#sidebar h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fdf6e4;
	background: #96713d;
	background: -webkit-gradient(linear, left top, left bottom, from(#a97e46), to(#8a6234));
	background: -moz-linear-gradient(top, #a97e46, #8a6234);
	background: linear-gradient(to bottom, #a97e46, #8a6234);
	border: 1px solid #6e4d26;
	padding: 5px 9px;
	margin: 18px 0 8px 0;
	text-shadow: 0 -1px 0 #5b3d1c;
}
#sidebar h3.erste { margin-top: 2px; }

.news p {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px dotted #c4ae82;
	padding-bottom: 6px;
	margin: 6px 0;
}
.news .datum { font-weight: bold; color: #8a2b1e; }

table.zeiten {
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
}
table.zeiten td {
	padding: 3px 2px;
	border-bottom: 1px dotted #cbb894;
}
td.z-tag { font-weight: bold; }

.tipp {
	font-size: 11px;
	background-color: #efe6cc;
	border: 1px solid #cdb98c;
	padding: 8px;
	text-align: left;
	line-height: 1.45;
}

.top { text-align: right; font-size: 10px; margin: 14px 0 0 0; }
.top a { color: #8a6d45; }

/* --- Fusszeile --- */
#footer {
	clear: both;
	padding: 10px 20px 12px 20px;
	background: #46351f;
	background: -webkit-gradient(linear, left top, left bottom, from(#55422a), to(#382916));
	background: -moz-linear-gradient(top, #55422a, #382916);
	background: linear-gradient(to bottom, #55422a, #382916);
	border-top: 2px solid #2c1f10;
	color: #d9c7a2;
	font-size: 10px;
	text-align: center;
}
#footer a { color: #f0dfb4; }
#footer p { margin: 4px 0; text-align: center; }
.klein { color: #a3906c; font-size: 9px; }