/* MSIE zeigt generell merkwuerdige Effekte, wenn "margin" verwendet wird. 
 * Mal gehts, mal nicht. Bei Problemen, damit anfangen. */
body {
  font-family: Arial, helvetica, sans-serif;
  font-size: 15px; /* Basis fuer die weiteren relativen Angaben */
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: none;
  color:#666666;
  width:100%;
  margin: 0;
  padding: 0;
}
html > body {  /* Gilt nicht fuer IE bis Version 6 */
}
* html body {  /* Gilt nur fuer IE bis Version 6  */

}

.nofloat {
  clear:both;
  visibility:hidden;
}
.unsichtbar {
  visibility: hidden; 
  display: none;
}
table {
  empty-cells:show;
  border-spacing: 0px;
  border:0;
  border-width:0;
  padding:0;
}
img {
  border:0;
  border-width:0;
}
p, ul, ol, dl {
  margin          : 0.5em 0;    /* oben/unten 0.5, links/rechts 0 */
}
ul li {
  /*list-style-image: url(/img/listdot.gif);*/
  margin-left: 1.0em;
}
dt{font-weight: bold}
dd{margin-left: 2.0em}
a {
  color: #444444;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-decoration: none;
  border:0px solid black;
}
a:link {
  font-weight     : normal;
  border:0px solid black;
}
a:visited {
  font-weight     : normal;
  border:0px solid black;
}
a:hover {
  font-weight     : normal;
  /*background-color: #FFFF99;*/
  color: white;
  border:0px solid black;
}
a:focus {
  font-weight     : normal;
  text-decoration : none;
  border:0px solid black;
}
a:active {
  font-weight     : normal;
  text-decoration : none;
  font-style      : italic;
  border:0px solid black;
}

