* {
	margin: 0;
	padding: 0;
}

html,
body,
#viewport {
    width: 240px;
}

body {
	position: relative;
	background-color: #000;
	font-family: sans-serif;
  font-size: 15px;
}

#viewport {
	background-color: #eee;
	z-index: 0;
	position: relative;
  background: url(img/bg.png) repeat-y right #1A1A1A;
}

#viewport.index {
  background-color: #000;
  background-image: none;
}

img {
  border-style: none;
}

#imain img {
  display: block;
}

#imain {
}

#main {
  margin: 1.6em 0.4em 0.5em;
  min-height: 11.5em;
  overflow: hidden;
}

#main a.btn {
	display: block;
}

#imain a,
#imain {
  overflow: hidden;
  color: #000;
  display: block;
}

a {
  	cursor: pointer;
}

.right {
  float: right;
}

.left {
  float: left;
}

/* @group Head-Foot gfx */

#hd {
	color: #fff;
  background-color: #1A1A1A;
  position: relative;
  overflow: hidden;
  height: 38px;
  white-space: nowrap;
}

#ft {
	bottom: 0;
	/*width: 30em;*/
  background-color: #1A1A1A;
  overflow: hidden;
  height: 25px;
  white-space: nowrap;
}

#hd_gsb {
  font-size: 14px;
  line-height: 38px;
  overflow: hidden;
  width: 192px;
  height: 38px;
  display: block;
  background: url(img/240/header.png) no-repeat;
  float: left;
  margin: 0;
}

.hd_gsb_full {
  background: url('img/240/header-full.png') no-repeat !important;
  width: 320px !important;
}

#hd_gsb span {
	margin-left: 36px;
}

#hd_gsb-logo {
  margin: 0;
  width: 192px;
  height: 38px;
  display: block;
  background: url(img/240/header-gsb.png) no-repeat;
  float: left;
}

#hd_gsb-logo2 {
  margin: 0;
  width: 240px;
  height: 38px;
  display: block;
  background: url(img/240/headerfull-gsb.png) no-repeat;
}

#hd_lin,
#hd_rem,
#hd_sort {
  height: 38px;
  width: 48px;
  display: block;
  float: left;
  background: url(img/240/login_dunkel.png) no-repeat;
}

#hd_lin:hover,
#hd_rem:hover,
#hd_sort:hover {
  background: url(img/240/login_hell.png) no-repeat;
}

#hd_rem {
  background: url('img/240/remember.png') no-repeat;
}

#hd_sort {
  background: url('img/240/sort.png') no-repeat;
}

#hd_lin:active {
  background: url(img/240/login_dunkel.png) no-repeat;
}

#hd_lout {
  height: 38px;
  width: 48px;
  display: block;
  background: url(img/240/logout_hell.png) no-repeat;
  float: left;
}

#hd_lout:active {
  background: url(img/240/logout_dunkel.png) no-repeat;
}

#hd_home {
  height: 38px;
  width: 38px;
  position: absolute;
}

#ft_home {
  width: 26px;
  height: 25px;
  display: block;
  float: left;
  background: url(img/240/home_hell.png) no-repeat;
}

#ft_home:active {
  background: url(img/240/home_dunkel.png) no-repeat;
}

#ft_reg {
  width: 89px;
  height: 25px;
  display: block;
  float: left;
  background: url(img/240/registrierung_hell.png) no-repeat;
}

#ft_reg:active {
  background: url(img/240/registrierung_dunkel.png) no-repeat;
}

#ft_kto {
  width: 89px;
  height: 25px;
  display: block;
  float: left;
  background: url(img/240/meinprofil_hell.png) no-repeat;
}

#ft_kto:active {
  background: url(img/240/meinprofil_dunkel.png) no-repeat;
}

#ft_faq {
  width: 43px;
  height: 25px;
  display: block;
  float: left;
  background: url(img/240/faq_hell.png) no-repeat;
}

#ft_faq:active {
  background: url(img/240/faq_dunkel.png) no-repeat;
}

