/******************************************************************************
 * basic style
 ******************************************************************************/
* {
    font-family: helvetica, arial, sans-serif;
    padding: 0;
	margin: 0 auto;
}

html {
	background: #fff;
	color: #000;
}

.page {
    width: 940px;
    margin: 0 auto;
}

img {
    border: none;
}

/******************************************************************************
 * link styles
 ******************************************************************************/
a ,
a:active,
a:visited {
    text-decoration: underline;
	color: #00f;
}

a:hover {
	color: #000;
}

a.nolink_header {
	text-decoration: none;
	color: #f00;
}

a.nolink {
    text-decoration: none;
}

a.nolink_motto {
	text-decoration: none;
	color: #fff;
}

a.nolink_text {
	text-decoration: none;
	color: #000;
}

a.top {
	text-decoration: none;
	height: 0;
	line-height: 0;
	font-size: 0;
}

div.background ul {
	font-family: arial, sans-serif;
    font-size: .75em;
    width: 85%;
    list-style-image: url(../imgs/haken.gif);
    list-style-position: outside;
	margin-bottom: 5px;
	padding-left: 20px;
}

div.faq div.text ul.fragen_style {
	font-size: 1em;
   /* width: 85%; */
    list-style-image: url(../imgs/dreieck_blau_klein.gif);
    list-style-position: outside;
    margin-top: 30px;
	padding-left: 15px;
	vertical-align: top;
    line-height: 1.5em;
    text-align: left;
}

div.faq div.text ul.fragen_style li {
	margin-bottom: 4px;
}
/*
ul.punkte_style {
	font-size: .8em;
    width: 95%;
    list-style-image: url(../imgs/punkte-gewinne.gif);
    list-style-position: outside;
    margin-top: 5px;
	padding-left: 35px;
}
*/
.right {
    float: right;
}

.left {
    float: left;
}

.clear {
    clear: both;
	height: 0;
	line-height: 0;
}

img.anker_top {
	margin-top: -23px;
	float: right;
}

/******************************************************************************
 * form style
 ******************************************************************************/
div.article div.text div.register,
div.article div.text div.registerFinance {
	width: 100%;
    height: 200px;
	font-size: 1em;
}

div.article div.text div.finance {
    height: 100%;
    font-size: .9em;
}

div.article div.text div.register div.registerTokentext,
div.article div.text div.register div.registerMaintext {
	font-family: helvetica, arial, sans-serif;
    position: relative;
	left: 120px;
	font-size: .8em;
    height: 50px;
    line-height: 1.1em;
	width: 300px;
    top: 0;
}

div.article div.text div.register div.registerTokentext {
	margin-top: -10px;
}

div.article div.text div.register form .clear {
	height: 2px;
	line-height: 2px;
}

div.article div.text div.register div.embedded {
	width: 90%;
	padding-top: 10px;
}

div.article div.text div.register input,
div.article div.text div.register select,
div.article div.text div.finance input,
div.article div.text div.finance select{
	margin-right: 0;
	font-size: .8em;
}

div.article div.text div.register select,
div.article div.text div.finance select {
	height: 1.6em;
	font-size: .8em;
}

div.article div.embedded form div.left,
div.article div.embedded div.text form div.left,
div.article div.embedded form div.friends div.left,
div.article div.text div.register form div.left,
div.article div.text div.register form div.bankLeft {
	float: left;
	width: 24%;
	font-size: .9em;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
}
div.article div.embedded form div.left {
	width: 34%;
}

div.article div.embedded div.text form div.left,
div.article div.embedded form div.friends div.left,
div.article div.text div.register form div.bankLeft {
	width: 15%;
}

div.article div.embedded form div.right,
div.article div.embedded div.text form div.right,
div.article div.embedded form div.friends div.right,
div.article div.text div.register form div.right{
	float: right;
	width: 75%;
}

div.article div.embedded form div.right {
	width: 65%;
}

div.article div.embedded form div.friends div.right {
	width: 40%;
}

div.article div.embedded div.text form div.right{
	width: 80%;
}

div.article div.text div.register form div.bankRight {
  width: 150px;
  float: left;
  margin-left: 50px;
}

div.article div.text div.register div.right input,
div.article div.text div.register div.right select {
	margin-right: 10px;
}

div.bankText {
	font-size: .8em;
	margin-top: 20px;
	height: 40px;
}

