/***************** MAIN TEMPLATE *****************
	key colors:
	standard font   = #333333
	grey borders	= #d6d6d6
*/

/*********** elements ************/
body { margin: 0; padding: 0; background-color: #ffffff; text-align: left; }
#tf { position: relative; }
#tf, #tf th, #tf td, #tf form, #tf input { font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Sans-serif; font-size: 10pt; color: #333333; }
#tf th { border: none; }
#tf td, #tf th { vertical-align: middle; background-color: Transparent; border-bottom: none; line-height: normal; padding: 0; }
#tf img { border: none; vertical-align: middle; }
#ie6 img { behavior: url(/css/ie6pngfix.htc); }
#tf p { margin: 0 0 10px; }
#tf fieldset { border-style: none; margin: 0; padding: 0; }
#tf input { width: auto; line-height: normal; }

/*********** misc elements ************/
.floatstop { clear: both; font-size: 1px; }
.tf-info { color: #748daa; cursor: help; }

#tf a:link, #tf a:active, #tf a:visited, #tf .link, #ie6 .linkhover { color: #748daa; font-weight: bold; text-decoration: none; cursor: pointer; }  
#tf a:hover, #tf .link:hover, #ie6 .linkhover { text-decoration: underline; }
#tf a.h:hover { text-decoration: none; }
#ie6 .link, #ie6 .linkhover { behavior: url(/css/ie6hover.htc); }
.links a { padding-left: 4px; padding-right: 7px; }

.with-bg  { position: relative; width: 100%; height: 100%; }
.with-bg .main_, .with-bg .left_, .with-bg .right_ { position: absolute; top: 0; height: 100%; }
.with-bg .main_ { left: 0; width: 100%; }
.with-bg .left_ { left: -5px; width: 5px; }
.with-bg .right_ { left: 100%; width: 5px; }
#ie6 .with-bg .left_, #ie6 .with-bg .main_, #ie6 .with-bg .right_ { behavior: url(/css/ie6pngfix.htc); }

.with-bg span.title { position: relative; top: 3px; left: 10px; font-weight: bold; color: #777777; }

.slider_ { position: relative; top: 0; }
.slider_ .track_ { width: 90px; height: 7px; margin-top: 6px; background: url(/img/slider_tracks.png) no-repeat; }
.slider_ .handle_ { width: 11px; height: 12px; cursor: w-resize; background: url(/img/slider_handles.png) no-repeat; }
#ie6 .slider_ .track_, #ie6 .slider_ .handle_ { font-size: 1px; behavior: url(/css/ie6pngfix.htc); }

.strong { font-weight: bold; }

/*********** buttons ************/
.tf-button .enabled, #ie6 .tf-button .enabledhover { cursor: pointer; }
.tf-button span { position: relative; white-space: nowrap; }
#ie6 .tf-button .enabled, #ie6 .tf-button .enabledhover { behavior: url(/css/ie6hover.htc) url(/css/ie6pngclass.htc); }
#ie6 .tf-button .disabled { behavior: url(/css/ie6pngclass.htc); }

.tf-button .bigred { height: 24px; text-align: center; }
.tf-button .bigred span { top: 3px; color: #ffffff; font-weight: bold; }
.tf-button .enabled .bigred .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 0; }
.tf-button .enabled .bigred .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -24px; }
.tf-button .enabled .bigred .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px 0; }
.tf-button .disabled .bigred .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 -192px; }
.tf-button .disabled .bigred .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -216px; }
.tf-button .disabled .bigred .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px -192px; }
.tf-button .disabled .bigred span { color: #eeeeee; }
.tf-button:hover .enabled .bigred .with-bg .left_, #ie6 .tf-button .enabledhover .bigred .left_ { background: url(/img/bar24.png) no-repeat 0 -48px; }
.tf-button:hover .enabled .bigred .with-bg .main_, #ie6 .tf-button .enabledhover .bigred .main_ { background: url(/img/bar24.png) repeat-x 0 -72px; }
.tf-button:hover .enabled .bigred .with-bg .right_, #ie6 .tf-button .enabledhover .bigred .right_ { background: url(/img/bar24.png) no-repeat -5px -48px; }

.tf-button .bigyellow { height: 24px; text-align: center; }
.tf-button .bigyellow span { top: 3px; color: #ffffff; font-weight: bold; }
.tf-button .enabled .bigyellow .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 -96px; }
.tf-button .enabled .bigyellow .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -120px; }
.tf-button .enabled .bigyellow .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px -96px; }
.tf-button .disabled .bigyellow .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 -192px; }
.tf-button .disabled .bigyellow .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -216px; }
.tf-button .disabled .bigyellow .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px -192px; }
.tf-button .disabled .bigyellow span { color: #eeeeee; }
.tf-button:hover .enabled .bigyellow .with-bg .left_, #ie6 .tf-button .enabledhover .bigyellow .left_ { background: url(/img/bar24.png) no-repeat 0 -144px; }
.tf-button:hover .enabled .bigyellow .with-bg .main_, #ie6 .tf-button .enabledhover .bigyellow .main_ { background: url(/img/bar24.png) repeat-x 0 -168px; }
.tf-button:hover .enabled .bigyellow .with-bg .right_, #ie6 .tf-button .enabledhover .bigyellow .right_ { background: url(/img/bar24.png) no-repeat -5px -144px; }

.tf-button .bigstraight { height: 24px; text-align: center; }
.tf-button .bigstraight span { top: 3px; color: #ce4d52; font-weight: bold; }
.tf-button .enabled .bigstraight .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 -288px; }
.tf-button .enabled .bigstraight .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -312px; }
.tf-button .enabled .bigstraight .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px -288px; }
.tf-button .disabled .bigstraight .with-bg .left_ { background: url(/img/bar24.png) no-repeat 0 -384px; }
.tf-button .disabled .bigstraight .with-bg .main_ { background: url(/img/bar24.png) repeat-x 0 -408px; }
.tf-button .disabled .bigstraight .with-bg .right_ { background: url(/img/bar24.png) no-repeat -5px -384px; }
.tf-button .disabled .bigstraight span { color: #f7f7f7; }
.tf-button:hover .enabled .bigstraight .with-bg .left_, #ie6 .tf-button .enabledhover .bigstraight .left_ { background: url(/img/bar24.png) no-repeat 0 -336px; }
.tf-button:hover .enabled .bigstraight .with-bg .main_, #ie6 .tf-button .enabledhover .bigstraight .main_ { background: url(/img/bar24.png) repeat-x 0 -360px; }
.tf-button:hover .enabled .bigstraight .with-bg .right_, #ie6 .tf-button .enabledhover .bigstraight .right_ { background: url(/img/bar24.png) no-repeat -5px -336px; }
.tf-button:hover .enabled .bigstraight span, #ie6 .tf-button .enabledhover .bigstraight span { color: #ffffff; }

.tf-button .smallred { height: 20px; text-align: center; }
.tf-button .smallred span { top: 0; font-size: 90%; color: #ffffff; font-weight: bold; }
.tf-button .enabled .smallred .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 0; }
.tf-button .enabled .smallred .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -40px; }
.tf-button .enabled .smallred .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px 0; }
.tf-button .disabled .smallred .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -200px; }
.tf-button .disabled .smallred .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -220px; }
.tf-button .disabled .smallred .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -200px; }
.tf-button .disabled .smallred span { color: #eeeeee; }
.tf-button:hover .enabled .smallred .with-bg .left_, #ie6 .tf-button .enabledhover .smallred .left_ { background: url(/img/bar20.png) no-repeat 0 -320px; }
.tf-button:hover .enabled .smallred .with-bg .main_, #ie6 .tf-button .enabledhover .smallred .main_ { background: url(/img/bar20.png) repeat-x 0 -340px; }
.tf-button:hover .enabled .smallred .with-bg .right_, #ie6 .tf-button .enabledhover .smallred .right_ { background: url(/img/bar20.png) no-repeat -5px -320px; }

.tf-button .smallyellow { height: 20px; text-align: center; }
.tf-button .smallyellow span { top: 0; font-size: 90%; color: #ffffff; font-weight: bold; }
.tf-button .enabled .smallyellow .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -240px; }
.tf-button .enabled .smallyellow .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -260px; }
.tf-button .enabled .smallyellow .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -240px; }
.tf-button .disabled .smallyellow .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -200px; }
.tf-button .disabled .smallyellow .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -220px; }
.tf-button .disabled .smallyellow .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -200px; }
.tf-button .disabled .smallyellow span { color: #eeeeee; }
.tf-button:hover .enabled .smallyellow .with-bg .left_, #ie6 .tf-button .enabledhover .smallyellow .left_ { background: url(/img/bar20.png) no-repeat 0 -280px; }
.tf-button:hover .enabled .smallyellow .with-bg .main_, #ie6 .tf-button .enabledhover .smallyellow .main_ { background: url(/img/bar20.png) repeat-x 0 -300px; }
.tf-button:hover .enabled .smallyellow .with-bg .right_, #ie6 .tf-button .enabledhover .smallyellow .right_ { background: url(/img/bar20.png) no-repeat -5px -280px; }

.tf-button .smallstraight { height: 20px; text-align: center; }
.tf-button .smallstraight span { top: 0; font-size: 90%; color: #ce4d52; font-weight: normal; }
.tf-button .enabled .smallstraight .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -400px; }
.tf-button .enabled .smallstraight .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -420px; }
.tf-button .enabled .smallstraight .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -400px; }
.tf-button .disabled .smallstraight .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -440px; }
.tf-button .disabled .smallstraight .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -460px; }
.tf-button .disabled .smallstraight .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -440px; }
.tf-button .disabled .smallstraight span { color: #f7f7f7; }
.tf-button:hover .enabled .smallstraight .with-bg .left_, #ie6 .tf-button .enabledhover .smallstraight .left_ { background: url(/img/bar20.png) no-repeat 0 -480px; }
.tf-button:hover .enabled .smallstraight .with-bg .main_, #ie6 .tf-button .enabledhover .smallstraight .main_ { background: url(/img/bar20.png) repeat-x 0 -500px; }
.tf-button:hover .enabled .smallstraight .with-bg .right_, #ie6 .tf-button .enabledhover .smallstraight .right_ { background: url(/img/bar20.png) no-repeat -5px -480px; }
.tf-button:hover .enabled .smallstraight span, #ie6 .tf-button .enabledhover .smallstraight span { color: #ffffff; }

.tf-button .extrared { height: 32px; text-align: center; }
.tf-button .extrared span { top: 7px; color: #ffffff; font-weight: bold; }
.tf-button .enabled .extrared .with-bg .left_ { left: -8px; width: 8px; background: url(/img/bar32.png) no-repeat 0 0; }
.tf-button .enabled .extrared .with-bg .main_ { background: url(/img/bar32.png) repeat-x 0 -32px; }
.tf-button .enabled .extrared .with-bg .right_ { width: 8px; background: url(/img/bar32.png) no-repeat -8px 0; }
.tf-button:hover .enabled .extrared .with-bg .left_, #ie6 .tf-button .enabledhover .extrared .left_ { left: -8px; width: 8px; background: url(/img/bar32.png) no-repeat 0 -64px; }
.tf-button:hover .enabled .extrared .with-bg .main_, #ie6 .tf-button .enabledhover .extrared .main_ { background: url(/img/bar32.png) repeat-x 0 -96px; }
.tf-button:hover .enabled .extrared .with-bg .right_, #ie6 .tf-button .enabledhover .extrared .right_ { width: 8px; background: url(/img/bar32.png) no-repeat -8px -64px; }

.dialog_buttons .tf-button { float: right; margin: 15px 10px 0 10px; }
.dialog_buttons .tf-button .with-bg { padding: 0 20px; width: auto; }
#ie7 .dialog_buttons .tf-button { margin: 8px 10px 0 10px; }
#ie6 .dialog_buttons .tf-button { margin: 8px 5px 0 10px; width: 150px; }
#ie6 .dialog_buttons .tf-button .with-bg { padding: 0; }

/*********** tabs ************/
.tabs span { position: relative; top: 1px; left: 5px; font-weight: bold; color: #333333; }
.tabs .active, .tabs .inactive, #ie6 .tabs .inactivehover { float: left; margin-right: 10px; }
.tabs .inactive, #ie6 .tabs .inactivehover { cursor: pointer; }
.tabs .line { position: relative; padding: 0 5px; left: -5px; top: 20px; height: 1px; width: 100%; font-size: 1px; background-color: #d6d6d6; }
#ie6 .tabs .line { padding: 0; }
.tabs .active .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -360px; }
.tabs .active .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -380px; }
.tabs .active .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -360px; }
.tabs .inactive .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -140px; }
.tabs .inactive .with-bg .main_ { background: url(/img/bar20.png) repeat-x 0 -180px; }
.tabs .inactive .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -140px; }
.tabs .inactive:hover .with-bg .left_, #ie6 .tabs .inactivehover .with-bg .left_ { background: url(/img/bar20.png) no-repeat 0 -80px; }
.tabs .inactive:hover .with-bg .main_, #ie6 .tabs .inactivehover .with-bg .main_  { background: url(/img/bar20.png) repeat-x 0 -100px; }
.tabs .inactive:hover .with-bg .right_, #ie6 .tabs .inactivehover .with-bg .right_ { background: url(/img/bar20.png) no-repeat -5px -80px; }
.tabs .inactive:hover span, #ie6 .tabs .inactivehover span { color: #ffffff; }
#ie6 .tabs .inactive, #ie6 .tabs .inactivehover { behavior: url(/css/ie6hover.htc) url(/css/ie6pngclass.htc); }
#ie6 .tabs .active { behavior: url(/css/ie6pngclass.htc); }
.tab_content { clear: both; position: relative; }
.tab_content_disabled { display: none; }