#ft_impr {
  width: 82px;
  height: 25px;
  display: block;
  float: left;
  background: url(img/240/impressum_hell.png) no-repeat;
}

#ft_impr:active {
  background: url(img/240/impressum_dunkel.png) no-repeat;
}

/* @end */


img#bg {
	 width: 100%;
	 position:absolute;
	 z-index:-1;
	display: none;
}


/* @group Buttons */

.versnr,
.sfrow input#search,
.frow input,
#guthaben,
.btngo,
.btnred,
.btngrn,
.btngry,
.asel,
.lbut,
.lsel,
.btn {
	display: inline-block;
	outline: none;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
}

input.nl {
  margin-top: 0;
  font-size: 2em;
}

#birthday select {
  font-size: 1em;
}

p.passwreqlink a {
  text-decoration: underline;
  color: #666;
}

.btngo,
.btnred,
.btngrn,
.btngry {
	padding: .5em 0 .5em 0;
  	text-align: center !important;
  	line-height: 100%;
  	font-size: 0.8em;
}

.btngry {
  color: #333 !important;
  background: #bebebe url(img/bgbtngr.png) repeat-x 0 50%;
  font-weight: bold;
  padding: 0.5em 0;
}

.btngry:active {
  color: #fff;
}

.grau {
	color: #fef4e9;
	border: solid 1px #cacaca;
	background: #bebebe;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
	background: -moz-linear-gradient(top,  #eee,  #bbb);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#bbb');
}
.grau:hover {
	background: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background: -moz-linear-gradient(top,  #ddd,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#aaa');
}
.grau:active {
	color: #cacaca;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#eee));
	background: -moz-linear-gradient(top,  #bbb,  #eee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee');
}

.inpt input,
.btngo,
.btngry,
.cnt,
#guthaben,
.lbut,
.lsel,
.asel {
	display: block;
	border: 1px solid #999;
	margin-bottom: 0.2em;
	text-align: left;
    background-color: #fff;
}

.versnrholder {
  text-align: center;
}

.versnr {
  background-color: #595959;
  font-size: 0.6em;
  line-height: 2em;
  color: #FFFFFF;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-right: auto;
  margin-left: auto;
}

#regform .btn2l td.te2 {
  text-align: center;
  width: 33%;
}

#regform .btn2r td.te1 {
  width: 33%;
}

#regform .btn2r input.p33_left_anmelden {
	max-width : 4.4em;	  
}

#regform .btn2r td.te1{
  padding-right: 0.2em;
}

#regform .btn2r td.te2 {
  padding-left: 0.1em;
  width: 66%;
}

.sfrow,
.frow,
.cnt,
#guthaben,
.lbut,
.lsel,
.asel {
	color: #666;
}

.white {
  color: #FFFFFF;
}

.sfrow label,
.frow label {
  color: #FFFFFF;
  font-size: 0.8em;
  font-weight: bold;
}

#searchform div.sfrow label {
  font-weight: bold;
}

.inpt {
  position: relative;
}

.pldwn select,
.inpt input {
  width: 99%;
  height: 1.2em;
  font-size: 1em;
}

.inpt #btn_search {
  background: none;
  position: absolute;
  width: 29px;
  right: -1px;
  height: 25px;
  border-style: none;
  margin-right: 5px;
}


.sfrow input#search {
  height: 24px;
  text-align: left;
}

.chkbx input {
  font-size: 20px;
}

#guthaben,
.lbut,
.lsel {
  height: 1.6em;
  line-height: 1.6em;
}

.btngrn {
	display: block;
	border: 1px solid #2e7e17;
	margin-bottom: 0.2em;
	text-align: left;
	color: #fff;
  background: #3fa200 url(img/bgbtngn.png) repeat-x 0 50%;
  font-weight: bold;
}

.btngrn:active {
  background-image: none;
  background-color: #155900;
}

.btnred {
	display: block;
	margin-bottom: 0.2em;
    background: #3fa200 url(img/bgbtngn.gif) repeat-x 0 50%;
	border: 1px solid #ae1017;
	color: #fff;
	background: #cb1125 url(img/bgbar.gif) 0 50%;
}

