/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
# html,body,div,span,abbr,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,tt,var,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;outline:0;font-size:100%;line-height:133%;}
html,body,div,span,table,h1,h2,h3,h4,tr,th,td { margin:0;outline:0;font-size:100%;line-height:1.33;}

#body { line-height: 1; }
body { height: 100%; }

blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }

#table { border-collapse:collapse;border-spacing:0; }
img { max-width: 100% }
a {
	color: #0000D0;
	text-decoration: none;
#	-moz-transition: 0.2s color linear;
#	-webkit-transition: 0.2s color linear;
#	transition: 0.2s color linear;
}
a:visited {COLOR:#666699}
a:hover {
	color: #20A0FF;
#	text-decoration: underline;
}

h1 {
#	font-family: Verdana,sans-serif;
#	font-size: 18px;
	font: bold 18px Verdana,sans-serif;
#	font-weight: 900;
	padding:0px 0px 10px 0px;
}
h2 {
	font-family: Verdana,sans-serif;
	font-size: 18px;
	font-weight: normal;
}

	@keyframes animateFlashYellow {
		from {background-color: yellow;}
		to {background-color: white;}
	}

	.flashYellow {
		background-color: yellow;
		animation-name: animateFlashYellow;
		animation-duration: 1.5s;
		animation-iteration-count: infinite;
		color: black;
	}

div.container {
	width: 100%;
	min-height: 100%;
	max-width: 1111px;
	margin: 0 auto -51px;
	font-family: Verdana,sans-serif;
	font-size: 13px;
}

div.header {
	padding: 0.5em;
	margin: 0;
	background-image: url(pics/blau_top.png);
	horizontal-align: right;
	clear: left;
}

div.content {}

.push {
	height: 51px; /* .push must be the same height as .footer */
}

div.footer {
	width:100%;
	color:white;
	background-color:#CCCCFF;
#	clear:left;
	padding-top:2px;
	padding-bottom:2px;
	FONT-FAMILY: Verdana,sans-serif;
	font-size: 13px;
	height: 47px;
}

div.menu {
	float:left;
	width:172px;
	margin:0;
	padding:1em;
}

@media (max-width: 700px) {
	.menu {
		display: none;
	}
	.extra {
		display: none;
	}
	.content {
		border-top:1px solid #CCCCFF;
		margin:0px;
		padding:10px;
	}
	.footer {
		float: none;
		width: auto;
	}
}

@media (min-width: 701px) {
	.extra {
		color: #AAAAFF;
		font-weight: 100;
	}
	.smscr {
		display: none;
	}
	.content {
		padding:1em;
		margin-left:195px;
		border-left:1px dotted #CCCCFF;
	}
	.footer {
		float: none;
		width: auto;
	}
}