div.article div.text div.register input.bankSubmit,
div.article div.text div.finance input.bankSubmit,
div.article div.text div.register input.bankSubmit:hover,
div.article div.text div.finance input.bankSubmit:hover {
	padding-bottom: 0;
	width: 154px;
	height: 26px;
	border: none;
    background-position: 0 0;
    background-color: transparent;
    cursor: pointer;
    float: right;
    margin: 0;
    margin-top: 3px;
    margin-right: 30px;
}

div.article div.text div.register input.bankSubmit:hover,
div.article div.text div.finance input.bankSubmit:hover {
    background-position: 0 26px;
}

div.article div.embedded form input.registerSubmit,
div.article div.text div.register input.registerSubmit {
	width: 150px;
	height: 32px;
	border: none;
	background: transparent;
    cursor: pointer;
}

div.article div.embedded form input.registerSubmit {
	left: 250px;
}

input.pwSubmit {
	width: 140px;
	height: 28px;
	margin-left: 0;
	margin-top: -3px;
	border: none;
	background: transparent;
    cursor: pointer;
}

/******************************************************************************
 * header style
 ******************************************************************************/
div.banner {
	background: url(../imgs/banner-farbverlauf.gif);
	width: 100%;
	height: 71px;
}

div.logo {
	width: 242px;
	height: 71px;
	float: left;
}

div.motto {
	width: 675px;
	height: 71px;
	float: left;
	line-height: 60px;
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
}

div.motto div {
	color: #fff;
	position: relative;
	left: 0;
	top: -1.53em;
	font-style: italic;
	font-size: 2.2em;
	font-weight: bold;
}

div.motto h1 {
	color: #000;
	position: relative;
	left: .01em;
	top: .2em;
	font-style: italic;
	font-size: 2.2em;
	font-weight: bold;
}

div.banner div.rand-rechts {
	background: url(../imgs/banner-rechts.gif);
	width: 6px;
	height: 71px;
	float: right;
}

.link {
	float: left;
	margin-left: 5px;
	line-height: 30px;
}

div.topNavi {
	background: url(../imgs/navigation-color.gif);
    width: 940px;
	height: 35px;
	margin-top: 5px;
	margin-left: 0;
	position: relative;
}

div.topNavi div.link {
    width: 922px;
	float: left;
	margin-left: 0;
	line-height: 34px;
}

div.topNavi div.link img {
	position: absolute;
	left: 0;
	top: 0;
}

div.topNavi div.link a {
	background: url(../imgs/navigation-color.gif) 0 0;
	color: #000;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    line-height: 35px;
    margin: 0;
	padding: .5em 15px .52em 15px;
}

div.topNavi .link a:hover {
	color: #fff;
	background: url(../imgs/navigation-color.gif) 0 2.2em;
}

div.topNavi .linkAktiv a {
	background: url(../imgs/navigation-color.gif) 0 0;
	color: #000;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 35px;
	padding: 10px 20px 9px 20px;
}

div.topNavi .linkAktiv a:hover {
	color: #fff;
	background: url(../imgs/navigation-color.gif) 0 35px;
}

div.topNavi .right {
	background: url(../imgs/navigation-rechts.gif);
	width: 7px;
	height: 35px;
	float: right;
}

/******************************************************************************
 * main style
 ******************************************************************************/
div.main {
    margin-top: 0;
}

div.mainleft {
    float: left;
    width: 220px;
    margin-bottom: 5px;
}

div.mainright {
    width: 715px;
    float: right;
	padding-top: 5px;
}

div.content,
div.startseite {
    background: url(../imgs/content-farbverlauf.gif) repeat-x #FFFAE4;
	position: relative;
    width: 715px;
    height: 451px;
}

div.startseite {
    overflow: hidden;
}

div.bottom {
    width: 715px;
    height: 100%;
    overflow: hidden;
}

div.startseite img.collage {
    position: relative;
    top: 0;
    left: -10px;
}

div.startseite div.maintext {
    margin-left: 40px;
    font-size: .8em;
}

div.startseite ul {
    margin-left: 25px;
    margin-top: 2px;
}

div.startseite div.liste {
    margin-left: 40px;
    font-size: .8em;
}

div.startseite img.frau {
    float: right;
    position: relative;
    top: -328px;
}

/******************************************************************************
 * footer style
 ******************************************************************************/
div.footer {
    margin-top: 20px;
    width: 940px;
}

div.footer .background {
    background: url(../imgs/footer-farbverlauf.gif);
    width: 940px;
    height: 62px;
}

div.footer .left,
div.footer .right{
    width: 9px;
    height: 62px;
}

