body {
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
}

body.nonshop {
    background-color: #fff;
    margin: 0 20px 20px 20px;
}

.clear {
    clear: both;
    overflow: hidden;
    font-size: 0;
    margin: 0;
    padding: 0;
}

.seperator {
    background-color: #666666;
    color: white;
    font-weight: bold;
    padding: 3px;
    padding-left: 5px;
    font-size: 13px;
    margin-top: 30px;
}

/* allgemein */
a {
text-decoration: underline;
font-weight: bold;
}

td {
font-size: 12px;
}

p {
margin-bottom: 10px;
}

h1 {
font-size: 15px;
}

h2 {
font-size: 13px;
}

h3 {
font-size: 12px;
}

a:link    { color: #e59700 }
a:visited { color: #e59700 }
a:hover   { color: #999999 }
a:active  { color: #e59700 }

a.reg { text-decoration:underline; font-size: 10px; font-weight:bold }
a.reg:link    { color: #e59700 }
a.reg:visited { color: #e59700 }
a.reg:hover   { color: #999999 }
a.reg:active  { color: #e59700 }

a.regwk { text-decoration:underline; font-size: 10px; font-weight:bold }
a.regwk:link    { color: #990000 }
a.regwk:visited { color: #990000 }
a.regwk:hover   { color: #999999 }
a.regwk:active  { color: #990000 }

a.reg1 { text-decoration:underline; font-size: 11px; font-weight:bold }
a.reg1:link    { color: #e59700 }
a.reg1:visited { color: #e59700 }
a.reg1:hover   { color: #999999 }
a.reg1:active  { color: #e59700 }

a.reg2 { text-decoration:underline; font-size: 12px; font-weight:bold }
a.reg2:link    { color: #e59700 }
a.reg2:visited { color: #e59700 }
a.reg2:hover   { color: #999999 }
a.reg2:active  { color: #e59700 }


a.rubrik {
text-decoration:none;
font-size: 10px;
font-weight: normal;
}
a.rubrik:link    { color: #1C3E63;}
a.rubrik:visited { color: #1C3E63; }
a.rubrik:hover   { color: #000000; font-weight: bold }
a.rubrik:active  { color: #000000; font-weight: bold }

a.titel {
text-decoration:underline;
font-size: 13px;
font-weight: bold
}
a.titel:link    { color: #e59700 }
a.titel:visited { color: #e59700 }
a.titel:hover   { color: #999999 }
a.titel:active  { color: #e59700 }

a.titel1 {
text-decoration:underline;
font-size: 12px;
font-weight: bold
}
a.titel1:link    { color: #e59700 }
a.titel1:visited { color: #e59700 }
a.titel1:hover   { color: #999999 }
a.titel1:active  { color: #e59700 }

a.weiss {
text-decoration: underline;
font-size: 9.5px;
font-weight: normal;
}
a.weiss:link    { color: #ffffff}
a.weiss:visited { color: #ffffff }
a.weiss:hover   { color: #eeeeee }
a.weiss:active  { color: #ffffff }


font {  font-size: 10px }
font.schw1  {  font-size: 11px; color: #000000 }
font.black1 {  font-size: 12px; color: #000000 }
font.schw2  {  font-size: 12px; color: #000000 }
font.schw3  {  font-size: 15px; color: #000000 }

font.news  {  font-size: 10px; color: #333333 }
font.bigred  {  font-size: 15px; color: #990000 }

font.blau   {  font-size: 10px; color: #224d7a }
font.blau1   {  font-size: 15px; color: #224d7a }

font.weiss {  font-size: 10px; color: #ffffff }
font.weiss2 {  font-size: 12px; color: #ffffff }
font.weiss3 {  font-size: 13px; color: #ffffff }

font.sparte {  font-size: 13px; font-weight: bold; color: #224d7a }
font.daten  {  font-size: 11px; color: #3a3a3a }
font.titel  {  font-size: 16px; font-weight: bold; color: #224D7A }
font.preis  {  font-size: 10px; font-weight: bold; color: #990000 }
font.preis1 {  font-size: 11px; font-weight: bold; color: #990000 }

font.header  {  font-size: 11px; color: #990000 }
font.header2  {  font-size: 13px; color: #990000 }


.schw1  {  font-size: 11px; color: #000000 }
.black1 {  font-size: 12px; color: #000000 }
.schw2  {  font-size: 12px; color: #000000 }
.schw3  {  font-size: 15px; color: #000000 }

.news  {  font-size: 10px; color: #333333 }
.bigred  {  font-size: 15px; color: #990000 }

.blau   {  font-size: 10px; color: #224d7a }
.blau1   {  font-size: 15px; color: #224d7a }

.weiss {  font-size: 10px; color: #ffffff }
.weiss2 {  font-size: 12px; color: #ffffff }
.weiss3 {  font-size: 13px; color: #ffffff }

.sparte {  font-size: 13px; font-weight: bold; color: #224d7a }
.daten  {  font-size: 11px; color: #3a3a3a }
.titel  {  font-size: 16px; font-weight: bold; color: #224D7A }

.preis  {
font-size: 10px;
font-weight: bold;
color: #990000
}

.preis1 {
font-size: 11px;
font-weight: bold;
color: #990000
}

.preis_alt  {
font-size: 10px;
text-decoration: line-through;
color: #000
}

.preis_container_mid {
margin-bottom: 5px;
}

.art_short_desc {
font-size: 11px;
}

.header  {  font-size: 11px; color: #990000 }
.header2  {  font-size: 13px; color: #990000 }
.page_header  {  font-size: 16px; color: #990000 }

/* Überschriften als Bilder */
img.header {
    margin-bottom: 10px;
}


.box_title_product { font-size: 10px; color: #000}

.scrollBarhellblau {
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-base-color: #57789a;
scrollbar-3dlight-color: #57789a;
scrollbar-darkshadow-color: #57789a;
scrollbar-arrow-color: #ffffff;
margin: 0px;
}

.scrollBarhellgrau {
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-base-color: #8d8d8d;
scrollbar-3dlight-color: #8d8d8d;
scrollbar-darkshadow-color: #8d8d8d;
scrollbar-arrow-color: #ffffff;
}

img.article_infosign {
vertical-align: middle;
margin-right: 6px;
}

/*** allgemeine Info-Box ***/
.info_box {
border-collapse: collapse;
background-color: #FEF3DE;
border: 1px solid #e59700;
}

.info_box_header, .info_box_data {
text-align: left;
font-size: 12px;
padding: 3px;
}

.info_box_header {
background-color: #e59700;
color: white;
font-weight: bold;
}

.info_box_data {
}

/***********************************************************************************
 Blickpunkt Livesystem
***********************************************************************************/

/* äußerster Container um ein Blickpunkt-Feld
(nötig wegen falscher Renderung von Mozilla) */
div.bp_item_container_out {
margin-top: 8px;
margin-bottom: 15px;
float: left;
width: 49%;
}

div.bp_item_container {
padding: 0px 15px 15px 15px;
font-size: 12px;
}

div.bp_item_header {
height: 40px;
width: 100%;
background-image:url(http://cms.gerthmedien.de/content/extstatic/Blickpunkt/_image/Rahmen_Background.gif);
}

div.bp_item_content_container {
padding: 5px 10px 0px 25px;
}

div.bp_item_content_header {
margin-bottom: 10px;
}
div.bp_item_content_img_left {
float: left;
margin-right: 8px;
}

/***********************************************************************************
 Standard Artikel
***********************************************************************************/

.standard_title {
color: #990000;
font-size: 15px;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 10px;
}

.standard_subtitle {
color: #000;
font-size: 12px;
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 10px;
}

p {
margin-top: 0px;
}

/***********************************************************************************
 Navigation links (nicht Shop)
***********************************************************************************/

table.left_navigation {
height: 100%;
background-color: #f0f0f0;
width: 159px;
border-top: 1px solid #d6d4d4;
border-right: 1px solid #d6d4d4;
border-left: 0px;
border-bottom: 0px;
}

.left_navigation_section {
background-color: #ccc;
font-size: 11px;
color: white;
padding: 3px;
font-weight: bold;
}

table.left_navigation_head {
height: 100%;
width: 159px;
border-top: 1px solid #d6d4d4;
border-right: 1px solid #d6d4d4;
border-left: 0px;
border-bottom: 0px;
}

.navigation_left_subtitle {
font-size: 10px;
color: #5F5E5E;
}


/***********************************************************************************
 Standard-Formulare
***********************************************************************************/
.form_table {
border-collapse: collapse;
background-color: #F0F0F0;
}

.form_header {
font-size: 12px;
background-color: #999;
color: white;
font-weight: bold;
padding: 3px 5px 3px 5px;
border-bottom: 2px solid white;
text-align: left;
}

.form_label, .form_data, .form_footer, .form_error {
font-size: 12px;
padding: 5px;
text-align: left;
}

.form_label {
white-space: nowrap;
}

.form_footer {
border-top: 2px solid white;
}

.form_error {
color: #990000;
}

.form_required {
color: #990000;
}

select.input_select {
font-family: Verdana;
font-size: 12px;
}

input.input_text {
font-family: Verdana;
font-size: 12px;
}

input.input_text_error {
background-color: #990000;
color: white;
}

.form_error {
color: #990000;
border-bottom: 2px solid white;
}

input.form_button {
font-size: 12px;
}

/***********************************************************************************
 Standard-Hinweise (gelb)
***********************************************************************************/



/***********************************************************************************
 Standard-Warnungen (rot)
***********************************************************************************/

.warning_box_container {
border-collapse: collapse;
background-color: #FAF2F2;
border: 1px solid #990000;
text-align: left;
font-size: 12px;
}

.warning_box_header {
background-color: #990000;
color: white;
font-weight: bold;
padding: 2px 5px 2px 5px;
font-size: 13px;
}

.warning_box_content {
padding: 5px;
}

.warning_box_hint {
font-size: 11px;
margin-top: 10px;
}


/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  border-bottom: 2px dashed white;
  font-style: italic;
  cursor: help;
  }

a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
  padding: 3px;
  white-space: nowrap;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 100;
  background-color: #FEF3DE;
  border: 1px solid #e59700;
  color: #000000;
  font: 12px Verdana, sans-serif;
  text-align: left;
  }

a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}