@CHARSET "ISO-8859-1";
/* OVERALL STYLES */
html, body { margin: 0; padding: 0; font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif; font-size: 100%; color: #305672; }
img { border: 0; margin: 0; padding: 0; }
table { border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; }
table tr td { padding: 0; vertical-align: top; }
a { border: 0; padding: 0; margin: 0; }

.freenetGreen { color: #299294; }
.freenetRed { color: #e01f00; }
.freenetYellow { color: #ef9a3d; }
.bold { font-weight: bold; }
.nodeco { text-decoration: none; }

/* LAYOUT STYLES */
div#page { margin: 15px auto; width: 963px; }
div#page div#header { width: 963px; height: 180px; display: block; clear: both; margin: 0; padding: 0;}

/*div#page div#header ul { list-style-type: none; margin: 0; padding: 0; height: 42px; width: 676px; }
div#page div#header ul li {float: left; padding: 0; margin: 0; }
div#page div#header ul li a { display: block; height: 42px; width: 109px; margin: 0 2px 0 0; }*/

div#page div#header div#login { width: 287px; height: 158px; border: 0; background: url(./../img/bg_login.png) no-repeat; float: right; margin: 6px 0 0 0;}
div#page div#header img#logo { float: left; }
div#login form { margin: 0; padding: 0; }
div#login input.text { margin: 2px 0; border: 1px solid #C5d5E2;  width: 148px; height: 12px; padding: 6px; color: #5E7893; font-weight: bold; font-size: 11px; }
div#login label { color: #5E7893; font-size: 12px; }
div#login table { margin: 16px 20px 8px; width: 247px; }
div#login p { margin: 0 20px 3px; font-size: 12px; }
div#login p a { font-size: 12px; color: #5E7893; text-decoration: none;}

div#page div#content { float: right; /*clear: both;*/ padding: 5px 0 9px 2px; width: 763px; }

div#page div#my-account { float: left; background: #FFFFFF; width: 475px;  margin: 0 0 0 0; color: #1A171B; }
div#my-account p.head-gray { background: url(./../img/mein_konto_head_grau.png) no-repeat; margin: 5px 0 0 0; padding: 6px 10px 4px; font-weight: bold; font-size: 80%; color: #FFFFFF; }
div#my-account p.head-red { background: url(./../img/bg_highlight_head.png) no-repeat; margin: 0 0 0 0; padding: 8px 10px 4px 15px; font-weight: bold; font-size: 90%; color: #FFFFFF; height:18px}
div#my-account div.head { background: url(./../img/bg_highlight_head.png) no-repeat; margin: 0 0 0 0; padding: 8px 10px 4px 15px; font-weight: bold; font-size: 90%; color: #FFFFFF; height:18px; }
div#my-account div.bodyfake { background: url(./../img/bg_highlight_body_repeat.png) repeat-y left top;  height: auto; }
div#my-account div.body-gray { background: url(./../img/bg_highlight_body.png) no-repeat top; /*padding: 6px 10px 5px;*/ font-weight: bold; font-size: 80%; border: 0; }
div#my-account div.footer-gray { background: url(./../img/mein_konto_footer_grau.png) no-repeat top; font-size: 0; height: 11px; margin-bottom: 4px;}

div#content div#content-highlight { margin: 0; width: 473px; float: left; padding: 0; border: 1px solid #5C7893; }
div#content div#content-highlight div.head { float: left; background: url(./../img/bg_content_head.png) no-repeat; height: 28px; width: 473px; }
div#content div#content-highlight div.head h2 { margin: 0px 0 0 15px; padding: 6px 0 0 0; color: #E01F00; font-size: 100%; }
div#content div#content-highlight div.bodyfake { float: left; background: #FFFFFF;  height: auto; width: 473px; }
div#content div#content-highlight div.body { float: left; background: #FFFFFF;  height: auto; min-height: 396px; width: 473px; }
div#content div#content-highlight div.body p { margin: 5px 20px 5px 15px; font-size: 80%; } 
div#content div#content-highlight div.footer { float: left; background: #FFFFFF; height: 7px; width: 473px; }

div#content div#highlight-details { margin: 0; width: 474px; float: left; padding: 0; border: 1px solid #5C7893; }
div#content div#highlight-details div.head { float: left; background: url(./../img/bg_content_head.png) no-repeat; height: 28px; width: 473px; }
div#content div#highlight-details div.head h2 { margin: 0px 0 0 15px; padding: 6px 0 0 0; color: #E01F00; font-size: 100%; }
div#content div#highlight-details div.bodyfake { float: left; height: auto; width: 473px; }
div#content div#highlight-details div.body { float: left; background: #FFFFFF;  height: auto; min-height: 490px; width: 438px; padding: 0 20px 0 15px; font-size: 80%; }
div#content div#highlight-details div.body ul { margin: 0 0 0 15px; padding: 0; }
div#content div#highlight-details div.body p { margin: 5px 0 15px; }
div#content div#highlight-details div.footer { float: left; background: #FFFFFF; height: 14px; width: 473px; }

div#content div#content-news { width: 683px; float: left; }/*590*/
div#content-news div.head { background: url(./../img/news_head.png) no-repeat; font-weight: bold; color: #FFFFFF; font-size: 90%; padding: 7px 10px 5px; margin: 0; }
div#content-news div.body { background: url(./../img/news_body.png) no-repeat bottom;border: 1px solid #d4d4d4; border-top: 0; border-bottom: 0; padding: 5px; }
div#content-news div.body h2 { margin: 6px 0 2px 0; padding: 0; font-size: 80%; } 
div#content-news div.body p { margin: 0; padding: 0; font-size: 70%; margin: 2px 0;}
div#content-news div.footer { background: url(./../img/news_footer.png) no-repeat; height: 9px; margin: 0 0 4px 0; }

div#content div#content-bestseller { width: 681px; float: left; }/*588*/
div#content div#content-premium { width: 282px; float: right;}

div#program { width: 480px; margin: 0; padding: 0; }
div#program div.article { width: 228px; border: 1px solid #5C7893; margin: 0 8px 12px 2px; float: left; height: 371px; }
div.article div.head { background: url(./../img/bg_article_head.png) repeat-y; font-size: 90%; font-weight: bold; color: #E01F00; padding: 8px 10px 4px 15px; width:203px; height: 19px;}
div.article div.body p { margin: 0; padding: 0; width: 220px; }
div.article div.body div.img { width: 228px; height: 140px; padding: 15px 0 0; text-align: center; }
div.article div.body div.text {width: 208px; height: 152px; font-size: 11px; padding: 0px 10px; color: #305672; }
div.article div.body div.text p { height: 70px; overflow: hidden; }

/* ADDED STYLES */
div#program div.article_big { width: 474px; margin: 0 2px 6px 0; }
div.article_big div.head { background: url(./../img/article_head_big.png) no-repeat; font-size: 80%; font-weight: bold; color: #FFFFFF; padding: 8px 10px 4px; width: 454px; height: 19px }
div.article_big div.body h3 { text-align: left; color: #000000; font-size: 220%; margin: 5px 0 0 15px; width:110px;text-align:center}/*prozentangabe*/
div.article_big div.body h4 { text-align: left; color: #ffffff; font-size: 160%; margin: 23px 0 0 15px; width:110px;text-align:center}/*text ueber prozentang.*/
div.article_big div.body h5 { text-align: left; color: #ffffff; font-size: 110%; margin: 5px 0 0 15px; width:120px;text-align:center}/*text unter prozentang.*/
div.article_big div.body { background-repeat: no-repeat; width: 448px; height: 406px; font-size: 70%; padding: 0px 13px; }
div.article_big div.body p { height: 120px; overflow: hidden; }
div.article_big div.body table.partnerinfo { height: auto; margin: 15px 0 0 0; }
div.article_big div.body table.partnerinfo tr td.vorteil { font-size: 11px; height: 70px; padding: 20px 0 0 0; vertical-align: top;}
div.article_big div.body table.partnerinfo tr td.sogehts { font-size: 11px; height: 50px; padding: 20px 0 0 0; vertical-align: top;}

DIV#navigation { width: 195px; height:340px;  margin-top:5px; float: left; }
DIV#navigation h2 { background: url(./../img/bg_navi_head.png) repeat-x; margin: 0; padding: 6px 0 0 10px; font-size: 14px; display: block; height: 23px; width: 185px;  color: #6A7893; }
DIV#navigation A{ color: #305672; font-size: 12px; display: block; padding: 4px 0 0 10px; margin: 0; text-decoration: none;}
DIV#navigation A:hover, DIV#navigation A.active { color: #db0132; font-weight: bold;}
/*div#navigation hr { margin: 3px 0 0 10px; width: 175px; height: 0; border: 0; border-bottom: 1px solid; }*/
div#navigation dl { margin: 0; padding: 0; }
div#navigation dl dd { display: block; margin: 1px 0 0 0; padding: 0px; background: url(./../img/bg_navi_item.png) no-repeat; height: 23px; width: 195px; }

div#footer { text-align: center; font-size: 13px; margin: 10px 0 0 0; clear: right; }
div#footer a { text-decoration: none; color: #000000; font-size: 13px; font-weight: normal;}
div#footer a:hover { color: #DB0132; }


div#account-navi { background: url(./../img/mein_konto_subnavi1.png) no-repeat;width:330px;height:23px;margin-left:8px;padding-top:3px;padding-left:12px;float:left; font-size: 13px; font-weight: bold; margin-top: 5px;}
div#account-navi A{color:#FFFFFF; font-size:90%;text-decoration:none}
div#account-navi A:hover {color:#d91b46}
div#account-navi-full { background: url(./../img/mein_konto_subnavi2.png) no-repeat;width:455px;height:23px;margin-left:8px;padding-top:3px;padding-left:12px;float:left; font-size: 13px; font-weight: bold;margin-top: 5px;}
div#account-navi-full A{color:#FFFFFF; font-size:90%;text-decoration:none}
div#account-navi-full A:hover {color:#d91b46}
div#account-navi-discount { clear: both; font-weight:normal;font-size:70%; margin-top: 5px; margin-left: 15px;}
div#account-navi-discount a { color: #305672; }
div#account-navi-discount a:hover { color: #d91b46; }
div#registrieren .text {color: #5e7893; font-size:90%;border:1px solid #c5d5e2;width:165px}
div#my-account-meine-daten .text, div#my-account-meine-transaktionen .text, div#my-account-freunde-werben .text {color:#305672;font-size:80%;border:1px solid #c5d5e2;width:165px}
div#registrieren select.text { color: #5e7893; font-size:90%;border:1px solid #c5d5e2;}
div#my-account-meine-daten TABLE, div#my-account-freunde-werben TABLE{color:#305672;font-weight:normal;border-collapse:separate; }

div#my-account-meine-daten{ padding:0;margin:0; font-size: 75%; }
div#my-account-meine-transaktionen { padding:0;margin:0; font-size: 80%;}
div#my-account-meine-transaktionen h2 { color: #FFFFFF; font-size: 14px; padding: 5px 0 0 10px; margin: 0;  }
div#my-account-freunde-werben { padding:0;margin:0; font-size: 13px; color: #305672;}
div#my-account-freunde-werben h2 { color: #5C7893; font-size: 14px; padding: 5px 0 0 10px; margin: 0; }
div#my-account-freunde-werben a { color: #305672; text-decoration: none; font-size: 90%;}
div#my-account-freunde-werben a:hover { color: #d91b46; }

div#content dl.faq { margin: 0px 15px; }
div#content dl.faq dt { font-weight: bold; margin: 10px 0 5px;}
div#content dl.faq dd { padding: 0; margin: 0; font-size: 80%;  }
div#content dl.faq dd a { text-decoration: none; color: #db0132; }
div#content dl.faq dd a:hover { text-decoration: underline; color: #db0132; }
div#content dl.faq dd ul li { font-size: 11.5px; }
div#content div#content-highlight div.body dl.faq dd p { font-size: 11.5px; }


/* NEUE DETAILS SEITE */
div#program_details {
	/*background: #00FF00;*/
	width: 446px;
	margin: 0 15px 0;
	padding: 0;
}

div#program_details table {
	/*background: #FF0000;*/
	width: 446px;
	border-collapse: collapse;
	border: 0;
	margin: 0;
}

/* PREISSCHILDER */

span.toppreis span,
span.toprabatt span,
span.toppraemie span,
span.sofortrabatt span { position: absolute; }
span.toppreis span.startat { margin: 25px 0 0 20px; font-weight: bold; font-size: 12px; }
span.toppreis span.price { margin: 22px 0 0 41px; text-align: right; font-weight: bold; font-size: 30px; color: #000000; }
span.toppreis span.redline { color: #FFFFFF; font-size: 9px; font-weight: normal; line-height: 9px; margin: 58px 0 0 20px; }

span.toprabatt span.startat { margin: 25px 0 0 20px; font-weight: bold; font-size: 12px; }
span.toprabatt span.price { margin: 22px 0 0 28px; text-align: right; font-weight: bold; font-size: 26px; color: #000000; }
span.toprabatt span.redline { color: #FFFFFF; font-size: 9px; font-weight: normal; line-height: 9px; margin: 55px 0 0 10px; }

span.toppraemie span.startat { margin: 25px 0 0 20px; font-weight: bold; font-size: 12px; }
span.toppraemie span.redline { color: #FFFFFF; font-size: 9px; font-weight: normal; line-height: 3px; margin: 40px 0 0 20px; }

span.sofortrabatt span.startat { margin: 25px 0 0 20px; font-weight: bold; font-size: 12px; }
span.sofortrabatt span.price { margin: 22px 0 0 36px; text-align: right; font-weight: bold; font-size: 28px; color: #000000; }
span.sofortrabatt span.redline { color: #FFFFFF; font-size: 9px; font-weight: normal; line-height: 9px; margin: 58px 0 0 10px; }

div#top_rabatt { background: url(./../img/rabatt_top_rabatt.png) no-repeat; width: 112px; height: 77px; margin: 0px 0 0 104px; }
div#top_praemie { background: url(./../img/rabatt_top_praemie.png) no-repeat; width: 112px; height: 77px; margin: 0px 0 0 104px; }
div#sofort_rabatt { background: url(./../img/rabatt_sofort_rabatt.png) no-repeat; width: 112px; height: 77px; margin: 0px 0 0 104px; }
div#top_preis { background: url(./../img/rabatt_top_preis.png) no-repeat; width: 112px; height: 77px; margin: 0px 0 0 104px; }

table.top_rabatt tr td.startat, 
table.top_praemie tr td.startat,
table.sofort_rabatt tr td.startat,
table.top_preis tr td.startat { height: 23px; padding: 2px 0 0 10px; font-size: 15px; color: #FFFFFF; text-align: left; font-weight: bold; }
table.top_praemie tr td.startat{ color: #000000; padding: 12px 0 0 12px; }
/*table.top_preis tr td.startat { padding: 0 12px 0 0}*/
table.sofort_rabatt tr td.startat { padding: 2px 0 0 8px; }

table.top_rabatt tr td.price, 
table.top_praemie tr td.price,
table.sofort_rabatt tr td.price,
table.top_preis tr td.price { height: 30px; padding: 0 2px 0 4px; font-size: 24px; color: #000000; font-weight: bold; text-align: center; }
table.sofort_rabatt tr td.price { text-align: center; }
table.top_rabatt tr td.price small, 
table.top_praemie tr td.price small,
table.sofort_rabatt tr td.price small,
table.top_preis tr td.price small { float: left; font-size: 12px; margin: 0 6px 0; }
table.top_preis tr td.price small { float: left; font-size: 12px; margin: 0 0px 0 10px; }

table.top_rabatt tr td.redline, 
table.top_praemie tr td.redline,
table.sofort_rabatt tr td.redline,
table.top_preis tr td.redline { height: 18px; padding: 0; font-size: 11px; color: #FFFFFF; text-align: center; padding: 0px 0 0 0;}
table.top_praemie tr td.redline { padding: 12px 0 0 5px; text-align: left; }
table.top_preis tr td.redline { padding: 1px 6px 0 0; }

div#optinwarning { position: absolute; background: #FFFFFF; width: 374px; margin: 85px 0 0 105px; border: 1px solid #c5d5e2; }
div#optinwarning div.owhead { background: url(./../img/bg_content_head.png) no-repeat; margin: 0 0 0 0; padding: 8px 10px 4px 15px; font-weight: bold; color: #5C7893; height:20px; /* width: 349px; */}
div#optinwarning div.owhead h3 { font-size: 13px; margin: 0; padding:0; }
div#optinwarning div.owbody { background: #FFFFFF; margin: 0 0 0 0; padding: 8px 10px 4px 15px; font-weight: bold; color: #305672; }

/* register stuff added */
div#registrieren { font-size: 100%; font-weight: normal; }
div#registrieren table  { width: 426px; margin-left:18px; margin-top: 2px; border-collapse:separate; }
div#registrieren table tr td { font-size: 12px; }
div#registrieren a { color: #d91b46; }

#programpreisschild { width: 111px; margin: 44px 0 0 90px; }

/* TOPPARTNER */
div#page table#toppartner { border-collapse: collapse; border: 0; width: 963px; border-spacing: 0; }
table#toppartner tr.head td { height: 29px; background: url(./../img/tp_head.png) repeat-x; }
table#toppartner tr.head td h2 { color: #6A7893; font-size: 14px; margin: 0 0 0 10px; padding: 6px 0 0; }
table#toppartner tr.body td { height: 122px; background: #E5EDF0; }
table#toppartner tr td.left-wall { background: #E5EDF0; width: 1px; font-size: 0; }
table#toppartner tr td.right-wall { background: #E5EDF0; width: 1px; font-size: 0; }
table#toppartner tr td.left-arrow { width: 19px; font-size: 0; padding: 0 3px 0 1px; }
table#toppartner tr td.right-arrow { width: 19px; font-size: 0; padding: 0 1px 0 7px; }
table#toppartner tr td.scroll-display {width: 913px; height: 119px; padding: 6px 0; }
table#toppartner tr td.scroll-display div.scroll-pane { width: 913px; height: 119px; overflow: hidden; white-space: nowrap; }
table#toppartner tr td.scroll-display div.scroll-pane a { float: left; width: 173px; margin: 0 0 0 7px; padding: 0; display: block; border: 1px solid #5C7893; }

/* KRACHER DES TAGES */
div#kdt { width: 280px; margin: 0; padding: 0; float: right; }
div#kdt div.head { background: url(./../img/kracher_head.png) repeat-x; height: 28px; width: 280px; }
div#kdt div.head h2 { color: #6A7893; font-size: 14px; margin: 0 0 0 10px; padding: 6px 0 0; }
div#kdt div.body { width: 280px; }
div#kdt div.body div.item { background: url(./../img/kracher_body.png) no-repeat; height: 135px; width: 280px; margin: 1px 0 0 0; }
div#kdt div.body div.item table { border-collapse: collapse; width: 260px; margin: 0 10px; height: 135px; }
div#kdt div.body div.item table tr td img { margin: 12px 0 0; }
div#kdt div.body div.item table tr td.title { width: 132px; padding: 6px 0 0 0; font-size: 95%; }
div#kdt div.body div.item table tr td.title a { font-weight: bold; color: #6A7893; text-decoration: none; }
div#kdt div.body div.item table tr td.save { text-align: center; font-size: 15px; font-weight: bold; color: #FFFFFF; padding: 8px 0 0 0px; line-height: 17px; }
div#kdt div.body div.item table tr td.save a { text-decoration: none; color: #FFFFFF; }
div#kdt div.body div.item table tr td.save a small { font-size: 80%; line-height: 70%; }
div#kdt div.body div.item table tr td.preispart { vertical-align: bottom; }
div#kdt div.body div.item table tr td.preispart a { font-size: 90%; font-weight: bold; color: #e40216; text-decoration: none; }
div#kdt div.body div.item table tr td.prices a.sparpreis { font-weight: bold; color: #e40216; text-decoration: none; font-size: 110%; }
div#kdt div.body div.item table tr td.prices a.retailpreis { font-size: 80%; text-decoration: none; color: #6A7893; font-weight: bold; }
div#kdt div.footer { height: 0px; width: 280px; }

/* scroll elements */
div#vert-scroll-pane a { border: 1px solid #5c7893; display: block; width: 195px; height: 116px; margin: 3px 0 0 0; }
div#vert-scroll-pane a:hover { border: 1px solid #e01f00; }

/* gewinnspiel */
div.gewinnspiel { font-size: 12px; margin: 15px;}
div.gewinnspiel dt { font-weight: bold; margin: 25px 0 5px 0;}
div.gewinnspiel dd { margin: 0 0 10px 0; }