@import url("/res/css/common.css");
@import url("/res/css/shop/styles.css");
@import url("/res/css/theme1_print.css");

/* Todo: */
/* ul, ol, li */
ul, ol {
  margin: 0;
  padding: 0;
}

/* LAYOUT Allgemein ************************************************************/

body {
  text-align: center;
}

#container {
  text-align:left;
  color: white;
  width: 1100px;  
  margin:auto;
}

#shadow{
  background: url(/res/pics/shadow_container.gif) repeat-y top left;
  float: left;
  width: 1000px;
  padding: 0 50px;
}
#wrapper {
  background: #2E2624;
  border: 2px solid white;
  width: 1000px;
  float: left;
}
#container p {
  color: white;
}

#header {
  background: url(/res/pics/standard_logo_neu.gif) no-repeat top left;
  height: 130px;
  position:relative;
  width: 1000px;
}
#link_home a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 290px;
  height: 130px;
}
#shadow_top {
  width: 1100px;
  background: url(/res/pics/shadow_container_top.gif) no-repeat top left;
  height: 50px;
  margin: 0 auto;
}

#shadow_bottom {
  width: 1100px;
  background: url(/res/pics/shadow_container_bottom.gif) no-repeat top left;
  height: 50px;
  margin: 0 auto;
  float:left;
}
/*SITESERVICE NAVIGATION *******************************************************/
#site_service {
  background: black;
  width: 1000px;
  height: 24px;  
}
#site_service a { 
  text-decoration: none; 
}
a.siteservice, a:hover.siteservice, a.active.siteservice, a:visited.siteservice {
  padding: 6px 20px 0 28px; 
  color: white;
  display: block;
  float: right;
  font-size: 11px;
}

/* HAUPTNAVIGATION *************************************************************/
#main_nav {
  /*float: lefT;*/
  width: 1000px;
  background-image:url(/res/pics/main_nav_bg.gif);
  background:url(/res/pics/main_nav_bg.gif) no-repeat top left !important;
  height: 24px;
}
#main_nav ul {
  float: right;
}
#main_nav li {
  list-style:none;
  float:left;
  
}
#main_nav li a {
  color: black;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  padding: 4px 20px;
  text-decoration: none; 
}
#main_nav li a:hover, #main_nav li a.active {
  font-weight:bold;
  /*color: white;
  background: #2D2624;*/
}

/*Weiterempfehlern Drucken ********************************************************/
#approve_print {
  position: absolute;
  bottom: 10px;
  right: 20px;
  float: right;
}
#approve_print a {
   color: white;
   font-size:11px;
   text-decoration: none; 
}
.list {
  background: url(/res/pics/siteservice_auflistung.gif) no-repeat left 5px;
  padding: 0 12px;
}
.list_approve {
  background: url(/res/pics/icon_approve.gif) no-repeat left 2px;
  padding: 0 0 0 24px;
}

/* SUBNAVIGATION ******************************************************************/
#sub_nav {
  width: 205px;
  padding: 0;
  margin: 0 0 50px 15px;
  float: left;
}
#sub_nav ul {
  /*background: url(/res/pics/sub_nav_end.gif) no-repeat bottom left;*/
  padding:0 0 21px 0;
  width: 205px;
}
#sub_nav ul ul {
  padding: 0;
  background:none;
}
#sub_nav li {
  list-style:none;
  display: block;
  /*background:url('/res/pics/sub_nav_line.gif') repeat-x bottom left;*/
}
#sub_nav li.active {
	/*background:url('/res/pics/sub_nav_line_active.gif') repeat-x bottom left;*/
}
#sub_nav li a {
  font-size: 13px;
  color:white;
  padding: 0 14px;
  display: block;
  text-decoration:underline;
  /*background:#141414;*/
  background:url('/res/pics/arrow_sub_nav_left.gif') no-repeat 2px;
  width: 181px; 
  line-height: 22px;
  margin: 1px 0;
}
#sub_nav li a.active, #sub_nav li a:hover{
	color:#FCC000;
	background:url('/res/pics/arrow_sub_nav_left_active.gif') no-repeat 2px;
}
#sub_nav li li a {
  padding: 0 12px 0 26px;
  width: 161px; 
  background:url('/res/pics/arrow_sub_nav_left.gif') no-repeat 12px;
}
#sub_nav li li a.active, #sub_nav li li a:hover {
  background:url('/res/pics/arrow_sub_nav_left_active.gif') no-repeat 12px;
}
#sub_nav li li li a {
  padding: 0 12px 0 38px;
  background:url('/res/pics/arrow_sub_nav_left.gif') no-repeat 24px;
  width: 141px; 
}
#sub_nav li li li a.active, , #sub_nav li li li a:hover {
  background:url('/res/pics/arrow_sub_nav_left_active.gif') no-repeat 24px;
}
#sub_head {
  font-family: Helvetica, Arial, Verdana;
	margin: 15px 0 10px 0;
	font-size:26px;
	color:#746B69;
	font-weight: lighter;
}

