/****************************************************************************************************************
*  Name: project.css
*  erstellt: 13.03.2000
*  Autor: OT
* Beschreibung:
* Stylesheet fuer die projekt-spezifischen Templates und Definitionen.
*
*  letzte Aenderungen:
*  Datum      von was
* MK hat die seminare hinzugefuegt. am 23.3.9
*
****************************************************************************************************************/
ul.tabbed_browsing li {
 display: block;
 float :left;
 padding: 10px;
 margin: 5px;
 border: 1px solid #009900
}
.ui-tabs .ui-tabs-hide {
     display: none;
}

/* seminare unter stimmenfang */

/* REITER-NAVIGATION */

h4.flag {
  display: none;
}

.flagnavarea {
    clear: both;
  padding: 0 0 0 0px;
  margin: 0 0 0 0px;

    height: 20px;
    border-bottom: none;
}

.flagnavarea ul li
{
  margin: 0px;
  padding: 0px;
}

ul.flagnav-1, ul.flagnav-2, ul.flagnav-3, ul.flagnav-4 {
    margin: 0;
    list-style: none;
    min-height: 0;
}
ul.flagnav-2 {
    margin: 0 0 0 20px;
}
ul.flagnav-3 {
    margin: 0 0 0 40px;
}
ul.flagnav-4 {
    margin: 0 0 0 60px;
}
ul.flagnav-1 li{
    float: left;
    background: #869197 url(../../assets/common/flag-corner.gif) top right no-repeat;
}
ul.flagnav-1 a,
ul.flagnav-1 a:link,
ul.flagnav-1 a:visited,
ul.flagnav-1 a:hover,
ul.flagnav-1 a:active{
  float: left;
  display: block;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  background: url(../../assets/common/useractionarrow.gif) top left no-repeat;
  padding: 2px 8px 2px 25px;
    font-weight:bold;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
    border-bottom: 1px solid #fff;
}
ul.flagnav-1 a.flagactive,
ul.flagnav-1 a.flagactive:link,
ul.flagnav-1 a.flagactive:visited,
ul.flagnav-1 a.flagactive:hover,
ul.flagnav-1 a.flagactive:active
 {
    background-color: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    color: #000;
    font-weight: bold;
}
.flagcontentarea p { /* vererbte einrckung rechts auf null */
    margin-right: 10px;
}
.flagcontentarea,
.flagcontentarea-active {
    margin: 0 0 15px 0px;
    padding: 0px 0 0 0px;
    clear: both;
    float: right;
    background: #f7f7f7;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /*border-top: 1px solid #DFDFDF;*/
    display: none; /*neu rsg */
    /* START / TANTEK-HACK FUER IE5.5 */
    width: 545px;
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK-HACK FUER IE5.5 */
    width: 551px;
}
.flagcontentarea-active {
    display: block;
}
/* Breiten fr die Reiter. Zu beachten ist, dass bei Reihen mit 3 oder 6 Reitern das letzte Element
/* der Reihe ber eine andere Klasse ([...]-last) den verbleibenden Platz auffllt. */


ul.flagnav-1 li.flag-5 a,
ul.flagnav-1 li.flag-5 a:link,
ul.flagnav-1 li.flag-5 a:visited,
ul.flagnav-1 li.flag-5 a:hover,
ul.flagnav-1 li.flag-5 a:active,
ul.flagnav-1 li.flag-5-last a,
ul.flagnav-1 li.flag-5-last a:link,
ul.flagnav-1 li.flag-5-last a:visited,
ul.flagnav-1 li.flag-5-last a:hover,
ul.flagnav-1 li.flag-5-last a:active {
    /* START / TANTEK-HACK FUER IE5.5 */
    width: 108px;
    width: 107px;
    voice-family: "\" }\"";
    voice-family: inherit;
    /* STOP / TANTEK-HACK FUER IE5.5 */
    width: 75px;
    width: 74px;
}

.wrapper_seminare .flagcontentarea-active ul,
.wrapper_seminare .flagcontentarea-active ul li
{
  list-style-type: disc;
}

.wrapper_seminare .teaser-wide-inner
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.wrapper_seminare .teaser-wide-inner p
{
  color:#666666;
  margin:0px 15px 15px 15px;
  font-size: 12px;
}