/********************** layout template *********************/
#ie6 { width: 998px; }
body.reduced #ie6 { width: 750px; }
#tf #page { width: 96%; min-width: 960px; margin: 3px 2% 20px; line-height: normal !important; }
body.reduced #tf #page { min-width: 700px; }
#page_header { width: 100%; }
#page_main { width: 100%; margin-top: 15px; }
#page_footer { width: 100%; text-align: center; padding-top: 25px; }

#page_header .logo { position: relative; float:left; margin-left: 15px; width: 84px; height: 52px; cursor: pointer; z-index: 10000; }
#page_header .with-bg { clear: both; top: -6px; height: 20px; }
#page_header .with-bg .claim { float: left; position: relative; margin: 1px 0 0 58px; cursor: pointer; }
#page_header .with-bg .links { float: right; position: relative; margin: 2px 12px 0 0; font-size: 90%; }
#page_header #iphone_special { position: absolute; width: 81px; height: 81px; left: 70%; top: -42px; background: url(/img/iphone_special.png) no-repeat 0 0; }
#ie6 #page_header #iphone_special { behavior: url(/css/ie6pngfix.htc) url(/css/ie6hover.htc); }
#page_header #iphone_special:hover, #ie6 #page_header #iphone_special.hover { background: url(/img/iphone_special.png) no-repeat -81px 0; }
#ie6 #page_header .logo { margin-left: 8px; }
#ie6 #page_header .with-bg .claim { margin-left: 29px; }
#ie6 #page_header .with-bg .links { margin-right: 6px; }

