* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


/*
-----------------------------
GENERIC
-----------------------------
*/

/* MAIN TYPOGRAPHY */

body { font-size: 100.1%; /*bug-fixing*/ }
html { font-size: 82%; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
input[type='text'], input[type='password'], input[type='email'], input[type='tel'] { font-size: 92%; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
/* abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; } */
acronym { XXXletter-spacing: .1em; border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #999; }
a abbr, a acronym, .navigation abbr, .navigation acronym { border-bottom: none; }
a:hover { text-decoration:underline; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

/* FORMS */

legend { background: #fff; }
textarea, input[type='text'], input[type='password'], input[type='email'], input[type='tel'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, input[type='email']:hover, input[type='tel']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='tel']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'], input[type='password'], input[type='email'], input[type='tel'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

cite { display: block; text-align: right; font-style: italic; }
.uc { text-transform:uppercase; }
/* BASE SIZES */

/* .content { font-size: 1.2em; line-height: 1.6em; } */
.content { line-height: 1.2em; }
body:not(.id14) .frame { min-height: 35.1em; }

h1 { font-size: 1.2em; line-height: 1.2em; }
h2 { font-size: 1em; }
.content h3 { font-size: 1em; }
.content h4 { font-size: 1em; }
.content h5 { font-size: 1em; }
.content h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.content ul li { margin-top:.5em; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .0 0; letter-spacing: .12em; font-family: arial, helvetica, sans-serif; font-style: normal; }
.content h2 { margin: 1.07em 0 .535em; letter-spacing: .12em; }
.content h2.li {  }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input, .content button { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
/*.content ul { margin-left: 1.5em; margin-bottom: 1.63em; padding-bottom: 1.63em; } */
.content ul { margin-left: 0; margin-bottom: 1.63em; padding-bottom: 1.63em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }

/* COLORS */

.content a { padding-left:12px; background: url(/theme/images/icon_link.gif) 0 center no-repeat; }
.content a:link { text-decoration:underline; color:#000; padding-left:10px; background: url(/theme/images/icon_link.gif) 0 center no-repeat; }
.content a:visited { text-decoration: underline; color: #333; }
.content a:hover { text-decoration: underline; color: #000; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

#illu a { padding-left:12px; background: url(/theme/images/icon_link.gif) 0 center no-repeat; }
#illu a:link { text-decoration:underline; color:#000; padding-left:10px; background: url(/theme/images/icon_link.gif) 0 center no-repeat; }
#illu a:visited { text-decoration: underline; color: #333; }
#illu a:hover { text-decoration: underline; color: #000; }
#illu a:active, #illu a:focus { text-decoration: underline; color: #000; }

/* LAYOUT */

body { text-align: center;}
#wrap { margin: 2em auto; width: 736px; text-align: left; }

#head {  }
#head a.logo { float: right; margin-top: 0; margin-bottom: 0; xxxborder: 1px dashed green;}
xxx#head a.logo { border: 1px solid green; display: block; z-index: -1; width:100%; height: 100%; background: transparent url(/theme/images/logo.gif) no-repeat right bottom; }

/* Navigation */
#head ul { margin: 27px 0 0 -18px; float: left;}
#head ul li { margin-left:20px; margin-right:0; padding: 6px 0 7px 0; float: left; font-weight: bold; position: relative; pppborder: 1px dotted green; height:1em; }
/* ^ position:relative neccessary for IEwin6 - otherwise sub navigation is invisible */
#head ul li a,
#head ul li .cur { margin-left:0; padding:5px 0 0 0; color:#585858; xxxbackground: #ddd; white-space:nowrap; height:1em; }
/*
#head ul li a:hover { background: #fff url(/theme/images/nav_hover.gif) repeat-x left bottom; }
#head ul li a.active { background: transparent url(/theme/images/nav_active.gif) repeat-x left bottom; }
*/

/* Subnavigation */
#head ul li ul { float: none; margin: 2px 0 0 0; padding:0; border: none; pppborder: 1px dashed pink; }
#head ul li ul li { float: none; padding: 0 0 0 0; margin: -2.75em 0 0 0; overflow: visible; width: 1px; }
#head ul li ul li a, .snact { margin-left: 0; padding: 0 0 0 0; background: none; font-weight: normal; height: 1em; color:#585858; white-space:nowrap; }
#head ul li ul li a:hover { background: none; color: #000; }

/* Subsub-Navigation */
/* #head ul li ul li ul { margin: -1em 0 0 8.3em; float: left; xxxbackground:#ff0; }
#head ul li ul li ul li { display: inline; margin: 0 0 0 -15px; border: none; }
#head ul li ul li ul li a { padding: 0 0 0 10px; font-weight: normal; background: #fff url(/theme/images/subsubnav-bkg.gif) no-repeat left center; white-space:nowrap; }
#head ul li ul li ul li a:hover { background: #fff url(/theme/images/subsubnav-bkg.gif) no-repeat left center; }
*/
xxx.snact { white-space:nowrap; }
.act { }
.snact,
.curtop { pppbackground:#0ff; }

#head ul { pppborder: 1px solid blue; }
#head ul li ul { pppborder: 1px dotted lightgreen; }
#head ul li a { pppborder: 1px dotted #f0f; }
#head ul li.curtop { pppborder: 1px solid red;}

#head ul li.curtop { padding-left: 10px; }
#head ul li a { padding-left: 10px;}
#head ul li ul li a { padding-left: 0; }
#head ul li.curtop a { padding-left: 0; }
#head ul li.curtop ul { margin-left: -10px; }
#head ul li ul li { padding-left:10px; pppborder: 1px solid yellow;}

#xxxhead .topsub a { margin-left:-10px; }
#body { width:730px; }
#body { border: 1px solid #444; clear: both; padding: 0; }

#cite { line-height:1.2em; }
.s #body { border: 1px solid #444; clear: both; background: #fff url(/theme/images/bkg_cite_top.gif) no-repeat right top;}
.s #content { width: 350px; height: 310px;  line-height: 20px; background: #95CDFF; float: right; margin: 20px 10px 10px 0; padding: 10px 0 0 0; }
.s #content .frame { min-height:unset; }
.s #content p { height: 190px; margin: 10px 30px 0px 30px; background: transparent; overflow: auto; text-align: left; }
.s #content p a { display:block; margin-top: 1em; }
/* .s #content p+p { margin: -100px 30px 0px 30px; } */
.s #cite { padding-top: 10px; margin: 0 0 0 0; background: #fff url(/theme/images/bkg_cite_bottom.gif) no-repeat left top; overflow: auto; }
.s #cite p { margin: 20px 25px 0 30px; height: 110px; display: block; line-height:20px; }
.s #cite p .origin { display: block; text-align: right; font-style: italic; margin-right:5px; margin-top:.5em; }

.s #cite p img { vertical-align: baseline; }

.s #illu { width:350px; float: left; margin: 10px; }
/*.s # { margin-top: 10px; background: #aaaadd; }*/

.s .numbers { clear: both; float: left; margin: 0 0 10px 10px; }
.s .jackpot { float: right; margin: 0 10px 10px 0; }

.tl #body { border: 1px solid #444; clear:both; padding:0; }
.tl #content { width: 730px; float: right; margin: 0 0px 21px 0; padding: 0; height: 100%; }
.tl #content p,
.tl #content h1,
.tl #content h2,
.tl #content h3,
.tl #content h4,
.tl #content h5,
.tl #content ul,
.tl #content form,
.tl #content ol { padding: 0px 40px 0px 400px; }
xxx.tl #content ul { padding: 0px 40px 0px 420px; }
.tl #content ol li p { padding: 0; margin:0; xxxborder: 1px solid red; }
.tl #content ul li { padding-left: 20px; background: transparent url(/theme/images/bullet.gif) no-repeat 4px .33em; }

.tl #content form * { padding-left: 0px; margin-left: 0; }

.tl #content h1 { margin: 0px 0 20px 0; padding-top: 40px; xxxborder: 1px solid green; display: block; xxxwidth: 200px !important;}
.tl #content p { margin-top: 0; margin-bottom: 10px; text-align: left; }

.tl #illu { width:350px; float: left; margin: 10px -360px 0 10px; xxxborder: 1px dashed red; }
.tl #illu img { background-color: #fff; margin: 0 0 -1px 0; }
.tl #cite { margin-top: -2px; margin-bottom: 10px; padding: 9px 0; color: #000; }
.tl #cite p { margin: 10px 20px 20px 20px; display: block; }
.tl #cite p .origin { display: block; text-align: right; font-style: italic; margin-right:15px; margin-top:.5em; }

.id5 #body { background: #fff url(/theme/images/bkg_5_2col_bot.gif) no-repeat right bottom; }
.id5 #content { background: #fff url(/theme/images/bkg_5_2col_bkg.gif) repeat-y right; }
.id5 h1 { background: transparent url(/theme/images/bkg_5a_top.gif) no-repeat right top; }
.id5 #cite { background: #fff url(/theme/images/bkg_5b_top.gif) no-repeat left bottom; }

.id7 #body { background: #fff url(/theme/images/bkg_7_2col_bot_logo.gif) no-repeat right bottom; }
.id7 #content { background: #fff url(/theme/images/bkg_7_2col_bkg.gif) repeat-y right; }
.id7 h1 { background: transparent url(/theme/images/bkg_7a_top.gif) no-repeat right top; }
.id7 #cite { background: #fff url(/theme/images/bkg_7b_top.gif) no-repeat left bottom; }
.id7 #content { margin-bottom: 110px; } /* wegen Logo */

/* Provisionsplan */
.id10 ol { margin-left:20px; padding-left:0; }
.id10 ol li { margin-left:0; padding-left:0; padding-right:0; }
.id10 ol li h2 { padding-right:0 !important; letter-spacing: .05em; }
.id10 #body { background: #fff url(/theme/images/bkg_10_2col_bot.gif) no-repeat right bottom; }
.id10 #content { background: #fff url(/theme/images/bkg_10_2col_bkg.gif) repeat-y right; }
.id10 h1 { background: transparent url(/theme/images/bkg_10a_top.gif) no-repeat right top; }
.id10 #cite { background: #fff url(/theme/images/bkg_10b_top.gif) no-repeat left bottom; }

.id9 #body { background: #fff url(/theme/images/bkg_9_2col_bot.gif) no-repeat right bottom; }
.id9 #content { background: #fff url(/theme/images/bkg_9_2col_bkg.gif) repeat-y right; }
.id9 h1 { background: transparent url(/theme/images/bkg_9a_top.gif) no-repeat right top; }
.id9 #cite { background: #fff url(/theme/images/bkg_9b_top.gif) no-repeat left bottom; }


/* BILD RECHTS */

#head a.logo { margin-right: 4px; }

.tr #body { border: 1px solid #444; clear: both; padding: 0; }
.tr #content { width: 730px; float: left; margin: 0px -360px 30px 0px; padding: 0px 0; display: inline; text-align: left; }
/* display.inline = ie6-hack wg.  double margin float bug */
/* NICHT GUT: .tr #content * { padding: 0px 390px 0px 30px; } */
/* besser: */
.tr #content p,
.tr #content h1,
.tr #content h2,
.tr #content h3,
.tr #content ul,
.tr #content ol { padding: 0px 400px 0px 40px; }

.tr #content ol li h2,
.tr #content ol li h3,
.tr #content ul li h2,
.tr #content ul li h3 { padding-top: 0; }

.id16 #content { background:#e6debd; background:#f4eac1; margin: 10px; border-radius: 10px; width: 710px; padding-bottom: 25px; }
.id16 #content p,
.id16 #content h1,
.id16 #content h2,
.id16 #content h3,
.id16 #content ul,
.id16 #content ol { padding: 0px 40px 0px 40px; }
.id16 #content h1 { margin: 0px 0 20px 0; padding-top: 40px; display: block; }
.id16 #content p { margin-top: 0; margin-bottom: 10px; }

.tr #content h1 { margin: 0px 0 20px 0; padding-top: 40px; xxxborder: 1px solid green; display: block; xxxwidth: 200px !important;}
.tr #content p { margin-top: 0; margin-bottom: 10px; }

.tr #illu { width:350px; float: right; margin: 10px 10px 0 0; xxxborder: 1px dashed red; }
/* .tr #illu { width:350px; float: right; margin: 10px 5px 0 0; xxxborder: 1px dashed red; } /* ie */
.tr #illu img { background-color: #fff; margin: 0 0 -1px 0; }
xxx.tr #fill { margin-top: 0; margin-bottom: 10px; height: 2.2em; }
.tr #cite { margin-top: -2px; margin-bottom: 10px; padding: 9px 0px; color: #000; }
.tr #cite p { margin: 10px 20px 20px 20px; display: block; }
.tr #cite p .origin { display: block; text-align: right; font-style: italic; margin-right:15px; margin-top:.5em; }

/* Shop */
.id40 #body { background: #fff url(/theme/images/bkg_5_2col_bot.gif) no-repeat right bottom; }
.id40 #content { background: #fff url(/theme/images/bkg_5_2col_bkg.gif) repeat-y right; }
.id40 h1 { background: transparent url(/theme/images/bkg_5a_top.gif) no-repeat right top; }
.id40 #cite { background: #fff url(/theme/images/bkg_5b_top.gif) no-repeat left bottom; }

/* Vertriebspartner */
.id6 #body { background: #fff url(/theme/images/bkg_6_2col_bot.gif) no-repeat left bottom; }
.id6 #content { background: #fff url(/theme/images/bkg_6_2col_bkg.gif) repeat-y left; }
.id6 h1 { background: transparent url(/theme/images/bkg_6a_top.gif) no-repeat 10px 0px; }
.id6 #cite { background: #fff url(/theme/images/bkg_2b_top.gif) no-repeat left bottom; }

.id8 #body { background: #fff url(/theme/images/bkg_8_2col_bot.gif) no-repeat left bottom; }
.id8 #content { background: #fff url(/theme/images/bkg_8_2col_bkg.gif) repeat-y left; }
.id8 h1 { background: transparent url(/theme/images/bkg_8a_top.gif) no-repeat 10px 0px; }
.id8 #cite { background: #fff url(/theme/images/bkg_8b_top.gif) no-repeat left bottom; }

/* Vertriebspartner */
.id6 #body { background: #fff url(/theme/images/bkg_6_2col_bot.gif) no-repeat left bottom; }
.id6 #content { background: #fff url(/theme/images/bkg_6_2col_bkg.gif) repeat-y left; }
.id6 h1 { background: transparent url(/theme/images/bkg_6a_top.gif) no-repeat 10px 0px; }
.id6 #cite { background: #fff url(/theme/images/bkg_2b_top.gif) no-repeat left bottom; }

/* FAQ */
.id4 #body { background: #fff url(/theme/images/bkg_4_2col_bot.gif) no-repeat left bottom; }
.id4 #content { background: #fff url(/theme/images/bkg_4_2col_bkg.gif) repeat-y left; }
.id4 h1 { background: transparent url(/theme/images/bkg_4a_top.gif) no-repeat 10px 0px; }
.id4 #cite { background: #fff url(/theme/images/bkg_4b_top.gif) no-repeat left bottom; }

/* Login */
.id24 #body { background: #fff url(/theme/images/bkg_i1_2col_bot.gif) no-repeat left bottom; }
.id24 #content { background: #fff url(/theme/images/bkg_i1_2col_bkg.gif) repeat-y left; }
.id24 h1 { background: transparent url(/theme/images/bkg_i1a_top.gif) no-repeat 10px 0px; }
.id24 #cite { background: #fff url(/theme/images/bkg_i1b_top.gif) no-repeat left bottom; }


/*
.t3 #body { border: 1px solid #444; clear: both; }
.t3 #content { width: 350px; background: #A9DC70; float: right; margin: 10px 10px 10px 0; padding: 10px 0; line-height: 20px;}
.t3 #content * { margin: 0 20px; }
.t3 #content p { margin-top: 10px; }

.t3 #illu { width:350px; float: left; margin:10px; }
.t3 #fill { margin-top: 10px; background: #2F6300; height: 14em; }
.t3 #cite { margin-top: 10px; padding: 9px 0; background: #fff; color: #000; }
.t3 #cite p { margin: 1px 10px; display: block; }
.t3 #cite p .origin { display: block; text-align: right; font-style: italic; }
*/

.clearer { clear: both; }


#head ul li a:hover { text-decoration:underline; }

#head ul li a.active,
#head ul li a:hover { color:#000 !important; }

.act,
.curtop,
.snact { color:#000 !important; }

/* FARBCODES */

/* Euromillionen */
.id7 .act,
.id7 .curtop { background: url(/theme/images/nav_cur_7.gif) 2px center no-repeat; }
.id7 .content p a { display:block; margin-top:.5em; }
/* Spielsystem */
.id9 .act,
.id9 .curtop { background: url(/theme/images/nav_cur_9.gif) 2px center no-repeat; }

/* Vorteile */
.id8 .act,
.id8 .curtop { background: url(/theme/images/nav_cur_8.gif) 2px center no-repeat; }

/* Vertriebspartner */
.id6 .act,
.id6 .curtop { background: url(/theme/images/nav_cur_6.gif) 2px center no-repeat; }

/* Provisionsplan */
.id10 .act,
.id10 .curtop { background: url(/theme/images/nav_cur_10.gif) 2px center no-repeat; }

/* �ber uns */
.id5 .act,
.id5 .curtop { background: url(/theme/images/nav_cur_5.gif) 2px center no-repeat; }

/* FAQ */
.id4 .act,
.id4 .curtop { background: url(/theme/images/nav_cur_4.gif) 2px center no-repeat; }

/* Kontakt */
.id3 .snact,
.id3 .curtop { background: url(/theme/images/nav_cur_3.gif) 2px center no-repeat; }

/* INTERN ------------------------- */

/* Login */
.id24 .act,
.id24 .curtop { background: url(/theme/images/nav_cur_6.gif) 2px center no-repeat; }

/* Downloads */
.id25 .snact,
.id25 .curtop { background: url(/theme/images/nav_cur_3.gif) 2px center no-repeat; }

/* Download-Details */
.id27 .snact,
.id27 .curtop { background: url(/theme/images/nav_cur_3.gif) 2px center no-repeat; }

xxx.t1 #fill { margin-top: 10px; height: 2em; }
xxx.t3 #fill { margin-top: 10px; height: 29.5em; }


/* BILD OBEN DR�BER */

#body img { margin-bottom: -.2em; }
.tb #body { border: 1px solid #444; clear: both; padding: 0; }
.tb #content { width: 730px; float: left; margin: 0px -360px 20px 0px; padding: 0px 0; display: inline; }
/* display.inline = ie6-hack wg.  double margin float bug */
/* NICHT GUT: .tb #content * { padding: 0px 390px 0px 30px; } */
/* besser: */
.tb #content p,
.tb #content h1,
.tb #content h2,
.tb #content h3,
.tb #content ul,
.tb #content ol { padding: 0px 400px 0px 40px; }

.tb #content ol li h2,
.tb #content ol li h3,
.tb #content ul li h2,
.tb #content ul li h3 { padding-top: 0; }

.tb #content h1 { margin: 0px 0 20px 0; padding-top: 10px; xxxborder: 1px solid green; display: block; xxxwidth: 200px !important;}
.tb #illu h1 { margin: 0px 0 20px 0; padding-top: 0; xxxborder: 1px solid green; display: block; xxxwidth: 200px !important;}
.tb #content p { margin-top: 0; margin-bottom: 10px; }

.tb #illu { width:360px; float: right; margin: 0 0 0 0; padding-bottom:20px; line-height:1.2em; }
.tb #illu img { background-color: #fff; margin: 0 0 -1px 0; }
.tb #illu p,
.tb #illu h1,
.tb #illu h2,
.tb #illu h3,
.tb #illu ul,
.tb #illu ol { padding: 0px 40px 0px 0; }

.tb #cite { margin-top: -2px; margin-bottom: 10px; padding: 19px 0px; color: #000; }
.tb #cite p { margin: 10px 20px 20px 20px; display: block; }
.tb #cite p .origin { display: block; text-align: right; font-style: italic; margin-right:5px; margin-top:.5em; }

.tb #illu h1 { margin: 10px 30px 20px 30px; padding-top: 0; letter-spacing: .15em; font-family: arial, helvetica, sans-serif; font-size:120%; font-weight:bold; }
.tb #illu h2 { margin: 0 30px 0 30px; }
.tb #illu p { margin: 0 30px 10px 30px; }
.tb #illu p a { display:block; margin-top: 5px; }

/* ALT:
.tb #body { };
.tb #content { width: 350px; float: left; margin: 0 -370px 20px 0px; padding: 0px 0; display: inline; }

.tb #content p,
.tb #content h1,
.tb #content h2,
.tb #content h3,
.tb #content ul,
.tb #content ol { padding: 0px 390px 0px 30px; }

.tb #content ol li h2,
.tb #content ol li h3,
.tb #content ul li h2,
.tb #content ul li h3 { padding-top: 0; }

.tb #content h1 { margin: 10px 0 20px 0; padding-top: 30px; xxxborder: 1px solid green; display: block; xxxwidth: 200px !important;}
.tb #content p { margin-top: 0; margin-bottom: 10px; }

.tb #illu { z-index:999; overflow: visible !important; width:350px; float: right; margin: 0 10px 0 0; xxxborder: 1px dashed blue; }
.tb #illu img { overflow: visible; background-color: #fff; margin: 0 0 0 -370px; }
.tb #cite { width:350px; margin-top: -2px; margin-bottom: 10px; padding: 9px 0; color: #000; }
.tb #cite p { margin: 10px 10px 20px 10px; display: block; }
.tb #cite p .origin { display: block; text-align: right; font-style: italic; }

.tb #content { border: 1px solid blue; }
.tb #illu { border: 1px solid red; }
.tb #cite { border: 1px solid green; }
*/

.tb #illu { }
/* Kontakt */
.id3 #body { background: #fff url(/theme/images/bkg_3_2col_bot.gif) no-repeat left bottom; }
.id3 #content { background: #fff url(/theme/images/bkg_3_2col_bkg.gif) repeat-y left; }
/* .id3 h1 { background: transparent url(/theme/images/bkg_3_2col_top.gif) no-repeat 10px 0px; }*/
.id3 h1 { background: transparent; }
.id3 #illu h2 { margin-top: 1em !important; margin-bottom: .5em !important; }

/* Downloads */
.id25 #body { background: #fff url(/theme/images/bkg_25_2col_bot.gif) no-repeat left bottom; }
.id25 #content { background: #fff url(/theme/images/bkg_25_2col_bkg.gif) repeat-y left; }
.id25 #illu h2 { margin-top: 20px !important; margin-bottom: .5em !important; }

.id25 #illu h1 { margin: 10px 0 0 0 !important; letter-spacing: .12em; font-family: arial, helvetica, sans-serif; font-style: normal; }
.id25 #illu h2 { margin: 0px 0 .535em !important; letter-spacing: .12em; }
.id25 #illu ul { margin-bottom: 20px !important; }

/* Download-Details */
.id27 #body { background: #fff url(/theme/images/bkg_25_2col_bot.gif) no-repeat left bottom; }
.id27 #content { background: #fff url(/theme/images/bkg_25_2col_bkg.gif) repeat-y left; }
.id27 #illu h2 { margin-top: 20px !important; margin-bottom: .5em !important; }

.id27 #illu h1 { margin: 10px 0 0 0 !important; letter-spacing: .12em; font-family: arial, helvetica, sans-serif; font-style: normal; }
.id27 #illu h2 { margin: 0px 0 .535em !important; letter-spacing: .12em; }
.id27 #illu ul { margin-bottom: 20px !important; }

sup { margin: -2em 0 0 0 !important; font-size: 80%; line-height:.1em; }

.unsichtbar, .explain, .komplettweg {
	display:				block;
	position:			absolute;
	top:					0;
	left:					-1000px;
	height:				0px;
	overflow:			hidden;
	margin-left:		-2000px;
}


#content ul li h2,
#content ul li h3,
#content ul li p { padding-left: 30px; }
#content ol li h2,
#content ol li h3,
#content ol li p { padding-left: 10px !important; }

#kontakt-9 { margin: -1em 0 30px 40px; padding:0; width:280px; }
.id3 .content h1 { margin-top:0; }

legend { display: none; visibility: hidden; }

.tb form * { margin-left: 0; }
.tb fieldset { margin:0; padding: 0; border: none; }
.tb input[type=text],
.tb input[type=email],
.tb input[type=tel] { width:271px; background-color:#fff; margin-left: -1px; }
.tb textarea { width:271px; height:12em; background-color:#fff; margin-left: -1px; }
.tb input { }
.tb label { margin-top:0; display:block; }
.tb .tx_powermail_pi1_fieldwrap_html {  }

.tr form * { margin-left: 40px; }
.tr form p { margin-left: 0; }
.tr fieldset { margin:0; padding: 0; border: none; }
.tr input[type=text] { width:271px; background-color:#fff; margin-left: -1px; }
.tr textarea { width:271px; background-color:#fff; margin-left: -1px; }
.tr input { }
.tr label { margin-top:0; display:block; }

input[type=checkbox] + span { float:right; width:calc(100% - 2em); margin-bottom:1.5em; }
label[for=kontakt-9-multicheckbox-1] { font-weight:bold; margin:0 0 .8em; }
#body #content form h2 { padding:0; position:relative; margin:0 0 -.4em 0; top:-.6em; }


#content ol li { text-align: left !important; }
.powermail_mandatory_js { color: #c00; padding: 2px 2px 5px 4px; border: 1px dotted #c00; border-top: none; }
.tx-powermail-pi1_mandatory form { margin-left: 30px; }
.powermail_mandatory_listitem b { display: block; font-weight: bold; }
.powermail_check_inner { vertical-align:middle; line-height:1.2em; display:block; }
.powermail_check { float:left; margin:0 1em 0 0; padding:0; height:1.5em; }
.tx_powermail_pi1_fieldwrap_html_check label { margin:0; line-height:1.5em; }

.tx_powermail_pi1_fieldwrap_html_check h3 { margin-left:0; padding:0 !important; }
/* .tb input[type=submit] { clear: both; float:right; } */
/* .tb #illu h1, */

/* FAQ */
.id4 h3 { font-weight: normal; width:270px; margin:10px 0 10px 0; padding-left: 60px !important; cursor:pointer; background: url(/theme/images/faq_plus.gif) 42px .33em no-repeat; }
.id4 h2 + h3 { margin-top:20px; }
.id4 h3:hover {  text-decoration: underline; }
.id4 h3 p { width:270px; margin:0 !important; padding:0 !important; }

.frame-layout-1 h3 + div { margin-left:20px; margin-top:10px; margin-bottom:10px; overflow:hidden; transition:max-height .5s ease; }
.frame-layout-1 h3:not(.expanded) + div { max-height:0!important; }
.frame-layout-1 h3.expanded { text-decoration: underline; background: url(/theme/images/faq_minus.gif) 42px .33em no-repeat; }


/* Login-Footer */
#foot #login { margin-right: 15px; }
#foot #login input { width: 150px; }



/* Darstellung ohne Flash-Plugin */

.noflash { margin:0; padding:2px 0; width:360px; height:65px; background:#fff url(/theme/images/jackpot.gif) no-repeat top left; vertical-align:middle; }
.nfnumbers { clear: both; float:left; margin:0 -10px 0 10px; }
.noflash h2 { font-weight:normal; padding-left:40px; margin:5px 0; color:#c3362b; }
.nfnumbers h2 { padding-left:30px; }
.nfnumbers ol.numbers { list-style:none; margin:0 0 0 30px; padding:0; }
.nfnumbers li { display:inline-block; position:relative; transition:transform .33s ease; margin-right:13px; }
.nfnumbers li span { display: inline-block;
    background: #fbfbfb;
	border: 2px solid #666;
	position:relative;
	z-index:2;
    font-size: 1.1em;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    font-weight: bold;
    color: #555;    
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(222,222,222,1) 59%, rgba(206,206,206,1) 64%, rgba(144,144,144,1) 72%, rgba(102,102,102,1) 100%);
}
.nfnumbers li.extra span {
    border-color: #ff3f26;
	box-shadow: 0 -2px 1em 2px #fff;
	color:#b03f30;
}
.nfnumbers li::after {
	content:"";
	display:block;
	position:relative;
	top:-.4em;
	background:#666;
	background: radial-gradient(66% 50%, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 100%);
	width:2em;
	height:.6em;
	border-radius:50%;
	opacity:75;
}

.nfnumbers li.extra {
	margin-left:15px;
}
.nfnumbers li.extra + .extra{
	margin-left:0;
}

.nfnumbers li:hover { transform:scale(1.5); transition:transform .2s ease; z-index:10; }


.nfjackpot { float:right; margin:0 10px 0 0; background-position:top right; }
.nfjackpot p {     font-size:38px;
	font-family: eurodin,"arial narrow", roboto, arial;
    padding-left: 40px;
    position: relative;
    top: -7px;
	color: #fff;
}
.nfjackpot p abbr { text-decoration:none; border:none; font-size:30px; vertical-align:baseline; padding-left:3px; }

/* Downloads */
.tx_drblob_list { width:340px; margin:0 !important; }
ul.tx_drblob_list { padding:0 !important;}
ul.tx_drblob_list li { width: 340px; padding:0 !important; margin: 0 0 10px 0 !important; }
#illu .tx_drblob_list { width:340px; margin:20px 0 0 0 !important; }
#illu ul.tx_drblob_list li { width: 340px; padding:0 !important; margin: 10px 0 10px 0 !important; }
.tx_drblob_list a { background:none !important; margin:0 !important; padding:0 !important; }
.tx_drblob_list h3 { padding-right:0 !important; margin:0 !important; }
.tx_drblob_list p { padding-right:0 !important; margin:0 0 0 0 !important; }

.tx_drblob_list img { background:transparent !important; }

.tx_drblob_list a:link,
.tx_drblob_list a:visited,
.tx_drblob_single a:link,
.tx_drblob_single a:visited { text-decoration:none !important; }
.tx_drblob_list a:hover,
.tx_drblob_list a:active,
.tx_drblob_single a:hover,
.tx_drblob_single a:active { text-decoration:underline !important; }

.tx_drblob_list .file a { color:#666 !important; }

.tx_drblob_single h3 a { font-weight:normal; background:none !important; padding:0 !important; }
.tx_drblob_single li h2 { xxxdisplay:inline; float:left; margin:0; width:8.5em !important; padding:0 !important; }
.tx_drblob_single p { margin: 10px 0 10px 40px !important; padding:0 !important; width:300px !important; }

xxx.tx_drblob_single li { border: 1px dashed purple; }
xxx.tx_drblob_single li h2 { border: 1px dotted red; }

/* Profil (mm_forum) */

.tx-mmforum-subth { border-right:none !important; }
.tx-mmforum-pi5 { margin: 0 1px 0 1px; }




.debug { color: red; font-size:9pt; border: 1px dotted red; padding:0 !important; }


#foot { clear: both; width:100%; xxxborder-right: 2px solid #444; text-align: right; padding: 6px 0 0 0; }
#foot h1, #head h1 { font-size: 1px; position: absolute; margin-left: -2000em; }
#foot form { margin: 0 14px 0 0 !important; padding:0; line-height: 200%; }
#foot form * { margin:0; }
#foot form p { margin: 0 2px 0 0; padding: 0;}
#foot form fieldset { margin: 0; padding: 0; xxxborder: 1px dashed red; }
#foot form input { width:10em; margin:0; font-family: arial, helvetica, "microsoft sans serif", sans-serif; }
#foot form label { display: inline; color:#555; }
#foot ul { float: left; margin: .5em 1em 0 1px; }
#foot ul li { float: left; margin: 0 12px; }
#foot ul li a:link,
#foot ul li a:visited { color: #555; text-decoration: none; }
#foot ul li a:hover { color: #000; text-decoration: underline; }
#foot ul li a:active { color: #600; text-decoration: underline; }

#foot a { padding:5px 10px 5px 10px; }

/* SHOP */

.tx-ttproducts-pi1 form select.star { background-color:#ff9; color:#c00; }
.tx-ttproducts-pi1 form select { vertical-align:middle; text-align:right; font-weight:bold; }
.tx-ttproducts-pi1 img.ball { vertical-align:middle; }

.tx-ttproducts-pi1 fieldset { margin-bottom:2em; }

.tx-ttproducts-pi1 form { margin:0; padding:0; }

.id41 label,
.id41 label abbr { margin-left:0; }
.id41 form p { width:360px; }
.id41 form p a { margin-left:0; }
.id41 form XXXtextarea { margin-left:40px; }

.id41 form p { width:600px; }.inline { display:inline; margin-right:0; padding-right:0; }
.afterinline { display:inline; margin-left:0; text-align:left; }

h1.inform { margin:0 -40px 0 -400px !important; padding: 40px 0 0 400px !important; xxxborder: 3px dashed blue; }

.listitem h2 a { background:none; }

/* Gesch�ftspr�sentation */

.id53 #body { background: #fff url(/theme/images/bkg_i1_2col_bot.gif) no-repeat left bottom; }
.id53 #content { background: #fff url(/theme/images/bkg_i1_2col_bkg.gif) repeat-y left; }
.id53 h1 { background: transparent url(/theme/images/bkg_i1a_top.gif) no-repeat 10px 0px; }
.id53 #cite { background: #fff url(/theme/images/bkg_i1b_top.gif) no-repeat left bottom; }


.video { margin-left:10px; margin-top:8px; margin-bottom:-10px; }
.id54 #illu { display:none; }

.id53 h2 { clear:left; }
.id53 .tx-srfeuserregister-pi1 label span { display:none; }
.id53 input { margin-left:40px !important; }
.id53 h3 { margin-left:40px; }
.id53 input[type=submit] { display:block; clear:both; margin-top:10px; margin-bottom:10px; }

.id53 .tx-newloginbox-pi1 fieldset p strong { margin:0; }
.id53 #cite { padding-top:1px; margin-top:-9px; }

/* needed again for IE6 and IE7... don't know why... */
.id53 .tx-srfeuserregister-pi1 label { margin-left:40px; }

.s .content a { margin-top:.8em !important; xxxpadding-top:0 !important; text-decoration:underline; xxxborder-top:1px dashed #ccc; }
.s #cite a { margin-top:0 !important; padding-top:0 !important; xxxborder-top:1px dashed #ccc; }

.s .content a:hover { padding-left:14px; background-image: url(/theme/images/icon_link_white.gif); color:#000033; }
.s #cite a:hover { background-image: url(/theme/images/icon_link_orange.gif); }

@font-face {
    font-family: 'eurodin';
    src: url('/theme/fonts/eurodin.woff2') format('woff2'),
         url('/theme/fonts/eurodin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}