@media all
{
	body 
	{
		background-color: #404040;
		font-family:"Trebuchet MS",Arial,sans-serif;    
		color:#C0C0C0;
	}
	
	a
	{
		color:#B0B0B0;
	}

	a:hover
	{
		color:#404040;
		background-color:#C0C0C0; 
	}	
	
	/* NAV START */
	
	nav#mainmenu
	{
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 0; /* Stay at the top */
		left: 0;
		background-color: #404040;
		overflow-x: hidden; /* Disable horizontal scroll */		
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		border-right-width:1px;
		border-right-style:solid;
	}	
	
	
	nav h1
	{
		text-align:center;
		font-size:1.1em;
		font-variant:small-caps;
		margin-left:0px;
		margin-right:5px;
		margin-top:10px;
		margin-bottom:5px;
	}

	nav h2
	{
		text-align:center;
		font-size:1.1em;
		font-variant:small-caps;
		padding-bottom:5px;
		margin-top:0px;
		margin-bottom:0px;
		text-shadow:0.1em 0.1em 0.1em #000000;
		border-bottom-width:1px;
		border-bottom-color:#B0B0B0;
		border-top-width:1px;
		border-top-color:#B0B0B0;
		
		cursor:pointer;
		margin-left:0px;
		margin-right:5px;
	}
	
	nav h2:hover
	{
		color:#FFFFFF;
	}
	

	nav button
	{
		padding-left:0.3em;
		padding-right:0.3em;
		text-align:center;
		margin-top:0.5em;
		margin-bottom:0.5em;
		margin-left:5%;
		background:#808080;
		border:1px solid #FFFFFF;
		color:#F0F0F0;
		width:90%;
		min-height:2.5em;
		font-family: "Trebuchet MS",Arial,sans-serif;
		font-size:1em;
	}

	nav button:hover
	{
		background:#FFFFFF;
		color:#404040;
	}

	nav p.smalllist
	{
		font-size:0.7em;
		text-align:left;
	}

	nav p.smalllist a
	{
		text-decoration:none;
		border-bottom:solid 1px #808080;
	}

	nav ul
	{
		margin-left:0px;
		margin-right:5px;
		margin-top:0px;
		margin-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		padding-top:0px;
		padding-bottom:2px;
		/* border-right-width:1px; */
		/* border-right-style:solid; */
		border-left-width:1px;
		border-left-style:solid;
		border-bottom-width:1px;
		border-bottom-style:solid;
	}

	nav li
	{
		list-style-type:none;
		margin-top:0.5em;
		margin-bottom:0.5em;
		margin-left:1em;
		margin-right:1em;
		text-align:center;
		font-weight:bold;
	}

	nav li:hover
	{
		color:#FFFFFF;
		border-left-style:solid;
		border-left-width:1px;
		border-left-color:white;
		border-right-style:solid;
		border-right-width:1px;
		border-right-color:white;
	}

	nav li a
	{
			text-decoration:none;
			border-top-style:solid;
			border-top-width:1px;
			border-top-color:#606060;
			border-bottom-style:solid;
			border-bottom-width:1px;
			border-bottom-color:#606060;
			text-shadow:0.1em 0.1em 0.1em #000000;
	}

	nav li a:hover
	{
		color:#FFFFFF;
		background-color:#404040;
	}

	nav.content
	{
		width:auto;
		top:auto;
	    /* margin-left:10px; */
		/* margin-left:185px; */ 
		/* margin-right:185px; */
		font-size:smaller;
		position:relative;
	}

	nav.content p
	{
		color:#606060;
	}

	nav.content p a
	{
		color:#808080;
	}

	/* NAV END */
	
	
	img#menuimg
	{
		height:32px;
	}

	img#imgclose
	{
		height:20px;
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0px;		
	}
	
	div#imgclose {
		text-align:right;
	}
	
	header.page {
		margin-top:0px;
		margin-bottom:15px;
		padding-bottom:5px;
		/* border-bottom-style:solid; */
		/* border-bottom-width:1px; */
	}
	
	header.page a
	{
		text-decoration:none;
	}
	
	header.page img
	{
		float:left;
		margin-left:10px;
		margin-right:10px;
		border-style: none;	
	}
	
	header.page img#menuimg
	{
		float:right;
		margin-left:10px;
		margin-right:10px;
		border-style: none;	
	}
	
	header.page h1 
	{
		margin:4px;
		margin-bottom:1px;
		min-height: 70px; /* wegen wappen */
		text-shadow:#000000 0.2em 0.1em 3px;
	}
	
	header.page h2
	{
		margin:4px;
		margin-bottom:1px;	
	}
	
	header.content h1  /* Berichte, nicht Einsätze */
	{
		clear:both;
		font-size:1.5em;
		margin-top:0.5em;
		background-repeat:no-repeat;
		background-position:left center;
		color:#FFFFFF;
		text-shadow:#000000 0.2em 0.1em 3px;
		padding:0.2em;
		background-color:#a72920;
	}

	header.content p
	{
		text-align:justify;		
		font-size:0.8em;
	}
	
	header.content div.emnav {
		clear:both;
		display:block;
	}
	
	header.content div.emnavelement {
		float:left;
	}

	footer
	{
		display:block;
		clear:both;
	}

	footer.page
	{
		text-align:center;
		font-size:0.6em;
	}
	
	section.content {
		clear:both;
	}
	
	section.content .central {
		text-align:center;
		margin-left:1em;
		margin-right:1em;
	}

	section.content div.overview div.ovreport 
	{
		border-top-style:solid;
		border-top-width:1px;
	}
	
	section.content div.overview div.ovreport.right
	{
		clear:right;
	}

	section.content div.overview div.ovreport.left
	{
		clear:left;
	}

	section.content div.overview div.ovreport p
	{
		color:white;
	}
	
	section.content div.overview div.ovreport div.imgcontainer {
		
	}
	
	section.content div.overview div.ovreport div.imgcontainer a img
	{
		margin:0.5em;
		border: 1px solid #000;
		object-fit:contain;
	}

	section.content div.overview div.ovreport h1
	{
		margin-top:0.3em;
		margin-bottom:0.3em;
		color:white;
		text-shadow:#000000 0.2em 0.1em 3px;
	}
	

	section.content div.overview div.ovreport h1.lefted
	{
		text-align:left;
	}

	section.content div.overview div.ovreport h1.righted
	{
		text-align:right;
	}

	section.content div.overview div.ovreport div.actiondate
	{
		font-style:italic;
	}
	
	
	section.content div.overview div.ovreport div.actiondate.lefted
	{
		text-align:left;
	}
	
	
	section.content div.overview div.ovreport div.actiondate.righted
	{
		text-align:right;
	}	
	
	section.content div.report div.actiondate
	{
		text-align:right;
		/* float:right;	 */
		/* color:#000000; */
		font-size:1em;
		text-shadow:#000000 0.2em 0.1em 3px;
	}
	
	div.personcell {
		display:inline-block;
		width:15em;
		text-align:center;
		vertical-align:center;
		height:2em;
		border:1px solid #B0B0B0;
		
	}

}

