/*
Der Body der Seite
*/

#body		{
	font-family:Tahoma;
	background-image: url("img/hoehnstedt.jpeg");
	background-position: 10px 110px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color:#538235;
}

/*
Der Hauptteil der Seite
*/

#main		{
	width:99%;
	border:0px solid yellow;
	position:absolute;
}

img		{
	loading:lazy;
}

/*
Das Menu inkl. Submenu
*/

#menu	{
	width:350px;
	height:100px;
	padding:0px;
	spacing:0px;
	background-image: url("img/logo_100.png");
	background-repeat: no-repeat;
	background-size: auto;
	border:0px solid red;
	position:fixed;
	background-color: white;
	opacity: 0.9;
}

#slogan	{
	width:100%;
	height:100%;
	border:0px solid red;
	position:fixed;
	color:white;
	font-size:32pt;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	vertical-align:bottom;
}

#slogan table {
	width:100%;
	height:100%;
}

#slogan td {
	font-style:normal;
	height:100%;
	vertical-align:bottom;
	padding-bottom:20px;
}

#submenu	{
	top:110px;
	width:350px;
	height:530px;
	padding-top:10px;
	border:0px solid blue;
	display:inline;
	text-align:left;
	position:absolute;
	background-color: white;
	opacity: 0.9;
	font-size:18pt;
	font-weight:bold;
	font-style:normal;
}

#submenu hr	{
	width:100px;
	margin-left:0px;
	margin-top:10px;
	border-color:#538235;
}

#submenu td	{
	padding-left:10px;
	cursor:pointer;
}

/*
Das Klimapanel
*/

#current	{
	border:0px solid red;
	display:none;
	position:absolute;
	width:100%;
	height:600px;
	top:650px;
	left:0px;
	background-color:#f7f7f7;
	opacity:1;
	z-index:2;
}

#databox	{
	border:0px solid black;
	position:relative;
	color:#53564b;
	text-align:center;
	height:400px;
	color:black;
}

#databox_img {
	width:100px;
	text-align:center;
}

#databox_name {
	font-size:18pt;
	width:300px;
	vertical-align:bottom;
	text-align:left;
	font-weight:bold;
}

#databox_ausgabe {
	font-size:22pt;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	width:200px;
	vertical-align:bottom;
}

#databox_einheit {
	font-size:16pt;
	width:100px;
	vertical-align:bottom;
}

#databox table 	{
	padding-top:0px;
	border:0px solid yellow;
	spacing:0px;
	width:100%;
	text-align:center;
}

#databox tr		{
	vertical-align:middle;
}

#databox td {
	padding-top:20px;
}

#databox h1		{
	text-align:center;
	font-size:16pt;
	padding-top:10px;
}

#databox h2		{
	text-align:right;
	font-size:12pt;
	font-weight:normal;
	padding-top:0px;
	padding-right:5px;
	vertical-align:top;
	border:0px solid red;
	spacing:0px;
}

/*
Die Fußzeile vom Klimapanel
*/

#fuss		{
	position: absolute;
	top:520px;
	right:10px;
}

#fuss h2	{
	font-size:16pt;
}

/*
Das Diagramm
*/

#chart_temp	{
	width:100%;
	height:600px;
	top:650px;
	left:0px;
	position:absolute;
	padding:0px;
	spacing:0px;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:1;
}

#databox_chart	{
	border:0px solid black;
	position:relative;
	font-family:Tahoma;
	color:#53564b;
	text-align:left;
	padding-top:0px;
	box-sizing: border-box;
}

/*
Weinkeller Zwenkau
*/

#vlz1	{
	width:75%;
	height:75%;
	left:363px;
	top:110px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:0.9;
}

/*
Weinkeller Kabelsketal
*/

#vlk1	{
	width:75%;
	height:75%;
	left:363px;
	top:110px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:0.9;
}


/*
Wer wir sind
*/

#we_are	{
	width:75%;
	height:75%;
	left:363px;
	top:110px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:0.9;
}

#we_are h1	{
	text-align:center;
	font-size:16pt;
	padding-top:10px;
	text-decoration:none;
}

#we_are h2 {
	font-size:16pt;
	font-weight:normal;
	font-style:italic;
}
	
#we_are td {
	text-align:left;
	padding:10px;
}

/*
Weinberg
*/

#weinberg	{
	width:65%;
	height:75%;
	left:363px;
	top:110px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:0.9;
	overflow-y:scroll;
}
	
#weinberg td {
	text-align:left;
	padding:10px;
	vertical-align:top;
}

/*
Cookies
*/

#category_cookies {
	display:inline;
	width:100%;
	height:500px;
	position:absolute;
	top:690px;
	left:10px;
	background-color:window;
	opacity:100%;
	border:1px solid black;
	overflow:auto;
	text-align:justify;
	font-family:Tahoma;
	z-index:10;
	vertical-align:text-top;
}

#category_cookies h3 {
	font-size:20pt;
	text-align:center;
}

/*
Unsere Weine
*/

#unsere_weine	{
	width:65%;
	height:75%;
	left:363px;
	top:110px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:0.9;
	overflow-y:scroll;
}

#unsere_weine table {
	text-align:left;
	padding:10px;
	vertical-align:top;
}
	
#unsere_weine td {
	padding:10px;
	vertical-align:top;
	border:1px solid darkgray;
	font-size:10pt;
}

#zahlung {
	border:0px;
	font-size:10pt;
	text-align:left;
}

#zahlung td {
	border:0px;
	font-size:10pt;
	text-align:left;
	padding:0px;
}

/*
Die Weinregalvermietung
*/

#rental	{
	width:100%;
	height:600px;
	left:8px;
	top:660px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:0px solid #f7f7f7;
	opacity:1;
}

#rental h1	{
	text-align:center;
	font-size:20pt;
	padding-top:10px;
	text-decoration:none;
}

#rental_content {
	width:100%;
	vertical-align:top;
	position:absolute;
	top:80px;
	text-align:left;
	font-size:14pt;
}

#rental table {
	width:100%;
	padding-left:20px;
	padding-right:20px;
}

#rental td {
	width:50%;
	vertical-align:top;
	padding-top:0px;
}

#rental th {
	text-align:left;
	color:#538235;
}

#rental li {
	padding-top:5px;
}

#betonung {
	color:#538235;
	font-size:24pt;
}

#rental_kopf {
	position:absolute;
	top:0px;
	text-align:center;
	width:100%;
}

#rental_fuss {
	position:absolute;
	bottom:10px;
	text-align:center;
	width:100%;
}

#category_impress	{
	width:100%;
	height:600px;
	left:8px;
	top:660px;
	position:absolute;
	background-color:#f7f7f7;
	text-align:center;
	display:none;
	z-index:2;
	border:1px solid #f7f7f7;
	opacity:1;
	overflow:auto;
}

#impress_tdlinks {
	width:45%;
	vertical-align:top;
	text-align:left;
}

#impress_tdrechts {
	width:55%;
}

#category_impress table {
	width:100%;
	vertical-align:top;
	text-align:left;
	border: 0px solid yellow;
}