/* Definitionslisten-Layout mit Rahmen (z.b. bei 'Referenzen')
muss ggf noch deglobalisiert werden
*/
.teaser-wide-inner dl.box, .teaser-wide-inner dl.whitebox {
  clear: both;
  border: 1px solid #dedede;
  margin: 0 1px 10px 0;
}
.teaser-wide-inner dl.whitebox {
  background: #FAFAFA;
}
.teaser-wide-inner dl.box dt, .teaser-wide-inner dl.whitebox dt {
  background: #dedede;
  padding: 7px 0 1px 7px;
  font-size: 12px;
  color: #666;
  font-weight: bold;
  margin: 0;
}
.teaser-wide-inner dl.box dd, .teaser-wide-inner dl.whitebox dd {
  padding: 0 0 0 0px;
  margin: 5px 0 0px 0;
}
.teaser-wide-inner dl.box dl dd, .teaser-wide-inner dl.whitebox dl dd {
  padding: 0 0 0 10px;
}
.teaser-wide-inner dl.box dl dt, .teaser-wide-inner dl.whitebox dl dt {
  margin: 10px 0 0 0;
  background: #fff;
  padding: 2px 5px;
}

.teaser-wide-inner dl.box dd ul
{
  margin: 0px;
  padding: 5px 0px;
}

.teaser-wide-inner dl.box dd ul li
{
  margin: 0px 0px 0px 20px;
  padding: 0px 0px;
  font-size: 12px;
  line-height: 125%;
}

.teaser-wide-inner dl.box dd ul li .link
{
  margin: 0px 0px 0px 10px;
}

.teaser-wide-inner dl.box dd ul.no_list,
.teaser-wide-inner dl.box dd ul.no_list li
{
  list-style: none;
}

.teaser-wide-inner dl.box dd ul.no_list li
{
    margin: 0px 0px 0px 0px;
}

.wrapper_seminare
{
  font-size: 12px; /* mk qnd */
}

/**
  * seminar-spezial
  */
.wrapper_seminare .teaser-wide-inner
{
  padding: 0px;
}

.wrapper_seminare div.text
{
  margin: 10px;
}

.wrapper_seminare div.text p
{
  margin: 0px;
  padding: 0px;
}

/**
  * bilder in teaserkopp
  */
.wrapper_seminare .teaser-wide-inner p.img,
.wrapper_seminare .teaser-wide-inner img  { /* bild nach rechts floaten */
  /* wichtig: im xhtml-flow steht immer erst der IMG-, dann der P-tag */
  clear: right; /* stellt sicher, dass die bilder nicht nebeneinander floaten und immer bei ihren abs?en stehen */
  float: right;
  margin: 0 0 10px 10px;
  font-style: italic;
  width: 200px;
}
.wrapper_seminare .teaser-wide-inner p.img img,
.wrapper_seminare .teaser-wide-inner table img {
  clear: none;
  float: none;
  margin: 0;
  display: block;
}

.wrapper_seminare .teaser-wide-inner table
{
  width: 529px;
border: none;
margin: 10px 0px 17px 10px;
padding: 5px 0px 0px 0px;


}

.wrapper_seminare table tr td label
{
  width: 200px;
  display: block;
}

.wrapper_seminare table tr td label.inline
{
  display: inline;
}

.wrapper_seminare table tr td.input input.text,
.wrapper_seminare table tr td.input textarea
{
  width: 305px;
  color: #000;
}

.wrapper_seminare table tr td input.checkbox
{
  width: auto;
}

.wrapper_seminare table tr td select,
.wrapper_seminare table tr td select option
{
 width: 305px;
  color: #000;
}

h3.img_headline {
  margin: 10px 0 0 15px;
  float: left;
  width: 324px;
  display: inline;
  background-repeat: no-repeat;
  background-position: top left;
}

.wrapper_seminare .error
{
  margin: 0px 0px 0px 0px;
}

.wrapper_seminare tr.error td,
.wrapper_seminare tr.error td label{
  color: #FF0000;
}
.wrapper_seminare tr.error input.text,
.wrapper_seminare tr.error select,
.wrapper_seminare tr.error textarea {
  background: #FFE1E1;
  border: 1px solid #FF0000;
}
/**
 * sortierbare tabellen
 */
thead.sortable th
{
  color: #E2021D;
  text-decoration: underline;
  cursor: pointer;
}

/**
*
*/
/* BILDER IN CONTENT-NAVI */
.hoverbox {
    border: 1px solid #869197;
    background: #fff;
    width:200px;
    padding: 4px;
    color:#000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:center;
}
.hoverbox img {
    width: 200px;
    height: 164px;
}


#product_overview {
  background: #FFF;
  margin-top:30px;
}

#product_overview .product_overview_float{
  float: left;
  width: 140px;
  height: 72px;
  padding: 0px;
  margin: 0px;
  background-image: url(../../assets/common/bg_product_overview.gif);
  background-position: left top;
  background-repeat: no-repeat;
}


#product_overview a,
#product_overview a:link,
#product_overview a:visited,
#product_overview a:hover,
#product_overview a:active
{
  display: block;
  padding: 12px 0px 0px 12px;
  width: 124px;
  height: 58px;
  margin: 0px;
}