/*
#Template for hobby-freizeit.de
#Author:			EC, hobby-freizeit GmbH - Offenburg
#Creation Date:		02 Feb 2008
*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; padding: 0;margin: 0;}
ul {list-style-type:none;margin:0;padding:0;}
a:focus { outline: none;}
/* Hauptteil */
#pageContainer {border: solid 1px #fff;border-width: 0 1px 0 3px;;margin: 0 auto;width: 960px;}
#Pfadhistorie {height:10px;margin:0;width:960px;clear:both;}
#outerContainer {border-left: 194px solid #FFF;border-right: 194px solid #FFF;top:10px;}
#innerContainer {border-width: 0 1px;background: #FFF;margin: 0 -1px;width: 100%;z-index: 1;}
#left, #middle, #right, #SOWrap {overflow: visible;position: relative;}
#SOWrap {position:static;float: left;margin: 0 -1px 0 0;width: 100%;z-index: 3;}
#middle {position:static;float: right;margin: 0 0 0 -1px;width: 100%;z-index: 5;height: auto;}
#left {float: left;margin: 0 1px 0 -194px;width: 194px;height: auto;z-index: 4;}
#right {float: right;width: 194px;margin: 0 -194px 0 1px;height: auto;z-index: 2;}
#footer {position: relative;height: 45px;margin:0;font-size:10px;top:10px;text-align: center;margin-bottom:5px;color:#069;font-weight:bold;}
#footer a {text-decoration:none;color:#069; font-weight:bold;}
#footer a:hover {text-decoration:underline;color:#069;}
#logospacer {height:100%; width:5px;}
#header {position: relative;height:104px;margin:0px;background-image: url(../images/hf_header_back.jpg);background-repeat: repeat-x;width:961px;background-color:#DDEEFE;margin-left:-1px;}
#footer_head {text-align: right; line-height: 22px; font-size:11px;}
#footer_head a:hover {text-decoration:underline;}

#top_home_link {position:relative;height:80px;width:160px;float:left;}
.shop_proc_opt_klam__start{width:150px;height:70px;padding: 0;border:0px;}