#noscript { position: absolute; left: 50%; top: 40%; width: 400px; margin-left: -215px; padding: 15px; font-weight: bold; color: #E20030; border: solid 1px #E20030; background-color: #ffffff; }

#page_footer .with-bg { height: 20px; }
#page_footer .with-bg .links { position: relative; top: 2px; font-size: 90%; }
#page_footer .press_links { width: 680px; height: 35px; margin: 0 auto; }
#ie6 #page_footer .press_links { width: 780px; }
#page_footer .press_links div { width: 100px; height: 20px; margin: 15px 5px 0; cursor: pointer; float: left; }
#ie6 #page_footer .press_links div { behavior: url(/css/ie6hover.htc); }
#page_footer .press_links div.spon { background: url(/img/press_logos.png) no-repeat 0 -200px; }
#page_footer .press_links div.spon:hover, #ie6 .press_links div.sponhover { background: url(/img/press_logos.png) no-repeat 0 -220px; }
#page_footer .press_links div.cowo { background: url(/img/press_logos.png) no-repeat 0 0; }
#page_footer .press_links div.cowo:hover, #ie6 .press_links div.cowohover { background: url(/img/press_logos.png) no-repeat 0 -20px; }
#page_footer .press_links div.welt { background: url(/img/press_logos.png) no-repeat 0 -40px; }
#page_footer .press_links div.welt:hover, #ie6 .press_links div.welthover { background: url(/img/press_logos.png) no-repeat 0 -60px; }
#page_footer .press_links div.mopo { background: url(/img/press_logos.png) no-repeat 0 -80px; }
#page_footer .press_links div.mopo:hover, #ie6 .press_links div.mopohover { background: url(/img/press_logos.png) no-repeat 0 -100px; }
#page_footer .press_links div.conn { background: url(/img/press_logos.png) no-repeat 0 -120px; }
#page_footer .press_links div.conn:hover, #ie6 .press_links div.connhover { background: url(/img/press_logos.png) no-repeat 0 -140px; }
#page_footer .press_links div.faz { background: url(/img/press_logos.png) no-repeat 0 -160px; }
#page_footer .press_links div.faz:hover, #ie6 .press_links div.fazhover { background: url(/img/press_logos.png) no-repeat 0 -180px; }
#page_footer .press_links div.fnky { background: url(/img/press_logos.png) no-repeat 0 -240px; }
#page_footer .press_links div.fnky:hover, #ie6 .press_links div.fnkyhover { background: url(/img/press_logos.png) no-repeat 0 -260px; }
#page_footer .reference { margin-top: 15px; }
#page_footer .info_links { margin-top: 15px; }
#page_footer .description { position: relative; left: 50%; margin: 40px 0 0 -400px; width: 800px; font-size: 90%; color: #666666; text-align: left; }
#page_footer .description h3 { margin-bottom: 0; color: #bbbbbb; }
.ie #page_footer .description { left: 0; margin-left: 0; }