div.footer .left {
    background: url(../imgs/footer-links.gif);
    float: left;
}

div.footer .right {
    background: url(../imgs/footer-rechts.gif);
    float: right;
}

div.footer .subNavi {
    width: 40%;
    float: left;
}

div.footer .subNavi a {
    margin-left: 10px;
    color: #444;
    font-size: .7em;
    font-weight: normal;
    text-decoration: none;
    line-height: 35px;
}

div.footer .subNavi a:hover {
	color: #ccc;
}

div.footer .iconNavi {
    float: right;
    width: 57%;
    position: relative;
    top: -10px;
    text-align: right;
    padding-right: 10px;
}

div.footer .iconNavi a {
    color: #000;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 35px;
	margin-left: 15px;
}

div.footer .iconNavi a:hover {
	color: #f00;
}

/******************************************************************************
 * article style
 ******************************************************************************/
div.article,
div.sofunktionierts {
	position: relative;
	font-size: 1em;
	background: url(../imgs/content-farbverlauf.gif) repeat-x #FFFAE4;
	width: 715px;
}

div.faq div.text,
div.article div.text,
div.sofunktionierts div.text {
	font-size: .9em;
	padding: 5px 10px;
	width: 95%;
	text-align: justify; 
}

div.faq div.text {
	font-size: .9em;
	padding: 0;
}

div.article div.text ul {
	font-size: 1em;
	list-style-position: outside;
	list-style-image: url(../imgs/punkte-gewinne.gif);
	margin-left: 50px;
    width: 88%;
}

/*****************
 * article title
 ****************/
div.faq div.title,
div.article div.title,
dif.article div.title_noshadow {
	width: 95%;
	height: 18px;
	margin-left: 10px;
	margin-top: -5px;
	line-height: 25px;
	margin-bottom: 20px;
}
div.faq div.title {
	margin-top: 5px;
}

div.faq div.title h1,
div.article div.title h1 {
	color: #f00;
	width: 99%;
	position: relative;
	left: 0;
	top: -.75em;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -.02em;
}

div.article div.title_noshadow h1 {
	color: #f00;
	width: 99%;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
    margin-left: 15px;
}

div.faq div.title div,
div.article div.title div {
	color: #fff;
	width: 99%;
	position: relative;
	left: .01em;
	top: .25em;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -.02em;
}

.gewinner .tableTitle {
    line-height: 18px;
}

.gewinner .tableTitle  h2 {
    color: #f00;
	position: relative;
	left: 0;
	top: -.55em;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -.02em;
}

.gewinner .tableTitle  div {
	color: #fff;
	position: relative;
	left: .01em;
	top: .25em;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
	letter-spacing: -.02em;
}

/***************************
 * embedded article styles
 **************************/
div.article div.embedded,
div.sofunktionierts div.embedded {
	margin: 0;
  margin-left: 10px;
	width: 95%;
	text-align: justify;
}

div.article div.subTitle,
div.embedded div.subTitle {
	height: 30px;
    width: 669px;
	margin-top: 10px;
	margin-bottom: 5px;
  margin-left: 15px;
	background: transparent url(../imgs/subtitle-hintergrund-or.gif) no-repeat;
}

div.article div.subTitle h2,
div.embedded div.subTitle h2 {
	width: 653px;
	height: 30px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 1.2em;
}

div.embedded div.subTitle div {
	text-align: center;
	line-height: 26px;
	width: 98%;
	height: 100%;
}

/* title im text */
div.article div.embedded div.text div.imageTitle,
div.article div.embedded div.text div.title {
	width: 80%;
	position: relative;
	height: 20px;
	margin-left: -16px;
	margin-top: -10px;
	line-height: 25px;
	margin-bottom: 10px;
}

div.article div.embedded div.text div.imageTitle h2,
div.article div.embedded div.text div.title h2 {
	color: #f00;
	width: 500px;
	position: relative;
	left: 1px;
	top: -25px;
	font-style: italic;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: normal;
}

div.article div.embedded div.text div.imageTitle div,
div.article div.embedded div.text div.title div{
	color: #fff;
	width: 100%;
	position: relative;
	left: 168px;
	top: 1px;
	font-style: italic;
	font-size: 1.8em;
	font-weight: bold;
	letter-spacing: normal;
}

div.article div.embedded div.text {
	font-size: .9em;
	width: 95%;
	text-align: justify;
}

