body
{
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  margin: 0px;
}

th
{
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}

td
{
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

td.datainputcell
{
  padding: 10px 0px 0px 50px;
}

#prodpiccms img {
    display: block;
    margin-left: auto; 
    margin-right: auto;
    width: auto;
    1height: 168px;
}
#prodpiccms div {
    width:300px;
    height:168px; 
    background:#ffffff;   
    border:1px solid #dddddd;
    font-size: 1.7em;
}

div#produkt table {
    color: #999999;
    border-collapse: collapse;
}
div#produkt table th, 
div#produkt table td {
    border: 1px solid #999999;
}

form {
  margin: 0;
}

label{
  font-weight: bold;
}

fieldset {
  background-color: #EFEFEF;
  border:1px solid #990000;
  1margin: 1em 0;
  padding: 15px
display: inline;
}
fieldset fieldset
{
  color: #1A1A1A;
  background-color: #990000;
}
* html fieldset,
* html fieldset fieldset
{
  background-color: white;
}
legend{
  margin-top: 10px;
  padding: 5px;
  color: #000000;
  background-color: #FFBABA;
  border:1px solid #990000;
  font-size: 12px;
  font-weight: bold;
  display: block;
}


/** --------------------------------------------------------- **/
#content_cell
{
  line-height: 18px;
}

#content_cell img
{
  float:left;
  1height:100px;
  1width:100px;
  border:1px solid #000;
  margin: 0 10px 5px 5px;
}

#content_cell img.twitter
{
  border: 0px;
  float: none;
  vertical-align: middle;
  margin:0px 0px 5px 0px;
}

/* http://www.css-technik.de/details/258/8/Tutorials-CSS.htm */
.newsimg {
  border: 1px solid black;
  vertical-align:top;
  height:94px;
  width:125px;
  float:right;
  margin: 0px 10px 0px 0px;
}

.noborderimg{
  border: 0px;
}

/** --------------------------------------------------------- **/
a.TopNav{
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 14px;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: 1px;
}

a.TopNav:link a.TopNav:visited a.TopNav:hover
{
  text-decoration: underline;
}

/** --------------------------------------------------------- **/
a.rot:link
{
  font-size: 11px;
  color: #FF0000;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none
}
a.rot:visited
{
  font-size: 11px;
  color: #FF0000;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none
}
a.rot:hover
{
  font-size: 11px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  text-decoration: none
}

/** --------------------------------------------------------- **/
a.urlextern
{
  background:transparent url("../images/icon_link.gif") 5px 1px no-repeat;
  padding:3px 0px 5px 21px;
  line-height: 17px;
  text-decoration:none;
}
a.urlextern:hover
{
  text-decoration:underline;
}

/** --------------------------------------------------------- **/
a.urlintern, a.m_urlintern
{
  background:transparent url("../images/pfeil.gif") 10px 5px no-repeat;
  padding:1px 0px 0px 21px;
  line-height: 17px;
  text-decoration:none;
}

a.m_urlintern
{
  background:transparent url("../images/m.jpg") 5px 0px no-repeat;
}

a.urlintern:hover, a.m_urlintern:hover
{
  text-decoration:underline;
}

a.urltwitter
{
  background:transparent url("../images/twitter.gif")1px -1px  no-repeat;
  padding:1px 0px 0px 21px;
  margin:0px 0px 0px 5px;
  line-height: 18px;
  text-decoration:none;
}

/** --------------------------------------------------------- **/
a.url_move_up
{
  background:transparent url("../images/arrow_up.gif") 5px 5px no-repeat;
  padding:1px 0px 0px 22px;
  line-height: 17px;
  text-decoration:none;
}
a.url_move_up:hover
{
  text-decoration:underline;
}

/** --------------------------------------------------------- **/
a.url_move_down
{
  background:transparent url("../images/arrow_down.gif") 5px 5px no-repeat;
  padding:1px 0px 0px 22px;
  line-height: 17px;
  text-decoration:none;
}
a.url_move_down:hover
{
  text-decoration:underline;
}

