f/* ************************************************************************** */
/*                                                                            */
/* topazmedia base css                                                        */
/*                                                                            */
/* Diese Datei ist nach dem folgenden Schema aufgebaut:                       */
/*                                                                            */
/* 1. Farbangaben zu Text und Hintergrund                                     */
/* 2. Angaben für die Formulare                                               */
/*                                                                            */
/* ************************************************************************** */

body {
  font-family: arial, helvetica, clean, sans-serif;
  font-size: 12px;
  background: none;
}

#tpz-ticker {
  background:#5c5c5c;
  border-top-color: #99999a;
  border-top-style: solid;
  border-top-width: 1px;
}

a {
  color: #000000;
  text-decoration: none;
}



/* main navigation */

#tpz-mainnavi {
    text-transform: uppercase;
}

#tpz-mainnavi .tpz-active {
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
}

#tpz-mainnavi a {
  color: #FFFFFF;
}


/* menu in main navigation */
.yuimenu {
  background-image: url(../images/80_transparent.png);
}

.yuimenu a {
  color: #ffffff;
}

.yuimenuitem-selected {
  background-color: #7a8d98;
}

.tpz-first-level {
  background-image: url(../images/66_grey_transparent.png) ;
}

/* sub navigation */


.tpz-right-scroll-control {
    background-image: url(../images/scrolltab_right.png) ;
    background-repeat: no-repeat;
}

.tpz-left-scroll-control {
    background-image: url(../images/scrolltab_left.png) ;
    background-repeat: no-repeat;
    background-position: right;
}

/*
#tpz-subnavi-level1-active ul {
    background-image: url(../images/menu_tab_level1_background.png) ;
    background-repeat: repeat;
}
*/
#tpz-subnavi-level1-active ul.tpz-multirow a {
    background-image: url(../images/navigation_2/inact.png) ;
    background-repeat: repeat;
    clear: both;
    width: 100%;
}

#tpz-subnavi-level1-active ul.tpz-multirow li.tpz-last .tpz-tab {
    background-image: url(../images/navigation_2/inact_act.png) ;
    background-repeat: no-repeat;
    background-position: right;
}