div.article div.embedded div.text ul {
	font-size: 1em;
	list-style-position: outside;
	list-style-image: url(../imgs/punkte-gewinne.gif);
	margin-left: 10px;
}

div.article div.embedded img {
	margin: 5px 0;
}

/*****************************
 * article header and footer
 ****************************/
div.article div.header,
div.sofunktionierts div.header,
div.sofunktionierts div.footer,
div.article div.footer {
    height: 9px;
    width: 100%;
    clear: both;
}

div.article div.text div.left {
	float: left;
	width: 80%;
}

div.article div.text div.right {
	float: right;
	width: 18%;
}

div.article div.text h3 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 20px;
}

div.articleGewinne {
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;
}

div.articleGewinne div.title {
	width: 95%;
	height: 18px;
	margin-left: 10px;
	margin-top: -5px;
	line-height: 25px;
	margin-bottom: 20px;
}

div.articleGewinne div.title h2 {
	color: #f00;
	width: 99%;
	position: relative;
	right: 1px;
	top: -.80em;
	font-style: italic;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -.02em;
}

div.articleGewinne div.title div {
	color: #fff;
	width: 99%;
	position: relative;
	left: .01em;
	top: .25em;
	font-style: italic;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -.02em;
}
/**************************
* suboptimales stylesheet
**************************/


div.faq {
	font-size: .75em;
	/* background: url(../imgs/content-farbverlauf.gif) repeat-x #FFFAE4; */
	width: 45%;
	text-align: justify;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left: 10px;
    margin-right: 20px;
}

div.article_faq_subueberschrift {
	width: 90%;
	height: 18px;
	margin-left: 10px;
	line-height: 25px;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 30px;
}

img.article_img {
	margin-left: 20px;
	margin-right: 20px;
}

div.article_banner_img {
	padding-top: 10px;
	text-align: center;
}

div.article_banner_size {
	font-size: .8em;
	font-weight: bold;
	text-align: center;
}

div.article_banner_htmlcode {
	text-align: center;
}

div.article_textarea  {
	padding-left: 17px;
	padding-bottom: 10px;
}

div.article_link {
	text-align: center;
}

div.article_subtitle_link {
	text-align: center;
	line-height: 26px;
	width: 98%;
	height: 100%;
}

.article_faq_subueberschrift {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
	width: 90%;
	float: left;
}

.ankerlink {
	float: right;
	margin-top: 0;
}

.article_faq_ueberschrift img {
	float: right;
	margin-top: 10px;
}

div.subtitle_ecke_links {
	/*background-image: url(../imgs/subtitle-ecke-links.gif);*/
	width: 7px;
	height: 30px;
	float: left;
}

div.subtitle_ecke_rechts {
	/*background-image: url(../imgs/subtitle-ecke-rechts.gif);*/
	width: 7px;
	height: 30px;
	float: right;
}

div.article_sofunktionierts_ueberschrift {
	width: 400px;
	height: 18px;
	line-height: 15px;
	margin-bottom: 10px;
	float: none;
	margin-left: 0;
}

.article_sofunktionierts_ueberschrift_top {
	color: #f00;
	width: 99%;
	position: relative;
	left: 0;
	top: -10px;
	font-style: oblique;
	font-size: 22px;
}

.article_sofunktionierts_ueberschrift_bottom {
	color: #fff;
	width: 99%;
	position: relative;
	left: 1px;
	top: 6px;
	font-style: italic;
	font-size: 22px;
}

/******************************************************************************
 * table styles
 *****************************************************************************/
div.article div.text table.table,
div.article div.text table.tableLeft {
	width: 95%;
	margin-bottom: 10px;
	font-size: .8em;
	text-align: center;
}

div.article div.text table.tableLeft {
	text-align: left;
}

div.article div.text table.table .border,
div.article div.text table.tableLeft .border {
	line-height: 1px;
	height: 1px;
}

table.table th.id,
table.table td.id {
	width: 20px;
	text-align: center;
}

table.table th.creator,
table.table td.creator {
	width: 300px;
	text-align: left;
}

table.table th.duration,
table.table td.duration {
	width: 70px;
	text-align: center;
}

table.table th.participation,
table.table td.participation {
	width: 120px;
	text-align: center;
}

table.table th.prove,
table.table td.prove {
	width: 70px;
	text-align: center;
}

table.table td.description {
	text-align: left;
}

table.table th.msgSender,
table.table td.msgSender {
	width: 180px;
	text-align: left;
}