#tf.sub-connect .info_links { margin: 10px 0 20px; width: 100%; text-align: center; font-size: 90%; }
#tf.sub-spiegel .info_links { margin: 10px 0 0; width: 100%; text-align: center; font-size: 90%; }
#tf.sub-sueddeutsche .info_links { margin: 10px 0 0; width: 100%; text-align: center; font-size: 90%; }

#modal_background { position: absolute; top: 0; left: 0; background-color: #8a91a2; z-index: 500; }
#tf.sub-o2 #modal_background { background-color: #ffffff; }
#modal_window { position: absolute; z-index: 1000; } /* width and height are set in JS */
#modal_window #mw_header { position: absolute; top: -24px; height: 24px; }
#modal_window #mw_main_bg { position: absolute; width: 100%; height: 100%; }
#modal_window #mw_footer { top: 100%; height: 20px; }
#modal_window #mw_content { position: absolute; padding: 15px 10px; background-color: #ffffff; }

#info_window { position: absolute; background-color: #ffffff; z-index: 3000; }
#info_window #iw_content { padding: 5px; color: #555555; }
#info_window .bg div { position: absolute; width: 5px; height: 5px; }
#ie6 #info_window .bg div { font-size: 1px;  }
#ie6 #iw_tl, #ie6 #iw_tr, #ie6 #iw_br, #ie6 #iw_bl { font-size: 1px; behavior:url(/css/ie6pngfix.htc); }
#info_window #iw_tl { top: -5px; left: -5px; background: url(/img/corners.png) no-repeat 0 0; }
#info_window #iw_tr { top: -5px; left: 100%; background: url(/img/corners.png) no-repeat -5px 0; }
#info_window #iw_br { top: 100%; left: 100%; background: url(/img/corners.png) no-repeat -5px -5px; }
#info_window #iw_bl { top: 100%; left: -5px; background: url(/img/corners.png) no-repeat 0 -5px; }
#info_window #iw_t { top: -5px; left: 0; width: 100%; background: url(/img/corners.png) repeat-x 0 -10px; }
#info_window #iw_r { top: 0; left: 100%; height: 100%; background: url(/img/sides.png) repeat-y -5px 0; }
#info_window #iw_b { top: 100%; left: 0; width: 100%; background: url(/img/corners.png) repeat-x 0 -15px; }
#info_window #iw_l { top: 0; left: -5px; height: 100%; background: url(/img/sides.png) repeat-y 0 0; }

