* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 18px 20px;
	overflow-x: hidden;
}

a:hover, a:link, a:visited {
	color: #FFFFFF;
	outline: none;
}

.popupbody {
	background-color: #3399CC;
	padding-bottom: 0;
}

.popupbody_gewinnen {
	background-color: #f0953a;
	padding-bottom: 0;
}

h2 {
	margin: 0 0 12px 0;
}

#shader {
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	display: none;
}

#shader_scrollfix {
	z-index: 11;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
}


#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	display: none;
}

/* popup content elemente */
.highscore-list {
	list-style-type: none;
	width: 465px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	background-image: url(../images/highscore_mid.png);
	background-repeat: repeat-y;
}
.highscore-list tr.first td{
	background-repeat: no-repeat;
}
.highscore-list tr td {
	background-image: url(../images/highscore_top.png);
	background-repeat: no-repeat;
	padding: 4px 8px 5px 8px;
	font-size: 14px;
	vertical-align: top;
}
.highscore-list tr.bottom td {
	background-image: none;
	padding: 0;
	font-size: 1px;
}
.highscore-list tr.bottom td div {
	background-image: url(../images/highscore_bot.png);
	background-repeat: no-repeat;
	height:3px;
}

tr.first td {
	font-size: 22px;
}
tr.top20 td {
	font-weight: bold;
}
.highscore-list tr td.ranking {
	width: 88px;
	background-position: 0 0;
	text-align: right;
}
.highscore-list tr td.name {
	padding-right: 0;
	text-align: left;
	background-position: 50% 0;
}
.highscore-list tr td.points {
	padding-left: 0;
	text-align: right;
	background-position: 100% 0;
}