#login_box_default #form_tbl_login_box .form_label {
  width: 75px;
}

/* LAYOUT STARTSEITE **************************************************************/
#content_area {
  float: left; 
  /*background: url(/res/pics/background_startpage_content.gif) no-repeat top left;*/
  width:1000px;
  position: relative;
  padding: 0;
}
#content_detail ul, #content_detail ol, #content ol {
  margin: 2px 10px;
  padding: 0 0 0 10px;
}

/*Banner Modul Startseite*/
#content_start {
  float:left;
  padding: 20px 10px 37px 20px;
  width: 520px;
}

#content_start img, #banner_start_img, #banner_start_img img,#info_buttons img {
	behavior: url(/redx/res/css/iepngfix.htc);
	padding: 0;
}
#banner_start_big {
  position: relative;
  height: 500px;
  width: 500px;  
}
#banner_start_big  .banner_start_link {
  display:block; 
  width: 500px; 
  height: 500px;
  position:absolute; 
  top: 0; 
  left: 0;
}
#banner_start_big #banner_start_text {
  position: absolute; 
  top: 408px;
  left: 20px;  
  width: 500px;
}
#banner_start_big p, #banner_start_big a, #banner_start_big div, #banner_start_big td, #banner_start_big th {
  font-size: 14px;
  line-height: 18px;
} 

#info_buttons {
  float: right;
  margin: 5px 20px 10px 0;
  width: 421px;
}
#info_buttons, #info_buttons a img {
  behavior: url(/redx/res/css/iepngfix.htc);
  padding: 0;
}
#info_buttons .banner_first_start {
  margin: 0 11px 0 0;
}

/* LAYOUT DEFAULT *****************************************************************/
#content_detail {
  float: left;
  padding: 10px 20px 37px 25px;
  width: 735px;
  margin: 0;
}

/* FOOTER *************************************************************************/
#footer {
  margin-top: -17px;
  position:relative;
  bottom: 8px;
  left: 10px;
  width: 970px;
  float:left;
}

#footer a {
  color: white;
  float: right;
  margin: 0 0 0 8px;
  text-transform:uppercase;
  font-size:11px;
  text-decoration: none; 
}

/* STYLES MODULE ******************************************************************/

/*Sitemap */
#sitemap ul {
  margin:0;
  padding: 0 0 0 25px;
}
#sitemap li {
  padding:1px;
}
#sitemap li a {
  color: white;  
}
#sitemap li a:hover {
  text-decoration:underline;
  color: #e7af09;   
}

/*FAQ **********/
#faq {
  margin: 15px 0;
  float: lefT;
  width: 735px;
}
#search_faq {
  width: 715px;
  padding: 8px;
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
  float:left;
  margin: 5px 0;
}
#search_faq .button {
  width: 150px;
}

#search_faq #faq_search_field {
  float: left;
  padding: 5px;
  margin: 0 5px;
  width: 370px;
}
.faq_headline {
  width: 700px;
  color: #e7af09;
}
.faq_cat {
  float: left;
  margin: 15px 30px 0 0;
  display: block;
  width: 150px;
  height: 20px;
  background: url(/res/pics/background_faq_cat.gif) no-repeat right 0;
  color: white;
}
a.faq_cat, a:active.faq_cat,a:visited.faq_cat {
  color: white;
  padding: 15px 10px;
  font-size: 14px;
}
a:hover.faq_cat {
  text-decoration: underline;
  color: white;
  padding: 15px 10px;
  font-size: 14px;
}

#faq_overview {
  padding:0 0 20px 0;
  line-height: 18px;
}

#faq_overview a {
  color: white;
  text-decoration: none;
}
#faq_overview a:hover {
  color: #e7af09; 
  text-decoration: underline;
}

.faq_result {
  border-top: 1px solid white;
  padding: 15px 0;
  position:relative;
}