/** --------------------------------------------------------- **/
.menueTitle {
 font-size: 12px;
 color: #FFFFFF;
 line-height: 16px;
 vertical-align: middle;
 text-align: center;
 font-weight: bold;
 letter-spacing: 1px;
}

input.htButton {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background: #CC0000;
  border: 1px solid #FFFFFF;
}

input.linkbutton {
  border: 0px;
  font-size: 11px;
  background: none;
  color:#005500;
  text-decoration: underline;
  cursor: pointer;
}

.fehler {
  font-size: 11px;
  background-color: #FFf5f5;
  border: 2px solid #FF0000;
  padding: 5px;
  1background-image: url(../images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  font-weight: bold;
  color: #CD0505;
  width: 600px;
  margin: 10px;
}
.fehler_text {
  font-size: 11px;
  font-weight: bold;
  color: #CD0505;
}

.warnung {
  font-size: 11px;
  background-color: #FDF8B3;
  border: 2px solid #FF9900;
  padding: 15px 10px 15px 45px;
  1background-image: url(../images/icon_warning.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  font-weight: bold;
  color: #FF3300;
  width: 600px;
  margin: 10px;
}
.delete {
  font-size: 1.3em;
  background-color: #FDF8B3;
  border: 2px solid #FF9900;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  font-weight: bold;
  color: #FF3300;
  width: 600px;
  margin: 10px;
}
.meldung {
  font-size: 11px;
  background-color: #DEF9FE;
  border: 2px solid #0066FF;
  padding: 15px 10px 15px 45px;
  1background-image: url(../images/icon_notice.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
  font-weight: bold;
  color: #0033FF;
  width: 600px;
  margin: 10px;
}

.helpbox {
  font-size: 11px;
  background-color: #ddffdd;
  border: 1px solid #00aa33;
  padding: 2px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  color:#005500;
  margin: 10px;
}

.helpbox a {
   color:#005500;
 }

.elegantbutton
{
  BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  BORDER-LEFT: black 1px solid;
  BORDER-BOTTOM: black 1px solid
}



.step_pointer
{
  font-WEIGHT: bold;
  font-size: 12px;
  color: #FFCCCC;
  font-STYLE: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none ;
  background-color: #FFF4F4
; width: 10px
}
.step_pointer_active
{
  font-WEIGHT: bold;
  font-size: 12px;
  color: #990000;
  font-STYLE: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #FFCCCC
; width: 10px
}


/* Objektgroessen */
.w10 { ; width: 10px; clip:  rect(   )}
.w20 { ; width: 20px; clip:  rect(   )}
.w30 { ; width: 30px; clip:  rect(   )}
.w40 { ; width: 40px; clip:  rect(   )}
.w50 { ; width: 50px; clip:  rect(   )}
.w55 { ; width: 55px; clip:  rect(   )}
.w90 { ; width: 90px; clip:  rect(   )}
.w100 { ; width: 100px; clip:  rect(   )}
.w150 { ; width: 150px; clip:  rect(   )}
.w200 { ; width: 200px; clip:  rect(   )}
.w250 { ; width: 250px; clip:  rect(   )}
.w300 { ; width: 300px; clip:  rect(   )}
.w350 { ; width: 350px; clip:  rect(   )}
.w400 { ; width: 400px; clip:  rect(   )}
.w450 { ; width: 450px; clip:  rect(   )}
.w500 { ; width: 500px; clip:  rect(   )}
.w530 { ; width: 530px; clip:  rect(   )}
.w550 { ; width: 550px; clip:  rect(   )}
.w600 { ; width: 600px; clip:  rect(   )}
.w630 { ; width: 630px; clip:  rect(   )}

.h10 { ; height: 10px; clip:    rect(   )}
.h15 { ; height: 15px; clip:    rect(   )}
.h20 { ; height: 20px; clip:    rect(   )}
.h75 { ; height: 75px; clip:    rect(   )}
.h100 { ; height: 100px; clip:    rect(   )}
.h150 { ; height: 150px; clip:    rect(   )}
.h200 { ; height: 200px; clip:    rect(   )}
.h300 { ; height: 300px; clip:    rect(   )}


/* textausrichtung */
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.top {vertical-align: top; }

/* Floatboxen  */
.fl_right{float:right;}
.fl_left{float:left;}

/* Typo */
.modern { font-family: Verdana, arial, sans-serif; }
.antik { font-family: Georgia, Times, serif; }

/* Schriftgrösse */
.small { font-size: 80%; }
.smaller { font-size: 60%; }
.big {font-size: 110%; }

/* Schriftstil */
.bold { font-weight: bold; }
.italic { font-style: italic; }

/* Schriftfarbe */
.TypoDunkel { color: #333333; }
.TypoNegativ { color: #FFFFFF; }

/* Hintergrund */
.gelb {background-color: #FFCC00; }
.orange {background-color: #FF9933; }
.braun {background-color: #CC9900; }

/* Layout Container */
#footer {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  }

/* Ränder */
.borderTB {
   border: 1px solid #000000;
  }

/* Ränder */
.borderA {
  border-color: #FF9933 #999999 #999999 #FF9933;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  }

.borderTop {
  border-color: #999999;
  border-style: dashed;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  }

.borderWhite {
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  }

.borderGrey {
   border: 1px solid #F4F4F4;
  }

/* Hilfe Messages */
td.helpmsg {
  font-size: 0.7em;
  color: red;
}

#msg{
color="green";
font-size: 8pt;
margin-top: 5px;
padding: 5px;
background-color: #dffeee;
border: 1px solid green;
1width: 350px;
}

#TH_TABLE {
 1border:1px solid green;
 border-collapse:collapse; 
}

th.tbhead{
  background: #e5eecc;
  border:1px solid #bbb;
  padding: 5px;
}
td.tbdata{
  background: #fff;
  border:1px solid #bbb;

}

.tablespacer{
  height:10px;
}

.vam{
  vertical-align: middle;
}

.subnote{
  font-size: 0.8em;
  color: darkred;
  margin-right:10px;
  font-weight: normal;
}
.frame {
  border:1px solid darkred;
  padding:5px;
  margin: 15px;
}
.flri {
  float: right;
}
.flle {
  float: left;
}

.td-border{
  border-bottom:1px solid lightgrey;
  1height:1px;
}

.th-spacer { 
  height:25px; 

}	


.conf-select {
  width: 233px;
}

table.nladr {
  border-collapse: collapse;
  width:800px;
  border:1px solid #aaa;
  font-size: 0.8em;
  color: #aaa;

}


table.nladr td {
  border-bottom: 1px solid #aaa;
}

.selcol {
  border: 1px solid #888;
}


.tooltip {
        border-bottom: 1px dotted #000000; color: #000000; outline: none;
        cursor: help; text-decoration: none;
        position: relative;
}
.tooltip span {
        margin-left: -999em;
        position: absolute;
}
.tooltip:hover span {
        border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0    , 0, 0.1);
        font-family: Calibri, Tahoma, Geneva, sans-serif;
        position: absolute; left: 1em; top: 2em; z-index: 99;
        margin-left: 0; width: 250px;
}
.tooltip:hover img {
        border: 0; margin: -10px 0 0 -55px;
        float: left; position: absolute;
}
.tooltip:hover em {
        font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
        display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;     }
.help { background: #9FDAEE; border: 1px solid #2BB0D7; }
.info { background: #9FDAEE; border: 1px solid #2BB0D7; }
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.diaginfo {
    float:left;
    margin-left:5px;
    color:darkred;
    font-size:0.8em;
    font-style:italic;
}

/* Bild in die mitte für alle browser */
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: ...;
    height: ...;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
<!--[if lt IE 8]>
.wraptocenter span {
    display: inline-block;
    height: 100%;
}
<![endif]-->

table .seminar {
}

table.seminar td {
    padding: 3px;
    border: 1px solid gray;
}
#prodimg {
    overflow:hidden;
}

.off {
    color: red;
    font-size: 2.0em;
    vertical-align:middle;
}
.on {
    color: green;
    font-size: 2.0em;
    vertical-align:middle;
}

.online {
    color: green;
}