a[target="_blank"] {
  text-decoration : underline;
}
a.extern {
  text-decoration : underline;
}
a.aktuell {
  color: white;
}
a.top-menu {
  text-decoration: none;
  font-size: 0.86em;
  font-weight: bold;
  padding: 0 32px;
}
a.adminmenu {
  display:block;
  padding-left:2px;
}
abbr {
  cursor: help;
}
code {
  font-family: "Andale Mono","Courier New",monospace;
  font-size: 1em;
  font-weight: bold;
}
h1 code, h2 code, h3 code {
  font-weight: bold;
  font-size: 0.95em;
  line-height:1px;
  color: #000066;
}
h1.RQTitle {
  font-family : 'Times New Roman', 'Times', 'Verdana', Serif;
  font-size: 1.80em;
  font-variant:small-caps;
  padding-left:30px;
  text-indent:-20px;
}
div.adminmenu {
  font-size:small;
}
ul.adminmenu {
  list-style-position:inside;
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#bframe { /* Rahmen um alles */
  position:relative;
  left:0;
  top:0;
  background-color:white;
  width:100%;
}
* html #bframe { width:1200px; }
#top-section {
  position:relative;
  left:0;
  top:0;
  background-image: url(img/top-dehn-2x66.jpg);
  background-repeat:repeat-x;
  height:74px;
  width:100%;
}
#top-banner {
  position:relative;
  left:0;
  top:0;
  margin-left:5%;
  margin-right:5%;
  background-image: url(img/top2-dehn-2x105.jpg);
  background-repeat:repeat-x;
  height: 105px;
  width: 90%;
}
*html #top-banner { margin:0 50px; width:1100px; }
#mid-section {
  position:relative;
  left:0;
  top:0;
  margin-left:5%;
  margin-right:5%;
  overflow: none;
  min-height:500px;
}
*html #mid-section { margin:0 50px; width:1100px; }
#bottom-section {
  position:relative;
  left:0;
  top:0;
  margin-left:5%;
  margin-right:5%;
  height:20px;
  /*background-image: url(/img/bg-bottomsection.jpg);
  background-repeat:repeat-y;*/
}
*html #bottom-section { margin:0 50px; width:1100px; }
#top-col-1 {
  position:absolute;
  height:74px;
  left:0;
  width:5%;
}
*html #top-col-1 {width:50px;}
#top-col-2 {
  position:relative;
  height:74px;
  left:5%;
  width:90%;
}
*html #top-col-2 {left:50px;width:1100px;}
#top-col-4 {
  position:absolute;
  height:74px;
  left:95%;
  width:5%;
}
*html #top-col-4 {left:1150px;width:50px;}
#mid-col-1 {
  position:absolute;
  top:0;
  left:0;
  width:15%;
}
#mid-col-2 {
  position:relative;
  top:0;
  left:15%;
  width:85%;
}
html > body  #mid-col-2 {  /* Gilt nicht fuer IE bis Version 6 */
  min-width: 167px; /* wegen dem RichDadShop Bild */
}
*html #mid-col-1 {
  width:181px;
}
*html #mid-col-2 {
/* only for IE4-6 */
  left:190px;
  width:910px;
}
#bottom-col-1 {
  position:relative;
  height:20px;
  left:0;
  width:100%;
}
* html #bottom-col-1 {width:1100px;}
@font-face { 
font-family:"OptimusPrincepsSemiBold"; src:local("OptimusPrincepsSemiBold"), url(OptimusPrincepsSemiBold.ttf) format(TrueType); 
}
#teaser h1 {
  font-family : 'OptimusPrincepsSemiBold', 'Times New Roman', 'Times', 'Verdana', Serif;
  font-size: 2.10em;
  font-variant:small-caps;
  padding-left:30px;
  text-indent:-20px;
}
*html #teaser h1 {
  font-size: 2.10em;
  padding-left:30px;
  text-indent:-20px;
}
#teaser h2 {
  font-size: 1.2em;
  padding-left:30px;
}
#teaser h3 {
  font-size: 1.1em;
  padding-left:30px;
}
#teaser h4 {
  font-size: 1.0em;
  padding-left:30px;
}
#teaser h3.cfsubtitle {
  text-decoration: underline;
  font-weight:bold;
}
#teaser p {
  padding-left:30px;
  font-size: 0.86em;
}
#teaser li {
  padding-left:4px;
  font-size: 0.86em;
}
#teaser p.teslink {
  padding-left:18px;
}
#teaser a {
  font-size: 0.95em;
  font-weight: bold;
}
#teaser a:hover {
  color:#CC00CC;
}
#teaser td.topleft {
    height:16px;
    width:16px;
    background-image:url(img/teas-edge-topleft.gif);
    background-repeat:no-repeat;
}
#teaser td.left {
    background-repeat:repeat-y;
    background-image:url(img/teas-border-left.gif);
}
#teaser td.bottleft {
    height:16px;
    width:16px;
    background-image:url(img/teas-edge-bottomleft.gif);
    background-repeat:no-repeat;
}
#teaser td.topcenter {
    background-color:transparent;
    background-repeat:repeat-x;
    background-image:url(img/teas-border-top.gif);
}
#teaser td.midcenter {
  vertical-align:top;
}
#teaser td.bottcenter {
    background-repeat:repeat-x;
    background-image:url(img/teas-border-bottom.gif);
}
#teaser td.topright {
    height:16px;
    width:16px;
    background-image:url(img/teas-edge-topright.gif);
}
#teaser td.right {
    background-repeat:repeat-y;
    background-image:url(img/teas-border-right.gif);
}
#teaser td.bottright {
    height:16px;
    width:16px;
    background-image:url(img/teas-edge-bottomright.gif);
}
#teaser ul.cftermine {
  margin-left:4px;
}
#teaser .cfdate {
  font-weight:bold;
}
#teaser .cftime {
}
*html #teaser table.teaser {
  width:100%;
}
html > body #teaser table.teaser {
  width:100%;
  empty-cells:show;
}
#top-menu {
  position:relative;
  left:0;
  top:0;
  color: #666666;
  background-color:#CCCCCC;
  font-size:0.86em;
  margin-left:5%;
  margin-right:5%;
  height: auto;
  width: 90%;
  margin-top:6px;
  margin-bottom:8px;
}
#top-menu a.top-menu {
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  padding-left:0;
}
#top-menu a.top-menu:hover {
  color:white;
}
*html #top-menu a.top-menu {
  font-size:1.05em;/* in bezug zu #top-menu */
}
#leftmenu {
  margin-right:9px;
  font-size:0.86em;
}
#leftmenu a {
  font-weight: bold;
}
#leftmenu a:hover {
  font-weight: bold;
  color:white;
}
*html #leftmenu {
/* only for IE4-6 */
  font-size: 0.86em;
  margin:0;
}
#leftmenu a.mcontent {
  /*Menupunkte*/
  padding-left: 2px;
  color: #666666;
  padding-top:0px;
  background-color: #CCCCCC;
}
#leftmenu a.mcontent:hover {
  color:white;
}
#leftcontent {
  margin-right:9px;
  font-size:0.86em;
  color: #666666;
}
*html #leftcontent {
  font-size:0.86em;
  margin:0;
}
#leftcontent h1 {
  font-family:"Arial Bold", Arial, sans-serif;
  font-size: 0.95em;/*in bezug zu #leftcontent */
  font-weight:bold;
  color: #444444;
}
*html #leftcontent h1 {
  font-size:0.90em;
}
#leftcontent p {
}


