/*
 * Hauptmenue
 */
.mainMenu {
  color: white;
  font-size: 12px;
  margin: 0;
  padding: 0;
  background: url( ../images/bg_menu_main_161x1.gif ) white repeat-y left bottom;
}

.mainMenu ul {
  margin: 0;
  padding: 0 0 2px 0;
  background: url( ../images/line_top_main_161x2.gif ) no-repeat left bottom;
}

.mainMenu ul li {
  margin: 0;
  padding: 0; 
} 

.mainMenu ul li.main,
.mainMenu ul li.mainNoLink,
.mainMenu ul li.mainActiv {
  background: url( ../images/line_top_main_161x2.gif ) no-repeat left top;
}

.mainMenu ul li.mainSeparator {
  font-size: 0px;
  height: 10px;
  background: url( ../images/line_top_main_161x2.gif ) no-repeat left top;
}

.mainMenu ul li.sub, 
.mainMenu ul li.subActiv {
  height: auto;
  background: url( ../images/bg_menu_sub_161x1.gif ) repeat-y left bottom;
}

.mainMenu ul li.subSeparator {
  font-size: 1px;
  line-height: 0px;
}

.mainMenu a.main,
.mainMenu a.mainActiv {
  display: block;
  width: 160px;
  padding: 7px;
  margin: 0;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.mainMenu a.main:link,
.mainMenu a.main:visited,
.mainMenu a.main:active {
  text-decoration: none;
}

.mainMenu a.main:hover,
.mainMenu a.mainActiv:link,
.mainMenu a.mainActiv:visited,
.mainMenu a.mainActiv:active,
.mainMenu a.mainActiv:hover { 
  text-decoration: underline;
}

.mainMenu a.sub,
.mainMenu a.subActiv {
  display: block;
  width: 160px;
  padding: 5px 7px 5px 20px;
  margin: 0;
  color: #045487;
  font-size: 12px;
  font-weight: bold;
  background: url( ../images/sub_menu_arrow.gif ) 7px 7px no-repeat;
}

/* Wenn ein Sub unter einem Main aktiv ist */
.mainMenu ul li.mainActiv a.main {
  background: url( ../images/line_top_sub_161x2.gif ) no-repeat left bottom;
}

.mainMenu a.sub:link,
.mainMenu a.sub:visited,
.mainMenu a.sub:active {
  text-decoration: none;
}

.mainMenu a.sub:hover,
.mainMenu a.subActiv:link,
.mainMenu a.subActiv:visited,
.mainMenu a.subActiv:active,
.mainMenu a.subActiv:hover {
  text-decoration: underline;
}

/*
 * SID-Menue
 */
#main-area .sidMenu {
  color: black;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  background: url( ../images/punktlinie_000000_2x1.gif ) repeat-x bottom left;
  height: auto;
}

#main-area .sidMenu a:link,
#main-area .sidMenu a:visited,
#main-area .sidMenu a:active {
  color: black;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#main-area .sidMenu a:hover {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

#main-area .sidMenu a.activ:link,
#main-area .sidMenu a.activ:visited,
#main-area .sidMenu a.activ:active {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

#main-area .sidMenu a.activ:hover {
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

/* Diverses */
.invisible {
  display: none;
}

h1 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
}

h2 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
}