table.table th.msgDatum,
table.table td.msgDatum {
	width: 130px;
	text-align: left;
	padding-left: 10px;
}

table.table th.msgBetreff,
table.table td.msgBetreff {
	text-align: left;
	padding-left: 5px;
}

div.article div.text table.table .border td,
div.article div.text table.table .border th,
div.article div.text table.tableLeft .border td,
div.article div.text table.tableLeft .border th {
	border-bottom: 1px solid silver;
}

table.formular,
table.formularCompact {
    padding: 0;
    width: 100%;
    border-spacing: 2px;
}

table.formular .labeled,
table.formularCompact .labeled {
    text-align: left;
    font-weight: bold;
    width: 26%;
    font-size: .9em;
}

table.formularCompact .labeled {
    font-weight: normal;
    width: 15%;
}

table.formularCompact .datafields .input {
    width: 197px;
}

table.formular .datafields {
    width: 75%;
}

table.formularCompact .datafields {
    width: 35%; 
}

table.formular .datafield_middle,
table.formularCompact .datafield_middle {
  width: 20%;
  /*border : 1px solid red;*/
}

table.formular .infofield,
table.formularCompact .infofield {
  font-size: .8em;
  line-height: 1.1em;
  width: 55%;
  padding: 0 5px;
}

/******************************************************************************
 * teaser styles
 *****************************************************************************/
div.teaser,
div.teaser_bottom {
    margin: 5px auto;
    width: 220px;
    height: 100%;
}

div.teaser_bottom {
    float: left;
    margin-right: 27px;
}

div.teaser div.background,
div.teaser_bottom div.background {
    background: url(../imgs/teaser-farbverlauf.gif) repeat-x #FFFAE4;
    height: 100%;
	width: 220px;
}

div.teaser div.background div.header,
div.teaser_bottom div.background div.header {
    background: #FFDD57;
    height: 9px;
    width: 220px;
}

div.teaser div.background div.footer,
div.teaser_bottom div.background div.footer {
    height: 9px;
    width: 220px;
    clear: both;
}

div.ecke_links_oben,
div.support_ecke_links_oben {
    background: url(../imgs/ecke-links-oben.gif) no-repeat;
    width: 9px;
    height: 9px;
    float: left;
}

div.ecke_rechts_oben,
div.support_ecke_rechts_oben {
    background: url(../imgs/ecke-rechts-oben.gif) no-repeat;
    width: 9px;
    height: 9px;
    float: right;
}

div.ecke_links_unten {
    background: url(../imgs/ecke-links-unten.gif) no-repeat;
    width: 9px;
    height: 9px;
    float: left;
}

div.ecke_rechts_unten {
    background: url(../imgs/ecke-rechts-unten.gif) no-repeat;
    width: 9px;
    height: 9px;
    float: right;
}

div.teaser_ueberschrift {
	width: 200px;
	height: 18px;
	float: left;
	line-height: 15px;
	padding-left: 10px;
	margin-bottom: 20px;
}

.teaser_ueberschrift_top {
	color: #f00;
	width: 99%;
	position: relative;
	left: 0;
	top: -10px;
	font-style: oblique;
	font-weight: bolder;
	font-size: 22px;
}

.teaser_ueberschrift_bottom {
	color: #fff;
	width: 99%;
	position: relative;
	left: 1px;
	top: 6px;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
}

div.schritt_title {
	width: 180px;
	height: 18px;
	float: left;
	line-height: 40px;
	position: relative;
	top: -57px;
	left: 40px;
}

.schritt_title_top {
	color: #f00;
	width: 98%;
	position: relative;
	left: 5px;
	top: -26px;
	font-style: italic;
	font-size: 32px;
}

.schritt_title_bottom {
	color: #fff;
	width: 98%;
	position: relative;
	left: 6px;
	top: 15px;
	font-style: italic;
	font-size: 32px;
}

div.schritte {
	width: 420px;	
	margin-right: 400px;
	height: 70px;
	float: left;
}

div.schrittliste {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 600px;
	height: 300px;
}

img.schritte {
	margin-top: 15px;
}

div.schritt_text {
	width: 350px;
	line-height: 16px;
	font-size: .8em;
	margin-top: -30px;
	margin-left: 5px;
}

img.money_woman {
	margin-top: -170px;
	margin-left: -50px;
	float: right;
}

div.startseite_runde_ecken_unten {
	height:9px;
	position: absolute;
	top: 452px;
	width: 715px;
}

div.anmeldebutton {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
}