div.rdbox{
  position: relative;
  width:100%;
  z-index:100;
}  
div.rdbox_out{
  position: relative;
  left:0;
  top:0;
  border: 1px solid #838383;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  z-index:101;
}
div.rdbox_mcontent {
  position:relative;
  left:0;
  right:0;
  bottom:2px;
  top:0px;
  border: 1px solid #cfcfcf;
  border-right: 1px solid #838383;
  border-bottom: 1px solid #838383;
  background-color: #cccccc;
  z-index:102;
}
div.rdbox_edgeTL{
  position: absolute;
  width: 12px;
  height: 12px;
  left: -1px;
  top: -1px;
  background-image: url(img/mb-edge-topleft.jpg);
  background-repeat: no-repeat;
  z-index:110;
}
/*  IE4-6  */
*html div.rdbox_edgeTL {
  top:0px;
  left:-1px;
}
div.rdbox_edgeBR{
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: -2px;
  right: -2px;
  background-image: url(img/mb-edge-bottomright.jpg);
  background-repeat: no-repeat;
  z-index:110;
}
/*  IE4-6  */
*html div.rdbox_edgeBR{
  bottom: -3px; /* Dieser Wert ist bei MSIE abhängig von geltender font-size */
  right:-1px;
}

div.rdbox_text{
  position:relative;
  left:0;
  right:0px;
  padding-left: 12px;
  padding-right: 12px;
  z-index:109;
}
html > body .vspacer {
  position:relative;
  clear:both;
  display:block;
  height:4px;
}
*html .vspacer {
  padding: 0 0;
  margin: 0 0;
  width:100%;
  height:4px;
  font-size:1px;
}

