/*
#Template for hobby-freizeit.de
#Author:			EC, hobby-freizeit GmbH - Offenburg
#Creation Date:		02 Feb 2008
*/
body {margin: 0; padding: 0; font-family: 10pt Garamond, Palatino, "Verdana"; color: black; background: transparent;}
a, a:visited, a:hover, a:visited:hover {color: #04667e; background: transparent; text-decoration: none;}

#middle {position:relative;margin: 0 0 0 0 px;width: 100%;height: auto;z-index:1000;}
#pageContainer {border: solid 1px #fff;border-width: 0 1px;margin: 0;width: 960px;}
* html #pageContainer {/* \*/word-wrap: break-word;/* verhindert float-Probleme beim IE/Win */}
#outerContainer {border-left: 0px solid #FFF;border-right: 0px solid #FFF;}
#innerContainer {border-width: 0 1px;background: #FFF;margin: 0 0 px;width: 100%;z-index: 1;}
#SOWrap {position:static;float: left;margin: 0 0 px 0 0;width: 100%;z-index: 3;}

/* Fuer die Druckausgabe ueberfluessiges abschalten */

#TopLevelNavi, #Pfadhistorie, #left, #right, #footer, #header { display: none; }

#top_home_link {position:relative;height:80px;width:160px;float:left;}
.shop_proc_opt_klam__start{width:150px;height:70px;padding: 0;border:0px;}
ul {list-style-type:none;margin:0;padding:0;}
.blau {color:#069;}
#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;}

/* 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 {position:relative;height:23;width:279px;background-color:#DDEEFE;}
#liste_headline a {color:#069;font-weight:bold;font-size:11px;line-height:18px;height:18px;}
#liste_row {position:relative; width:279px;height:16px;line-height:16px;font-size:10px;}
#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;}
*/
#zuzahlungA {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;}
#zuzahlungB {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;}
#zuzahlungC {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;}
#zuzahlungD {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;}
#zuzahlungE {position:relative;height:14px;font-weight:bold;width:45px;float:right;text-align:right;}

/* 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:340px;float:left;padding-bottom:15px;}
#right_image_detail {position:relative; height:300px;width:223px;float:right;clear:both;}
#detail_all {position:relative; height:100%;width:563px;padding-left:3px;padding-right:4px;}
#detail_headline {position:relative; height:30px;width:300px;overflow:hidden;font-weight:bold;color:#069;font-size:10px;}
#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:30px; 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;}
#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;}
#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:50px;float:left;color:#069;overflow:hidden;margin-left:5px;}
#zuzahlung {position:relative; width:130px;height:20px;float:left;color:#069;top:4px;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:30px;width:180px;text-decoration:underline;font-weight:bold;}
#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;}

/* 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;clear:both;}
#letter_row a {color:#069;font-weight:bold;}
#a-z_search_letters a {color:#069;font-weight:bold;text-decoration:none;}
#letter {position:relative; width:560px;font-size:14px;border-bottom:1px solid #069;margin-bottom:3px;}
#letter a {text-decoration:none;}
#a-z_search_letters a:hover {color:black;text-decoration:underline;}
#a-z_entry {position:relative;height:18px; width:185px;float:left;text-decoration:underline;}
#a-z_entry a:hover {color:black;}
#a-z_entry b {background-color:#DDEEFE;color:red;}

/* 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: 10px/13px 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 9px/12px Verdana;color:#069;}
.formdata_label_err{width:180px;height:27px;font:bold 9px/12px Verdana;color:#FE0000;}
.formdata_mark{color:#069;}
.formdata_remark{font:9px/12px Verdana;}
.formdata_value{}
.formdata_value_l{width:245px;height:19px;size:25;padding:0 3px 0 3px;maxlength:15;font:bold 9px/19px 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 9px/19px 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 9px/19px 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 9px/19px 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 9px/19px 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 9px/19px 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 9px/19px Verdana;color:#585858;vertical-align: middle;border:1px solid #FE0000; margin:0 3px 3px 0;}
.formdata_value_select{width:253px;height:19px;font:9px/19px Verdana; vertical-align: middle;border:1px solid #069; margin:0 3px 3px 0;}
.formdata_value_select_err{width:253px;height:19px;font:9px/19px 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 9px/19px Verdana;vertical-align: middle;border:1px solid #CFD8DF; margin:0 3px 3px 0;}
.formdata_value_textarea_err{width:243px;height:50px;padding:0 3px 0 3px;size:25;maxlength:15;font:bold 9px/19px Verdana;10:21 17.04.2008vertical-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:10px;}
#adress_input_all {position:relative;width:560px;height:100%;border:1px solid #069;background-color:#DDEEFE;margin-bottom:10px;padding-left:10px;color:#069;}

/* 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 Praemienheft*/
#teaser_prospekt {position:relative;text-align:center;}

/* Startseite */
#start_info {position:relative;height:20;width:572px;color:#069;text-align:center;font-size:11px;font-weight:bold;}
#start_first_row_all {position:relative;height:207px;width:572px;color:#069;top:7px;}
#start_bonus_abo {position:relative;height:188px;width:281px;float:left;border:1px solid #C06;}
#start_my_abo {position:relative;height:188px;width:281px;float:right;border:1px solid #F60;}
#start_bonus_abo_head{position:relative;height:18;width:281px;color:white;background-color:#C06;font-size:12px;font-weight:bold;}
#start_my_abo_head{position:relative;height:18;width:281px;color:white;background-color:#F60;font-size:12px;font-weight:bold;}
#start_teaser_big_text {position:relative;height:75px;width:270px;top:7px;left:3px;}

#start_second_row_all {position:relative;height:125px;width:572px;color:#069;}
#start_gift_abo {position:relative;height:115px;width:184px;color:#069;float:left;border:1px solid #609;margin-right:7px;}
#start_six_month_abo {position:relative;height:115px;width:184px;color:#069;float:left;border:1px solid #933;}
#start_test_abo {position:relative;height:115px;width:184px;color:#069;float:right;border:1px solid #063;}

#start_gift_abo_head{position:relative;height:18;width:182pxpx;color:white;background-color:#609;font-size:12px;font-weight:bold;}
#start_six_month_abo_head{position:relative;height:18;width:182pxpx;color:white;background-color:#933;font-size:12px;font-weight:bold;}
#start_test_abo_head{position:relative;height:18;width:182pxpx;color:white;background-color:#063;font-size:12px;font-weight:bold;}
#start_teaser_small_text {position:relative;height:58px;width:170px;top:7px;left:3px;}
#start_teaser_small_text a {color:#069;float:right;}

#start_hotspot_row {position:relative;height:127px;width:572px;}
#start_hotspot1 {position:relative;float:left;width:289px;height:141px;color:#069;}
#start_hotspot2 {position:relative;float:right;width:283px;height:141px;color:#069;}
#start_hotspot1 a, #start_hotspot2 a {color:#069;} 

#kategorien_left_main_first {position:relative;width:184px;height:16px;font-size:9px;line-height:16px;margin-top:3px;}

/* Für TopLeisten*/
#Kategorieansicht_top {position:relative;height:137px;width:570px;border:1px solid #C06;margin-bottom:10px;}
#Kategorieansicht_headline_subscrtype {font-family:Arial, Helvetica, sans-serif;position:relative;width:572px;height:19px;color:white;background-color:#C06;font-weight:bold;font-size:13px;line-height:19px;}
#Kategorieansicht_headline_subscrtype_category {font-family:Arial, Helvetica, sans-serif;position:relative;width:570px;height:19px;color:white;background-color:#C06;font-weight:bold;font-size:13px;line-height:19px;}
#Kategorieansicht_text_subscrtype {position:relative;height:100px;width:560px;padding:5px;}

/* Für PÜL*/
#puel_all_subscrtype {position:relative;height:100%;width:570px;border-left:1px solid #C06;border-right:1px solid #C06;border-bottom:1px solid #C06;}

/* Für Bestellprozess*/
#bestellansicht_top_header {position:relative;height:110px;width:562px;border-left:1px solid #C06;border-right:1px solid #C06;border-bottom:1px solid #C06;padding:3px;margin-bottom:10px;}
#bestellansicht_headline {font-family:Arial, Helvetica, sans-serif;position:relative;width:570px;height:19px;color:white;background-color:#C06;font-weight:bold;font-size:13px;line-height:19px;}
#order_ok_all {position:relative;width:560px;height:100%;border:1px solid #C06;margin-bottom:10px;padding-left:10px;font-size:10px;}

#Kategorieansicht_top {position:relative;height:137px;width:570px;border:1px solid #F60;margin-bottom:10px;}
#Kategorieansicht_headline_subscrtype {font-family:Arial, Helvetica, sans-serif;position:relative;width:572px;height:19px;color:white;background-color:#F60;font-weight:bold;font-size:13px;line-height:19px;}
#Kategorieansicht_headline_subscrtype_category {font-family:Arial, Helvetica, sans-serif;position:relative;width:570px;height:19px;color:white;background-color:#F60;font-weight:bold;font-size:13px;line-height:19px;}
#Kategorieansicht_text_subscrtype {position:relative;height:100px;width:560px;padding:5px;}

#puel_all_subscrtype {position:relative;height:100%;width:570px;border-left:1px solid #F60;border-right:1px solid #F60;border-bottom:1px solid #F60;}

/* Für Aboformbeschreibung */

#long_description_all {position:relative;height:35px;width:560px;}
#bullet_description {position:relative;float:left;width:20px;height:20px;background-image:url(../images/hf_bullet4.gif);background-repeat:no-repeat;}
#long_description {position:relative;float:right;width:540px;height:35px;}