/***************FÜR KLEINE AUFLÖSUNGEN ************************/

@media all {
	
	header.page h1 
	{
		font-size:1.6em;
	}
	
	header.page h2
	{
	  display:none;
	}
		
	
	header.page img
	{
		float:left;
		margin-left:4px;
		margin-right:4px;
		border-style: none;	
	}   
	
	header.page img#menuimg
	{
		float:right;
		margin-top:10px;
		margin-left :4px;
		margin-right:4px;
		border-style: none;	
	}
	
	header.page img#fb-connect-pic
	{
		display:none;
	}
	
	section.content div.overview div.ovreport a img.defaultimage
	{
		display:none;
	}
	
	section.content div.overview div.ovreport a img
	{
		width:100%;
		max-height:250px;
	}
	
	section.content div.overview div.ovreport a img.righted
	{
		float:none;
	}

	section.content div.overview div.ovreport a img.lefted
	{
		float:none;
	}
	
	section.content div.overview div.ovreport div.actiondate.lefted
	{
		text-align:right;
	}

	
	section.content div.overview div.ovreport h1.righted
	{
		text-align:left;
	}
	
	section.content table#extrainfo
	{
	  display:none;
	}
	
	section.content div.report h1
	{
		clear:both;
		font-size:1.5em;
		margin-top:0.5em;
		background-repeat:no-repeat;
		background-position:left center;
		color:#FFFFFF;
		text-shadow:#000000 0.2em 0.1em 3px;
		padding:0.2em;
		background-color:#a72920;
	}
	
	section.content div.report h2
	{
		clear:both;
		font-size:1.5em;
		margin-top:0.5em;
		background-repeat:no-repeat;
		background-position:left center;
		color:#FFFFFF;
		text-shadow:#000000 0.2em 0.1em 3px;
		padding:0.2em;
	}
	
	
	section.content div.report div.usage
	{
		text-align:right;
		/* float:right;	 */
		clear:right;
		color:#000000;
		font-size:1em;
		/* text-shadow:#FFFFFF 0.2em 0.1em 3px; */
	}
	
	section.content div.report p
	{
		text-align:justify;
		color:#ffffff;
		font-size:1em;
		line-height:1.5em;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	
	section.content div.report img
	{
		border: 1px solid #000;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	section.content div.report img.portrait
	{
		max-height:300px;
		max-width:200px;
	}
	
	section.content div.report img.landscape
	{
		width:98%;
		max-width:450px;
		height:auto;
		max-height:300px;
	}

	section.content div.report img.square
	{
		width:98%;
		max-width:450px;
		height:auto;
		max-height:450px;
	}
	
	section.content div.report img.imgdetail
	{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
	section.content div.report div.imgcontainer
	{
		position:relative;
		clear:both;
		border:solid 1px #303030;
	}
	

	section.content div.report div.imgcontainer a img
	{
		margin:0.5em;
		border: 1px solid #000;
		object-fit:contain;
	}
	
	
	
	section.content div.report div.thumbnails
	{
		display:none;
	}
	
	section.content div.report div.thumbnails div.thumb
	{
		float:left;
	}
	
	section.content div.report div.thumbnails img.cursor
	{
		cursor:pointer;
		opacity:0.6;
	}

	section.content div.report div.thumbnails img.cursor:hover
	{
		opacity:1.0;
	}

	section.content div.report div.thumbnails img.active
	{
		opacity:1.0;
	}
	
	
	section.content div.report div.slide
	{
		display:none;
	}
	
	section.content div.report .prev,.next
	{
	  cursor: pointer;
	  position: absolute;
	  top: 40%;
	  width: auto;
	  padding: 16px;
	  margin-top: 0px; /* -50 */
	  color: white;
	  font-weight: bold;
	  font-size: 20px;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	  -webkit-user-select: none;
	}	
	
	section.content div.report .next {
		right: 0;
		border-radius: 3px 0 0 3px;
	}	
	
	section.content div.report .prev:hover,.next:hover 
	{
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	section.content div.report .numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
	}
	
	div.emergency   /* Einsatztabelle */
	{
		display:table;
		width:98%;
		margin-left:auto;
		margin-right:auto;
		margin-top:3em;
		margin-bottom:1em;
		border:solid 1px black;
	}
	div.emergency:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;		
	}
	
	div.emheader {
		clear:both;
		border-bottom:solid 1px #C0C0C0
	}
	
	div.emsubtitle {
		clear:both;		
		width:100%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		background-color:#505050;
		font-style:italic;
	}
	
	div.emdetail {
		clear:both;
	}
	
	
	div.emd_cell {
		padding:2px;
		font-size:0.8em;
		float:left;
		overflow:hidden;
	}
	
	div.emd_cellheader {
		padding:2px;
		font-size:0.8em;
		float:left;
		overflow:hidden;
	}
	
	div.emd_nr {
		width:5%;
	}	
	div.emd_dat {
		width:20%;
	}

	div.emd_info {
		width:30em;
	}

	
	div.emd_datlong {
		display:none;
		width:8.5em;
	}
	div.emd_dattime {
		width:5em;
		display:none;
	}
	
	
	div.emd_aufwand {
		width:9em;
		display:none;
	}
	
	div.emd_source {
		display:none;
		width:7em;
	}
	div.emd_pb {
		display:none;
		width:1em;
	}
	div.emd_pic {
		display:none;
		width:2em;
	}
}
/***************FÜR KLEINE AUFLÖSUNGEN ENDE ************************/



/***************FÜR AUFLÖSUNGEN AB 511px ************************/

@media all and (min-width : 511px) {
	
	section.content div.overview div.ovreport a img.defaultimage
	{
		display:inline;
	}
	
	section.content div.overview div.ovreport a img
	{
		width:50%;
		max-width:300px;
		max-height:200px;
	}

	section.content div.overview div.ovreport a img.righted
	{
		float:right;
	}

	section.content div.overview div.ovreport a img.lefted
	{
		float:left;
	}

	section.content div.overview div.ovreport h1
	{
		clear:both;
	}
	
	section.content div.overview div.ovreport div.actiondate.righted
	{
		text-align:left;
		float:left;
	}
	section.content div.overview div.ovreport div.actiondate.lefted
	{
		text-align:right;
		float:right;
	}
	
	section.content div.overview div.ovreport.left p
	{
		clear:left;
	}

	section.content div.overview div.ovreport.right p
	{
		clear:right;
	}
	
	section.content div.report img
	{
		border: 1px solid #000;
		width:50%;
		height:auto;
		max-height:350px;
		min-width:25%;		
		margin:0.5em;
	}
	
	section.content div.report img.lefted
	{
		float:left;
	}

	section.content div.report img.righted
	{
		float:right;
	}

	
	div.emd_aufwand {
		display:inherit;
	}

	

}
/***************FÜR AUFLÖSUNGEN AB 511px ENDE ************************/

/***************FÜR AUFLÖSUNGEN AB 620px ************************/


@media all and (min-width : 620px) {
	
	header.page h2
	{
	  font-size:0.8em;
	  display:inline;
	}	
	
	header.page img#fb-connect-pic
	{
		display:inline;
		float:right;
	}
	
	section.content div.report img
	{
		max-height:450px;
	}
	
	div.emd_datlong {
		display:inherit;
	}
	div.emd_dattime {
		display:inherit;
	}
	div.emd_dat {
		display:none;
	}	
}

/***************FÜR AUFLÖSUNGEN AB 620px ENDE ************************/

@media all and (min-width : 735px) {
	div.emd_source {
		display:inherit;
	}
	div.emd_pb {
		display:inherit;
	}
}
	


/***************FÜR AUFLÖSUNGEN AB 950px ************************/
@media all and (min-width : 950px) {
	
	nav#mainmenu
	{
		width: 200px; 
	}	

	div#body
	{
		margin-left:200px;
	}	

	img#imgclose
	{
		display:none;
	}

	img#menuimg
	{
		display:none;
	}

	header.page h2
	{
	  font-size:1em;
	}	
	
	section.content div.report img
	{
		max-height:500px;
	}
	
	section.content div.report div.thumbnails
	{
		display:block;
	}
	
	/* section.content div.report div.imgcontainer img.portrait */
	/* { */
		/* width:auto; */
		/* height:500px; */
		/* max-height:560px; */
		/* max-width:840px; */
	/* } */
	
	section.content div.report div.imgcontainer img.landscape
	{
		width:98%;
		max-width:840px;
		height:auto;
		max-height:560px;
	}
	
	section.content div.report div.imgcontainer img.square
	{
		width:98%;
		max-width:560px;
		height:auto;
		max-height:560px;
	}
	
	section.content div.report div.thumbnails div.thumb img.portrait
	{
		width:auto;
		max-height:150px;
		max-width:200px;
	}
	
	section.content div.report div.thumbnails div.thumb img.landscape
	{
		width:98%;
		max-width:450px;
		height:auto;
		max-height:300px;
	}
	
	section.content div.report div.thumbnails div.thumb img.square
	{
		width:98%;
		max-width:450px;
		height:auto;
		max-height:450px;
	}	
	
	
}
	
/***************FÜR AUFLÖSUNGEN AB 950px ENDE ************************/

/***************FÜR AUFLÖSUNGEN AB 1200px ************************/
@media all and (min-width : 1200px) {
	
	section.content div.overview div.ovreport
	{
		border:0px;
		vertical-align:top;
		padding:0.2em;
	}

	section.content div.overview div.ovreport
	{
	  width:48%;
	  display:inline-block;
	}

	section.content div.overview div.left
	{
		border-top-color:#606060;
		border-top-style:solid;
		border-top-width:1px;
		border-right-color:#606060;
		border-right-style:solid;
		border-right-width:1px;
	}

	section.content div.overview div.right
	{
		border-top-color:#606060;
		border-top-style:solid;
		border-top-width:1px;
		border-left-color:#606060;
		border-left-style:solid;
		border-left-width:1px;
	}
	
	section.content div.report img.portrait
	{
		width:auto;
		max-height:600px;
		max-width:400px;
	}
	
	section.content div.report img.landscape
	{
		width:98%;
		max-width:820px;
		height:auto;
		max-height:560px;
	}
	section.content div.report img.square
	{
		width:98%;
		max-width:560px;
		height:auto;
		max-height:560px;
	}
	

	
	
}

	
/***************FÜR AUFLÖSUNGEN AB 1200px ENDE ************************/