input.btnred,
input.btngrn{
  width: 100%;
}

.btn2m td.te1,
.btn2m td.te2 {
  width: 50%;
}

p.pulldown select {
  font-size: 1em;
}

.asel td,
.lsel span {
	color: #666;
	font-size: 0.8em;
}

span.transdat {
	color: #666;
	font-size: 0.7em;
}

.lsel span {
	font-weight: bold;
	line-height: 0.8em;
}

.asel:hover,
.lbut:hover,
.lsel:hover {
	text-decoration: none;
	background: #999;
}

span.asel:hover {
  background: #FFF;
}

.lbut:hover span,
.lsel:hover span
.lbut:active span,
.lsel:active span {
	color: #000;
}

.asel:active,
.lbut:active,
.lsel:active {
	position: relative;
	top: 1px;
	background: #999;
}

#guthaben table,
.lbut table,
.lsel table {
  width: 100%;
  height: 1.6em;
}

.lbut .arw,
.lsel .arw {
  margin-top: 9px;
  margin-right: 9px;
}

.lsel .td1 img,
.lsel2 img,
.lsel_blue img {
  vertical-align: -25%;
  width: 1.5em;
  margin: 0.2em 0.1em 0.2em 0.25em;
}

.lsel .td1 {
  width: 1.8em;
}

span.bez {
  margin-left: 0.3em;
}

#guthaben,
.lbut {
  margin-bottom: 0.8em;
}

#guthaben {
  background-color: #efefef;
  height: 2em;
}

span.ghbetr {
  color: #3fa200;
}

#guthaben table {
  height: 2em;
}

.lsel .td2 {

}

.lbut .tf2,
.lsel .td3 {
  width: 1em;
}

a#prev.btngo {
  margin-right: 0.1em;
  padding: 10px;
}

a#next.btngo {
  margin-left: 0.1em;
  padding: 10px;
}

.block,
.cnt,
.asel {
  padding: .4em;
}

.asel table {
  width: 93%;
}

.asel img.arw {
  float: right;
  margin-top: 0.2em;
}

.asel img.statusicon {
  float: right;
  position: absolute;
  right: 0;
  margin-right: 0.9em;
  margin-top: 1.3em;
  width: 10px;
  height: 10px;
}

#legende {
  background-color: #fff;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  color: #666;
  font-size: 0.6em;
  overflow: hidden;
}

#legende p {
  margin: 0.4em 0.8em;
  font-weight: bold;
  padding-top: 1px;
}

#legende img.leg_icon {
  margin-right: 0.5em;
  width: 10px;
  height: 10px;
  vertical-align:-2px;
}

#legende span.lgneu {
  margin-right: 3em;
}

#legende span.lgtipp {
  margin-right: 3em;
}

.asel .ta1 {
  font-size: 0.7em;
}

.adr {
  border-top: 1px solid #ddd;
  margin-top: 0.3em;
  padding-top: 0.3em;
  font-size: 0.6em;
}

#merkllink {
  margin-bottom: 1.5em;
}

#einglgslink {
}


.asel .ta2 {
  text-align: right;
}

.asel b {
  color: #000;
  font-size: 0.8em;
}

.asel small {
  display: block;
  font-size: 0.7em;
}

a.btngrn:hover,
a.btngry:hover,
a.btn:hover {
	text-decoration: none;
}

a.btngrn:active,
a.btngry:active,
a.btn:active {
	position: relative;
	top: 1px;
  background-position: 0 0;
}

#howDoLink,
#notfoundlink {
  margin-top: 4em;
}

#gsimg {
  text-align: center;
  min-height: 9.7em;
}


/* @end */

/* @group Content */

#gsimg img {
  max-width: 100%;
}

table.btn2r,
table.btn2m,
table.btn2l,
table.btn2,
table.btn4,
table.btn3 {
  width: 100%;
  margin-bottom: 0.2em;
}

table.btn3 td {
  width: 33%;
}

table.btn2 td.te1,
table.btn4 td.tc1,
table.btn4 td.tc2 {
  width: 50%;
}