h3, h4, h5, h6 {
  font-size: 11px;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* * * * * * * * * * * * * * * */

.bold { 
  font-weight: bold; 
}

.boldunderline { 
  font-weight: bold;
  text-decoration: underline;
}

.underline {
  text-decoration: underline;
} 

.italic {
  font-style: italic;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-top {
  vertical-align: top;
}

.align-topright {
  text-align: right;
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.float-left {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

.float-right {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

.end-float {
  clear: both;
}

.small {
  font-size: 9px;
}

.big {
  font-size: 13px;
}

.null {
  margin: 0px;
  padding: 0px;
}

/* Normale Links */
a:link, a:visited, a:active {
  font-weight: normal;
  text-decoration: none;
  color: #000099;
}

a:hover {
  font-weight: normal;
  text-decoration: underline;
  color: #000099;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*
 * Fehlermeldungstexte
 */
.error {
  font-size: 11px;
  font-weight: normal;
  color: red;
}

.error-box {
  max-height: 80px;
  height: auto;
  height: 1%;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: red;
  background-color: #ffcccc;
}

.error-box-noscroll {
  height: auto;
  height: 1%;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: red;
  background-color: #ffcccc;
}

.message-box {
  max-height: 80px;
  height: auto;
  height: 1%;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0cff0c;
  background-color: #cfffcf;
}


.message-box-noscroll {
  height: auto;
  height: 1%;
  margin: 0;
  padding: 10px;
  border: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0cff0c;
  background-color: #cfffcf;
}

.error-box .image,
.error-box-noscroll .image,
.message-box-noscroll .image,
.message-box .image {
  width: 60px;
  height: 60px;
  float: left;
}

.error-box .text,
.error-box-noscroll .text,
.message-box-noscroll .text,
.message-box .text {
  float: left;
  margin-left: 20px;
}

.error-box .text .title,
.error-box-noscroll .text .title,
.message-box-noscroll .text .title,
.message-box .text .title {
  font-weight: bold;
  font-size: 13px;
}

/* Links */
.error-box a:link,
.error-box a:visited,
.error-box a:active,
.error-box-noscroll a:link,
.error-box-noscroll a:visited,
.error-box-noscroll a:active,
.message-box-noscroll a:link,
.message-box-noscroll a:visited,
.message-box-noscroll a:active,
.message-box a:link,
.message-box a:visited,
.message-box a:active {
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}

.error-box a:hover,
.error-box-noscroll a:hover,
.message-box-noscroll a:hover,
.message-box a:hover {
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
}

.mainMenu a.main:hover {
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form {
  margin: 0px;
  padding: 0px;
}

/*
 * controls
 */
input {
  font-size: 11px;
  color: black;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

input[type=text],
input[type=password] {
  font-size: 11px;
  color: black;
  background: #ffffff;
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=radio],
input[type=checkbox],
input[type=file]
{
  font-size: 11px;
}

input[type=submit].default {
}

textarea {
  font-size: 11px;
  color: black;
  background: #ffffff;
}

textarea.text,
input.text {
  font-size: 11px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
}

input.text-disabled,
textarea.text-disabled {
  font-size: 11px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
  background: #D0E8F6;
  color: black;
  opacity: 1;
}
input[disabled="disabled"].text-disabled,
textarea[disabled="disabled"].text-disabled {
  font-size: 11px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
  background: #D0E8F6;
  color: black;
  opacity : 1;
}

textarea.text-disabled-big,
input.text-disabled-big {
  font-size: 13px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
  background: #D0E8F6;
  font-weight: bold;
  color: black;
}
textarea[disabled="disabled"].text-disabled-big,
input[disabled="disabled"].text-disabled-big {
  font-size: 13px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
  background: #D0E8F6;
  font-weight: bold;
  color: black;
}

textarea.text-180,
input.text-180 {
  font-size: 11px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
  width: 180px;
}

input.search-button {
  font-size: 11px;
  height: 17px;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
}

select {
  font-size: 11px;
  color: black;
  background: #ffffff;
}

select.select {
  font-size: 11px;
  color: black;
  background: #ffffff;
  border: solid;
  border-color: #045487 #045487 #045487 #045487;
  border-width: 1px 1px 1px 1px;
}

option {
  font-size: 11px;
  color: black;
  background: #ffffff;
}

label {
  font-size: 11px;
  color: black;
  font-weight: bold;
}

label.normal {
  font-size: 11px;
  color: black;
  font-weight: normal;
}

fieldset {
  font-size: 11px;
  color: black;
}

legend {
  font-size: 11px;
  color: black;
}

/**
 * Buttons "button.lib.php"
 */
.buttonIcon {
  display: inline-block;
  padding: 3px 7px 4px 25px;
  border: solid 1px #999;/*#045487;*/
  background-color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  color: black;
}
.buttonText {
  display: inline-block;
  padding: 3px 7px 4px 7px;
  border: solid 1px #999;/*007F90;*/
  background-color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: black;
}
.buttonIcon:link,
.buttonIcon:visited,
.buttonIcon:active,
.buttonText:link,
.buttonText:visited,
.buttonText:active {
  padding-top: 3px;
  padding-bottom: 4px;
  color: black;
}
.buttonIcon:hover,
.buttonText:hover {
  /*border-color: #999 #666 #666 #999;*/
  border-color: #045487;
  /*text-shadow: 1px 1px 0px #ccc;
  -moz-box-shadow: 2px 2px 2px 1px #ccc;
  -webkit-box-shadow: 2px 2px 2px 1px #ccc;
  box-shadow: 2px 2px 2px 1px #ccc;*/
  text-decoration: none;
}

/*
 * Linien zum Trennen von Artikeln
 */
.punktlinie {
  height: 1px;
  width: 100%;
  clear: both;
  font-size: 1px;
  line-height: 0px;
  background: url( ../images/punktlinie_000000_2x1.gif ) repeat-x bottom left;
}

.linie {
  height: 1px;
  width: 100%;
  clear: both;
  font-size: 1px;
  line-height: 0px;
  border: solid;
  border-color: black #ffffff #ffffff #ffffff;
  border-width: 1px 0 0 0;
}

/*
 * Diverses
 */
table.address {
  border-style: solid;
  border-collapse: collapse;
  border-color: #045487;
  border-width: 1px;
}
table.address td {
  border: solid 1px #045487;
  vertical-align: top;
}

/*
 * delivery-date-24_7
 */
span.delivery-date-24_7 {
  display: none;
}