.challenge {
	background-image: url(../images/bg_challenge.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin: -18px -25px;
	padding: 18px 25px;
}
.challenge h2 {
	margin: 0 0 8px 0;
}
.challenge p.introtext {
	line-height: 15px;
	width: 230px;
	height: 145px;
	padding: 0 0 0 10px;
}
.challenge .formrow {
	padding: 0 0 0 13px;
	clear: both;
}
.challenge .formrow.odd {
	margin-bottom: 30px;
}
.challenge .formrow.even {
	margin-bottom: 9px;
}
.challenge .formrow label {
	display: block;
	float: left;
	width: 226px;
	height: 26px;
	line-height: 26px;
}

.challenge .formrow label, x:-moz-any-link, x:default {
	width: 225px;
}

.challenge .formrow input {
	width: 184px;
	/* height: 26px; */
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 6px 12px;

}
.challenge .formrow input:focus {
	background-color: #c0dfef;
}
.challenge .formrow textarea {
	width: 196px;
	height: 53px;
	/* height: 26px; */
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 12px;
}
.challenge .formrow textarea:focus {
	background-color: #c0dfef;
}
.challenge div.spacer {
	clear: both;
	height: 10px;
}

input.cursor {
	background-image: url(../images/input_cursor.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.weiterempfehlen {
	background-image: url(../images/bg_weiterempfehlen.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin: -18px -25px;
	padding: 18px 25px;
}
.weiterempfehlen h3 {
	margin-top: 14px;
}
.weiterempfehlen p.introtext {
	height: 45px;
	padding: 0 0 0 10px;
}
.weiterempfehlen .formrow {
	padding: 0 0 0 13px;
	clear: both;
}
.weiterempfehlen .odd h3 {
	margin-bottom: 10px;
}
.weiterempfehlen .even h3 {
	margin-bottom: 10px;
}
.weiterempfehlen .formrow.odd {
	margin-bottom: 29px;
}
.weiterempfehlen .formrow.even {
	margin-bottom: 36px;
}
.weiterempfehlen .formrow label {
	display: block;
	float: left;
	width: 225px;
	height: 26px;
	line-height: 26px;
}
.weiterempfehlen .formrow input {
	width: 184px;
	/* height: 26px; */
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 6px 12px;
}
.weiterempfehlen .formrow input:focus {
	background-color: #c0dfef;
}
.weiterempfehlen div.spacer {
	clear: both;
	height: 10px;
}

.weiterempfehlen .warnung, .challenge .warnung {
	background: #99cce6 url(../images/bg_eingabe_pruefen.png) right bottom no-repeat;
	width: 237px;
	height: 26px;
	position: absolute;
	margin: 1px 0 0 -11px;
	display: none;
}
.weiterempfehlen .warnung, .challenge .warnung, x:-moz-any-link, x:default {
	margin-left: -12px;
}


.weiterempfehlen .warnung p, .challenge .warnung p {
	color: #000;
	margin: 0;
	padding: 6px 0 0 12px;
}

.gewinnen {
	background-image: url(../images/bg_gewinnen.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin: -18px -25px;
	padding: 18px 25px;
}

.gewinnen p.introtext {
	height: 419px;
	padding: 1px 0 0 10px;
	line-height: 15px;
}

.gewinnen p.text {
	padding: 0 0 6px 9px;
}

.gewinnen p.text a {
	color: #fff;
	text-decoration: underline;
}
.gewinnen p.text a:hover {
	text-decoration: none;
}


.gewinnen h3 {
	padding: 0 0 0 8px;
	margin-top: 54px;
	margin-bottom: 6px;
}


.teilnahmebedingungen p.introtext {
	padding: 0 0 5px 10px;
	line-height: 15px;
}


.impressum p.introtext {
	padding: 0 0 5px 10px;
}

.impressum p.introtext a {
	color: #fff;
	text-decoration: underline;
}
.impressum p.introtext a:hover {
	text-decoration: none;
}


.messagebox {
	background-color: #99cce6;
	padding: 8px 15px;
	margin: 16px 0 0 0;
	position: relative;
	visibility: hidden;
}
.messagebox p {
	color: #000;
	line-height: 15px;
}

.messagebox .arrow {
	position: absolute;
	right: 115px;
	top: -7px;
	background-image: url(../images/message_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 13px;
	height: 7px;
	display: block;
/*	visibility: hidden;*/
}

.messagebox .alert {
	background-image: url(../images/alert.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	width: 65px;
	height: 54px;
	display: block;
}

.messagebox .register {
	clear: both;
	margin: 15px 0 10px 0;
}
.messagebox .register input {
	width: 115px;
	/* height: 26px; */
	border-top: 1px solid #636363;
	border-left: 1px solid #636363;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 6px 8px;
}
.messagebox dl dt {
	float: left;
}
.messagebox dl dd {
	padding:0 0 0 25px;
}
.messagebox dl dd p.small {
	font-size: 9px;
	line-height: 11px;
	padding: 5px 0 0 0;
}
.messagebox dl dd p.small a {
	color: #000;
}
.buttonrow {
	margin: 11px 0 0 0;
	height: 57px;
}
.highscore .buttonrow {
	height: 30px;
}
.teilnahmebedingungen .buttonrow {
	height: 30px;
}
.impressum .buttonrow {
	height: 30px;
}
.gewinnen .buttonrow {
	height: 30px;
}


ul.pages {
	width: 465px;
	margin: 5px auto;
	list-style-type: none;
	text-align: center;
}
ul.pages li {
	display: inline;
	padding: 0 2px;
}
ul.pages li.active {
	font-weight: bold;
}

button span {
	display: none;
}
button.but_cancel {
	width: 228px;
	height: 27px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_abbrechen.png);
	background-repeat: no-repeat;
}
button.but_back {
	width: 228px;
	height: 27px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_back_blue.png);
	background-repeat: no-repeat;
}
button.but_back_orange {
	width: 228px;
	height: 27px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_back_orange.png);
	background-repeat: no-repeat;
}
button.but_start {
	width: 228px;
	height: 27px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_startseite.png);
	background-repeat: no-repeat;
}
button.but_submit {
	width: 229px;
	height: 57px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_fordern.png);
	background-repeat: no-repeat;
	float: right;
	margin: 0 -4px 0 0;
}
button.but_einladen {
	width: 228px;
	height: 57px;
	border: 0;
	cursor: pointer;
	background-image: url(../images/but_einladen.png);
	background-repeat: no-repeat;
	float: right;
	margin: 0 -4px 0 0;
}
button{
	background-position: 0 0;
}
button:hover {
	background-position: 0 100%;
}

.datenschutz p {
	margin: 0 0 8px 0;
}
.datenschutz h3 {
	margin: 2px 0 2px 0;
}
.datenschutz ol {
	margin: 0 0 0 18px;
}
.datenschutz ol li{
	margin: 0 0 5px 0;
}
.datenschutz ol li ul{
	margin: 5px 0 0 14px;
	list-style-type: disc;
}