.clear {
    overflow: hidden;
    width: 100%;
}

body {
	font-family: roboto, sans-serif;
}

a.button {
    background: transparent url('./img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.button span {
    background: transparent url('./img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

.title {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #333333;
}

.title_small {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666666;
}

.title_green {
	color: #CC0000
}

.title_button {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #CC0033;
	text-decoration: underline overline;
}

.mitteilung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.achtung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	font-weight: bold;
}

div#tabmenu {
	padding: 0;
	width: 54.5em;
	height: 3.3em;
	margin: 0 auto;
}

div#tabmenu div {
	float: left;
	padding: 0.8em;
	background: white;
	cursor: pointer;
	margin: 0 0.5em;
}

div#tabmenu div:hover,
div#tabmenu div:active,
div#tabmenu div:focus {
	background: #ccf;
}

div[tab] {
	border-radius: 20px;
	border: 2px solid #ccc;
	width: 800px;
	margin: 1em auto;
	padding: 1em 0 3em;
}