/**************Allg****************************/

:root {
  --rahmengrau: #aaaaaa;
  --dblau: #000080;
  --hblau: #99ccff;
  --linkblau: #0000ff;
  --domdegruen: #00ff00;
  --weiss: #ffffff;
  --schwarz: #000000;
  --egrau: #c0c0c0;
  --drot: #bb0000;
}


.fs12 {
	font-size:12px !important;
}
.fs16 {
	font-size:16px;
}
.fs24 {
	font-size:24px;
}
.fs36 {
	font-size:36px;
}

.drot {
	color:var(--drot);
}

             
body {
	font-family: tahoma, verdana, arial, sans-serif;
	position:relative;
	padding:0px;
	text-align:center;
	margin:auto;
	min-width:320px;
	max-width:800px;
}

body > div {
	margin:20px 20px;
	min-width:280px;
	max-width:760px;
	border:1px solid var(--rahmengrau);
	
}

a {
	color:var(--linkblau);
}

.taL {
	text-align:left;
}

div.kopfUeber {
	display:flex;
	flex-direction:column;
	justify-content:center;
	background-color:var(--dblau);
	color:var(--weiss);
	text-align:center;
	border-bottom:1px solid var(--rahmengrau);
}
h1 {
	font-weight:normal;
	padding:0px;
	margin:0px;
}
h1 :nth-child(1) {
	color: var(--domdegruen) !important;
}


div.seitenText {
	padding:10px;
	text-align:left;
}

div.rahmenlinie {
	border-bottom:1px solid var(--rahmengrau);
	height:0px;
	max-height:0px;
	padding:0px; margin:0px;
}


div.stadtbild, div.stadttext {
	display:inline-block;
	margin-top:0px;
	vertical-align:top;
}
div.stadtbild {
	padding-right:0px;
	text-align:center;
	border-right:1px solid var(--rahmengrau);	
	width: calc(50% - 3px);
}
div.stadtbild img {
	width:100%;
	vertical-align:top;
}
div.stadttext {
	padding: 10px;
	text-align:left;
	width: calc(50% - 23px);
	background-color:var(--hblau);
	height:381px;
}


div.eintraege {
	width:100%;
	display:table;
	border-top:1px solid var(--rahmengrau);
	text-align:left;
}
div.eintraege > div {
	display:table-row;
	border-bottom:1px solid var(--rahmengrau);
}
div.eintraege > div:nth-child(2n) {
	background-color:var(--egrau);
}
div.eintraege > div:nth-child(2n+1) {
	background-color:var(--hblau);
}

div.eintraege > div > div {
	display:table-cell;
	/*display:inline-block;*/
	min-height:10px;
	margin:0px;
}
div.eintraege > div > div:nth-child(1) {
	width:calc(25% - 11px);
	padding:0px 5px;
	vertical-align:middle;
}
div.eintraege > div > div:nth-child(1) img {
	width:100%;
	min-width:87px;
	vertical-align:middle;
}

div.eintraege > div > div:nth-child(2) {
	padding:5px 10px 5px 5px;
	width:calc(74% - 19px);
	vertical-align:middle;
	border-left:1px solid var(--rahmengrau);	
}
div.eintraege > div > div:nth-child(2) > a:nth-child(1) {
	color:var(--schwarz);
}

span.etab {
	display:table;
	width:100%;
	margin:0px;
	padding:0px;
}

span.et2 {
	display:table-row;
	margin:0px;
	padding:0px;
}
span.et2 > span {
	display:table-cell;
}

span.et2 > span:nth-child(1) {

}
span.et2 > span:nth-child(2) {
	width:165px;
	text-align:right;
	vertical-align:bottom;
}


div.fussMenu {
	padding:3px 0px 4px 0px;
	background-color:var(--dblau);
}
div.fussMenu a {
	padding-left:10px;
	padding-right:10px;
	color:var(--weiss);
}



@media only screen and (min-width:551px)  {
	div.kopfUeber {
		height:75px;
	}
	h1 {
		font-size:28px;
	}
}

@media only screen and (max-width:550px)  { 
	div.kopfUeber {
		height:80px;
	}
	h1 {
		font-size:24px;
	}
}
@media only screen and (max-width:799px)  {

	div.rahmenabstandK {
		display:none;
	}

	div.stadtbild, div.stadttext {
		width:calc(100% - 20px);
		padding:10px;
		height:auto;
		border: 0px solid transparent;
	}
	div.stadtbild img {
		max-width:360px;
	}


}

@media only screen and (min-width:800px)  {
	div.rahmenabstandK {
		border-bottom:1px solid var(--rahmengrau);
		height:20px;
	}
}