#tpz-subnavi-level1-active ul li .tpz-tab {
  background-image: url(../images/navigation_2/inact_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-active ul li.tpz-active .tpz-tab {
  background-image: url(../images/navigation_2/act_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-active ul li.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/inact_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-active ul li a{
  background-color: #bebfc0;
  /*background-image: url(../images/navigation_2/inact.png) ;menu_tab_15*/
  background-image: url(../images/navigation_2/inact.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level1-active ul li.tpz-active a {
  background-image: url(../images/navigation_2/act.png) ;
}

#tpz-subnavi-level1-active ul li.tpz-active {
  font-weight: bold;
  color: #ffffff;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level1-active ul li a {
  color: #ffffff;
  text-decoration: none;
}

#tpz-subnavi-level1-inactive ul {
  /*  background-image: url(../images/menu_tab_level1_background.png) ;
    background-repeat: repeat;*/
}

#tpz-subnavi-level1-inactive ul.tpz-multirow {
    background-image: url(../images/navigation_2/act.png) ;
    background-repeat: repeat;
    clear: both;
    width: 100%;
}

#tpz-subnavi-level1-inactive ul.tpz-multirow li.tpz-last .tpz-tab {
    background-image: url(../images/navigation_2/inact_act.png) ;
    background-repeat: no-repeat;
    background-position: right;
}


#tpz-subnavi-level1-inactive ul li .tpz-tab {
  background-image: url(../images/navigation_2/inact_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-inactive ul li.tpz-before-active .tpz-tab {
  background-image: url(../images/navigation_2/inact_act.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-active ul li.tpz-before-active .tpz-tab {
  background-image: url(../images/navigation_2/inact_act.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-active ul li.tpz-active.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/act_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-inactive ul li.tpz-active.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/act_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-inactive ul li.tpz-active .tpz-tab {
  background-image: url(../images/navigation_2/act_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-inactive ul li.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/inact_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level1-inactive ul li a{
  background-color: #bebfc0;
  background-image: url(../images/navigation_2/inact.png) ;
  background-repeat: repeat-x;
  background-position: top;

}

#tpz-subnavi-level1-inactive ul li.tpz-active a{
  font-weight: bold;
  color: #ffffff;
  background-image: url(../images/navigation_2/act.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level1-inactive ul li a {
  color: #ffffff;
  text-decoration: none;
}

#tpz-thinline-level1-bottom-active {
  background-color: #323232;
}
#tpz-thinline-level1-bottom-inactive {
    background-color: #BEBFC0
}
#tpz-subnavi-level2-active {
  background-color: transparent;
  background-image: url(../images/navigation_2/inact.png);
}

#tpz-subnavi-level2-active ul li .tpz-tab {
  background-image: url(../images/navigation_2/inact_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}
#tpz-subnavi-level2-active ul li.tpz-active .tpz-tab {
  background-image: url(../images/navigation_2/act_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-active ul li.tpz-active .tpz-tab a{
  background-image: url(../images/navigation_2/act.png) ;
  background-repeat:repeat-x;
}

#tpz-subnavi-level2-active ul li.tpz-before-active .tpz-tab {
  background-image: url(../images/navigation_2/inact_act.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-active ul li.tpz-active.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/act_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}


#tpz-subnavi-level2-active ul li.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/inact_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-active ul li a{
  background-color: #bebfc0;
  background-image: url(../images/navigation_2/inact.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level2-active ul li.tpz-active a{
  font-weight: bold;
  color: #ffffff;
  background-image: url(../images/navigation_2/act.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level2-active ul li a {
  color: #ffffff;
  text-decoration: none;
}

#tpz-thinline-level2-bottom-active {
  background-color: #323232;
}

#tpz-thinline-level2-top-active {
  background-color: transparent;
}

#tpz-subnavi-level2-inactive,
#tpz-subnavi-level3-inactive,
#tpz-subnavi-level4-inactive {
  background-color: transparent;
  background-image: url(../images/navigation_2/inact.png);
}

#tpz-subnavi-level2-inactive ul li .tpz-tab,
#tpz-subnavi-level3-inactive ul li .tpz-tab,
#tpz-subnavi-level4-inactive ul li .tpz-tab {
  background-image: url(../images/navigation_2/inact_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-inactive ul li.tpz-active .tpz-tab,
#tpz-subnavi-level3-inactive ul li.tpz-active .tpz-tab,
#tpz-subnavi-level4-inactive ul li.tpz-active .tpz-tab {
  background-image: url(../images/navigation_2/act_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-inactive ul li.tpz-before-active .tpz-tab,
#tpz-subnavi-level3-inactive ul li.tpz-before-active .tpz-tab,
#tpz-subnavi-level4-inactive ul li.tpz-before-active .tpz-tab {
  background-image: url(../images/navigation_2/inact_act.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-inactive ul li.tpz-active.tpz-last .tpz-tab,
#tpz-subnavi-level3-inactive ul li.tpz-active.tpz-last .tpz-tab,
#tpz-subnavi-level4-inactive ul li.tpz-active.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/act_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}


#tpz-subnavi-level2-inactive ul li.tpz-last .tpz-tab,
#tpz-subnavi-level3-inactive ul li.tpz-last .tpz-tab,
#tpz-subnavi-level4-inactive ul li.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/inact_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level2-inactive ul li a,
#tpz-subnavi-level3-inactive ul li a,
#tpz-subnavi-level4-inactive ul li a{
  background-color: #bebfc0;
  background-image: url(../images/navigation_2/inact.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level2-inactive ul li.tpz-active a,
#tpz-subnavi-level3-inactive ul li.tpz-active a,
#tpz-subnavi-level4-inactive ul li.tpz-active a{
  font-weight: bold;
  color: #ffffff;
  background-image: url(../images/navigation_2/act.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level2-inactive ul li a,
#tpz-subnavi-level3-inactive ul li a,
#tpz-subnavi-level4-inactive ul li a {
  color: #ffffff;
  text-decoration: none;
}

#tpz-thinline-level2-bottom-inactive,
#tpz-thinline-level3-bottom-inactive,
#tpz-thinline-level4-bottom-inactive {
  background-color: #323232;
}

#tpz-thinline-level2-top-inactive,
#tpz-thinline-level3-top-inactive,
#tpz-thinline-level4-top-inactive {
  background-color: transparent;
}


#tpz-subnavi-level3-active,
#tpz-subnavi-level4-active,
#tpz-subnavi-level5-active {
  background-image: url(../images/navigation_2/inact.png);
  background-color: transparent;
}

#tpz-subnavi-level3-active ul li .tpz-tab,
#tpz-subnavi-level4-active ul li .tpz-tab,
#tpz-subnavi-level5-active ul li .tpz-tab {
  background-image: url(../images/navigation_2/inact_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level3-active ul li.tpz-active .tpz-tab,
#tpz-subnavi-level4-active ul li.tpz-active .tpz-tab,
#tpz-subnavi-level5-active ul li.tpz-active .tpz-tab {
  background-image: url(../images/navigation_2/act_inact.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level3-active ul li.tpz-before-active .tpz-tab,
#tpz-subnavi-level4-active ul li.tpz-before-active .tpz-tab,
#tpz-subnavi-level5-active ul li.tpz-before-active .tpz-tab {
  background-image: url(../images/navigation_2/inact_act.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level3-active ul li.tpz-active.tpz-last .tpz-tab,
#tpz-subnavi-level4-active ul li.tpz-active.tpz-last .tpz-tab,
#tpz-subnavi-level5-active ul li.tpz-active.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/act_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}


#tpz-subnavi-level3-active ul li.tpz-last .tpz-tab,
#tpz-subnavi-level4-active ul li.tpz-last .tpz-tab,
#tpz-subnavi-level5-active ul li.tpz-last .tpz-tab {
  background-image: url(../images/navigation_2/inact_last.png) ;
  background-repeat: no-repeat;
  background-position: right;
}

#tpz-subnavi-level3-active ul li a,
#tpz-subnavi-level4-active ul li a,
#tpz-subnavi-level5-active ul li a{
  background-color: #bebfc0;
  background-image: url(../images/navigation_2/inact.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level3-active ul li.tpz-active a,
#tpz-subnavi-level4-active ul li.tpz-active a,
#tpz-subnavi-level5-active ul li.tpz-active a{
  font-weight: bold;
  color: #ffffff;
  background-image: url(../images/navigation_2/act.png) ;
  background-repeat: repeat-x;
  background-position: top;
}

#tpz-subnavi-level3-active ul li a,
#tpz-subnavi-level4-active ul li a,
#tpz-subnavi-level5-active ul li a {
  color: #ffffff;
  text-decoration: none;
}

#tpz-thinline-level3-bottom-active,
#tpz-thinline-level4-bottom-active,
#tpz-thinline-level5-bottom-active {
  background-color: #323232;
}

#tpz-thinline-level3-top-active,
#tpz-thinline-level4-top-active,
#tpz-thinline-level5-top-active {
  background-color: transparent;
}




/* search */

#tpz-searchline {
  background-image: url(../images/search_line.png) ;
  background-repeat: no-repeat;
  background-position: 0px top;
  white-space: nowrap;
}

/* filter */
.tpz-filterElement .tpz-active {
  background-color: #d0e3ee; /*#tpz-b8cbd6*/
}


/* elements */
textarea:focus, input:focus, select:focus {
	background-color: #FFFF99;
}

#tpz-menu-overlay {
  background-image: url(../images/66_grey_transparent.png) ;
  background-position: left top;
  color: #ffffff;
}

#tpz-menu-overlay .hd {
  background-color: #323232;
  text-align: center;
}

#tpz-menu-overlay .bd {
  color: #ffffff;
}

#tpz-menu-overlay .bd a {
  color: #ffffff;
}

#tpz-menu-overlay .ft {
  background-color: #323232;
  text-align: center;
}

#tpz-submenu-overlay {
  background-image: url(../images/80_transparent.png) ;
  color: #ffffff;
}

