/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 2014-11-05 $
   tangodanza Template & Stylesheets
   (c) 2014 tangodanza.de
   ---------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Alto'; /* regular font */
  src: url("fonts/AltoProExCon-Medium.woff") format("woff"),
       url("fonts/AltoProExCon-Medium.ttf") format("ttf");
}

@font-face {
  font-family: 'Alto'; /* bold font */
  src: url("fonts/AltoProExCon-ExtraBold.woff") format("woff"),
       url("fonts/AltoProExCon-ExtraBold.ttf") format("ttf");
  font-weight: bold;
}


* { font-family: 'Alto', arial, sans-serif; margin:0; padding:0; }
body, input, textarea, select, table, td, th, p { font-family: 'Alto', 'Alto Pro ExCon Med', 'Arial Narrow', Caslon, sans-serif; font-size:12pt; line-height:1.6 em; }
body { margin:0; padding:0; background:#fafafa  url('img/bg_all.png') top center repeat-y; color:#39383a; margin-top:10px; height:101%}
/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color:#8692A4; font-weight:600; }
h1 {
  color:#8692A4; font-size:18px; margin:20px 0 15px 0; padding:0 0 8px; width:auto;
}
h2 { font-size:16px; margin:15px 0 8px 0; padding:0; }
h3 { font-size:15px; }

/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover, a:visited, a:active { color:#acac2f; text-decoration:none; outline:none; cursor:pointer; }
a:link { color:#acac2f; outline:none; }
a:hover { color:#f28954; outline:none; }
a:visited { color:#acac2f; outline:none; }
a img { border:none; outline:none; }
:target {
    background-color:rgb(164, 33, 38); color:white; padding:2px; font-weight:bold
}

/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
textarea { padding:5px; vertical-align:top}
textarea, select, input[type='text'], input[type='password'], input[type=number], input[type='file'], .file_upload {border:1px solid #909599; border-radius: 4px;}
select {padding-left:15px; padding-right:5px}
select {
    box-shadow: none;
    outline: none;
    -moz-appearance: none;
    background:white url("img/select_pfeil.png") no-repeat 3px center;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
input[type='text'], input[type='file'], .file_upload { padding:0 2px; background:#fff; line-height:10pt; height:20px;}
input[type='password'], .file_upload {font-size:10pt}

/* Kalender */
input[type='text'].date_yy_mm_dd, input.date_yy_mm_dd {background: url(img/calendar.png) no-repeat right center; padding-right:30px; width:70px}

/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password], input[type=number] { padding:0 2px; }
input[type=radio], input[type=checkbox] { margin: 0 3px; }

/* BILDER IM TEXT */
img[align='right'] {margin:10px 0 10px 15px}
img[align='left'] {margin:10px 15px 10px 0px}

/* PARAGRAPH GLOBAL */
p { margin:8px 0; }

/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr, div.hrlightgrey  { padding-top:1px; height:0; overflow:hidden; margin:0; line-height:0; background-color:#909599; }
div.hrlightgrey { background-color:#c0c7d3;}

/* TABLE GLOBAL */
table td { padding:2px; vertical-align:top}
td.rechts {text-align:right}

/* WHOLE SITE WRAPPER */
#wrap { width:1050px; margin:0 auto; background:#f6f9fb url('img/wrap_bg.jpg') top left repeat-y;  }
@media (max-width:1020px) {
   #wrap {width:100%;}
}
.clear {clear:all}

/* COLORS */
.web_07 {color:#91959a}

/* ELEMENTS */
.forward {background:url('elements/forward.png') center right no-repeat; padding-right:25px}
.back {background:url('elements/back.png') center left no-repeat; padding-left:25px}

/* HEADER */
#header_foto{ height:152px; margin:20px 0 0 15px; position:absolute;top:0px}
  #header_foto img {height:100%; width:auto; border:solid 1px #9d9d9c; float:left}
#header {
    height:175px; display:inline-block; padding-left:0px; width:100%; max-width:1024px;
    background:url('img/bg_header.png')repeat-x;}
        #header_innen {background:url('elements/header_punkte.png') bottom left repeat-x; height:100%; border-left:solid 135px #f0f5f9}
                #header_s1 {font-size:12pt; height:auto; width:20%; float:left; padding-top:60px; line-height:2em; }
                  #header_s1 .aktuelle_ausgabe, #header_s1 .abo  { margin-left:10px; }
                  #header_s1 .wort1 {color:#272729}
                  #header_s1 .wort2 {color:#91959a;}
                  #header_s1 a:hover .wort2 {color:#f28954;}
                #header_mittelteil {height:auto; width:60%; min-width:450px; float:left; background:url('elements/logo.png') top right no-repeat; margin-left:-20px; }
                  #header_mittelteil ul {
                     margin:0; padding:0; list-style-type:none; width:100%; text-align:center; height:190px; font-size:12pt; line-height:12pt; margin-left:-10px;
                  }
                  #header_mittelteil li {
                     display:inline-block; width:auto; margin:148px 0 0 0; padding: 0px 18px 0px 8px;
                     background:url('elements/info_box_li_bg.png') center right no-repeat
                  }
                  #header_mittelteil li a {color:#272729; font-weight:normal}
                  #header_mittelteil li a:hover {color:#f28954; font-weight:bold}
                  #header_mittelteil li:last-child {background:url('elements/info_box_li_bg_kurz.png') center left no-repeat}
                #header_rechts {float:right;}
                  .header_lang, #header_service {background:#f0f5f9; width:138px}
                  .header_lang_oben {position:absolute; text-align:right; width:auto; top:7px; right:10px; z-index:100; display:none}
                  .header_lang {margin-bottom:10px;}
                    .header_lang_button, .header_facebook {padding:5px}
                    .header_lang_button {float:left}
                    .header_lang_button img {vertical-align:middle}
                    .header_lang_button a:after{content:" \25FC ";color:#dee5ed;}
                    .header_lang_button a:last-child:after {content:""}
                    .header_facebook {float:right}
                  #header_service ul{ padding:7px; margin:0; list-style-type:none; line-height:2em }
                    #header_service img{ margin-right:10px; vertical-align: middle; margin-bottom: .25em  }
         #blend_ein {margin:10px; background-color:#909599; padding:0 0 0 5px; display:none}
            #blend_ein a {color:#272628;}
            #blend_ein .blend_ein_w2 {color:#272628; font-weight:bold; font-size:14pt}
            #blend_ein .blend_ein_erg {color:#f6f8fa}
/* TOPMENU */
#topmenuwrap {margin-top:0px}
  #topmenu { padding:0; margin:20px 0 30px 150px; list-style-type:none; height:36px; font-size:14pt; }
    #topmenu li { height:36px; float:left; margin:0; background:url('elements/bg_menue_oben.png') top right no-repeat; margin-right:12pt; }
     #topmenu span.padding, #topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
              color:#8692a5; padding:0 10px 0 5px; font-weight:normal;
     }
     #topmenu a:hover, #topmenu a:active { color: rgb(164, 33, 38);}
     #topmenu a.tm_aktiv {color:#292220}
     #topmenue a.tm_aktiv span, .span_kosmik_aktiv {
                         -ms-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
     }
     #topmenu .kosmik{display:inline-block; float:left; }
        #topmenu .topmenue_w1 {font-weight:normal }
        #topmenu span.topmenue_w2 {font-weight:bold }
        #topmenu li#blend_ein {display:none;}
        .topmenu_ausklapp {padding-left:15px; font-size:12pt; margin-top:10px}

/* CONTENT WRAPPER */
#contentwrap { clear:both; width:100%; padding:0;}

/* LEFT COLUMN */
#leftcol {  float:left; width:130px; padding:0 10px 0 0; text-align:right; position:absolute; background:url('img/wrap_bg.gif') left top repeat-y; margin-top:-20px }
 #blend_aus {display:none}

/* QUICKFIND */
#quick_find {font-size:12pt;}
#quick_find input {max-width:115px}
  #quick_find input[type='text'] {width:10px; padding:0 2px; background:#fff; line-height:10pt; height:20px; border-radius: 4px; border-color:#c1c7d3}
  #quick_find input[type='image'] {position:absolute; margin-left:-20px; margin-top:4px}

/* MAIN CONTENT */
#content, #contentfull { width:100%; height:100%}
  #content_inner {border-left:solid 160px transparent; border-right:solid 30px transparent; min-height:560px; padding-bottom:25px}
  #content_inner h1, .spezielle_seite h1 {font-size:16pt; color:#f28954; margin-bottom:0}
  #content_inner p, .spezielle_seite p {color:#566d83; clear:both}
  img.border {border:solid 1px #39383a;}
  #content_inner .leseprobe p, #content_inner .leseprobe td p, #content_inner .leseprobe td h3 {color:#272729}
  #content_inner .leseprobe h3, #content_inner .leseprobe td h3 {font-size:12pt; display:inline}

/* CATEGORY MENU */
ul#CatNavi, ul#tipps, ul#kiosko, ul#CatNavi li ul {list-style-type:none; }
  /* 1st TIER */
  ul#CatNavi li.CatLevel1, ul#CatNavi li.CatLevel1 { list-style-type:none; }
  ul#CatNavi li.CatLevel1 a, ul#tipps li a, ul#kiosko li a  {
     text-decoration:none; color:#272729;
     font-size:12pt; font-weight:bold;
     padding:2px 6px;  display:block;
  }
  ul#tipps li a { color:#99c2e2 }
  ul#CatNavi li.CatLevel1 a:hover { color:#f28954}
  ul#CatNavi li.activeparent1 a, ul#CatNavi li.Current a, ul#CatNavi li.CurrentParent a , ul#kiosko li.Current a { font-size:14pt; color:rgb(164, 33, 38) }
  /* 2nd TIER */
  ul#CatNavi li ul {
        position:absolute; margin:-25px 0 0 125px; width:160px; display:none; z-Index:20000;
        background:#ffffff url('elements/categorie_pfeil_bg.png') 5px 5px no-repeat; border:solid 1px #c1c7d3; text-align:left; border-radius:4px;
  }
  ul#CatNavi li:hover ul {display:block}
  ul#CatNavi li.CatLevel2:first-child a{ margin-top:15px }
  ul#CatNavi li.CatLevel2 a {padding:2px 0 2px 18px; display:block; width:140px; font-weight:normal; font-size:11pt; color:#272729; }
  ul#CatNavi li.CatLevel2 a:hover {background:#e9eef3; color:#272729}
  ul#CatNavi li ul li.Current a { color:#f28954}
  /* 3rd TIER */
  ul#CatNavi li.level3 a {padding:4px 0 4px 26px; display:block; }
  /* 4th TIER */
  ul#CatNavi li.level4 a {padding:4px 0 4px 34px;display:block;}
  /* 5th TIER */
  ul#CatNavi li.level5 a { padding:4px 0 4px 42px; display:block; }
  /* CATEGORY IMAGE DEFINITION */
  img.imgLeft { float:left; margin:2px 10px 2px 0; position:relative; }
  ul#CatNavi li:first-child a{ color:#99c2e2; }  /* neu im Shop als erster Punkt soll eine andere Farbe haben */
  /*ul#CatNavi li:last-child a{ display:none }   Abonnemnts soll nicht erscheinen */
    ul#CatNavi li.CatLevel2 a {padding:2px 0 2px 18px; display:block; width:142px; font-weight:normal; font-size:11pt; color:#272729 }
  ul#CatNavi li.CatLevel2 a:hover {background:#e9eef3; color:#272729}

/* CONTENTLIST */
.boxbody {}
.boxbody ul.contentlist { text-align:left;}
.boxbody ul.contentlist li { margin-left:5; padding:0; list-style-type:none; }
.boxbody img { max-width:182px; }
/* Contentlist linke seite */
#leftcol .contentlist a {
   background:url('elements/bg_links_kaestchen.png') center left no-repeat; padding-left:10px; display:block; font-size:12pt; color:#8b8e91; font-weight:normal
}
.contentlist a { display:block; padding:5px 0; }
#leftcol ul.contentlist li a:hover { color:#f28954;}
 a.aktiv { color:#f28954; font-weight:bold}
/* PRODUKT-EINZELDARSTELLUNGEN */
#productinfowrap {padding-top:42px; line-height:2em}
#productinfowrap label {display:inline-block; text-align:right; margin:0 5px; color:#91959a; width:110px; vertical-align:top}
  #productinfowrap label input {text-align:center; position:absolute; margin-top:10px; margin-left:-35px}
  #productinfowrap label input[type='text'] { background:#fff; line-height:10pt; height:20px; border-color:#c1c7d3}
  #productinfowrap label p {display:inline; margin:0; padding:0}
  #productinfowrap a.thickbox {color:#39383a}
  #in_den_korb {display:inline-block; position:relative; top:8px}
  #productinfowrap a.leseprobe {background:url('elements/leseprobe.png') center left no-repeat; padding-left:32px; display:inline-block; margin:0 0 0 25px }
  #productinfowrap a.zurueck {background:url('elements/back.png') center left no-repeat; padding-left:20px; margin:0 0 0 30px}
  product_cd a.zurueck {margin:0}
  #productinfowrap h1 {color:#39383a; display:inline-block; margin:0; padding:0;position:relative; top:-6px}
  .product_magazin h1 {line-height:1.2em}
  .product_magazin label.label_description { height:2em; float:left; line-height:1.2em}
  .product_magazin h1, .product_book h1 {min-height:2.3em;}
  .product_cd .productimage {width:130px; height:auto; margin-bottom:30px}
  div.abo_details {font-size:12px; clear:both; font-family:Verdana, sans-serif}
  div.abo_details * { font-family:Verdana, sans-serif; font-size:12px}
  #TB_caption {display:none}

/* ALSO PERCHASED */
#also_perchased {margin-top:50px; vertical-align:bottom}
#also_perchased h2 {margin-bottom:25px}
#also_perchased a:link {color:#39383a}
#also_perchased img.productImageBorder {border:solid 1px #39383a; margin-bottom:10px}
#also_perchased .container {display:inline-block; margin-right:10px; text-align:right; height:210px; font-size:10pt; text-align:right; width:110px}
#also_perchased .container_inner {position:relative; bottom:5px}
#also_perchased .ap_der_name {min-height:37px}
#also_perchased p {margin:0; padding:0; display:inline}

/* PRODUCT PREVIEW */
/* Allgemein */
.pv {width:135px; min-height:330px; margin-right:10px; float:left; color:#39383a; font-size:12pt; text-align:right; line-height:14pt}
.pv_cds { min-height:240px; }
  .pv img {border:solid 1px #91959a;}
  .pv_cds img {border:solid 1px #39383a;}
  .pv p, .pv h2 {margin:0; margin-top:4px; padding:0}
  .pv h2 a {color:#39383a; font-weight:normal; font-size:12pt}
   div.pv_short_description p{color:#91959a;}
  .pv_details {background:url('elements/details.png') right center no-repeat; padding-right:22px; height:20px; display:inline-block}
  .pv_warenkorb {background:url('elements/add_to_cart.png') left center no-repeat; padding-left:28px}
  .pv_buy_now img {display:none}
  .pv_buy_now a {background:url('elements/add_to_cart.png') left center no-repeat; padding-left:28px}
  .pv_spezial {min-height:320px; }
  .pv_spezial small {display:none}
/* Zeitschriften */
.pv_zeitschriften {}
.pv_zeitschriften h2, .pv h2 {height:38px; overflow:hidden; text-overflow:ellipsis;}

/* Abonnement */
.pv_abo {width:140px; overflow:hidden; }
  .pv_abo img {border:1px solid #9d9d9c; width:auto; height:137px}
  .pv_abo h2 {margin:0; margin-top:10px; padding:0}
  .pv .around_img  {width:100%; max-height:137px; }
  .pv .around_img img {max-height:100%}

/* VERANSTALTERBEREICH + TANZTERMINE */
#veranstalterbereich {margin-top:-0px}
.veranstalter_termine {padding-top:20px}
  .veranstalterbereich_termine p.kopf {text-align:center}
  .veranstalter_termine p.einleit, #content_inner p.einleit {text-align:center; color: rgb(39, 39, 41);}
  .veranstalter_termine p.erg {text-align:center; color:#91959a; margin-bottom:20px;}
    .veranstalter_termine p.erg a {color:#adad2f; display:inline-block; background:url('elements/veranstalter.png') right center no-repeat; padding-right:25px}
  tr.v_monat {background-color:#f0f5f9;}
    tr.v_monat th {font-weight:bold; color:#566d83; font-size:16pt; text-align:left; vertical-align:middle; padding:5px; }
  .veranstalter_termine h2 {color:#a42126; margin:0; padding:0; font-size:12pt}
  .veranstalter_termine h3 {color:#566d83; font-weight:normal; font-size:12pt; display:inline}
  .veranstalter_termine td {padding:10px}
  .veranstalter_termine td.border_bottom {border_bottom:solid 1px #9b9b9d; color:#566d83}
  .veranstalter_termine a.art_auswahl {display:inline-block; width:auto; padding-left:20px; background:url('elements/pfeil_blau.png') left center no-repeat; color:#39383A; }
  .veranstalter_termine a:hover.art_auswahl {background:url('elements/pfeil_orange.png') left center no-repeat;  color:#39383A; }
  .veranstalter_termine a.art_aktiv {background:url('elements/top_menue_pfeil_aktiv.png') left center no-repeat;  color:#f28954; font-weight:bold; padding-left:25px; }
  .veranstalter_termine a.details, a.details, a.details_kl {display:inline-block; width:auto; padding-left:25px; background:url('elements/details.png') left top no-repeat; }
  table.art {border-spacing: 0px;}
  a.details_kl {padding-left:22px; background:url('elements/details_kl.png') left top no-repeat; }
  .veranstalter_termine a.edit, a.edit, a.edit_kl {display:inline-block; width:auto; padding-right:25px; background:url('elements/edit.png') right top no-repeat; }
  a.edit_kl {padding-right:22px; background:url('elements/edit_kl.png') right top no-repeat; }
  .veranstalter_topmenuwrap {background:white; border-left:solid 135px #f0f5f9 }
  .terminliste_table {padding:0; margin-left:20px; width:100%;}
  .terminliste_table td {line-height:1.1em; padding:2px; padding-right:10px; width:auto;}
  .terminliste_ort {font-weight:bold; color:#486b85; text-align:right}
  .terminliste_jeden_xx {color:#c42521}
  .terminliste_datum {color:#292220}
  .terminliste_event_name_grau {padding:0; margin-bottom:-2px; line-height:1em; color:#9b9b9d;}
  .terminliste_v_status {color:#9b9b9d}
  /* die verschiedenen Eventarten sollen verschiedenfarbig dargestellt werden */
  .eventart {font-weight:bold; color:#292220}
  .eventart_1 {} /*Milonga*/
  .eventart_2 {} /*Concert/Show*/
  .eventart_3 {} /*Tangoball*/
  .eventart_4 {color:#c42521} /*Workshop*/
  .eventart_5, .eventart_11, .eventart_12 {color:#c42521} /*Festival*/
  .eventart_6 {color:#c42521} /*Reise*/
  .eventart_9, .eventart_10 {color:#486b85} /*Tango-Lehrer, Tangopaar*/
  .eventart_13, .eventart_14, .eventart_15 {} /*Musik*/
  .eventart_16, .eventart_17, .eventart_18 {} /*Kiosko*/
/* TANZTERMINE */
.terminanzeiger {margin-top:20px; width:100%;max-width:800px; border-left:135px solid #f6f8fa;}
.border-bottom-orange {padding-bottom:15px; border-bottom: 1px solid rgb(212, 142, 46);}
/* Mode, Schuhe */
.div_V, .div_L {margin-top:15px; padding-top:20px; border-top:solid 1px #d48e2e}
    .div_V, .div_L img {max-width:100%; max-height:100%}
    .div_L img {border:solid 1px #1c1c1b}
           .div_V h2 { font-size:12pt; margin-top:0px; color:#1c1c1b}
           .div_V th { text-align:right; color:#9b9b9d; padding-right:5px; font-weight:normal; vertical-align:top}
           .div_L h2 { font-size:14pt; margin-top:-3px}
           .div_L th { text-align:right; color:#9b9b9d; padding-right:5px; font-weight:normal; vertical-align:top}
        .div_LS h2 /* Tangoschule */ {color:#1c1c1b}
        .div_LL h2 /* Tangolehrer */ {color:#486b85}
        .float_bild {float:left; width:20%; margin-right:10px; border:solid 1px transparent}
        .float_tabelle_neben_bild {float:left; width:40%;}
           .float_tabelle_neben_bild td {padding:0px}
           .float_tabelle_neben_bild th {width:40%}
        .float_text_neben_bild {float:left; width:35%; line-height:1.2em}
#content_inner .terminanzeiger {border-left-width:0px}
.termin_edit {padding-left:155px}
.abstand_oben_unten {margin:10px 0; padding-left:155px; color:#9b9b9d}
 .blau {color:#99c2e2}
 .fett {font-weight:bold}
 .rot {color:#a42126}
 .grau {color:#9b9b9d}
 .blaugrau {color:#8692A4}
 .border_bottom_grau {border-bottom:solid 1px #9b9b9d}
 .border_grau, .border_bottom_grau {border-color:#9b9b9d}
.tooltip {  position: absolute; z-index:1000; display: block; background-color:#f0f5f9; border:solid 1px #f28954;
            padding:20px 5px; color:#39383a; left:-3000px; width:85%; max-width:500px}
.die_plz {display:none}

/* TANZZEIGER */
body.event {margin:0; padding:5px}
.alterniert {background-color:#f0f5f9}
.border_bottom {border-bottom:solid 1px #9b9b9d; margin-left:20px}

/* KONTAKTFORMULAR */
.contact_form a:link {color:#566d83; font-size:10pt; display:block; background:url('elements/pfeil_blau.png') center left no-repeat; padding-left:17px}
.contact_form a:link strong {color:#8692a5; font-size:12pt;}
.contact_form a:hover, .contact_form a.gewaehlt:link {color:#272729; font-size:10pt; display:block; background:url('elements/schreiben.png') top left no-repeat; padding-left:20px}
.contact_form a:hover strong, .contact_form a.gewaehlt:link {color:#adad2f; font-size:12pt;}
.contact_form label {display:inline-block; width:120px; text-align:right; margin-right:10px}
.line_height_gross {line-height:2.3em}
.topper, .contact_form img {vertical-align:top}
.contact_form .topper {margin:10px 0}
.contact_form textarea, .contact_form input { border:none; }
.contact_form textarea, .contact_form .input_lang input {width:60%; }
.contact_form textarea, .contact_form .input_lang input , .contact_form input[type="text"] {border:solid 1px #9d9d9c; margin:5px 0}
.contact_form p.erg {line-height:1.3em; padding:0 20px 0 130px}

/* GRÖSSEN */
@media (max-width:1000px) {
   #leftcol {margin-top:-50px}
}
@media (max-width:880px) {
   #header_s1 {padding-top:35px; line-height:1.3em}
   #header_mittelteil {width:80%; margin-left:-10%;}
   #header_rechts {position:absolute;}
   .header_lang, #header_service, #header_service ul, #header_service ul li, #header_service ul li a{display:block; float:left; width:auto}
   .header_lang{display:none}
   .header_lang_oben{display:block}
   #header_service ul li a {margin-right:15px}
   #header_service {margin-top:-10px; background:transparent}
   #header_mittelteil {background-size: auto 80%}
   #header_mittelteil {background-position: center center}
}
@media (max-width:700px) {
   #leftcol {margin-top:-75px}
}
@media (max-width:650px) {
   #header_mittelteil {min-width:300px; width:85%; background-position: center right}
}
@media (max-width:590px) {
   #header_service ul li a, #header_service img {margin-right:5px}
}
@media (max-width:550px) {
   #header_service img {margin-right:2px; width:15px; height:auto}
   #header_innen { border-left: 0px solid #F0F5F9; }
   #header_foto {top:65px; height:100px; left:-5px}
}
@media (max-width:500px) {
   #header_foto {display:none}
   #header_mittelteil {margin-top:20px}
   .header_space {height:15px}
}
@media (max-width:450px) {
   #blend_ein {display:block}
   #header {height:195px}
   #header_mittelteil {background-size: auto 80%; width:100%; margin-left:0; margin-top:-40px;}
   #wrap {background:#f6f9fb}
   #header_innen {background:url('elements/null.png') buttom left repeat-x}
   #header_lang_button, #header_facebook {padding:0px}
   #topmenu { margin-left:10px; font-size:12pt; }
   #blend_ein {display:block;}
   #leftcol {display:none; margin-top:-100px}
   #blend_aus {display:block}
   #content_inner {border-top:solid 2px #C0C7C3;}
   #content_inner {border-left:solid 10px transparent;}
}
@media (max-width:390px) {
   #header_mittelteil {background-size: auto 80%; background-position: center center; margin-top:-50px}
   #header_mittelteil ul {font-size:12pt; line-height:12pt; }
}

/* BOXES GLOBAL DEFINITION */

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {}
div.highlightbox ul {}
div.highlightbox h1 {}
/* ERROR MESSAGES */
.errormessage, .error { border:solid #a42126 2px; padding:15px; margin-bottom:10px; }
/* SUCCESS MESSAGE */
.messageStackSuccess { padding:4px; border:solid 2px green;  }
h2.boxheader {
 height:28px; font-size:12pt; padding:2px 8px 0 8px; margin:0; line-height:28px; vertical-align:middle;
}
h2.boxheader a:link, h2.boxheader a:hover, h2.boxheader a:active, h2.boxheader a:visited {
  text-decoration:none; outline:none; color:#fff; }

.boxbody { padding:8px;
margin-bottom:15px
}
.boxbody h3, .boxbody h3 a {
font-size:11px
}
.boxbody h3.center, .boxbody h3.center a {
font-size:11pt;
text-align:center;
outline:none;
}
.boxbody p {
color:#000;
font-size:11pt;
margin:6px 0;
}
.boxbody p.center {
color:#000;
font-size:11pt;
text-align:center;
margin:6px 0;
}
.boxbody td {
color:#000;
font-size:11pt;
margin:6px 0;
}
.boxbody .productOldPrice, .productOldPrice {
font-size:11pt;
color:red ;
text-decoration: line-through;
}
.boxbody div.hr {
margin:5px 0;
}
.boxbody div.hrlightgrey {
margin:5px 0;
}
.boxbody a {
font-size:11pt;
outline:none;
}
.boxbody .productboximage {
border:solid 1px #999;
padding:5px;
background:#fff;
}

/* CART BOX */
h2.boxcartheader {
background:#893769 url(img/bg_boxheader_cart.gif);
height:28px;
font-size:12pt;
color:#fff;
padding:2px 8px 0 8px;
margin:0;
line-height:28px;
vertical-align:middle;
}
h2.boxcartheader a {
text-decoration:none;
color:#fff;
outline:none;
}
.boxcartbody {
padding:4px 8px 4px 8px;
margin-bottom:15px;
background-color:#ededed;
border:solid #ccc;
border-width:0 1px 1px 1px;
}
.boxcartbody p {
font-size:11pt;
}
/* PRODUCT PREVIEW */

/* POPUPS PRODUCTINFO */
body.popupproductinfo {
padding:15px;
background:#fff none;
}
/* POPUP print_order.html */
body.popupprintorder {
font-family:'Roboto', Sans-serif;
font-size:13px;
padding:15px;
background:#fff none;
}
body.popupprintorder .products tr.header td {
font-weight:bold;
background-color:#ededed;
}
body.popupprintorder .products .total {
text-align:right;
}
body.popupprintorder .products .quantity {
vertical-align:top;
}
body.popupprintorder .productname {
vertical-align:top;
}
body.popupprintorder .model {
vertical-align:top;
}
body.popupprintorder .singleprice {
vertical-align:top;
}
body.popupprintorder .totalprice {
vertical-align:top;
}
/* PAYMENT TYPE SELECTION */
table.paymentblock {
  background-color:#f8f8f8;
  margin-bottom:15px;
}
table.paymentblock tr td.header {
  background-color:#ccc;
  padding:2px;
  padding-left:5px;
  color:#000;
  font-weight:bold;
}
table.paymentblock tr td.header.left {
  border:#eee solid;
  border-width:0 0 0 1px;
}
table.paymentblock tr td.header.right {
  border:#eee solid;
  border-width:0 1px 0 0;
}
table.paymentblock tr td.payleft {
  border:#eee solid;
  border-width:0 0 1px 1px;
}
table.paymentblock tr td.payright {
  border:#eee solid;
  border-width:0 1px 1px 0;
}
table.paymentblock tr td.filler {
  background:#fff !important;
  line-height:10px !important;
}
/* SHIPPING TYPE SELECTION */
table.shippingblock {
  background-color:#f8f8f8;
  margin-bottom:15px;
}
table.shippingblock tr td.header {
  background-color:#ccc;
  padding:2px 2px 2px 5px;
  color:#000;
  font-weight:bold;
  border:#eee solid;
  border-width:0 1px 0 1px;
}
table.shippingblock tr td {
  vertical-align:top;
}
table.shippingblock tr td.filler {
  background:#fff !important;
  line-height:10px !important;
}
table.shippingblock tr td.description {
  width:100%;
  vertical-align:top;
  padding-left:6px;
  border:#eee solid;
  border-width:0 0 1px 0;
}
table.shippingblock tr td.freeshipping {
  width:100%;
  vertical-align:top;
  padding-left:6px;
  border:#eee solid;
  border-width:0 1px 1px 1px;
}
table.shippingblock tr td.radiobutton {
  vertical-align:top;
  white-space:nowrap;
  padding:4px;
  border:#eee solid;
  border-width:0 0 1px 1px;
}
table.shippingblock tr td.radiobutton input {
  margin:0;
  padding:0;
}
table.shippingblock tr td.price {
  vertical-align:top;
  white-space:nowrap;
  border:#eee solid;
  border-width:0 1px 1px 0;
}
/* ORDER DETAILS IN ACCOUNT HISTORY */
table.accounthistoryinfoorderdetails tr td {
vertical-align:top;
}
table.accounthistoryinfoorderdetails tr.header td {
font-weight:bold;
}
/* MESSAGEBOX ON CONTACT SITE */
textarea.message_body {
width:130px;
}
/* DOWNLOAD BOX FOR USER DOWNLOADS */
table.downloadbox {
padding:5px;
background-color:#f8f8f8;
border:solid #d9d9d9 1px;
margin-bottom:8px;
}
table.downloadbox tr td.icon {
padding-right:15px;
}
table.downloadbox tr td.downloadlink {
width:100%;
}
/* TABLE WICH SHOWS GRADUATED PRICES */
table.graduatedprice {
font-size:11pt;
text-align:left;
margin-top:5px;
}
table.graduatedprice tr td.header {
font-size:12pt;
font-weight:bold;
text-align:left;
}
/* ORDER DETAILS */
table.orderdetails {
font-size:11pt;
background-color:#f8f8f8;
border:#ccc solid;
border-width:0 1px 1px 1px;
}
table.orderdetails tr td {
padding:4px;
}
table.orderdetails tr.headerrow td {
background-color:#ccc;
color:#555;
font-weight:bold;
}
table.orderdetails tr.headerrow td.left {
text-align:left;
}
table.orderdetails tr.headerrow td.center {
text-align:center;
}
table.orderdetails tr.headerrow td.right {
text-align:right
}
/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow1 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow1 td.quantity input {
font-size:11pt;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow1 td.productname {
text-align:left;
}
/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {
background-color:#f8f8f8;
vertical-align:top;
}
table.orderdetails tr.contentrow2 td.quantity {
text-align:center;
}
table.orderdetails tr.contentrow2 td.quantity input {
font-size:11pt;
padding:2px;
border:solid #ccc 1px;
}
table.orderdetails tr.contentrow2 td.productname {
text-align:left;
}
/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {
text-align:right;
white-space:nowrap;
}
/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {
text-align:center;
white-space:nowrap;
}
/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {
margin-top:3px;
}
table.orderdetails tr td.productname table.productattributes tr td {
padding:0;
}
table.orderdetails tr td.productname table.productattributes tr td.attribute {
padding-right:4px;
white-space:nowrap;
}
table.orderdetails tr td.productname table.productattributes tr td.value {
width:100%;
}
/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {
background-color:#f8f8f8;
text-align:right;
border:#ccc solid;
border-width:1px 0 0 0;
}
/* PRODUCT NAVIGATOR */
div.productnavigator {
background-color:#ededed;
padding:8px;
border:#999 1px solid;
}
/* REVIEW LIST */
table.reviewlist {
background-color:#f8f8f8;
border:#ccc solid;
border-width:0 1px 1px 1px;
}
table.reviewlist tr td {
padding:4px;
white-space:nowrap;
}
table.reviewlist tr.header td {
background-color:#ccc;
color:#fff;
font-weight:bold;
}
table.reviewlist tr.contentrow1 td {
background-color:#f8f8f8;
}
table.reviewlist tr.contentrow2 td {
background-color:#f8f8f8;
}
textarea#review {
width:95%;
}
/* MEDIA LIST */
table.medialist {
background-color:#f8f8f8;
border:#ccc 1px solid;
}
table.medialist tr td {
padding:6px;
vertical-align:top;
}
table.medialist tr.contentrow1 td {
background-color:#f8f8f8;
}
table.medialist tr.contentrow2 td {
background-color:#f8f8f8;
}
/* SITEMAP */
.sitemapwrap .sitemapleft {
background-color:#f8f8f8;
border:#ccc 1px solid;
display:table;
float:left;
width:235px;
margin-bottom:15px;
}
.sitemapwrap .sitemapright {
background-color:#f8f8f8;
border:#ccc 1px solid;
display:table;
float:right;
width:235px;
margin-bottom:15px;
}
.sitemapheader {
padding:3px;
background-color:#ccc;
color:#fff;
font-weight:bold;
}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
color:#fff;
text-decoration:none;
outline:none;
}
.sitemapcontent {
padding:6px;
}
.sitemapcontent li {
list-style-type:none;
}
/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {
width:100%;
}
/* ORDER DETAILS ON CHECKOUT SITE */
table.checkoutconfirmationorderdetails {
padding:0;
margin:0 0 10px 0;
border:none;
}
table.checkoutconfirmationorderdetails tr td.productname {
width:100%;
font-weight:bold;
}
table.checkoutconfirmationorderdetails tr td.shippingtime {
padding:0 0 0 30px;
color:#666;
font-size:11pt;
font-weight:normal;
white-space:nowrap;
}
table.checkoutconfirmationorderdetails tr td.productattributes {
padding:0 0 0 30px;
color:#666;
font-size:11pt;
font-weight:normal;
}
table.checkoutconfirmationorderdetails tr td.productprice {
white-space:nowrap;
text-align:right;
}
table.checkoutconfirmationorderdetailstotal {
padding:0;
margin:10px 0 0 0;
border:none;
}
table.checkoutconfirmationorderdetailstotal tr td.name {
width:100%;
text-align:right;
}
table.checkoutconfirmationorderdetailstotal tr td.value {
white-space:nowrap;
text-align:right;
}
/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {
width:100%;
}
/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {
margin:0;
padding:0;
margin-top:15px;
}
ul#checkoutnavigation li {
height:70px;
list-style-type:none;
float:left;
max-width:180px;
margin-right:15px;
border:solid 1px;
padding:8px;
}
ul#checkoutnavigation li.active {
background-color:#f8f8f8;
}
ul#checkoutnavigation li.active .number {
font-size:20px;
font-weight:bold;
}
ul#checkoutnavigation li.active .title {
font-size:14px;
font-weight:bold;
}
ul#checkoutnavigation li.active .description {
font-size:11pt;
}
ul#checkoutnavigation li.inactive {
color:#999;
background-color:#ededed;
border-color:#999;
}
ul#checkoutnavigation li.inactive .number {
font-size:20px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .title {
font-size:14px;
font-weight:bold;
}
ul#checkoutnavigation li.inactive .description {
font-size:11pt;
}
/* FOOTER */
.footer {
clear:both;
text-align:center;
font-size:11pt;
color:#666;
background-color:#E2E2E2;
padding:8px;
margin-bottom:5px;
border-bottom:2px solid #ccc;
}
.footer a {
color:#666;
text-decoration:underline;
outline:none;
}
/* COPYRIGHT */
.copyright {
margin:0 auto;
width:970px;
text-align:center;
color:#666;
font-size:11pt;
padding:0 0 10px 0;
display:none;
}
.copyright a {
  text-decoration:none;
}
/* MODIFIED STYLE */
span.cop_magenta {
  color:#B0347E;
}
span.cop_grey {
  color:#6D6D6D;
}
/* ParseTime */
.parseTime {display:none}
/* Mehr Bilder unterhalb der Beschreibung */
.morepics {
padding:6px;
text-align:right;
display:block;
height:auto;
width:90%;
float:left;
margin-bottom:2px;
}
.morepics img {
border:#999 1px solid;
padding:4px;
margin-right:8px;
background:#fff;
height:100px;
width:auto;
float:left;
margin-bottom:8px;
}
/* BESTELLER BOX mit Bildern in DL DT Liste */
dt {
  float:left;
  width:40px;
}
dt img {
  border:1px solid #ccc;
  padding:2px;
  background:#fff;
  max-width:40px !important;
}
dd {
  float:right;
  width:125px
}
td.productPreviewContent {
width:400px;
text-align:left;
}
/* Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IM CONTENT */
#content ol, #content ul {
  margin:10px 0 10px 14px;
}
/* Tomcraft - 2009-09-22 - FIX DER AUFZÄHLUNGEN IN DER DRUCKANSICHT */
.popupproductinfo #productinfowrap ol, .popupproductinfo #productinfowrap ul {
  margin:10px 0 10px 186px;
}
/* SEARCHBOX */
.search_header {
line-height:normal;
}
/* Tomcraft - 2009-10-02 - Include "Single Price" in checkout_confirmation */
td.main_row {
border-top:1px solid #ccc;
}
/* Hetfield - 2010-01-20 - Remove agb-textarea from checkout_payment */
div.agbframe {
width:100%;
height:200px;
overflow:auto;
padding:10px;
background:url(img/input_bg.gif) no-repeat;
border:1px solid #666;
}
/* web28 - 2010-04-29 - fix ol and ul Tag  in checkout_payment agbframe */
ol#address_block, div.agbframe ol, div.agbframe ul  {
margin-left:30px;
}
/* web28 - 2010-07-25 - NO JAVASCRIPT FALLBACK für TABS/ACCORDION in product_info */
#tabbed_product_info ul,#accordion_product_info h3 a {
display:none;
}
#tabbed_product_info .morepics {
background-color:#ededed;
padding:6px;
border-width:1px 0 0 0;
width:512px;
margin-bottom:17px;
}
/* web28 - 2010-07-25 - FIX DER AUFZÄHLUNGEN IM CONTENT  für TABS/ACCORDION in product_info */
#tab_description ol, #tab_description ul, #accordion_product_info ol, #accordion_product_info ul{
margin:10px 0 10px 22px;
display:block;
}
/* h-h-h - 2011-05-15 - MOUSE POINTER FOR PRODUCTOPTIONS RADIO BUTTON TEXT */
.productoptions label {
  cursor: pointer;
}
/* h-h-h - 2011-08-28 - DEFINE GLOBAL CENTER */
.centered {
  margin: 0 auto;
}

/*address block */
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px;
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}

/*new checkout*/
div.checkout_infos{
max-width:940px;
width:100%;
border: 0px solid red;
}
div.checkout_infos h2{
font-family: Arial, Sans-serif;
color:#333; /*#1e3630;*/
font-weight:bold;
font-size:15px;
margin: 0px;
float:left;
}
div.checkout_infos a{
font-style:italic;
color:#009933; /*#1e3630;*/
}
div.checkout_infos div.text,p.text{
margin-top:0px;
}
div#address_block div.address{
width: 260px;
float:left;
height:140px;
padding:5px;
margin:0 15px 15px 0;
border: solid 1px #a3a3a3;
background:#F8F8F8;
}
div#address_block input{
vertical-align: middle;
}
div.checkoutInfoBoxes{
max-width:400px;
width:40%;
border: 0px solid #a3a3a3;
padding:5px;
margin-right:20px;
float:left;
}
div.checkoutInfoBoxes  a.more_info{
color: red!important;
}
div.checkoutInfoBoxesLarge{
max-width:800px;
width:90%;
border: 0px solid #a3a3a3;
padding:5px;
margin-right:0px;
float:left;
}
div.checkoutNavBoxes{
width:43%;
border: 1px solid #a3a3a3;
/*background:#F8F8F8;*/
padding:1%;
margin-right:3%;
float:left;
height:120px;
}
div.checkoutNav2Boxes{
width:43%;
border: 1px solid #a3a3a3;
padding:1%;
margin-right:3%;
min-height: 70px;
float:left;
}
div.checkoutbox{
border: 2px solid #999!important;
background: #E3F4DA!important; /*diese Farbe muss sich erheblich abheben*/
}
div.checkoutbox .image{
max-width:80px;
}
div.checkoutbox td.main_row {
border-top: 1px solid #666;
}
div.checkoutbox div.hr{
border:none;
border-top: 1px solid #666;
color: #E3F4DA; /*wie hintergrundfarbe*/
background-color:#E3F4DA; /*wie hintergrundfarbe*/
height: 1px;
}
div.checkoutbox .details{
padding: 0 12px 0 0;
background: url(img/external.gif) no-repeat 100% 0px;
color: #000;
font-weight: bold;
}
div.checkoutbox .total table td {
padding:0px;
}
div.checkoutbox .small{
font-size: 11px;
}

/************************************************
www.Janolaw.de
http://www.janolaw.de
BASIC Template for AGB Hosting Content
************************************************/
/* janolaw BOF */
.janolaw-absatz {
        font-size: 12px;
        margin: 8px 4px 4px 8px;
}
.janolaw-paragraph {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin: 16px 4px 4px 8px;
}
#janolaw-paragraph {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        margin: 16px 4px 4px 8px;
}
.janolaw-text {
        font-size: 12px;
        margin: 8px 4px 4px 8px;
}
.janolaw-adress {
        font-size: 12px;
        margin: 8px 4px 4px 8px;
}
.janolaw-block {
        font-size: 12px;
        margin: 8px 4px 4px 8px;
}
#janolaw-footer{
}

#janolaw-body{
}
/* janolaw EOF */

#header_mittelteil ul.contentlist a.aktiv, a:link.aktiv { color:#f28954; font-weight:bold}

/* inputs anders darstellen */
.input_no_bg {
    border-width:0px;
    background-color:transparent;
    color:#487F46;
}
.input_no_bg:hover {
    border-width:0px;
    background-color:#487F46;
    color:white;
}

.kleine_ergaenzung {font-size:10pt}

/************* Veranstalterzeugs ***************************/
.left_nav_uebersicht, .left_nav_meine_vorlagen {font-size:12pt;}
.left_nav_meine_vorlagen {line-height:1.6em}
.left_nav_uebersicht h3 a:link{color:#A42126;}
a.auge {padding-left:30px; background:url('img/b_show.png') no-repeat left 3px; font-size:14pt}
.left_nav_meine_vorlagen h2 {color:#F28954; font-weight:normal; }
.left_nav_meine_vorlagen h3 {color:#272628; font-size:12pt}
.left_nav_meine_vorlagen h3 .wort1 {font-weight:normal}
.left_nav_meine_vorlagen a, .left_nav_meine_vorlagen a:link, .left_nav_meine_vorlagen a:visited, .left_nav_meine_vorlagen a:hover, .left_nav_meine_vorlagen a:active {color:#F28954;}

.ui-widget-content {
    border: 0px solid rgb(170, 170, 170);
}

/*********************************************************/
a.aktuelle_ausgabe.pfeil_grau {
   fill:#8692a5;
}
a.aktuelle_ausgabe:hover .pfeil_grau, a.aktuelle_ausgabe:focus .pfeil_grau  {
   fill:#c9cbd0;
}