body, table, div
{ font-family:Arial,sans-serif;
  font-size:11pt;
  color:#000000;
}

body
{ margin:0px;
  min-height:100%;
}

div
{ border:0px solid #00FF00;
}

div.clear
{ clear:both;
}

div, form, p
{ margin:0px;
}

a, input.buttonaslink
{ font-family:Arial,sans-serif;
  font-size:11pt;
  font-weight:bold;
  font-style:italic;
  text-decoration:none;
  cursor:pointer;
}

div.errorlist,
div.messagelist
{ width:75%; border:1px solid #CC0000; padding:5px; margin-bottom:11pt; background:none;
}

div.messagelist
{ border:1px solid #00CC00;
}

/* 1. SPRACHMENÜ */
div#languagemenu
{ position:relative;
  top:5px;
  left:30px; /* = div#mainmenu.margin-left */
  width:80%;
  z-index:2;
}

a.languagemenuitem
{ font-family:Arial,sans-serif;
  font-size:10pt;
  font-weight:normal;
  font-style:normal;
  color:#000000;
  text-decoration:none;
  margin:0px;
}

a.languagemenuitem:hover
{ text-decoration:underline;
}

a.languagemenuitem#first
{ margin-left:0px;
}

a.languagemenuitem#next
{ margin-left:15px;
}

img.languageicon
{ margin-right:5px;
  vertical-align:bottom;
  border:0px;
}

/* 2. HEADER */
div#headers
{ position:absolute;
  top:50px;
  left:0px;
  width:100%;
  margin:0px;
}

/* 2.1 FORMATIERUNGEN FÜR ALLE HEADER (hebu-music, musik für streicher, hebu-musikverlag) */
/* 2.1.1 Links */
a.headers
{ display:block;
  height:40px;
  line-height:30px;
  font-family:Arial,sans-serif;
  font-size:14pt;
  font-weight:normal;
  font-style:normal;
  color:#FFFFFF;
  text-decoration:none;
  padding-top:10px;
  padding-right:10px;
  overflow:hidden;
}

a.headers[class]
{ height:30px;
}

/*
a#headers:hover
{ text-decoration:underline;
}
*/

/* 2.1.2 Boxen */
div.header_box
{ position:absolute;
  top:0px;
  height:40px;
  text-align:right;
  overflow:visible;
  /*border:1px solid #F00;*/
  /*z-index:5;*/
}
div.header_title
{ position:absolute;
  left:0px;
  width:100%;
  height:40px;
  z-index:5;
}
/* 2.1.3 Schatten */
div.header_shadow
{ position:absolute;
  top:3px;
  left:3px;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.2;
  filter: alpha(opacity=20);
  /* -moz-opacity:0.2; */
  z-index:1;
}

/* 2.2 FORMATIERUNGEN FÜR DIE EINZELNEN HEADER */
/* 2.2.1 */
div.header_box#header1box
{ left:0.5%;
  width:40%;
}
/* 2.2.2 */
div.header_box#header2box
{ left:42%;
  width:18%;
}
/* 2.2.3 */
div.header_box#header3box
{ left:61.5%;
  width:18%;
}

/* 3. USERMENÜ (Meine Einstellungen, Hilfe, Mein Einkaufswagen) */
div#usermenu
{ position:absolute;
  top:120px;
  right:0px;
  text-align:right;
  float:right;
  margin-right:20px;
  border-bottom:1px #999999 solid;
  padding-bottom:2px;
  z-index:2;
}

a.usermenuitem, p.usermenu
{ font-family:Arial,sans-serif;
  font-size:11pt;
  font-weight:bold;
  font-style:normal;
  color:#666666;
  text-decoration:none;
  vertical-align:bottom;
}

p.usermenu
{ display:inline;
  font-weight:normal;
}

a.usermenuitem#last
{ margin-right:0px;
}

a.usermenuitem#prev
{ margin-right:35px;
}

img.usermenuicon
{ vertical-align:bottom;
  margin:0px;
  margin-left:5px;
  border:0px;
}

/* 4. HAUPTMENÜ */
div#mainmenu
{ margin-top:160px;
  margin-left:30px;
  margin-right:30px;
  margin-bottom:30px;
  width:180px;
  padding:0px;
  z-index:3;
}

/* 4.1 FORMATIERUNGEN FÜR ALLE MENÜEINTRÄGE */
div.mainmenuitem, a#mainmenuitem
{ width:180px;          /* Internet Explorer */
  font-family:Arial,sans-serif;
  font-size:11pt;
  /* font-weight:bold; */
  font-weight:normal;
  font-style:normal;
  color:#FFFFFF;
  padding-right:10px;
  padding-left:10px;
  line-height:30px;
  text-align:right;
}

div.mainmenuitem[id], a#mainmenuitem[id]
{ width:160px;         /* Firefox */
}