div.anmeldebutton_unter_bottom {
	text-align: center;
	margin-bottom: 15px;
}

/*
 * teaser title-image || title-text || image
 */
h2.teaser_titel {
    font-size: 1.65em;
    font-weight: bold;
    color: #f00;
    width: 90%;
	line-height: 35px;
	text-align: center;
}

h3.teaser_subueberschrift {
	font-weight: bold;
	font-size: .9em;
	margin-bottom: 5px;
}

div.teaser div.background div.text {
    font-size: .8em;
    width: 195px;
	margin: 0 auto 5px auto;
	margin-top: 0;
	text-align: justify;
}

div.nav_buttons_links {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 21px;
	margin-top: 20%;
}

div.nav_buttons_rechts {
	float: right;
	width: 21px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20%;
}

div.teaser_nav_img {
	margin-bottom: 10px;
}

div.teaser_nav_img_middle {
	float: left;
	width: 137px;
	height: 98px;
	overflow: hidden;
	position: relative;
	margin: 15px 0;
}

div.teaser_img {
	width: 220px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

div.teaser_link {
	text-align: center;
	margin-top: 5px;
}

/****************
 * teaser login
 ***************/
div.teaser div.loginBackground {
    background: #FFE57C;
    width: 220px;
    height: 127px;
}

div.teaser div.loginBackground div.text {
    font-size: .6em;
    line-height: 17px;
    width: 75%;
	margin: 5px 0 0 10px;	
}

div.teaser div.loginBackground img {
    margin: -2px 0 3px -5px;
}

div.background img {
    margin-top: 0; /* last edit 11.02._13:23 */
    margin-left: 10px;
}

div.teaser_text {
    font-size: .67em;
    margin: 5px 10px;
    line-height: 1.1em;

}

div.teaser div.loginBackground div.input {
    padding-top: 9px;
    width: 90%;
    z-index: 1;
}

div.teaser div.loginBackground div.input div.left {
    float: left;
    font-size: .9em;
    font-weight: bold;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 40%;
    color: #c30;
}

div.teaser div.loginBackground div.input div.right {
	float: right;
	width: 59%;
}

div.teaser div.loginBackground form.form {
	width: 200px;
	height: 50px;
}

div.loginBackground .textfield,
div.loginBackground .password {
    width: 100px;
    height: 18px;
    float: right;
	border: 1px solid;
	margin-bottom: 3px;
}

div.loginBackground .submit {
    width: 52px;
    height: 22px;
    overflow: hidden;
    margin-left: 150px;
    margin-top: 1px;
    border: none;
    cursor: pointer;
    z-index: 5;
    background: url(/docroot/planetwin/imgs/button-login.gif) 0 0 transparent;
}

div.loginBackground .submit:hover {
    background: url(/docroot/planetwin/imgs/button-login.gif) 0 22px transparent;
}

div.loginBackground div.footer {
	margin-top: -2px;
	height: 9px;
    width: 220px;
    clear: both;
}

/*******************
 * teaser loggedIn
 ******************/
div.teaser div.loggedIn {

}

div.loggedIn div.header {
	background: url(../imgs/loggedInHeader.gif) 0 0 no-repeat;
	width: 220px;
	height:	65px;
}

div.loggedIn div.header table.table {
	font-size: .7em;
	padding-top: 10px;
	width: 200px;
}

div.loggedIn div.header table.table td {
	vertical-align: top;
}

div.loggedIn div.body {
	background: url(../imgs/loggedInBackground.gif) 0 0 repeat-y;
	width: 220px;
}

div.loggedIn div.body ul,
div.loggedIn div.body ul.logout {
	font-size: .8em;
	list-style-position: inside;
	list-style-image: url(../imgs/dreieck.gif);
	padding: 10px 20px;
}

div.loggedIn div.body ul li ul {
    font-size: 1em;
    padding: 0;
    margin-bottom: -12px;
}

div.loggedIn div.body ul a {
	color: #000;
	text-decoration: underline;
}

div.loggedIn div.body ul a:hover {
	color: #f00;
	text-decoration: underline;
}

div.loggedIn div.body ul.logout {
	padding: 10px 10px 5px 120px;
}

div.loggedIn div.body ul.logout a {
	color: #F00;
	text-decoration: underline;
}

div.loggedIn div.body ul.logout a:hover {
	color: #000;
	text-decoration: underline;
}

div.loggedIn div.footer {
	background: url(../imgs/loggedInFooter.gif) 0 0 no-repeat;
	width: 220px;
	height:	12px;
	margin: 0;
}

/******************
 * teaser support
 *****************/
div.teaser div.support {
    /*background: url(../imgs/support-frau-final.gif) 0 0 no-repeat;*/
    background-color: #FFE57C;
    width: 220px;
    height: 160px;
    margin-bottom: 0;
}

div.teaser div.support div.telNummer {
	/*height : 42px;*/
    width : 212px;
    font-weight: bold;
	font-size: .7em;
	color: #444;
	text-align: left;
    padding-left : 8px;
    padding-top : 4px;
    padding-bottom : 4px;
    background-color :#FFd318;
    clear: both;
}

div.teaser div.support div.telDetails {
	color: #444;
    width : 208px;
    font-size: .8em;
	font-weight: normal;
}

div.teaser div.support div.text {
    font-size: .7em;
    padding: 0 0;
    margin-right: 6px;
    width: 120px;
    height: 77px;
    line-height: 14px;
	margin-top: 8px;
    margin-bottom: 1px;
	float: right;
}

div.teaser div.support div.support_ecke_links_unten {
    margin-top: -9px;
    height: 9px;
    width: 9px;
    float: left;
    background: url(../imgs/ecke-links-unten.gif) no-repeat;
}

div.teaser div.support div.support_ecke_rechts_unten {
    margin-top: -9px;
    float: right;
    height: 9px;
    width: 9px;
    background: url(../imgs/ecke-rechts-unten.gif) no-repeat;
}

/***************************
 * teaser letzte aenderung
 **************************/
div.teaser_letzte_aenderung {
    font-size: .7em;
    text-align: center;
    width: 220px;
	margin-top: 30px;
}

.iconEC,
.iconCC {
  margin-left: 80px;
}

.cExpiryMonth {
    width: 43px;
    margin-right: -10px;
}

.cExpiryYear {
    width: 59px;
}

.errorMsgFinance,
.errorMsg {
    font-size: 1em;
    font-weight: bold;
    color: red;
    /*border: 1px red solid;*/
    padding: 1px;
    margin-right: 19px;
}

.errorMsg {
    font-size: .8em;

}

.errorMsgFinance {
    margin: 0;    

}


.errorMsgAGBPrivacy{
    font-size: 1em;
    font-weight: bold;
    color: red;
   /* border: 1px solid red;*/
    margin-left:10px;
    margin-top: 5px;
}

.registerSubmitMouseover,
.registerSubmitMouseover:hover {
    border: none;
    background: url(/docroot/planetwin/imgs/button-weiterzuschritt2.gif) 0 0 transparent;
    cursor: pointer;
    width: 154px;
    height: 26px;
    line-height: 26px;
}

.registerSubmitMouseover:hover {
    background: url(/docroot/planetwin/imgs/button-weiterzuschritt2.gif) 0 26px transparent;
}

div.couponcode {
    margin: 0 0 0 5px;
    text-decoration: none;
    overflow: hidden;
    width: 19px;
    height: 19px;
    background: url(/docroot/planetwin/imgs/infobutton_v2.gif) 0 0;
}

div.couponcode:hover {
    background: url(/docroot/planetwin/imgs/infobutton_v2.gif) 0 19px;
}

.couponSuccessMsg {
    padding: 5px 0;
    border: 1px solid #9C9897;
    width: 100%;
    background: #F1EFF0;
    text-align: left;
}

.couponSuccessMsg img {
    margin: 0 5px;
}

.products {
    font-size: .9em;
    padding: 0;
    margin-top: 2px;
    margin-bottom: 0;
    border: 1px solid #9C9897;
    width: 100%;
}

div.sofunktionierts div.text {
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: .8em;
}

.article-sofunktionierts {
    border-top: 2px dotted #c00;
    width: 714px;
    margin: 10px 0 10px -10px;
    padding-bottom: 10px;
    font-size: .8em;
}

.title-sofunktionierts {
    margin-left: 12px;
    margin-top: 10px;
}

div.bankdaten {
    float: left;
    width: 75%;
    margin-left: 17px;
    padding-left: 10px;
}

div.kreditdaten {
    float: left;
    width: 75%;
    margin-left: 12px;
    padding-left: 10px;
}

div.kartencheckbox {
    margin: 10px;
    margin-left: 5px;
}

.faqcontainer {
    background: url(/docroot/planetwin/imgs/content-farbverlauf.gif) repeat-x #FFFAE4;
}


#ccForm1 {
    float: left;
    width: 75%;
    margin-left: 12px;
    padding-left: 10px;
}