#popup_window { position: absolute; z-index: 2000; }
#popup_window #pw_header { height: 24px; }
#popup_window #pw_main_bg { position: absolute; }
#popup_window #pw_footer { height: 5px; font-size: 1px; }
#popup_window #pw_content { height: 100%; background-color: #ffffff; }

/************* static pages *********************/
#panel_center { position: relative; left: 50%; margin-left: -360px; width: 720px; }
#panel_left { float: left; width: 22%; }
#panel_right { float: right; width: 76%; }
.page_panel .tf-header { height: 24px; }
.page_panel .tf-footer { height: 20px; }
#left_content , #right_content, #center_content { padding: 10px; }

/**************** REFERENCE PAGES ******************/
#ref_page h2 { clear: both; }
#ref_page .ref_section { margin-bottom: 10px; }
#ref_page .ref_section a { display: block; padding: 0 2%; float: left; font-weight: normal; }
#ref_page .ref_section a.c0 { width: 30%; clear: both; }
#ref_page .ref_section a.c1 { width: 29%; }
#ref_page .ref_section a.c2 { width: 29%; }
#ref_page .ref_section a.c0w { width: 46%; clear: both; }
#ref_page .ref_section a.c1w { width: 46%; }
#ref_page #letter_button { width: 40%; margin-left: -20%; position: relative; left: 50%; }