#tpz-submenu-overlay .hd {
  height: 0px;
}

#tpz-submenu-overlay .bd {
  color: #ffffff;
}

#tpz-submenu-overlay .bd a {
  color: #ffffff;
}


/* contact search */
#tpz-contact-search-overlay {
  color: #fff;
}

#tpz-contact-search-overlay a.tpz-search-link {
  color: #fff;
}

#roughCalculator {
  background-color: #343535;
  background-image: url(../images/htg/header.png);
  background-repeat: no-repeat;
  padding-top: 66px;
  color: #fff;
  width: 1168px;
}

#rcalDetails .inside {
  background-repeat: no-repeat;
  padding: 66px 15px 15px 15px;
  color: #fff;
  width: 1137px;
  background-color: #343535;
  background-image: url(../images/htg/header2.png);
}

#roughCalculator div.surround, #rcalDetails div.surround {
	  background-image: url(../images/htg/footer.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}


/** ****************************************************************************
  * 2. Schriften festlegen
  */

#tpz-mainnavi {
  font-size: 100%;
  color: #636363;
}

#tpz-subnavi-level1-inactive,
#tpz-subnavi-level1-active,
#tpz-subnavi-level2-inactive,
#tpz-subnavi-level2-active {
  font-size: 11px;
  color: transparent;
/*  background-image: url(../images/navigation_2/inact.png) ;*/
}


#tpz-custom-navi {
  font-size: 10px;
  color: #000000;
  background-image: url(../images/menu_tab_level1_background.png) ;
  background-repeat: repeat;
}

#tpz-searchbox,
#tpz-ticker {
  font-size: 10px;
  color: #ffffff;
}

#tpz-logout {
  padding: 0px 10px 0px 10px;
}

#tpz-logout a {
  text-transform: uppercase;
}

#tpz-logout a {
  color: #000;
}


.yuimenu a,
#tpz-menu-overlay .bd,
#tpz-sub-menu-overlay .bd {
  font-size: 11px;
  color: #ffffff;
}

#tpz-help-overlay .hd,
#tpz-contact-search-overlay .hd {
  font-size: 14px;
  font-weight: bold;
}

#tpz-contact-search-overlay .bd {
  font-family: helvetica, arial , clean, sans-serif;
  font-size: 12px;
}

/** ****************************************************************************
  * 3. Farben festlegen
  */

/* Hintergrundfarbe Tooltips */
.yui-skin-sam .yui-tt .bd {
  background: #d0e3ee;
  border-color: #D4C237 #A6982B #A6982B;
}

/* Hintergrundfarbe aktives Filterelement */
#tpz-filter .tpz-active {
  background-color: #ffffff;
}

/* Hintergrundfarbe aktives fokusiertes Filterelement */
#tpz-filter textarea.tpz-active:focus, input.tpz-active:focus, select.tpz-active:focus   {
  background-color: #d0e3ee;
}


/* Hintergrundfarbe fokusiertes Element */
textarea:focus, input:focus, select:focus {
	background-color: #d0e3ee;
}