#ecForm1 {
    float: left;
    width: 75%;
    margin-left: 17px;
    padding-left: 10px;
}

.lupenIE {
    padding-top: 15px;
}

/* Style for 'Ihre-Daten.html' Email-Input  */
.userDataEmailInput{
    width: 244px;
}

.pricesOfTheMonth,
div.gewinnerTabelle {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-size: .8em;
}

div.pricesOfTheMonth h3{
    font-size: 1.3em;
    margin-bottom: 2px;
    font-weight: bold;
   
}
div.pricesOfTheMonth div,
div.gewinnerTabelle div {
    width: 100%;
}
div.pricesOfTheMonth img {
    float: left;
    margin-right: 50px;
}
div.pricesOfTheMonth table,
div.gewinnerTabelle table {
    float: left;
    width: 365px;
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
   /* border: 1px solid red;*/
}
div.pricesOfTheMonth th,
div.gewinnerTabelle th {
    text-align: left;
    border-bottom: solid 1px #817d71;
    padding-top: 3px; padding-bottom: 3px;
    padding-left: 5px;
    margin: 0;
    font-size: .9em;
}

div.pricesOfTheMonth td,
div.gewinnerTabelle td {
    border-bottom: solid 1px #817d71;
    padding-top: 3px; padding-bottom: 3px;
    padding-left: 5px;
    margin: 0;
    font-size: .9em;
}