table.btn4 td.tc3,
table.btn4 td.tc4 {
  width: 17%;
}

table.btn3 td.tb1 a {
  margin: 0 0.2em 0 0;
}

table.btn3 td.tb2 a {
  margin: 0 0.2em 0 0.2em;
}

table.btn3 td.tb3 a {
  margin: 0 0 0 0.2em;
}

table.btn2 td.te1 a {
  margin-right: 0.2em;
}

table.btn2 td.te2 a {
  margin-left: 0.2em;
}

#gsgs #gueltig {
  border-bottom: 1px dotted #666;
  margin-bottom: 4px;
  padding-bottom: 4px;
}

#gsgs #typ {
  color: #333;
  font-weight: bold;
}

#gsgs #adr {
  border-top: 1px dotted #666;
  padding-top: 4px;
}

#passreqsend {
  margin-bottom: 3em;
}

#gsgs #url {
  border-top: 1px dotted #666;
  padding-top: 16px;
  padding-bottom: 3px;
}

#akttiem {
  font-size: 0.7em;
  color: #FFFFFF;
  margin-left: 1em;
}


.cnt {
	color: #666;
	outline: none;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
}

#typ {
  margin-bottom: 0.8em;
}

.onlgs #typ {
  margin-top: 0.8em;
  margin-bottom: 0;
}

ul.errormsg,
p.error {
  color: #900;
  text-align: center;
}

ul.errormsg {
  font-size: 0.8em;
}

p#adr {
  margin-bottom: 0;
}

div.error label,
div.error {
  color: #900;
}

#desc {
  
}

#not .arwkl {
  height: 0.8em;
  margin-right: 0;
}

.block h2,
.cnt h2,
.cnt h3 {
  font-size: 0.9em;
}

.cnt h2 {
  color: #F8B100;
  /*margin-bottom: 0.3em;*/
  margin-bottom: 0;
}

.cnt h2.black {
  color: #000000;
}

#gueltig,
.txt {
  font-size: 0.75em;
}

.lntop,
#prcinfo,
#oez h3,
#gsdetail,
.transaktionen {
  margin-top: 0.5em;
  padding-top: 0.4em;
  border-top: 1px solid #DDDDDD;
}

#gsdetail ul {
  margin-left: 13px;
}

#oez {
  
}

#oez ul {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#oez ul li {
  margin-left: 1em;
}

#gseinl h2 {
  
}

#gseinl h2,
#not {
  color: #F8B100;
}

#couponcosthint {
  margin-top: 30px;
}

#prcinfo {
  padding-top: 1em;
  margin-bottom: 1em;
}

#timehint {
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: bold;
}

.txt p {
  margin-bottom: 0.5em;
}

#barcodebox {
  text-align: center;
  width: 100%;
}

p.aktionscode {
  color: #000;
  font-weight: bold;
}

/* @end */

a {
	text-decoration: none;
	color: #000;
}
.asel:hover .ta1,
.asel:hover .ta2,
.asel:active .ta1,
.asel:active .ta2 {
  color: #fff;
}

/*a:hover {
  text-decoration: underline;
}*/

div.debugcode {
	background-color: #000;
	color: #000;
	font-size: 11px;
	text-align: center;
	display: none;
}

.black {
  color: #000;
}

div.txt ol {
  margin-bottom: 1em;
}

div.txt ol li {
  list-style-type: decimal;
  list-style-position: outside;
  margin-bottom: 0.3em;
  margin-left: 1.5em;
}

#gscode b {
  color: #900;
}



/* @group unbenutzt */

#foot a,
#head a {
	text-decoration: none;
	color: #fff;
}

#head {
	/*height: 4.2em;*/
	border: 0.15em solid #ae1017;
	color: #fff;
	line-height: 0.6em;
	background: #cb1125 url(img/bgbar.gif) 0 50%;
}

#foot {
	position: relative;
	bottom: 0;
	/*width: 30em;*/
	background: #cb1125 url(img/bgbtnrd.png) repeat-x 0 50%;
}

#a, 
#z {
	width: 100%;
}

