/* css script */

@media (max-width:1600px)
{

body
{
	height:900px;
	background-image: linear-gradient(to top, white 70%, #d0d0d0 70%);
	background-repeat:no-repeat;
	font-family: Verdana;
	color: #5c5b5b;

}

#logo
{
	width:1024px;
	display:table; 
	margin-left:auto; 
	margin-right:auto;
}
#line{
	width:1024px;
	display:table; 
	margin-left:auto; 
	margin-right:auto;	
}

h2#ueberschrift
{
	width:1024px;
	font-family:Verdana;
	margin-left:auto; 
	margin-right:auto;
}
h3#ueberschrift
{
	font-size:16;
}
div#inhalt
{
	display:table; 
	margin-left:auto; 
	margin-right:auto; 
	width:1024px; 
	font-family:Verdana; 
	font-size:12;
}

p#foot
{
	display:table; 
	margin-left:auto; 
	margin-right:auto; 
	width:1024px; 
	font-family:Verdana; 
	font-size:10;
	text-align: center;
}
/*Tablle*/
div#table
{
	display:table; 
	width:1024px;
}
div#rowGroup
{
	display:table-row-group;
}
div#row
{
	display:table-row;
}
div#cell
{
	display:table-cell; 
	width:33%;
}
/*///////////////////////*/

/*css dropdown */

div#main
{
	display: flex;
	align-items: center;
	justify-content: center;
	height:42px;
	
}

ul#navi
{
	text-align: center;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size:14px;
	display: flex;
	justify-content: center;
	width:1024px;
	padding:0px;
}

ul#navi a
{
	font-size:14px;
	text-decoration:none;
	color: #5c5b5b;
}

ul#navi a:hover
{
	text-decoration:none;
	color: #00009c;
}

ul#navi li
{		
	display: flex;
	align-items: center;
	float: left;
	position: relative;
	list-style-type: none;
}

ul#navi li.home
{
	padding-left: 41px;
	padding-right: 41px;
	height:42px;
}

ul#navi li.funktion
{
	padding-left: 41px;
	padding-right: 41px;
	height:42px;
}

ul#navi li.ablauf
{
	padding-left: 41px;
	padding-right: 41px;
	height:42px;
}
ul#navi li.schwerpunkte
{
	padding-left: 41px;
	padding-right: 41px;
	height:42px;
}

ul#navi li.pflicht
{
	padding-left: 41px;
	padding-right: 41px;
	height:42px;
}

ul#navi li.person
{
	padding-left: 41px;
	padding-right: 41px;	
	height:42px;
}

ul#navi li.kosten
{
	padding-left: 41px;
	padding-right: 41px;	
	height:42px;
}

ul#navi li.notfall
{
	padding-left: 41px;
	padding-right: 41px;	
	height:42px;
}

ul#navi li.kontakt
{
	padding-left: 41px;
	padding-right: 41px;	
	height:42px;
}


ul#navi li.home:hover
{
	background-color: #00009c;
	color: white;
}

ul#navi li.funktion:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.ablauf:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}
ul#navi li.schwerpunkte:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.pflicht:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.person:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.kosten:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.notfall:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li.kontakt:hover
{
	height:42px;
	background-color: #00009c;
	color: white;
}

ul#navi li ul.dropdown_navi
{
	background-color: white;
	position: absolute;
	left: 0px;
	top: 42px;
	width: 185px;
	padding:5px;
	opacity:0.8;
}

ul#navi li ul li
{
	float: none;
	text-align: left;
	color: black;
	padding: 5px;
}

ul#navi li ul li:hover
{
	float:none;
	text-align: left;
	display: block;
	color: #ffffff;
	background-color: #00009c;
}

ul#navi li>ul
{
	display: none;
}

ul#navi li:hover>ul
{
	display:block;
}

}
	:root
	{
		--groesse: 1024px;
		--gnav:100px;
		--gschriftnav:8px;
	}

@media (min-width:1599px)
{

body
{
	height:900px;
	background-image: linear-gradient(to top, white 65%, #d0d0d0 65%);
	background-repeat:no-repeat;
	font-family: Verdana;
	color: #5c5b5b;
}
img#logo
{
	width:1241px;
	display:table; 
	margin-left:auto; 
	margin-right:auto;
}
#line
{
	width:1241px;
	display:table; 
	margin-left:auto; 
	margin-right:auto;
}
h2#ueberschrift
{
	margin-left:auto; 
	margin-right:auto; 
	width:1241px;
	font-family:Verdana;
}
h3#ueberschrift
{
	font-size:16;
}
div#inhalt
{
	display:table; 
	margin-left:auto; 
	margin-right:auto; 
	width:1241px; 
	font-family:Verdana; 
	font-size:14;
}

p#foot
{
	display:table; 
	margin-left:auto; 
	margin-right:auto; 
	width:1241px; 
	font-family:Verdana; 
	font-size:12; 
	text-align: center;
}
/*Tablle*/
div#table
{
	display:table; 
	width:1241px;
}
div#rowGroup
{
	display:table-row-group;
}
div#row
{
	display:table-row;
}
div#cell
{
	display:table-cell; 
	width:33%;
}
/*///////////////////////*/

/*css dropdown */
div#main
{
	display: flex;
	align-items: center;
	justify-content: center;
	height:50px;
	
}

ul#navi
{
	text-align: center;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size:15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width:1241px;
	padding:0px;
}

ul#navi a
{
	font-size:15px;
	text-decoration:none;
	color: #5c5b5b;
}

ul#navi a:hover
{
	text-decoration:none;
	color: #00009c;
}

ul#navi li
{
	display: flex;
	align-items: center;
	float: left;
	position: relative;
	list-style-type: none;
}

ul#navi li.home
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}

ul#navi li.funktion
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}

ul#navi li.ablauf
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}
ul#navi li.schwerpunkte
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}

ul#navi li.pflicht
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}

ul#navi li.person
{
	padding-left: 56px;
	padding-right: 56px;
	height:50px;
}

ul#navi li.kosten
{
	padding-left: 56px;
	padding-right: 56px;	
	height:50px;
}

ul#navi li.notfall
{
	padding-left: 56px;
	padding-right: 56px;	
	height:50px;
}

ul#navi li.kontakt
{
	padding-left: 55px;
	padding-right: 55px;
	height:50px;
}

ul#navi li.home:hover
{
	background-color: #00009c;
	color: white;
}

ul#navi li.funktion:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.ablauf:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}
ul#navi li.schwerpunkte:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.pflicht:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.person:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.kosten:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.notfall:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li.kontakt:hover
{
	height:50px;
	background-color: #00009c;
	color: white;
}

ul#navi li ul.dropdown_navi
{
	background-color: white;
	position: absolute;
	left: 0px;
	top: 50px;
	width: 220px;
	padding:5px;
	opacity:0.8;
}

ul#navi li ul li
{
	float: none;
	text-align: left;
	color: black;
	padding: 5px;
}

ul#navi li ul li:hover
{
	float:none;
	text-align: left;
	display: block;
	color: #ffffff;
	background-color: #00009c;
}

ul#navi li>ul
{
	display: none;
}

ul#navi li:hover>ul
{
	display:block;
}

}
	:root
	{
		--groesse: 1241px;
		--gnav:150px;
		--gschriftnav:12px;
	}