body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#wrapper {
	padding: 0 26px;
	width: 638px;
}
img.keyvis {
	margin: 22px 0 10px 0px;
}
#controller,
#startinfo {
	width: 356px;
	float: left;
}
#info {
	float: right;
	width: 258px;
}

h1 {
	margin: 0 0 12px;
	padding: 0;
	font-size: 18px;
	color: #000099;
	font-weight: normal;
}
h2 {
	padding: 0;
	font-size: 15px;
	color: #000099;
	font-weight: normal;
	line-height: 22px;
}
h3 {
	font-size: 12px;
	color: #000099;
	font-weight: normal;
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}
.level,
.antworten,
.navigation {
	list-style: none;
}
.level {
	margin: 0 0 10px;
	height: 21px;
}
.level li {
	margin: 0 2px 0 0;
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	width: 21px;
	text-align: center;
}
.level li.active {
	background-image: url(images/active_level.gif);
	font-weight: bold;
}
.antworten li {
	list-style-image: url(images/frage.jpg);
	list-style-position: outside;
	margin: 0 0 0 22px;
	line-height: 20px;
}
.antworten li.active {
	cursor: pointer;
	color: #000000;
	font-weight: normal;
}
.antworten li.active:hover {
	color: #050098;
}
.antworten li.richtig {
	color: #339933;
	list-style-image: url(images/frage_richtig.jpg);
}
.antworten li.falsch {
	color: #FF0033;
	list-style-image: url(images/frage_falsch.jpg);
}
.antworten li.block {
	cursor: default;
}

.navigation li {
	list-style-image: url(images/pfeil.jpg);
	list-style-position: outside;
	margin: 0 0 0 22px;
	line-height: 20px;
	cursor: pointer;
}
.navigation li a {
	color: #666666;
	text-decoration: none;
}
.navigation li a:hover {
	text-decoration: underline;
}


button {
	border: 1px solid #cdcccc;
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
	margin: 10px 10px 0 0;
	padding: 0 20px;
	cursor: pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
button:hover {
	color: #000099;
}
button.falsch {
	background-color:#FF0000;
	color: #FFFFFF;
	cursor: default;
}
.buttons button {
	float: left;
}

p.countdown strong {
	color: #000099;
}
.ui-progressbar {
	border: 1px solid #000066;
	height: 12px;
}
.ui-progressbar-value {
	background-color: #000066;
	height: 12px;
}

.antwortinfo {
	clear: both;
	padding-top: 20px;
	color: #FF0033;
}
.antwortinfo li {
	margin: 0 0 0 22px;
	color: #339933;
}

#timer {
	margin: 0 0 0 0;
}