html {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}

html, body {
	height: 100%;
}

body {
	background: #fff url(../pics/bg.gif) repeat-x;
	margin: 0 auto;
	padding: 0 0 20px 0;
	display: table;
	max-width: 591px;
}

.page-row {
	display: table-row;
}
.page-row-expanded {
	height: 100%;
}

h1.menue {
	text-align: right;
	font-size: 16px; 
	font-weight: bold;
	margin: 50px 0 5px 0;
}

#content {
	color: #333;
}

#content > div {
	padding-left: 25px;
}

footer {
	clear: all;
	font-size: 1em;
	text-align: center;
	padding: 5em 0;
	color: #333;
}

a:link, a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #fff;
	background-color: #cc0000;
}

h1 {
	margin-top: 2em;
	font-size: 120%;
}

footer a:link, footer a:visited, a:active {
	color: #333;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}