@charset "utf-8";
body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #FFFFFF;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000000;
		font-size: 62.5%; /*damit ein em etwa 10px entspricht*/
    }
/* ==================================== CONTAINER ============================= */
    .oneColFixCtrHdr #container {
    	width: 96em; /*960px*/
    	background: #FFFFFF;
    	margin: 0 auto;
		margin-top: 10px;
    	border: 1px solid #000000;
    	text-align: left;
    }
/* ==================================== HEADER ============================= */
    .oneColFixCtrHdr #header {
    	background: #FFFFFF; 
		background-image:url(../images/aquarell_geraete_kleiner.jpg);
		background-repeat: no-repeat;
		background-position: 0px 28px;
		height: 260px;
		padding: 0;
		margin:0;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 150px 40px 0px 560px; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
		text-align: right;
		font-size: 28px;
    }
    .oneColFixCtrHdr #header h2 {
    	margin: 0; 
    	padding: 0px 40px 0px 560px;
		text-align: right;
		font-size: 22px;
	}
	.oneColFixCtrHdr #header #linkleiste {
		margin-left: 62px;
	}
	.oneColFixCtrHdr #header #linkleiste ul {
		margin: 0;
		padding: 0;
		padding-top: 2px;
	} 

	.oneColFixCtrHdr #header #linkleiste ul li {
		list-style: none;
		float: left;
		margin: 0;
		margin-left: 19px;
		padding: 2px;
	}
	

/*======================================================*/
	.oneColFixCtrHdr #header a:link.unsichtbar {
		color: #000000;
		text-decoration: none;
}
	.oneColFixCtrHdr #header a:visited.unsichtbar {
		color: #000000;
		text-decoration: none;
}
	.oneColFixCtrHdr #header a:active.unsichtbar {
		color: #000000;
		text-decoration: none;
}
	.oneColFixCtrHdr #header a:hover.unsichtbar {
		color: #000000;
		text-decoration: none;
}
/*======================================================*/

	.oneColFixCtrHdr #header a:link {
		font-size: 14px;
		color: #660000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #header a:visited {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #header a:active {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}
	.oneColFixCtrHdr #header a:hover {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}

body#start li#start a, body#food li#food a, body#impressum li#impressum a, body#kochbuch li#kochbuch a, body#kurse li#kurse a, body#links li#links a, body#niedrig li#niedrig a {
		color: #990000;
}

/* ==================================== MAIN CONTENT ============================= */
    .oneColFixCtrHdr #mainContent {
    	padding: 0 110px 10px 120px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
    }
    .oneColFixCtrHdr #mainContent h1 {
		font-size: 18px;
		font-weight: bold;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
    .oneColFixCtrHdr #mainContent h2 {
		font-size: 16px;
		font-weight: bold;
	}
    .oneColFixCtrHdr #mainContent h2 {
		font-size: 14px;
		font-weight: bold;
	}
    .oneColFixCtrHdr #mainContent p {
		font-size: 14px;
	}
/*--------main content links --*/
	.oneColFixCtrHdr #mainContent a:link {
		font-size: 14px;
		color: #660000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #mainContent a:visited {
		font-size: 14px;
		color: #660000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #mainContent a:active {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}
	.oneColFixCtrHdr #mainContent a:hover {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}
	.oneColFixCtrHdr #mainContent ul {
		font-size: 14px;
	}

/* ==================================== FOOTER ============================= */
    .oneColFixCtrHdr #footer {
		height: 28px;
    	background:#FFFFFF;
		background-image: url(../images/aquarell_leiste2.jpg);
		background-repeat: no-repeat;
		text-align: right;
		padding: 0;
		margin: 0;
    }
		 
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
		}
	.oneColFixCtrHdr #footer #linkleiste {
		margin-left: 62px;
	}
	.oneColFixCtrHdr #footer #linkleiste ul {
		margin: 0;
		padding: 0;
		padding-top: 4px;
	}

	.oneColFixCtrHdr #footer #linkleiste ul li {
		list-style: none;
		float: left;
		margin: 0;
		margin-left: 19px;
		padding: 2px;
	}
	.oneColFixCtrHdr #footer a:link {
		font-size: 14px;
		color: #660000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #footer a:visited {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}
	.oneColFixCtrHdr #footer a:active {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}
	.oneColFixCtrHdr #footer a:hover {
		font-size: 14px;
		color: #FF3300;
		text-decoration: underline;
	}
	
/* ==================================== VERSCHIEDENES ============================= */

	.floatright {
		float: right;
		margin-left: 60px;
	}
		.floatleft {
		float: left;
		margin-right: 60px;
	}
	
	img {
		border: 0;
		margin-bottom: 10px;
	}
	img.kochbuch {
		margin-right: 2px;
	}
/*===================================== TABELLENFORMATIERUNG ===========================*/
	table.niedrigtemperaturtabelle {
		border: 0;
		border-collapse: collapse;
		background:#FFC195;
	}
	table.niedrigtemperaturtabelle td {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		vertical-align: top;
		padding: 4px;
		border-bottom: 1px dotted #FD4926;

		}
	.dunkler {
		background-color:#FD4926;
	}
	.rotbg {
		background-color:#DD1203;
	}
.kleinlink {
		font-size: 12px;
		font-weight: normal;
}

table.foodstyling {
		border: 0;
		border-collapse: collapse;
}
table.foodstyling a {
		font-size: 12px;
		font-weight: normal;
		color: #3300CC;
}