#a1 {
	height: 2.05em;
	width: 2.05em;
	line-height: 0;
}

#a1 img {
	width: 1.5em;
}

#a4,
#a2 {
	padding-left: 0.5em;
	line-height: 1em;
	padding-top: 0.25em;
}

#a2 {
	border-right: 1px solid #ae1017;
}

#a4 h1,
#a2 h1 {
  font-size: 0.9em;
}

#a3 {
	border-left: 1px solid #dd6d79;
	width: 3.4em;
	font-weight: bold;
	font-size: 0.7em;
}

#a3 img {
	width: 1.8em;
  margin-bottom: .25em;
}

#z a {
	/*display: block;*/
	width: auto;
}

img.arwrd {
  vertical-align: middle;
  height: 1.2em;
  margin-right: 0.2em;
}

#z {
	border: 1px solid #ae1017;
	color: #fff;
	height: 1.5em;
	font-weight: bold;
}

#z1 {
	background: url(img/bgdbar.gif) repeat-x 0 50%;
}

#z1 img {
  width: 0.9em;
}

#z2 {
}

#z3 {
}

#z4 {
} 

#z2 a,
#z3 a,
#z4 a {
	font-size: 0.65em;
	margin-left: 0.15em;
}

/* @end */

div.formhint {
  font-size: 0.8em;
  color: #FFFFFF;
  margin-top: 1em;
}

#gsregeln ul.bulletlist li {
  list-style-position: outside;
  margin-left: 1em;
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

#gsregeln ul li {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

#rulesubtitle {
  font-size: 0.9em;
}

p.passwreqlink {
  margin-top: 1em;
}

p.passwreqlink a {
  background: url('img/arrw_fullwhite.png') no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding-left: 0.8em;
}

.coupon_sponsoring {
  background: #FFF;
  color: #666666;
  font-size: 0.7em;
  padding: 0.4em;
}

.coupon_sponsoring p {
  margin-bottom: 0.5em;
}

.start_mobile {
  background: url('img/start.png') no-repeat;
  position: relative;
  min-width: 320px;
  height: 395px;
}

.start_mobile img.mobile {
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.start_mobile img.android {
  bottom: 10px;
  position: absolute;
  right: 117px;
}

.start_mobile img.iphone {
  bottom: 10px;
  left: 10px;
  position: absolute;
}

.sort {
  border-bottom: 1px solid #EFEFEF;
  overflow: hidden;
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
}

.last_sort {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.sort span {
  float: left;
}

.sort input {
  float: right;
  margin: 3px 1px 0px 0px;
}

.contact .contactbox {
  border-top: 1px solid #EFEFEF;
  padding-top: 0.4em;
  margin-top: 0.4em;
}

.contact .contactbox span {
  display: block;
  float: left;
  width: 2.5em;
}

.rechndaten {
  margin-bottom: 0.4em;
}

.apitext {
  font-size: 0.8em;
  text-align: left;
  margin-bottom: 0.4em;
}

.transaktionen {
  font-size: 0.8em;
}

.transaktionen td {
  text-align: left;
}

.transaktionen .td_right {
  width: 60%;
} 

.transaktionen b {
  font-size: 1em;
}

.imprint_links {
  border-top: 1px solid #DDDDDD;
  font-size: 0.7em;
  margin-top: 0.4em;
  padding-top: 0.4em
}

.imprint_links a {
  color: #666666;
  display: block;
  margin-top: 0.4em;
}

.lsel2, .lsel_blue {
  background: url('img/arwywl.png') no-repeat 205px center #FFF;
  padding-right: 10px;
  overflow: hidden;
}

.lsel_blue {
  background: url('img/arwble.png') no-repeat 205px center #FFF;
}

.lsel2:hover {
  background: url('img/arwywl.png') no-repeat 205px #999;
}

.lsel_blue:hover {
  background: url('img/arwble.png') no-repeat 205px center #FFF;
}

.lsel2 img, .lsel_blue img {
  float: left;
}

.lsel2 span, .lsel_blue span {
  line-height: 2.2em;
}