.faq_top_link {
  position: absolute;
  top: 25px; 
  right: 15px;
  height: 10px; 
  width:10px;
  background:url(/res/pics/faq_pfeil.gif) no-repeat top left; 
}

/* Shopfinder **************/
#shopfinder_search {
  float: left;

}
.label_shopfinder {
  float: lefT;
  width: 85px;
  padding: 3px 0;
  font-weight: bold;
  font-size: 12px;
}
#shopfinder_search_button {
  float: left;
  padding: 5px 10px;
  width: 705px;
}
#shopfinder_results {
  margin: 15px 0;
  color: white;
  width: 725px;
  font-size:13px;
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
  padding: 5px;
  float:left;
}
.shopfinder_list_grau, .shopfinder_list_weiss {
  width: 735px;
  height: 80px;
  float:left;
}
.shopfinder_list_weiss {
  background: white;
}
.shopfinder_list_grau {
  background: #D9D9D9;
}
.shopfinder_list_address {
  width: 280px;
  padding: 15px 10px 15px 30px;
  color: black;
  float: left;
}
.shopfinder_list_beer_brands {
   float: right;
   padding: 3px 0;
}
.shopfinder_list_beer_brands td {
   width: 70px;
}

#shopfinder_search_region {
  margin: 10px 20px 0 0;
  padding: 0 15px 15px 15px;
  float: left;
  width: 160px;
  height: 185px;
  background: url(/res/pics/shopfinder/ecke.gif) no-repeat bottom left;
  background-color: #141414;
  line-height: 35px;
}

.shopfinder_search {
  float: lefT;
  width: 510px;
  padding: 10px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid white;
  line-height: 20px;
}

.shopfinder_search #form_plz {
  width: 60px;
}

.shopfinder_search #form_province {
  width: 180px;
}

/* Downloads *****/
#downloads {
  float: left;
  border: 1px solid white;
}
.downloads_list, .downloads_list_black {
  float: left;
  width: 723px;
  padding: 5px; 
}
.downloads_list_black {
  background: #141414;
}
.downloads_preview {
  width: 240px;
  float: left;
}
.downloads_preview img {
  float: left;
  margin: 0 10px 0 0;
}

/*BUTTON STYLE ********************************************************************/
.bt_submit, .bt_reset, .button, #bt_cart_refresh, .submit_button, #redx_newsabo_unsubscribe .submit_button_bg input {
  color: #3A2E2B;
  height:31px;
  border: none;
  font-size:12px;
  font-weight: bold;
  background: url(/res/pics/button_right.gif) no-repeat bottom right;
  padding: 0 10px 2px 5px;
  text-decoration: none; 
}

.bt_background, #redx_shopx_bt_empty_cart, .submit_button_bg {
  background: url(/res/pics/button_left.gif) no-repeat bottom left;
  margin: 0;
  height:31px;
  float: left;
  padding: 0 0 0 3px;
}

#redx_shopx_bt_empty_cart {
  margin: 0 0 0 5px;
}

/* Link -> Button */
span a.bt_a, span a.bt_a:hover, span a.bt_a.active, span a.bt_a:visited {
  color: #3A2E2B;
  display: block; 
  line-height:31px;
  border: none;
  font-size:12px;
  font-weight: bold;
  text-align: center;
  background: url(/res/pics/button_right.gif) no-repeat bottom right;
  padding: 0 10px 0 5px;
  text-decoration: none; 
}