#ref_page #core { margin: 10px 0; width: 100%; }
#ref_page #core td { padding: 4px 8px; vertical-align: top; }
#ref_page #core td.c0 { width: 25%; }
#ref_page #core td.comments { padding: 10px; border: solid 1px #d6d6d6; background-color: #f6f6f6;  }
#ref_page #rules { margin: 0 0 30px; width: 100%; }
#ref_page #rules td { padding: 4px; vertical-align: top; border-top:solid 1px #d6d6d6; }
#ref_page #home_button { float: left; width: 40%; }
#ref_page #shop_button { float: right; width: 40%; }
#ref_page #button_div { position: absolute; left: 50%; top: 60px; padding: 10px 20px; border: solid 2px #d6d6d6; font-weight: bold; }
#ref_page #button_div #ref_button { width: 300px; margin-top: 5px; }
#ref_page.provider #button_div { left:52%; top: 145px; }
#ref_page.option #button_div { left:60%; top: 130px; }
#ref_page.option #button_div #ref_button { width: 230px; margin-top: 5px; }

#ref_page #ref_disclaimer { font-size: 90%; color: #aaaaaa; padding: 20px 10px 20px 20px; }

/*********** connect specials ***************/
#tf.sub-connect #page { width: 950px; min-width: 950px; margin: -14px 0 0 4px; }
#tf.sub-connect #ie6 #page, #tf.sub-connect #ie7 #page { width: 949px; min-width: 949px; }
#tf.sub-connect #ie6 { width: auto; }

/*********** spiegel specials ***************/
body #spHeader { z-index: 100; }
#tf.sub-spiegel { margin-top: -30px; }
#tf.sub-spiegel a:link, #tf.sub-spiegel a:active, #tf.sub-spiegel a:visited, #tf.sub-spiegel .link, #tf.sub-spiegel #ie6 .linkhover { color: #990000; font-weight: normal; }
#tf.sub-spiegel #page { width: 856px; min-width: 856px; margin: 0 0 0 -5px; }

/*********** sueddeutsche specials ***************/
#sueddeutsche #wrapper .article { overflow: visible }
#tf.sub-sueddeutsche a:link, #tf.sub-sueddeutsche a:active, #tf.sub-sueddeutsche a:visited, #tf.sub-sueddeutsche .link, #tf.sub-sueddeutsche #ie6 .linkhover { color: #024282; font-weight: normal; }
#tf.sub-sueddeutsche #page { width: 850px; min-width: 850px; margin: 0 0 40px 5px; }

/*********** discountfan specials ***************/
#tf.sub-discountfan #page { width: 877px; min-width: 877px; margin: 0 0 0 -5px; }
#tf.sub-discountfan #page_main { margin-top: 5px; }