div#form_newsin{
  padding: 0 0;
}
#form_newsin .wFine {
  border: 1px solid #888;
  width: 99%;

}
#form_newsin .btnsubmit {
  font-size: 0.95em;/*in bezug zu #leftcontent */
  width:80%;
  text-align:center;
  color:#444444;
}
#form_newsin label {
  color:#666666;
}
div#form_login{
  padding: 0 0;
}
#form_login  .wFine {
  border: 1px solid #888;
  width: 97%;
}
#form_login  select.wFine {
  width:100%;
}
#form_login .btnsubmit {
  font-size: 0.95em;/*in bezug zu #leftcontent */
  width:80%;
  text-align:center;
  color:#444444;
}
#form_login label {
  color:#666666;
}
#shop {
  font-size:0.86em;
}
#shop a {
  font-weight: bold;
}
#shop h2 {
  font-size: 0.96em;
  font-weight: bold;
}
#shop  .wFine {
  width:50%;
  text-align:center;
}
#shop input.anzahl {
  width: 4.0em;
  text-align:center;
}
#shop .btnsubmit {
  font-size: 0.95em;/*in bezug zu #mid-col-2 */
  width:16.0em;
  padding: 4px 30px;
  text-align:center;
  color:#444444;
}
#shop table.artikelliste {
  border:0 solid;
}
#shop table th {
  border-bottom: thin solid #666666;
}
#shop td.bottline {
  border-bottom: thin solid #666666;
}
#shop td.topline {
  border-top: thin solid #666666;
}
#shop td.artmenge {
  vertical-align:top;
  text-align: center;
  width:80px;
}
#shop td.arttext {
  vertical-align:top;
}
#shop td.artmny {
  vertical-align:top;
  text-align:right;
}
#id_kunde1_form, #id_kunde2_form, #id_kunde3_form {
  font-size: 0.86em;
}
#id_kunde1_form p {
  padding-left:8px;
}
#id_kunde2_form p {
  padding-left:8px;
}
#id_kunde3_form p {
  padding-left:8px;
}
#id_kunde1_form fieldset {
  border:1px dashed grey;
}
#id_kunde2_form fieldset {
  border:1px dashed grey;
}
#id_kunde3_form fieldset {
  border:1px dashed grey;
}
#id_einkauf_form {
  font-size: 14px;
  width:100%;
}
#id_einkauf_form2 {
  font-size: 14px;
  width:60%;
}
#widerrufen {
  padding-left:4px;
  font-size: 14px;
}
#widerrufen h1 {
  padding:0;
  font-size: 1.4em;
  font-weight: bold;
  font-family: Arial, helvetica, sans-serif;
}
#widerrufen h2 {
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
}
#widerrufen h3 {
  padding: 0;
  font-size: 1.0em
  font-weight: bold;
}
#widerrufen p {
  padding: 0;
  font-size: 1.114em;
}
acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: grey;
}
.errorfield {
  background-color: red;
}

/*TASTENGROESSE*/
.H28WIDE, .H28MEDIUM, .H28SMALL, .H28U-SMALL{
    height: 2.5em; /*28px*/
}
.H28WIDE{
    width: 19.0em; /*200px*/
}
.H28MEDIUM{
    width: 14.2em; /*150px*/
}
.H28SMALL{
    width: 9.4em; /*100px*/
}
.H28U-SMALL{
    width: 2.5em; /*28px*/
}

/*SUBMIT*/
.SUBMIT_ICON, .SUBMIT_ICONU-S{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
    font-size: 81%;
    color: #666;
	margin: 0 0 0 0;
    border: 1px solid #fff;
    padding: 0 0 0 0;
    background: transparent;
}
.SUBMIT_ICON{padding: 0 26px 2px 0;}