/* FORMULARE STYLE ****************************************************************/
.textfield, .select,.textfield_zahl,.textfield_ort,.textarea, .textfield_title, .select_type_room, .textfield_zahl_request, .search_words, input, select {
  color: #393B36;
  border: none;
  padding: 6px;
}
input.textfield,input.textfield_zahl,input.textfield_ort, .textarea, input.textfield_title, input.textfield_zahl_request, input.search_words, input.textfield_devicenr, input {
  height: 18px;
}
.form td {
  padding: 5px;
}
.label {
  width: 140px;
}
.select_type_room {
  width:180px;
}
.textfield_title {
  width: 242px;
}
.form_label {
  width:140px;
}
input .textfield {
  width: 320px;
}
select.textfield, select#Login_register_country, select#Login_register_favourit_beer, select#Login_register_salutation, select#Login_change_profile_country, select#Login_change_profile_salutation, select#Login_change_profile_favourit_beer {
  width: 334px;
}
.textarea {
  width: 472px;
  height: 100px;
}
.textfield_zahl {
  width: 60px;
}
.textfield_zahl_request {
  width:140px;
}
.textfield_ort {
  width: 244px;
  margin-left: 3px;
}
.fileselect {
  width: 250px;
}
.form {
  padding: 10px 10px;
}
#form_tbl_register td {
  
}
#form_tbl_register div.form_input table { 
  margin-left: -20px;
  float:left;
}
#form_tbl_register div.form_input table td {
  padding-left: 15px;
  padding-right: 22px;
}
/*PRIVATE POLICY **********************************************/
#container_pp {
  width: 900px;
  margin: 0 auto;
}
#content_pp {
  text-align:center;
  background:#2E2624;
  height: 440px;
}
#logo_pp {
  width: 900px;
  padding: 120px 0 0 0;
}
#text_pp {
  margin: 80px auto 0 auto;
  color: #D7A41D;
  font-size: 14px;
  width: 450px;
}
#link_pp {
  background: #0A0A0A;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  height: 30px;
  text-align: center;
}
#link_pp a {
  color: white;
  font-size: 16px;
  padding: 0 20px;
  line-height: 30px;
}

/* LOGIN STARTSEITE ******************************************************************/
#club {
  float: right;
  margin: 20px 20px 0 0;
  width: 423px;
  height: 419px;
  background: url(/res/pics/Club-BT_neu.gif) no-repeat top left;
  position: relative;
}
#club .bottom {
  position: absolute;
  bottom:0;
  left:0;
}
#club #info_text {
  float: left;
  padding: 5px 10px;
  position: absolute;
  bottom: 115px;
  left: 0;
}
#club .login_box {
  float: left;
  width: 400px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px 14px 10px;
}

#club .login_box #form_tbl_login_box .form_label {
  width: 83px;
  text-align:left;
}
#club.form_tbl_login_box, #form_tbl_login_box td {
  padding: 6px 0 0 0;
}

#club .login_box #form_tbl_login_box #login_box_ses_id, .login_box #form_tbl_login_box #login_box_ses_pwd {
  width: 300px;
  text-align:left;
  padding: 3px;
}

.tr_buttons a {
	padding-top:5px;
	line-height:12px;
}

#club .login_box #form_tbl_login_box .tr_buttons .submit_button_bg, #club .login_box #form_tbl_login_box .tr_buttons .bt_background {
  background: url(/res/pics/button_left.gif) no-repeat bottom left;
  margin: 0 5px 0 0;
  height:31px;
  float: left;
  padding: 0 0 0 5px;
}

#club .login_box #form_tbl_login_box #login_button {
  width: 70px;
}

#club #login_true {
  font-size:16px;
  margin: 0 0 10px 0;
}

#club #login_true_buttons .bt_background {
  margin: 0 5px 0 0;

}

/* LOGIN Unterseiten ******************************************************************/
#login_sub {
  float: left;
  background:url('/res/pics/background_login_box.gif');
	width:205px;
	padding: 0 0 7px 0;
	margin: 0;
	position: relative;
}
#login_sub img {
  position: absolute;
  left:0;
  bottom:0;
}

#login_box_center {
  margin: 100px 0 0 0;
  float:left;
  color:white;
  padding: 0 8px;
  display: block;
  line-height: 22px;
  position: relative;
}

#login_sub .tpl_error_message div {
  display:none;
}

#login_sub #form_tbl_login_box td {
  padding: 2px 0;
}

/*Beschriftungen*/
#login_sub .login_name_label, #login_sub .login_pwd_label, #continue_login .login_name_label, #continue_login .login_pwd_label {
  float: left;
  width: 75px;
}

/*Textboxen Login-Subnav*/
#login_sub #form_tbl_login_box #login_box_ses_id, #login_sub #form_tbl_login_box #login_box_ses_pwd, #login_sub #form_tbl_login_box #login_box_ses_id_1, #login_sub #form_tbl_login_box #login_box_ses_pwd_1 {
  width: 102px;
  text-align:left;
  padding: 1px;
}

/*Login Button*/
#login_sub #form_tbl_login_box .form_input .submit_button_bg {
  margin: 2px 0 4px 10px;
  float:lefT;
}
#login_sub #form_tbl_login_box #login_button {
  width: 163px;
}

#login_sub #form_tbl_login_box .form_input a {
  float: left;
  width: 185px;
  text-align: center;
  padding: 2px 0 0 0;
  text-decoration: none;
}