.blau {color:#069;}
.blau_under {color:#069;text-decoration:underline;font-weight:bold;}

#cleaner {clear:both;height:0px;font-size:0px;border:0px none;margin:0; padding:0;background:transparent;}
.cleaner {clear:both;height:0px;font-size:0px;border:0px none;margin:0; padding:0;background:transparent;}
.red {color:red;}
/* Für include LeftNavi */

#search_left_all {position:relative;width:184px;height:65px;background-image: url(../images/hf_lupe_search.gif);background-repeat: no-repeat;}
#search_choice {position:relative;width:130px;height:20px;left:50px;top:10px;margin-bottom:3px;}
#search_term {position:relative;width:125px;height:20px;left:50px;top:11px;}
.search_input {width:100px;border:1px solid #069;height:13px;float:left;font-size:11px;margin-right:2px;}
.search_select{width:119px;border:1px solid #069;height:18px;float:left;font-size:10px;line-height:18px;}
.search_input_image {position:relative;left:-5px;border:0px;}
#kategorien_left_main {position:relative;width:184px;height:16px;line-height:16px;}
#kategorien_left_main_last {position:relative;width:184px;height:100%;font-size:9px;padding-bottom:11px;}
#navcontainer { position:relative;padding-left: 11px;margin: 0 -10px 0 0;width:173px;padding-bottom:5px;}
#navcontainer li {border: 0px; margin: 0 -4px 0 0; padding: 0px;}
#navcontainer ul li a {margin-left: 0; padding: 4px 0; list-style-type: none;width: 164px;height:12px;font-size:9px;line-height:16px;}

/* Für include right */
#right_header {position:relative;width:184px;height:19px;background-color:#F33;font-weight:bold;font-size:13px;line-height:19px;color:white;float:right;font-family:Arial, Helvetica, sans-serif;}
#top5_all {position:relative;width:182px;height:100%;border:1px solid #F33;float:right;padding-bottom:5px;margin-bottom:10px;}
#top5_all_security {position:relative;width:177px;height:100%;border:1px solid #F33;float:right;padding-bottom:5px;color:#069;font-weight:bold;font-size:10px;padding-left:5px;}
#top5_inner_all {position:static;width:167px;height:100%;padding:2px 0 0 3px;clear:both;}
#top5_inner_all_bonus {position:static;width:173px;height:115px;padding:3px 0 0 3px;clear:both;font-weight:bold;color:#069;}
#ihre_vorteile {position:relative;width:177px;height:100%;margin-left:5px;}

#small_image_top5 {position:relative; width:73px;height:100%;float:left;}
#small_image_top5_bonus {position:relative; width:80px;height:80px;float:left;}
#top5_description{position:relative; width:93px;height:50px;float:right;color:#069;}
#top5_description_bonus{position:relative; width:85px;height:50px;float:right;color:#069;font-weight:bold;padding-top:30px;}
#right_top_title {position:relative;font-size:10px;font-weight:bold;color:#069;height:30px;}
#link_right {position:relative;top:3px;height:10px;font-weight:normal;color:#069;}
#link_right a {font-weight:normal;color:#069;}

/* MiniShoppingCart */

#minicart_row {position:static;width:182px;height:20px;line-height:20px;text-align: center;}
#minicart_top1 {position:relative; width:91px;height:20px;float:left;font-weight:bold;}
#minicart_top2 {position:relative; width:91px;height:20px;float:right;font-weight:bold;}
#minicart_left {position:relative; width:91px;height:85px;float:left;line-height:16px;}
#minicart_right {position:relative; width:91px;height:85px;float:right;line-height:16px;}
.fett {font-weight:bold;color:#069;font-size:11px;}

/* Kategorieansicht */

#Kategorieansicht_all {position:relative;height:100%;width:570px;border-left:1px solid #069;border-right:1px solid #069;border-bottom:1px solid #069;}
#Kategorieansicht_all_subscrtype {position:relative;height:100%;width:570px;border-left:1px solid #069;border-right:1px solid #069;border-bottom:1px solid #069;}
#Kategorieansicht_headline {font-family:Arial, Helvetica, sans-serif;position:relative;width:570px;height:19px;color:#DDEEFE;background-color:#069;font-weight:bold;font-size:13px;line-height:19px;}
#Kategorieansicht_text {position:relative;height:100px;width:560px;padding:5px;}

#liste_left {position:relative;height:100%;width:279px;border-right:1px solid #069;float:left;}
#liste_right {position:relative;height:100%;width:279px;border-left:1px solid #069;float:right;}
#liste_headline {height:20px;line-height:20px;width:279px;background-color:#DDEEFE;clear:both;}
#liste_headline_title {position:relative;color:#069;font-weight:bold;font-size:11px;line-height:18px;height:18px;float:left;}
#liste_headline_title a {color:#069;font-weight:bold;font-size:11px;line-height:18px;height:18px;}
#liste_headline_zuzahlung {position:relative;float:right;color:#069;font-weight:bold;font-size:11px;}
#liste_row {position:relative; width:279px;text-indent:5px;height:16px;vertical-align:middle;line-height:16px;}
#liste_row a {background:transparent none no-repeat scroll left center;display:block;margin:0px;height:16px;font-size:10px;}
#liste_row a:hover {position:relative;background:#CDCDCD none repeat scroll 0%;color:#069;width:279px;height:16px;vertical-align:middle;line-height:16px;}

#liste_title {position:relative;width:210px;height:16px;float:left;}
#liste_title b {background-color:#DDEEFE;color:red;}
#liste_title a {text-decoration:underline;font-weight:bold;color:#069;}

/*
#zuzahlungA {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;background-color:#FF0;}
#zuzahlungB {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;background-color:#9FC;}
#zuzahlungC {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;background-color:#9CF;}
#zuzahlungD {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;background-color:#FC6;}
#zuzahlungE {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;background-color:#F99;}
*/
#kategorien_zuzahlung {position:absolute;height:16px;font-weight:bold;width:45px;left:230px;text-align:right;line-height:16px;vertical-align:middle;}

/* Zeitschriften-Detailansicht */

#zeitschriften_titel {position:relative;height:20px;font-weight:bold;width:558px;border-bottom: 1px solid #069;line-height:20px;left:5px;color:#069;font-size:14px;top:3px;margin-bottom:15px;font-weight:bold;}
#left_detail {position:relative; height:100%;width:332px;float:left;padding-bottom:15px;}
#right_image_detail {position:relative; height:300px;width:223px;float:right;clear:both;margin-right:5px;}
#detail_all {position:relative; height:100%;width:563px;padding-left:3px;padding-right:4px;}
#detail_headline {position:relative; height:100%;width:300px;overflow:hidden;font-weight:bold;color:#069;font-size:10px;margin-bottom:5px;}
#detail_description {position:relative; height:100%;width:300px;overflow:hidden;font-size:9px;color:#069;margin-bottom:10px;}
#delivery_date {position:relative; height:16px;width:300px;}
#fix_infos {position:relative;height:16px;width:140px;float:left;color:#DDEEFE;background-color:#069;font-weight:bold;font-size:11px;line-height:14px;}
#variable_infos {position:relative;height:16px;width:160px;background-color:#DDEEFE;color:#069;float:left;line-height:14px;font-weight:bold;font-size:11px;}

#aboform_all {position:relative; height:140px;width:300px;}
#aboform_headline {position:relative;height:14px;font-weight:bold;width:300px;border-bottom: 1px solid #000;font-size:11px;margin-top:20px;}
#aboform_description {height:30px;width:300px;color:#069;margin-top:5px;}

#abo_facts {position:relative; height:16px;width:300px;margin-bottom:5px;}
#abo_choose {position:relative; height:20px;width:170px;float:right;text-align:right;top:5px;}

/* Prämien-Detailansicht */

#praemie_deatil_left {position:relative; height:100%;width:270px;float:left;color:#069;margin-left:10px;margin-bottom:10px;}
#praemie_deatil_right {position:relative; height:100%;width:260px;float:right;color:#069;margin-right:10px;margin-bottom:10px;}
#praemie_detail_title {position:relative; height:100%; width:260px;font-weight:bold;font-size:13px;}
#praemie_deatil_zuzahlung {position:relative; height:12px; width:260px;margin-top:10px;}
#praemie_detail_waehlen {position:relative; height:20px; width:260px;margin-top:10px;margin-bottom:20px;}
#praemie_deatil_logo {position:relative; height:40px; width:130px;float:right;margin-bottom:10px;right:5px;}
#praemie_deatil_image {position:relative; height:225px; width:225px;float:right;}
#praemie_deatil_zoom {position:relative; height:20px; width:225px;float:right;text-align:center;top:5px;}
#praemie_detail_facts {position:relative; height:100%;width:100%;}
#praemie_detail_facts li {position: relative;margin-bottom:3px;padding-left:10px;background-image:url(../images/hf_list_dot.gif);background-repeat:no-repeat;background-position:top left;}

/* PÜL */

#puel_all {position:relative;height:100%;width:570px;border-left:1px solid #069;border-right:1px solid #069;border-bottom:1px solid #069;}
#puel_row {position:relative; height:105px;width:560px;margin:0px 5px 5px 5px;}
#puel_row_left {position:relative; height:105px;width:280px;float:left;}
#puel_row_right {position:relative; height:105px;width:280px;float:right;}

#puel_inner_all {position:static;width:275px;height:75px;padding:3px 0 0 3px;clear:both;}
#small_image_puel {position:relative; width:71px;height:90px;float:left;}
#puel_description{position:relative; width:185px;height:60px;float:left;color:#069;overflow:hidden;margin-left:5px;}
#zuzahlung {position:relative; width:130px;height:20px;float:left;color:#069;top:5px;}
#link_right_puel {position:relative; width:185px;height:12px;float:left;color:#069;top:5px;text-decoration:underline;margin-left:5px;}
#link_right_puel a {color:#069;}
#right_top_title_puel {position:relative; width:185px;height:12px;float:left;color:#069;font-weight:bold;margin-left:5px;}
#right_top_title_puel b {color:red;background-color:#DDEEFE;}

#puel_row_praemie {position:relative; height:80px;width:560px;margin:0px 5px 5px 5px;}
#praemie_row_left {position:relative; height:80px;width:280px;float:left;}
#praemie_row_right {position:relative; height:80px;width:280px;float:right;}
#puel_inner_all_praemie {position:static;width:275px;height:80px;padding:3px 0 0 3px;clear:both;}
#small_image_puel_praemie {position:relative; width:67px;height:60px;float:left;}
#right_top_title_praemie {position:relative; width:190px;height:12px;float:left;}
#right_top_title_praemie a {color:#069;font-weight:bold;font-size:11px;text-decoration:underline;}

#praemien_puel_all  {position:relative; height:160px;width:180px;float:left;margin-left:7px;margin-bottom:15px;color:#069;}
#praemien_puel_header {position:relative; height:36px;width:180px;text-decoration:underline;font-weight:bold;}
#praemien_puel_header a {text-decoration:underline;font-weight:bold;color:#069;}
#praemien_puel_image {position:relative; height:90px;width:165px;padding-left:15px;}
#praemien_puel_mehr {position:relative; height:20px;width:180px;text-align:left;text-decoration:underline;}
#praemien_puel_mehr a {color:#069;}
#praemie_puel_choose {position:relative; height:30px;width:180px;}

/* A-Z Suche */

#a-z_search_letters {position:relative; height:20px;width:565px;background-color:#DDEEFE;color:#069;font-size:13px;font-weight:bold;padding-left:5px;}
#letter_row {position:relative;height:100%;width:565px;margin-left:5px;color:#069;font-weight:bold;margin-bottom:10px;}
#letter_row a {color:#069;font-weight:bold;}
#a-z_search_letters a {color:#069;font-weight:bold;text-decoration:none;}
#a-z_search_letters b {color:white;}
#letter {position:relative; width:560px;font-size:14px;border-bottom:1px solid #069;margin-bottom:3px;background-color:#DDEEFE;}
#letter a {text-decoration:none;}
#a-z_search_letters a:hover {color:black;text-decoration:underline;}
#a-z_entry {position:relative;height:18px;width:223px;float:left;text-decoration:underline;}
#a-z_entry a:hover {color:black;}
#a-z_entry b {background-color:#DDEEFE;color:red;text-decoration:none;}
#a-z_zuzahlung {position:relative;height:12px;width:40px;color:black;text-align:right;float:left;}
#a-z_entry_row {position:relative;width:280px;height:18px;float:left;}
#a-z_entry_row_zuz1 {position:relative;width:272px;height:14px;float:left;color:black;text-align:right;}
#a-z_entry_row_zuz2 {position:relative;width:278px;height:14px;float:left;color:black;text-align:right;}

/* Zeitschriften-Kategorien */

#Kategorieansicht_headline_magazine {font-family:Arial, Helvetica, sans-serif;position:relative;width:572px;height:19px;color:white;background-color:#069;font-weight:bold;font-size:13px;line-height:19px;}

/* Für Formulare */

.error_msg_area{width:560px; font: 11px Verdana;color:#ffffff;font-weight:bold;margin-left:-10px;background-color:#FE0000;padding:5px;}
.formdata_info{}
.formdata_info_err{color:#FE0000;}
.formdata_label{width:180px;height:27px;font:bold 11px Verdana;color:#069;}
.formdata_label_err{width:180px;height:27px;font:bold 11px Verdana;color:#FE0000;}
.formdata_mark{color:#069;}
.formdata_remark{font:11px Verdana;}
.formdata_value{}
.formdata_value_l{width:245px;height:19px;size:25;padding:0 3px 0 3px;maxlength:15;font:bold 11px Verdana;vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_l_free{width:245px;height:19px;size:25;padding:0 3px 0 3px;maxlength:15;font:bold 11px Verdana;vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;background-color:#DDEEFE;}
.formdata_value_l_err{width:245px;height:19px;padding:0 3px 0 3px;size:25;maxlength:15;font:bold 11px Verdana;vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}
.formdata_value_m{width:175px;height:19px; padding:0 3px 0 3px;font:bold 11px Verdana;vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_m_err{width:175px;height:19px; padding:0 3px 0 3px; font:bold 11px Verdana;vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}
.formdata_value_s{width:60px;height:19px; padding:0 3px 0 3px;font:bold 11px Verdana;vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_s_err{width:60px;height:19px; padding:0 3px 0 3px;font:bold 11px Verdana;color:#585858;vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}
.formdata_value_select{width:253px;height:19px;font:11px Verdana; vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_select_err{width:253px;height:19px;font:11px Verdana; vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}
.formdata_value_textarea{width:243px;height:50px;size:25;padding:0 3px 0 3px;maxlength:15;font:bold 11px Verdana;vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_textarea_err{width:243px;height:50px;padding:0 3px 0 3px;size:25;maxlength:15;font:bold 11px Verdana;vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}

/* Für Geschenke-Include */

#geschenke_all {position:relative;width:570px;height:100%;border:1px solid #069;margin-bottom:10px;}
#geschenk_container_all {position:relative;width:180px;height:100%;float:left;margin-left:5px;}
#geschenke_container_row {position:relative;width:180px;height:30px;}
#geschenkurkunde_all {position:relative;width:570px;height:100%;border:1px solid #069;background-color:#DDEEFE;margin-bottom:10px;}
#urkunde_text {position:relative;width:550px;margin:5px;background-color:#DDEEFE;}
#spacer_input_urkunde {position:relative;width:193px;height:50px;float:left;font-weight:bold;}
.radio_geschenke {position:relative;top:2px;}
.geschenkurkunde {position:relative; width:355px;height:50px;border:1px solid #069;overflow:auto;font-size:14px;}

/* Für Bestellprozess*/

#bestellansicht_top_inner_magazine {position:relative;width:380px;height:110px;float:left;}
#bestellansicht_top_inner_title {position:relative;width:160px;height:15px;font-weight:bold;color:black;line-height:15px;font-size:10px;overflow:hidden;}
#bestellansicht_imag_mag {position:relative;width:73px;height:80px;float:left;}
#bestellansicht_top_info_box {position:relative;width:300;height:93px;float:right;}
#abo_facts_all {position:relative;width:295px;height:90;float:left;}
#bestellansicht_top_inner_bonus {position:relative;width:165px;height:110px;float:right;}
#bestellansicht_top_inner_title_bonus {position:relative;width:165px;height:15px;font-weight:bold;color:#069;line-height:15px;font-size:12px;}
#bestellansicht_top_inner_title_bonus b {background-color:#DDEEFE;}
#adress_input_all {position:relative;width:560px;height:100%;border:1px solid #069;background-color:#DDEEFE;margin-bottom:10px;padding-left:10px;color:#069;}
#aktionscode b {font-size:11px;}
/* Für alle Buttons*/

.right_float {position:relative;left:412px;}
.right_float2 {position:relative;left:290px;}
.right_float3 {position:relative;left:425px;}
.right_float4 {position:relative;left:448px;}
.right_float5 {position:relative;left:511px;}
.right_float6 {position:relative;left:380px;}
.right_float7 {position:relative;left:392px;}
.right_float8 {position:relative;left:370px;border:0px;}
.gift_image {border:1px solid #069;}
.right_float9 {position:relative;left:455px;}

/* Für Infoseiten*/

#info_all {position:relative;width:560px;height:100%;border:1px solid #069;margin-bottom:10px;padding-left:10px;font-size:10px;color:#069;}
#info_all p {color:red;font-weight:bold;}

/* Für Praemienheftbestellung */
#teaser_prospekt {position:relative;text-align:center;}

/* Für Aboformbeschreibung */

#long_description_all {position:relative;width:560px;clear:both;}
#bullet_description {position:relative;float:left;width:20px;height:20px;background-image:url(../images/hf_bullet.gif);background-repeat:no-repeat;}
#long_description {position:relative;float:right;width:540px;height:auto;margin-bottom:5px;}

#long_description_red {position:relative;float:right;width:540px;height:40px;color:red;font-weight:bold;}
#probeabo_anmerkung {position:relative;height:100%;width:560px;border:1px solid #069;padding:5px;}

#security_logos {position:absolute;width:184px;height:60px;background-color:white;margin-top:5px;margin-bottom:5px;}

/* Für Cash Aktion */

.cash_countdown_all {position:relative;top:2px;width:960px;height:100%;}
.cash_countdown_top {height:457px;float:left;}
.cash_countdown_row {position:relative;height:308px;width:960px;background-image:url(../images/hf_cash_aktion_back.png);background-repeat:no-repeat;padding-top:26px;padding-left:16px;}
.cash_countdown_start {float:left;}
.cash_countdown_end {float:left;width:216px;height:254px;margin-left:20px;}
.cash_countdown_end b {position:relative;width:110px;height:30px;bottom:185px;left:58px;font-size:24px;}
.cash_countdown_end strong {position:relative;width:110px;height:30px;bottom:178px;left:95px;font-size:24px;}
.cash_countdown_end p {position:relative;width:110px;height:30px;bottom:178px;left:95px;font-size:24px;font-weight:bold;}

#choosen_one {position:relative;width:auto;height:auto;margin-left:7px;font-weight:bold;color:#069;font-size:12px;}
#choosen_one_image {position:relative;width:auto;height:auto;text-align:left;float:left;margin-bottom:15px;}
#choosen_one_text {position:relative;width:450px;height:auto;text-align:left;float:right;}
#choosen_one_text2{position:relative;width:auto;height:auto;clear:both;margin-bottom:15px;top:5px;}