/* 4.2 HAUPTMENÜ-TITEL */
div.mainmenuitem#mainmenutitle
{ margin-top:7px;
  /* background: in diversion.css */
}

/* 4.2 HAUPTMENÜ-EINTRÄGE */
div.mainmenuitem#mainmenuitem
{ margin-top:2px;
  background:#939393;
}

a#mainmenuitem
{ display:block;
  text-decoration:none;
  margin-top:2px;
  background:#939393;
}

/* INHALT */
div#content
{ width:100%;
  margin-top:180px;
  margin-left:0px; /*30*/
  margin-right:20px; /*20*/
  margin-bottom:80px;
  padding:0px;
  border:0px solid #C00;
}

div#content[id]
{ width:auto;
}

div.content_half_left, 
div.content_half_right
{ width:30%; 
  float:left; 
}

div.content_half_left
{ margin-right:100px;
}

/* FOOTER */
p#footer
{ font-family:Arial,sans-serif;
  font-size:8pt;
  color:#FFF;
  margin:0px;
  margin-left:30px; /* = div#mainmenu.margin-left */
  margin-bottom:5px;
}

p.title
{ font-family:Arial,sans-serif;
  font-size:14pt;
  font-weight:bold;
  margin-bottom:30px;
}

p.subtitle, p.righttitle
{ font-family:Arial,sans-serif;
  font-size:11pt;
  font-weight:bold;
  font-style:italic;
  margin-bottom:11pt;
}

p.righttitle
{ text-align:right;
}

p.steptitle
{ font-family:Arial,sans-serif;
  font-size:11pt;
  font-weight:bold;
  margin-bottom:5px;
}

p.fieldtitle
{ font-family:Arial,sans-serif;
  font-size:11pt;
  font-style:italic;
}

p.text, p.line
{ width:75%;
  font-family:Arial,sans-serif;
  font-size:11pt;
  color:#000;
  margin-bottom:30px;
}

p.line
{ margin:0px;
}

p.hint
{ font-family:Arial,sans-serif;
  font-size:8pt;
  color:#000;
  width:75%;
  margin:0px;
}

p.lighthint
{ font-family:Arial,sans-serif;
  font-size:8pt;
  color:#999999;
  width:75%;
  margin:0px;
}

p.hint a, p.lighthint a
{ font-size:8pt;
  font-style:normal;
  font-weight:normal;
}

p.boxtext
{ width:100%;
  font-family:Arial,sans-serif;
  font-size:11pt;
  color:#000;
  margin-bottom:15px;
}

p#no_margin
{ margin:0px;
}

p#inline
{ display:inline;
}

p#justify
{ text-align:justify;
}

p#left
{ text-align:left;
}

p#right
{ text-align:right;
}

hr
{ height:11pt;
  border:0px;
  margin:0px;
  padding:0px;
  visibility:hidden;
}

input, select, textarea
{ font-family:Arial,sans-serif;
  font-size:11pt;
  color:#000;
  padding:3px;
  border:1px #AAA solid;
  background:#DDDDDD;
}

input
{ width:100%;
  height:25px;
}

select
{ width:auto;
}

textarea
{ width:75%;
}

input.short
{ display:block;
  width:30%;
}

input.minimal, input.insertButton
{ width:auto;
}

input.hide
{ visibility:hidden;
}

input#search
{ width:160px;
  height:21pt;
  font-size:12pt;
  font-weight:bold;
  border:1px #777777 solid;
  background:#FFF;
  margin:0px;
}

input#detail
{ width:30%;
  display:inline;
  margin-left:20px;
  vertical-align:middle;
}

input.radio, input.check
{ display:inline;
  width:auto;
  vertical-align:-5pt;
  background:none;
  border:0px;
}

input.check label
{
}

input.button, input.imageasbutton
{ width:auto;
  font-family:Arial,sans-serif;
  font-weight:bold;
  font-style:italic;
  margin-top:3px;
}

input.buttonaslink
{ /* weitere Styleangaben bei oben beim a-Tag */
  width:auto;
  border:0px;
  background:none;
}

input.imageasbutton
{ border:0px;
}

select#country
{ width:180px;
  vertical-align:bottom;
  margin-right:20px;
}

select#country[id]
{ width:200px;
}

select#version
{ display:inline;
  vertical-align:middle;
}

table
{ padding:0px;
  margin:0px;
  border:0px;
}

th
{ padding-top:3px;
  padding-bottom:3px;
  background:#DDDDDD;
}

table.form
{ margin-bottom:30px;
}

table.form td
{ width:250px;
  padding-top:10px;
  padding-left:30px;
  border:0px solid #CCC;
}

table.form td#first_col
{ padding-left:0px;
}

/* MEIN SHOP */

div.myshop
{ width:75%;
  margin-bottom:30px;
}

