body {
	background:			#004400;
	text-align:			left;
	font:				normal 1em/1.5em verdana, arial, tahoma, sans-serif;
	padding-top:		40px;
}

#site {
	background-color:	#660000;
	margin:				0 auto;
	text-align:			left;
    border-radius:		25px;
	box-shadow:			5px 5px 3px #333333;
	border:				10px solid #660000;
/*	display:			grid;
	grid-row-gap: 1px;
*/
}

pre {background-color: white !important;}

div.site {
	max-width:			960px;
/*    min-height:			100%;*/
}

#header {
	top:				0px;
	margin:				0px;
	float:				none;
    clear:				both;
	aspect-ratio: 		6 / 1;
	background-image:	url("/templates/images/logo1530.png");
	background-repeat:	no-repeat;
	background-size:	contain;
	border-radius:		25px;
}



#topmenu {
    margin-top:			0px;	
	min-width:          25%;
    clear:				both;
}

#content, .tabelle, table tr th, table tr td {
	color:				#FFCC33;
    clear:				both;
}

#content a {
	color:				#0099CC;
	text-decoration:	none;
	font-weight:		bold;
}

#content a:hover {
	color:				#330000;
	font-weight:		bold;
	font-style:			italic;
}

#content ul {
	margin:				25px 0px;
	padding:			0;
	margin-bottom:		20px;
}

#content li {
	list-style-position:inside;
}

#content table td ul li {
	text-decoration:	none;
	list-style-type:	none;
}

#content img {
	max-width:			100%;
}/**/

a {
	text-decoration:	none;
	font-weight:		bold;
}

a:hover {
	font-weight:		bold;
	font-style:			italic;
}

h1 {
	font-size:			18px;
	margin-top:			.75em;
	margin-bottom:		1.5em;
}

h2 {
	font-size:			16px;
	margin-top:			.75em;
	margin-bottom:		1em;
}

h3{
	font-size:			14px;
	margin-top:			.5em;
	margin-bottom:		.75em;
}

h4 {
	font-size:			12px;
}

p {
	margin-bottom:		20px;
}

img {
	border:				none;  
}

table {
	width:				100%;
}
th, td {
	text-align:			left;
	font-size:			1.2em;
	padding:			5;
}

.center {
	text-align:			center;
}

.pagenav  {
	height:				20px;
	border:				1px solid #ff0000;
}

li.pagenav-prev {
	margin-top:			20px;
	right:				0px;
	float:				left;
	text-decoration:	none;
	list-style-type:	none;
}

.pagenav-next{
	margin-top:			20px;
	left:				0px;
	float:				right;
	text-decoration:	none;
	list-style-type: 	none;
}

.actions {
	right:        		0px;
	border:        		1px solid #339933;
}

.item-separator {
	right:        		0px;
	border-top:			3px dotted #339933;
	padding-bottom:		20px;
}

.print-icon, .email-icon, .edit-icon {
	list-style-type:	none;
	float:       		left;
	display:      		none;
}

.item-page p, .leading p {
	clear:        		both;
}

.login-fields {
	width:        		200px;
}

.login-greeting {
	padding:			0 6px;
	font-size:			9.75px;
}
.AblaufDatum, .Datum {
	display:			none;
}

.llist a {
	margin-left:		20px;
	display:      		block;
	font:				normal 12px/21px verdana, arial, tahoma, sans-serif;
	list-style:			disc;
}
.llist a:before{
	content:"• ";
}
	

@media screen and (max-width: 780px) {
	div.site {
		max-width:			780px;
	}
	#header {
		background-image:	url("/templates/images/logo720.png");
		background-repeat:	no-repeat;
		background-size:	100%;
		border-radius:		25px;
	}
	#topmenu {
		margin-top:			0px;	
		margin-bottom:		20px;	
		height:				2em;	
		width:              100%;
	}
}
@media screen and (max-width: 1280px) {
	div.site {
		max-width:			960px;
	}
	#header {
		background-image:	url("/templates/images/logo960.png");
		background-repeat:	no-repeat;
		background-size:	100%;
		border-radius:		25px;
	}
}

@media screen and (max-width: 1300px) {
	div.site {
		max-width:			1280px;
	}
	#header  {
		background-image:	url("/templates/images/logo1280.png");
		background-repeat:	no-repeat;
		border-radius:		25px;
	}
}

@media screen and (max-width: 1530px) {
	div.site {
		max-width:			1280px;
	}
	#header  {
		background-image:	url("/templates/images/logo1280.png");
		background-repeat:	no-repeat;
		border-radius:		25px;
	}
}

@media screen and (min-width: 1530px) {
	div.site {
		max-width:			1530px;
	}
	#header  {
		background-image:	url("/templates/images/logo1530.png");
		background-repeat:	no-repeat;
		border-radius:		25px;
	}
}


/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 500px) {
	div.site {
		max-width:			480px;
	}
	body {
		background-color:	teal;
	}
	#header {
		background-image:	url("/templates/images/logo480.png");
		background-repeat:	no-repeat;
		border-radius:		25px;
	}

	#topmenu {
		margin-top:			0px;	
		height:				2em;	
		width:              100%;
		min-width:          25%;
		float:				left;
	}
}

@media screen and (max-width: 400px) {
	font:				normal .75em/.8em verdana, arial, tahoma, sans-serif;
	div.site {
		max-width:			400px;
	}
	#header {
		background-image:	url("/templates/images/logo720.png");
		background-repeat:	no-repeat;
		background-size:	100%;
		border-radius:		25px;
	}
	th, td {
		padding: .1em;
		font-size: .5em;
	}
}