/*SUBMIT HOVER*/
.SUBMIT_ICON:hover{color: #000}

/*ICON-28*/
.KEYGO_28LI, .HTMLGO_28LI, .USERGO_28LI, .EMAILGO_28LI, .BASKETGO_28LI, .BASKETPUT_28LI,
.PACKAGEGO_28LI, .PACKAGE_28LI, .USERKEY_28LI, .ASSIGNMENT_28LI, .DEBIT_28LI, .ACCEPT_28LI,
.CALCULATOREDIT_28LI, .BASKETREMOVE_28LI, .REFRESH_28LI{
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.KEYGO_28LI{background-image: url(img/btn/keygo_28da.jpg)}
.HTMLGO_28LI{background-image: url(img/btn/htmlgo_28da.jpg)}
.USERGO_28LI{background-image: url(img/btn/usergo_28da.jpg)}
.EMAILGO_28LI{background-image: url(img/btn/emailgo_28da.jpg)}
.BASKETGO_28LI{background-image: url(img/btn/basketgo_28da.jpg)}
.BASKETPUT_28LI{background-image: url(img/btn/basketput_28da.jpg)}
.PACKAGEGO_28LI{background-image: url(img/btn/packagego_28da.jpg)}
.PACKAGE_28LI{background-image: url(img/btn/package_28da.jpg)}
.USERKEY_28LI{background-image: url(img/btn/userkey_28da.jpg)}
.ASSIGNMENT_28LI{background-image: url(img/btn/assignment_28da.jpg)}
.DEBIT_28LI{background-image: url(img/btn/debit_28da.jpg)}
.ACCEPT_28LI{background-image: url(img/btn/accept_28da.jpg)}
.CALCULATOREDIT_28LI{background-image: url(img/btn/calculatoredit_28da.jpg)}
.BASKETREMOVE_28LI{background-image: url(img/btn/basketremove_us28da.jpg)}
.REFRESH_28LI{background-image: url(img/btn/refresh_us28da.jpg)}

/*ICON-28 HOVER*/
.KEYGO_28LI:hover, .HTMLGO_28LI:hover, .USERGO_28LI:hover, .EMAILGO_28LI:hover, .BASKETGO_28LI:hover, .BASKETPUT_28LI:hover,
.PACKAGEGO_28LI:hover, .PACKAGE_28LI:hover, .USERKEY_28LI:hover, .ASSIGNMENT_28LI:hover, .DEBIT_28LI:hover, .ACCEPT_28LI:hover,
.CALCULATOREDIT_28LI:hover, .BASKETREMOVE_28LI:hover, .REFRESH_28LI:hover{
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.KEYGO_28LI:hover{background-image: url(img/btn/keygo_28li.jpg)}
.HTMLGO_28LI:hover{background-image: url(img/btn/htmlgo_28li.jpg)}
.USERGO_28LI:hover{background-image: url(img/btn/usergo_28li.jpg)}
.EMAILGO_28LI:hover{background-image: url(img/btn/emailgo_28li.jpg)}
.BASKETGO_28LI:hover{background-image: url(img/btn/basketgo_28li.jpg)}
.BASKETPUT_28LI:hover{background-image: url(img/btn/basketput_28li.jpg)}
.PACKAGEGO_28LI:hover{background-image: url(img/btn/packagego_28li.jpg)}
.PACKAGE_28LI:hover{background-image: url(img/btn/package_28li.jpg)}
.USERKEY_28LI:hover{background-image: url(img/btn/userkey_28li.jpg)}
.ASSIGNMENT_28LI:hover{background-image: url(img/btn/assignment_28li.jpg)}
.DEBIT_28LI:hover{background-image: url(img/btn/debit_28li.jpg)}
.ACCEPT_28LI:hover{background-image: url(img/btn/accept_28li.jpg)}
.CALCULATOREDIT_28LI:hover{background-image: url(img/btn/calculatoredit_28li.jpg)}
.BASKETREMOVE_28LI:hover{background-image: url(img/btn/basketremove_us28li.jpg)}
.REFRESH_28LI:hover{background-image: url(img/btn/refresh_us28li.jpg)}

/*BUTTONS-28*/
.BTNBODY_LI{
position:static;
    border-top: 1px solid #ccc; /*$*/
    border-right: 1px solid #888; /*$*/
    border-bottom: 1px solid #888; /*$*/
    border-left: 1px solid #ccc; /*$*/
    background-repeat: repeat-x;
    background-position: 0% 100%;
}
.BTNBODY_DA{
    border-top: 1px solid #aaa; /*$*/
    border-right: 1px solid #666; /*$*/
    border-bottom: 1px solid #666; /*$*/
    border-left: 1px solid #aaa; /*$*/
    background-repeat: repeat-x;
    background-position: 0% 100%;
}
/*BUTTON-28 LIGHTEFFEKT*/
.LIGHT28BLACK{background-image: url(img/btn/bg_black_28cx.jpg)}
div.TBL{
    display: table;
    width: 100%;
    padding-top: 2px;
}
.RIGHT, .LEFT{
    display: table-cell;
    background: #fff;
    float: right;
}
.LEFT{
    float: left;
}