.mafored { color: #AC0515; }

BODY { font-size: 12px; line-height: 15px; font-family: verdana, arial, sans-serif; color: #3c3c3c; background-image: url(./../img/bg_textur.gif); background-repeat: repeat; background-color:#FFFFFF; margin:0px; }
FORM {margin:0px;}
TABLE {color: #3c3c3c; font-size: 12px;line-height:15px;}
SELECT.text, INPUT.text {width:140px; border: 1px solid #b2b2b2;margin-top:4px;padding-left:3px; }
INPUT,SELECT { border:1px solid #b2b2b2;margin-top:0px;height: 14px; font-size:11px;padding-left:3px;}
SELECT { padding-top: 1px; height: 18px;}
INPUT.buttonStart{ border:0px; background-image: url(./../img/button.jpg); background-repeat: no-repeat; padding-bottom:5px; text-align:center; color: #ffffff; width:104px; height:30px; }
INPUT.button{ border:0px; background-image: url(./../img/button_ohne.jpg); background-repeat: no-repeat; padding-top:1px; color: #ffffff; text-align:center; width:104px; height:30px; }
#main { margin:auto; }
#statuszeile{ border:1px solid #ECEAEB; background-color: #ffffff; height:20px; padding-left:25px; padding-top:3px; margin-bottom:0px; }
#body { width: 890px; /*background-image: url(./../img/bg.jpg);*/ background-repeat: no-repeat; background-position:center; color: #3c3c3c; }
#mainContent { padding:12px 30px; }
#navigation { position:static; top:190px; height: 25px; width:890px; background-image: url(./../img/bg_navi.gif); background-repeat: repeat-x; margin-top: -3px; }
#bigTable { margin-top:0; }
#subnavigation { font-size: 9px;  color: #c0c0c0; bottom:0px; width:890px; }
#logo { background-image: url(./../img/logo.jpg); background-repeat: no-repeat; height: 190px; }
#login { color: #000000; }
#loginform { background-color: #AC0515; margin:0px; padding-top:2px; height: 20px; margin-top:-4px; margin-right:-1px; }
#anmeldeForm { background-image: url(./../img/bganmeldung.jpg); background-repeat: no-repeat; height: 182px; width: 310px; padding:14px; color: #919191; }
#content { background-image: url(./../img/bgcontentstartmitte.jpg); background-repeat: repeat-y; width: 667px; margin-top:-12px; }
#contentBig{ background-image: url(./../img/bg_big.jpg); background-repeat: repeat-y; width: 890px; margin-top:-12px; }
#contentRight { background-image: url(./../img/bg_login.png); background-repeat: no-repeat; width:216px; height:368px; padding-top:0px; padding-left:16px; padding-right:16px; font-size:11px; }
/*#contentRightReg { background-image: url(./../img/bg_content_right_reg.jpg); background-repeat: no-repeat; width:216px; height:376px; padding-top:23px; padding-left:16px; padding-right:16px; font-size:11px; }*/

h2.loginhead { color: #FFFFFF; height: 21px; padding: 3px 0 0 10px; position: absolute; width: 199px; margin: 0 0 0 -7px; }
#login p { margin: 4px 12px; color: #8c8989; }
#login input.text1 { width: 90%; border: 1px solid #c0c0c0; margin: 2px 0; color: #8c8989; }
#login .loginButton { font-size: 80%; color: #3C3C3C; font-weight: bold; } 
#login input.checkbox { margin-bottom: 10px; float: left; }

.naviBalken{ width:887px; padding-top:4px; color: #929292; }
#spacer{ height:5px;}
#spacerBig{padding-top:5px;}
#ie_height{height:185px;}
.errorMsg{ color: #ac0515; padding-bottom:3px; }
.center { text-align: center; }
tr.errorBg td, td.errorBG, div.errorBG { background: #ac0515; color: #FFFFFF; }
.message { color:green; padding-bottom:3px; }
.bold { font-weight: bold; }
.boldText { font-size: 13px; font-weight: bold; }
.textRed { font-size: 13px; font-weight: bold; font-family:arial,sans-serif; color: #ac0515; }
H1 { font-size: 18px; line-height: 20px; }
H2 { font-size: 13px; margin-bottom: 2px; margin-top:2px; }
H3 { font-size: 12px; margin-bottom: 2px; margin-top:2px; }


a { font-size: 12px;}
a, a:link, a:active  { color: #3c3c3c; }
a, a:hover{ text-decoration: none; color: #777777; }
a, a:link, a:active.navi { color: #929292; }
a:hover.navi{ text-decoration: underline; color: #929292; }
a.login { font-size: 12px;color: white;}
a:hover.login { font-size: 12px; text-decoration:underline; color: white;}
a.bigLink { font-size: 10px;color: #3c3c3c;}
a:hover.bigLink { font-size: 10px; text-decoration:underline; color: #3c3c3c;}
a.gray { font-size: 10px;color:#929292;;}
a:hover.gray { font-size: 10px; text-decoration:underline; color:#929292;}/*text-decoration:underline*/
.gray{color:#cccccc}
.textGray { color:#8B898A; font-size:12px; line-height:15px; }
.subnavi{ background-image: url(./../img/button-profil_grau.jpg); background-repeat: no-repeat; display:block; width:231px; height:25px; float:left; margin-right:10px; color: #3c3c3c; font-weight:bold; text-align:center; padding-top:3px; }
.subnaviSelected{ background-image: url(./../img/button-profil_rot.jpg); background-repeat: no-repeat; display:block; width:231px; height:25px; float:left; margin-right:10px; color: white; font-weight:bold; text-align:center; padding-top:3px; }
a:link.subnavi,a:hover.subnavi{color: #3c3c3c;}
a:link.subnaviSelected,a:hover.subnaviSelected{color:white;}

/*tabelle konsumprofil*/
.tableHead_arrow { background-image: url(./../img/tablehead_arrow.jpg); height:35px; font-weight:bold; font-size: 10px; color:#AD0516; }
.tableHead_arrow2 { background-image: url(./../img/tablehead_arrow2.jpg); height:35px; font-weight:bold; font-size: 10px; color:#AD0516; }
.tableHead { background-image: url(./../img/tablehead.jpg); background-repeat: repeat-x; height:35px; font-weight:bold; font-size: 10px; color:#AD0516; }

/*dunkelgrau*/
.tableRow0 { background-color:#E5E5E5; font-weight:bold; font-size: 10px; color:#3C3C3C; height:25px; }
/*hellgrau*/
.tableRow1{	background-color:#F1F1F1; font-weight:bold; font-size: 10px; color:#3C3C3C; height:25px; }

.tableCell{ border: 1px solid #DEDEDE; }
.box{ float:left; width: 282px; height:200px; background-color:white; }
.boxHead{ background-image: url(./../img/bg_smallboxstart.jpg); width: 282px; height:20px; border: 1px solid #E0E0E0; padding-left:10px; padding-top:3px; font-weight:bold; color:#3C3C3C; }
.boxHeadRed{ background-image: url(./../img/bg_smallboxstart_red.jpg); width: 282px; height:20px; border: 1px solid #E0E0E0; padding-left:10px; padding-top:3px; font-weight:bold; color:#3C3C3C; }

/* all static stuff like faq, datenschutz, etc */
#faq ul { padding-left: 14px; margin-top: 0px; }
#faq ul li { margin: 3px 0; }
#faq p { margin-top: 0px; }
#faq h1, #news h1, #impressum h1, #agbs h1, #kontakt h1, #datenschutz h1 { font-size: 18px; line-height: 20px; }

#news div.entry { clear: both; border-top: 1px solid #DEDEDE; padding-top: 4px; }
#news div.entry div.date { float: left; width: 85px; }
#news div.entry div.content { float: left; width: 522px; }
#news div.entry div.content h2, #datenschutz div.entry h2 { font-size: 12px; margin-top: 0px; }
#news div.entry div.content p { margin-top: 10px; }

#datenschutz div.entry h2 { margin-top:15px; }
#datenschutz div.bg { background: url(./../img/bgdatenschutz.jpg) no-repeat; width: 537px; height: 121px; padding: 14px; }
#datenschutz div.entry { border-top: 1px solid #DEDEDE; padding-top: 4px; margin-top: 20px; }
#datenschutz div.entry p { padding: 6px; padding-top: 0px; padding-left: 20px; font-size:10px;/*ADD*/ }

#kontakt table.kontakt td { vertical-align: top; }
#kontakt input { width: 255px;/*262*/ }
#kontakt select, #kontakt textarea { border: 1px solid #b2b2b2;/* e2e2e2 / 6699cc */ width: 260px;/* 262*/ }
#kontakt textarea { width: 258px; height: 90px; }
#kontakt input.button { background: #FFFFFF; border: 0px; color: #3C3C3C; font-weight: bold; }
#kontakt p.error { color: #AC0515; font-weight: bold; }
#kontakt form .error { background: #AC0515; color: #FFFFFF; }

/* UMFRAGEN */
#poll { border: 1px solid #FFFFFF; }
#poll h1 { font-size: 18px; line-height: 20px; }
#poll div.headline p { font-weight: bold; color: #3c3c3c; border-bottom: 1px solid #E5E5E5; }
#poll div.headline span.points, #poll div.questheadline { color: #AC0515; font-weight: bold; border: 0; }
#poll div.headbottom { clear: both; padding-top: 20px; border-bottom: 1px solid #E5E5E5; margin-bottom: 40px; }
#poll div.headcontent img { float: left; margin: 0; padding: 0; padding-right: 10px; margin-right: 10px; border-right: 1px solid #E5E5E5; }
#poll input { border: 0; margin: 0; padding: 0; }
#poll div.headcontent div { float: left; }
#poll div.question { border: 1px solid #E5E5E5; margin-bottom: 20px; }
#poll div.question_noborder { margin-bottom: 20px; }
#poll table.bewertung, #poll table.bewertunghead, #poll table.questhead { width: 100%; margin: 0; border-collapse: collapse; }
#poll table.bewertung tr td, #poll table.radiochecklist tr td table.bewertung tr td  { border: 1px solid #d3d3d3; padding: 5px; text-align: center; }
#poll table.bewertung tr.light, #poll table.questhead tr.light { background: #eeeeee; }
#poll table.bewertung tr.dark, #poll table.questhead tr.dark { background: #e2e2e3; }
#poll table.bewertung td.radio { width: 66px; text-align: center; }
#poll table.bewertung td.right, #poll table.radiochecklist tr td table.bewertung td.right,
#poll table.questhead td.right { text-align: left; }
#poll table.questhead td.radio { width: 69px; text-align: center; padding: 5px; border: 0; color: #AC0515; font-weight: bold; border: 1px solid #d3d3d3; }
#poll table.questhead td.noborder { border: 0px; }
#poll table.questhead td.center { width: 69px; text-align: center; font-weight: bold; }
#poll table.questhead tr td { border: 1px solid #d3d3d3; padding: 5px; text-align: center; }
#poll table.questhead {	border: 1px solid #e0e0e0; }
#poll div.questhead { background: url(./../img/bg_head_gradient.png) 100% 100% repeat-x; border-bottom: 1px solid #e0e0e0; height: 21px; color: #AC0515; font-weight: bold; }
#poll div.questhead2 { background: url(./../img/bg_head_gradient2.png) 100% 100% repeat-x; border-bottom: 1px solid #e0e0e0; height: 43px; color: #AC0515; font-weight: bold; padding-top: 8px; }
#poll div.questhead3 { background: url(./../img/bg_head_gradient3.png) 100% 100% repeat-x; border-bottom: 1px solid #e0e0e0; height: 60px; color: #AC0515; font-weight: bold; padding-top: 12px; }
#poll div.questhead4 { background: url(./../img/bg_head_gradient4.png) 100% 100% repeat-x; border-bottom: 1px solid #e0e0e0; height: 83px; color: #AC0515; font-weight: bold; padding-top: 16px; }
#poll div.questhead p { margin: 3px 5px; padding: 0; }
#poll div.dropdown, #poll div.freitext { padding: 10px 5px; }
#poll div.freitext input, #poll div.dropdown input { width: 650px; height: 18px; border: 1px solid #6699cc; font-size: 14px; }
#poll table.radiochecklist { background: #e2e2e3; margin: 0; padding: 0; border: 0; border-collapse: collapse; width: 100%; }
#poll table.radiochecklist tr td { vertical-align: top; margin: 0; padding: 0; }
#poll table.radiochecklist tr td img { border: 0; }
#poll h1.submit { color: #AC0515; }

div#content table#invitelist { width: 600px; border: 0;}
div#content table#invitelist tr td { padding: 5px 0; }

div#content dl.promotion { font-size: 11px; }
div#content dl.promotion dt { color:#ac0515; font-weight: bold; font-size: 12px; }
div#content dl.promotion dd { padding: 4px 0 12px; }
div#content dl.promotion dd ul { list-style-image: url(./../img/list_icon.png); margin: 0; padding: 0; }

/* POSTOFFICE ANSWERTYPE */
#poll div.postoffice { 	background: #FFFFFF; }
#poll div.postoffice div.content { width: 734px; margin: 10px 46px; }
#poll div.postoffice div.content span#text2-counter { position: absolute; margin: 7px 0 0 -516px; font-size: 90%; }
#poll div.postoffice div.content table { clear: left; }
#poll div.postoffice div.content table.box { width: 734px; height: auto; border-collapse: collapse; border: 1px solid #cececf; margin: 5px 0 0 1px;}
#poll div.postoffice div.content table.box tr th { background: url(./../img/postoffice_head_gradient.jpg) repeat-x; height: 27px; border-bottom: 1px solid #cececf; color: #FFFFFF; font-weight: bold; padding-left: 10px; }
#poll div.postoffice div.content table.box tr td { background: url(./../img/postoffice_mail_gradient.jpg) repeat-x; height: 26px; padding-left: 10px; }
#poll div.postoffice div.content table.box tr td.action { width: 28px; text-align: center; padding-left: 0; }

/* clickable image answertype */
#poll div#imageArea { text-align: left; }
#poll div#clickableImage { position: absolute; cursor: crosshair; }

/* MAFO BONUS SHOP STARTS HERE */
div#bonusshop { width: 886px; margin: 12px 0 0 0; }

div#bonusshop div#program-overview { width: 600px }
div#program-overview div.program { width: 284px; margin: 0 16px 16px 0; float: left; }
div#program-overview div.program div.head { width: 284px; height: 17px; background: url(./../img/bonus/bg_program_head.png) no-repeat; color: #FFFFFF; font-weight: bold; padding: 3px 12px 2px;}
div#program-overview div.program div.body { width: 268px; height: 100px; background: url(./../img/bonus/bg_program_body.png) no-repeat; padding: 11px 8px 13px; }
div#program-overview div.program div.body div.img { width: 120px; height: 90px; background: url(./../img/bonus/bg_program_body_img.png) no-repeat; float: left; padding: 5px; }
div#program-overview div.program div.body div.img h3 { color: #c41f1c; text-align: center; font-size: 220%; margin: 18px 0 0 0; } 
div#program-overview div.program div.body div.text { width: 124px; height: 100px; float: right; padding: 0 0 0 4px; }
div#program-overview div.program div.body div.text p { padding: 0; margin: 0; height: 63px; overflow: hidden; font-size: 90%; }

div#bonusshop div#program-highlight { width: 282px; height: 470px; float: right; }
div#bonusshop div#program-agbs,
div#bonusshop div#program-account,
div#bonusshop div#bank-account { position: absolute; width: 366px; background: #FFFFFF; margin: 12px 0 0 291px;}
div#bonusshop div#program-agbs div.head,
div#bonusshop div#program-account div.head,
div#bonusshop div#bank-account div.head { background: url(./../img/bonus/bg_agbs_head.png) no-repeat; width: 346px; height: 17px; color: #FFFFFF; font-weight: bold; padding: 3px 10px 2px; font-size: 90%; }
div#bonusshop div#program-agbs div.head a,
div#bonusshop div#program-account div.head a,
div#bonusshop div#bank-account div.head a { color: #FFFFFF; font-weight: normal; font-size: 90%; }
div#bonusshop div#program-agbs div.body,
div#bonusshop div#program-account div.body,
div#bonusshop div#bank-account div.body { border: 1px solid #e2e2e2; border-top: 0; padding: 10px; width: 344px; }
div#bonusshop div#program-agbs div.body a { color: #c41f1c; text-decoration: underline; padding: 0 0 6px 0; }
div#bonusshop div#program-agbs div.body p { margin: 0; padding: 8px 12px;  }
div#bonusshop div#program-account div.body div.discount { background: url(./../img/bonus/bg_discount.png) repeat-x; border: 1px solid #e1e0e0; padding: 2px 6px 2px; height: 18px; font-weight: bold; color: #c41f1c; }
div#bonusshop div#program-account div.body table.positions { width: 100%; margin: 8px 0; color: #929191; }
div#bonusshop div#program-account div.body table.positions tr td p { margin: 0; padding: 2px 0; }
div#bonusshop div#program-account div.body span.green { color: #009900; }
div#bonusshop div#program-account div.body span.black { color: #000000; }
div#statuszeile a { margin: 0 17px 0 0; font-size: 90%; }
div#statuszeile a.active { font-weight: bold; color: #c41f1c; }
div#bonusshop div#shop_button { background: url(./../img/bg_shop_button.png) repeat-x; border: 1px solid #e1e0e0; width: 342px; height: 13px; color: #3c3c3c; font-size: 12px; text-align: center; padding: 2px 0 7px; }

/* PICTURE CARROUSEL */
div.picture-carrousel { width: 800px; height: 600px; padding: 9px 12px 18px; }
div.picture-carrousel div.stage { width: 800px; height: 600px; background: url(./../img/bg_karussell.png) repeat-x; border: 1px solid #cccccc; }
div.picture-carrousel div.stage a img { border: 0; }
div.picture-carrousel div.stage a img.previous { position: absolute; margin: 254px 0 0 20px; background: url(./../img/carrousel_left_0.png) no-repeat; }
div.picture-carrousel div.stage a img.next { position: absolute; margin: 254px 0 0 745px; background: url(./../img/carrousel_right_0.png) no-repeat; }
div.picture-carrousel div.stage a:hover img.previous { background: url(./../img/carrousel_left_1.png) no-repeat; }
div.picture-carrousel div.stage a:hover img.next { background: url(./../img/carrousel_right_1.png) no-repeat; }
div.picture-carrousel div.stage img.actor { position: absolute; background-position: center center; background-repeat: no-repeat; margin: 10px 75px}
div.picture-carrousel div.stage dl { margin: 570px 20px 0 0; }
div.picture-carrousel div.stage dl dd { float: right; margin: 2px; padding: 0; width: 9px; height: 9px; background: url(./../img/carrousel_index_0.png) no-repeat; }
div.picture-carrousel div.stage dl dd.active { background: url(./../img/carrousel_index_1.png) no-repeat; }

/* CLICKABLE PICTURE CARROUSEL */
div.clickpic-carrousel { width: 800px; height: auto; padding: 9px 12px 18px; }
div.clickpic-carrousel div.stage { clear: both; width: 800px; height: auto; background: url(./../img/bg_karussell.png) repeat-x; border: 1px solid #cccccc; }
div.clickpic-carrousel a img { border: 0; }
div.clickpic-carrousel a img.previous { background: url(./../img/carrousel_controls.png) no-repeat 0px 0px; }
div.clickpic-carrousel a img.next { background: url(./../img/carrousel_controls.png) no-repeat -16px 0px; }
div.clickpic-carrousel a:hover img.previous { background: url(./../img/carrousel_controls.png) no-repeat -8px 0px; }
div.clickpic-carrousel a:hover img.next { background: url(./../img/carrousel_controls.png) no-repeat -24px 0px; }
div.clickpic-carrousel div.actor { position: absolute; background-position: center center; background-repeat: no-repeat; }
div.clickpic-carrousel div.clickable { cursor: crosshair; position: absolute; }
div.clickpic-carrousel div.clickable img { position: absolute; cursor: pointer; }
div.clickpic-carrousel dl { margin: 0px 20px; }
div.clickpic-carrousel dl dd { float: right; margin: 2px; padding: 0; width: 9px; height: 9px; background: url(./../img/carrousel_controls.png) no-repeat -32px 0px; }
div.clickpic-carrousel dl dd.active { background: url(./../img/carrousel_controls.png) no-repeat -32px -10px; }

/* SLIDER */
#poll div.slidertrack { background: url(./../img/bg_slider_track.png) no-repeat 0px 6px; }
#poll div.slidertrack div.red_handle { background: url(./../img/slider_control.png) no-repeat; cursor: move; }
#poll div.slidertrack div.black_handle { background: url(./../img/slider_control_black.png) no-repeat; cursor: move; }

/* bonusprogramm registration */
div#mafo-registration * { font-family: Verdana; font-size: 11px; color: #939393; }
div#mafo-registration .required { color: #ac0515; }
div#mafo-registration .textError { font-weight: bold; color: #ac0515; }
div#mafo-registration p { font-size: 12px; color: #3C3C3C; }
div#mafo-registration h1 { font-size: 18px; color: #3C3C3C; line-height: 20px; margin: 2px 0px; }
div#mafo-registration h2 { font-size: 13px; color: #3C3C3C; margin: 2px 0px; }
div#mafo-registration form { background: url(./../img/bg_register_bonus.png) no-repeat 0px 0px; width: 340px; height: 268px; }
div#mafo-registration form label { margin: 0 0 0 4px;}
div#mafo-registration form input { border: 1px solid #bdbcbd; width: 168px; padding: 2px 4px; }
div#mafo-registration form select { border: 1px solid #bdbcbd; width: 168px; height: 19px; }
div#mafo-registration table { margin: 0px 0 0 14px; border-collapse: collapse; }
div#mafo-registration table tr td { padding: 2px 0px; }
div#mafo-registration p { margin: 0 0px; }
div#mafo-registration small { font-size: 10px; }
div#mafo-registration div#success { width: 330px; height: 268px; }

/* right content new arranged */
img#ipod { background: url(./../img/ipod2.png) no-repeat; margin-left: 15px; margin-top: 5px; }
img#ipod-lottery { background: url(./../img/but_lottery.png) no-repeat; }

div#content-right { width: 209px; }
div#content-right .profile-index { background: url(./../img/bg_right_box_bottom.png) no-repeat; height: 107px; width: 185px; padding: 12px;  }
div#content-right .ipod-lottery { background: url(./../img/bg_right_box_big.png) no-repeat; height: 202px; width: 185px; padding: 12px; }
div#content-right .ipad-lottery { background: url(./../img/bg_right_box_ipad.png) no-repeat; height: 202px; width: 185px; padding: 12px; }
div#content-right .ipad2-lottery { background: url(./../img/bg_right_box_ipad2.png) no-repeat; height: 202px; width: 185px; padding: 12px; }
div#content-right .ipodtouch-lottery { background: url(./../img/bg_right_box_ipod_touch.png) no-repeat; height: 202px; width: 185px; padding: 12px; }
div#content-right .bahncard50-lottery { background: url(./../img/bg_right_box_bahncard50.png) no-repeat; height: 202px; width: 185px; padding: 12px; }
div#content-right .facebook { background: #BEBEBE; width: 203px; height: auto; padding: 0 3px 3px; }