/*Logout Button*/
#login_sub .bt_background {
  float:left;
	width: 163px;
	margin: 0 0 0 10px;
	padding: 8px 0 0 5px;
}

#login_sub .login_label_headline {
  float: left;
  width: 189px;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
#login_sub .login_label_user_name {
  float: left;
  font-size: 13px;
  line-height: 16px;
  width: 180px;
  padding: 2px 0;
}
#login_sub .login_label_points {
  float: left;
  line-height: 16px;
  font-size: 13px;
  width: 180px;
}


/***************************************** TREUEPUNKTE ***************************************************/
#loyalpoints {
  width: 725px;
}
#balance {
  font-size: 14px;
  font-weight: bold;
  width: 520px;
  float:lefT;
  margin: 10px 0 0 0;
}
#toshop {
  width: 150px;
  float:lefT;
}

/*Navigation */
#tab_nav_points {
  float: lefT;
  width: 600px;
  margin: 15px 0 20px 0;
}

#tab_nav_points ul {
  padding: 0;
  margin: 0;
}
#tab_nav_points ul li {
  list-style:none;
  float:left;
  text-align:center;
}
#tab_nav_points ul li a {
  display:block;
  width: 180px;
  line-height: 20px;
  padding: 5px;
  background: #141414;
  color: white;
  font-size: 12px;
  font-weight:bold;
}
#tab_nav_points ul li a:hover, #tab_nav_points ul li a.nav_active {
  background: #E9B109;
}

/*Statistik, Upload Points */
#statistik, #upload_points {
  margin: 15px 0;
  float: left;
  width: 735px;
  border-top: 1px dashed white;
  border-bottom: 1px dashed white;
}
#upload_points #info {
  margin: 10px 0;
  float: left;
  width: 545px;
}

#upload_points #form_upload {
  float: left;
  width: 545px;
  padding: 15px 0;
}
#upload_points #code_pic {
  padding: 15px 0;
  float:right;
  
}
#upload_points #form_upload #label {
  float: left;
  width: 80px;
  margin: 5px 5px 0 0;
  font-weight: bold;
  font-size: 14px;
}
#upload_points #form_upload #code {
  float: left;
  padding: 5px;
  width: 250px;
  margin: 0 5px 0 0;
  height: 18px;
}

#statistik #stats {
  width: 735px;
}
#statistik #stats th {
  border-bottom: 1px solid white;
  font-weight: bold;
  font-size:13px;
  padding: 5px;
  text-align:left;
}
#statistik #stats .col_1 {
  width: 90px;
}
#statistik #stats .col_2 {
  width: 130px;
}
#statistik #stats .col_3 {
  width: 100px;
}
#statistik #stats .col_4 {
  width: 60px;
}
#statistik #stats .col_5 {
  width: 60px;
}
#statistik #stats .col_6 {
  width: 60px;
}
#statistik #stats .col_7 {
  width: 70px;
}
#statistik #stats .col_8 {
  width: 130px;
}

.tpl_info_message div {
  margin: 10px 0;
  padding: 25px 0 25px 70px;
  font-size: 16px;
  font-weight: bold;
  background: url(/res/pics/store/icon_ok.gif) no-repeat 10px 10px;
}

#content_detail .tpl_error_message div {
  margin: 10px 0;
  padding: 25px 0 25px 70px;
  font-size: 16px;
  font-weight: bold;
  color: #C4370B;
  background: url(/res/pics/store/icon_error.gif) no-repeat 10px 10px;
}

/*************************ERROR PAGE ****************************************************************************/
#error_page {
  padding: 10px 20px;
}

/************************ COUNTER *******************************************************************************/
#promotion_counter {
  margin: 0;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 6px;
  font-weight: bold;
  padding: 4px 1px 5px 4px;
  color: white;
  background: url(/res/pics/bg_counter.png) no-repeat top left;
  behavior: url(/redx/res/css/iepngfix.htc);
}

.tooltip {
   border:1px solid #000;
   background:  #2E2624;
   font-family:Verdana;
   font-size:10px;
   color:white;
   padding: 15px;
   text-align:left;
   float: left;
   width: 380px;
}
.tooltip ul {
   margin: 10px;
}
#tooltip {
  display: block;
  width: 350px;
  height: 400px;
  position: absolute;
  bottom: 50px;
  right: 0;
}