/* ARTIKEL */

div.article_main_container
{ float:left;
  width:100%;
  height:auto;
  display:block;
  padding:0px;
  margin:0px;
  margin-bottom:30px;
  border:0px;
  /* background in diversion.css */
}

div.article_header
{ float:left;
  width:100%;
  height:auto;
  padding:0px;
  border:0px;
  margin:0px;
}

div.article_header div.left
{ float:left; width:auto; vertical-align:middle; color:#FFF; font-size:11pt; padding:3px; padding-left:10px;
}

div.article_header div.left a, div.article_header div.left p
{ display:inline; color:#FFF; font-weight:bold; font-size:13pt; font-style:normal; text-decoration:none; margin:0px;
}

div.article_header div.left a:hover
{ color:#FFF; font-weight:bold; font-size:13pt; font-style:normal; text-decoration:none;
}

div.article_header div.right
{ float:right; width:auto; vertical-align:middle; font-size:13pt; color:#FFF; padding:3px; padding-right:15px;
}

div.article_body
{ float:left; width:75%; padding:10px; border:0px solid #00F;
}

div.article_side
{ float:right; margin-top:10px; margin-right:15px;
}

div.search_body_left
{ float:left; width:40%; color:#000; border:0px; margin-top:5px; margin-left:10px;
}

div.search_body_middle
{ float:left; width:40%; color:#000; border:0px; margin-top:5px; margin-left:30px;
}

div.search_body_right
{ float:right; color:#000; border:0px; margin-top:5px; margin-right:15px;
}

div.article_options
{ float:left; width:80%; color:#000; border:0px; margin-top:25px; margin-left:10px; margin-bottom:10px;
}

div.article_options a, p#article_options a
{ color:#000;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  vertical-align:middle;
  margin-right:5px;
}

div.article_options a img, p#article_options a img
{ vertical-align:middle;
  margin-right:10px;
  margin-left:5px;
  border:0px;
}

div.article_options a:hover, p#article_options a:hover
{ text-decoration:underline;
}

div.promo_paket_image
{ float:left;
  width:125px;
  height:auto;
  vertical-align:middle;
  border:1px solid transparent;
  margin:0px;
}

div.promo_paket_image img
{ border:1px solid #000; 
  vertical-align:middle;
}



/************/
/* KALENDER */
/************/

.hebucal_cpYearNavigation,
.hebucal_cpMonthNavigation
{ /* background-color:#004469; */
  text-align:center;
  vertical-align:center;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

.hebucal_cpDayColumnHeader,
.hebucal_cpYearNavigation,
.hebucal_cpMonthNavigation,
.hebucal_cpCurrentMonthDate,
.hebucal_cpCurrentMonthDateDisabled,
.hebucal_cpOtherMonthDate,
.hebucal_cpOtherMonthDateDisabled,
.hebucal_cpCurrentDate,
.hebucal_cpCurrentDateDisabled,
.hebucal_cpTodayText,
.hebucal_cpTodayTextDisabled,
.hebucal_cpText
{ font-family:arial;
  font-size:9pt;
  font-style:normal;
}

TD.hebucal_cpDayColumnHeader
{ text-align:right;
  border:solid thin; /* #006489; */
  border-width:0 0 1 0;
}

.hebucal_cpCurrentMonthDate,
.hebucal_cpOtherMonthDate,
.hebucal_cpCurrentDate
{ text-align:right;
  text-decoration:none;
}

.hebucal_cpCurrentMonthDateDisabled,
.hebucal_cpOtherMonthDateDisabled,
.hebucal_cpCurrentDateDisabled
{ color:#D0D0D0;
  text-align:right;
  text-decoration:line-through;
}

.hebucal_cpCurrentMonthDate
{ /* color:#006489; */
  font-weight:bold;
}

.hebucal_cpCurrentDate
{ color: #FFFFFF;
  font-weight:bold;
}

.hebucal_cpOtherMonthDate
{ color:#808080;
}

TD.hebucal_cpCurrentDate
{ color:#FFFFFF;
  /* background-color: #004469; */
  border-width:1;
  border:solid thin #000000;
}

TD.hebucal_cpCurrentDateDisabled
{ border-width:1;
  border:solid thin #FFAAAA;
}

TD.hebucal_cpTodayText,
TD.hebucal_cpTodayTextDisabled
{ border:solid thin; /* #006489; */
  border-width:1 0 0 0;
}

A.hebucal_cpTodayText,
SPAN.hebucal_cpTodayTextDisabled
{ height:20px;
}

A.hebucal_cpTodayText
{ /* color:#006489; */
  font-weight:bold;
}

SPAN.hebucal_cpTodayTextDisabled
{ color:#D0D0D0;
}

.hebucal_cpBorder
{ border:solid thin; /* #006489; */
}