div.pricesOfTheMonth p {
    margin-bottom: 10px;    

}

div.gewinnerLinkeSpalte {
    width: 47%;
    margin-left: 15px;
    float: left;
}

div.gewinnerRechteSpalte {
    width: 47%;
    margin-right: 20px;
    float: right;
}

div.gewinnerLinkeSpalte div.bildElement,
div.gewinnerRechteSpalte div.bildElement {
    float: left;
}

div.gewinnerLinkeSpalte div.textElement,
div.gewinnerRechteSpalte div.textElement {
    float: right;
    font-size: .75em;
    width: 67%;
    margin-right: 5px;
    margin-top: 10px;
}

div.gewinnerTabelle table {
    width: 100%;
}

#register {
    border: 1px solid #9C9897;
    width: 100%;
    background: #F1EFF0;
}

#registerSubmit {
    border: 1px solid #9C9897;
    border-top: none;
    width: 100%;
    background: #F1EFF0;
}

#registerSubmit div.sslText {
    float: left;
    margin: 3px;
    font-size: .9em;
}

#productCompact {
    margin-bottom: -7px;
    border: 1px;
    width: 100%;
    font-size: .9em;
}

#zahlungsDaten {
    padding: 0;
    margin-top: 10px;
    border: 1px solid #9C9897;
    width: 100%;
    background: #F1EFF0;
}

#agbDatenschutz {
    padding: 3px;
    margin: 0;
    border: 1px solid #9C9897;
    border-top: none;
    width: 674px;
    background: #F1EFF0;
    text-align: left;
    vertical-align: middle;
}

#finanzSubmit {
    padding: 10px 0;
    margin: 0;
    border: 1px solid #9C9897;
    border-top: none;
    width: 100%;
    background: #F1EFF0;
    text-align: right;
}

input.datenschutz-input {
    margin-left: 5px;
    position: relative;
    bottom: 3px;
}

.mindestalter {
    font-size: .7em;
    text-align: right;
    padding-right: 30px;
}

/*.article2columnBullet {

    margin-left: 18px;
} */

table.article2columnBullet {
    width: 90%;
    margin-left: 16px;
    font-size: .77em;
}

table.article2columnBullet th {
    text-align: left;
    height: 50px;
    font-size: 1.1em;
}

table.article2columnBullet ul {
  /*  list-style-image: url(/docroot/planetwin/imgs/mehrinfosbulletdummy.gif);*/
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

table.article2columnBullet li {
    /*margin-left: 18px;*/
	background: url(/docroot/planetwin/imgs/mehrinfosbulletdummy.gif) left 2px no-repeat;
	padding-left: 15px;
	/*margin-bottom: 10px; */

}

table.article2columnBullet li span{
    font-size: 1em;
    font-weight: bold;
}

.leftColumn {
    width: 50%;
    height: 100%;
    vertical-align: top;
    padding-right: 5px;
}

.rightColumn {
    width: 50%;
    height: 100%;
    vertical-align: top;
    padding-left: 5px;
}