/****** Allgemeine Anweisungen ******/
/*** Letzte Aenderung: 16.5.07 S.Haubold ***/

html { height: 100%; margin-bottom: 1px; } 

body {
  text-align: center;
  font-size: 100.01%;
  padding: 0 0 20px 0;
  margin: 0;
  font-family: verdana,arial,sans-serif;
  color: #333;
}
form {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5 {
  margin: 0;
  padding: 0;
}

h1 {
 color: #73685b; 
 font-family: Arial;
 font-size: 18px; 
 text-transform: uppercase;
 font-weight: normal;
 margin: 0 0 15px 0;
}
h2 {
 color: #73685b; 
 font-family: Arial;
 font-size: 15px;
 text-transform: uppercase;
 font-weight: normal;
 margin: 0 0 15px 0;
}

#right_row h2 {
 font-family: Verdana;
}
img {
  border: 0;
}

div {
  margin:0;
  padding:0;
}

input, textarea {
  font-family: Verdana;
}

ul {
 list-style-type: none;
 margin:0;
 padding:0;
}

p {
 font-size: 11px;
 color: #333;
 line-height: 18px;
}
#center_row {
 font-size: 11px;
}
a {text-decoration: none;}
a:link, a:visited { color: #c00;}
a:focus, a:hover, a:active { color: #950600;}

#container {
  margin: 0 auto;
  width: 930px;
  text-align:left;
}

/******* Header *******/

#head {
  color: #c00;
  width: 930px;
  height: 208px;
  position: relative;
  font-weight: bold;
  font-size: 11px;
}
#head a, #head a:visited, #head a:hover, #head a:active,
#footer a, #footer a:visited, #footer a:hover, #footer a:active {
  font-weight: bold;
  font-size: 11px;
}
#head ul li, #footer ul li {
  float: left;
}
#head ul, #footer ul {
  padding:0;
  margin:0;
}

#banner_image {
  position:absolute;
  top:30px;
  right: 0px;
}
#logo_image {
  position:absolute;
  top:24px;
  left: 0px;
  z-index:10;
}
#logo_tranz {
  position:absolute;
  top: 126px;
  background: url(/uploads/pics/tranz_logo.png) left top no-repeat;
  width:930px;
  height: 24px;
}
#meta_navi {
  position: absolute;
  top: 13px;
  left: 372px;
}

#lang_navi {
  position: absolute;
  top: 13px;
  right: 0px;
}

/****** HauptNavi ******/

#main_navi {
  position: absolute;
  top: 152px;
  left:0px;
}
#main_navi li.first a {
  width: 166px;
  border-left: 0px solid white;
}
#main_navi li a, #main_navi a:visited {
  height: 24px;
  width: 165px;
  padding: 0 0 0 20px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  background-color: #c00;
  display:block;
  border-left: 1px solid white;
}
#main_navi a:hover, #main_navi a:active, #main_navi li.active a{
  text-transform: uppercase; 
  background-color: #950600;
}

#path {
  position: absolute;
  top: 178px;
  left:0;
  border-bottom: 2px solid #73685b;
  border-top: 2px solid #73685b;
  width: 910px;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 20px;
  color: #73685b;
}

/******* Suche (Header) *******/

#search_form {
  position: absolute;
  top:180px;
  right: 0px;
  line-height: 28px;
}
#search_form form {
  margin: 0;
  padding: 0;
}
#search_form input {
  width: 155px;
}
#search_form #searchButton {
  top: 4px;
  position: relative;
  width: 18px;
}
#path ul {
  display:inline;
}

#path li {
  font-weight: normal;
}

/**** BODY ****/

#body {
  margin: 24px 0 48px 0;
  width:930px;
  background: url(/uploads/pics/bg_leftrow.gif) top left repeat-y;
  float:left;
  clear:both;
}

#body p {
  margin-top: 0;
  padding-top: 0;
}

/*** LINKS ***/

#left_row {
  float: left;
  width: 186px;
/*  background-color: #f3efe6;
  padding-bottom: 32767px;
  margin-bottom: -32767px; */
}

#left_row ul {
  width: 186px;
}

#left_row ul li a,#left_row ul li a:visited{
  width: 166px;
  background-color: #c00;
  border-top: 1px solid #db5c56;
  display: block;
  color: #f3efe6;
  padding-left: 20px;
  font-weight: bold;
  font-size: 11px;
  line-height: 20px;
}
#left_row ul li.hassub a,#left_row ul li.hassub a:visited {
  color: #f3efe6;
  background-color: #9a130d;
}
#left_row ul li.hassub li a, #left_row ul li.hassub li a:visited {
  padding-left: 24px;
  width: 162px;
}
#left_row ul li.active a.active {
  background: url(/uploads/pics/navi_arrow_right.gif) 5px center no-repeat;
  background-color: #fff;
}
#left_row ul a.hassub {
  background: url(/uploads/pics/navi_arrow_down.gif) 5px center no-repeat;
}
#left_row ul li a:hover,#left_row ul li.hassub  a:hover, #left_row ul li a:active, #left_row ul li.active a.active {
  color: #c00;
  background-color: #fff;
}
#left_row ul li a.active, #left_row ul li a.active:visited {
  color: #c00;
  background-color: #fff;
}
/******* MITTE *******/

#center_row {
  float: left;
  width: 518px;
  padding: 0 20px 0 20px;
  /* overflow: hidden; 
  padding-bottom: 32767px;
  margin-bottom: -32767px; */
}
#body.two_row {
  background: none;
}
#body.two_row #center_row {
  width: 568px;
  padding: 0;
}
#center_row p{
  margin: 0 0 20px 0;
}

#center_row ul{
  margin: 0;
  padding-left: 15px;
  padding-bottom: 10px;
  list-style: disc;
}
#center_row li{
  font-size: 11px;
  line-height: 18px;
}

#center_row a {text-decoration: none;}
#center_row a:link, #center_row a:visited {color: #c00; font-weight: bold;}
#center_row a:focus, #center_row a:hover, #center_row a:active { color: #950600;}


#center_row div.csc-textpic-imagewrap {
  border: 4px solid #f3efe6;
  background-color: #f3efe6;
}
#center_row div.csc-textpic-imagewrap dd.csc-textpic-caption {
 padding: 4px;
 font-size: 10px;
}

/*** RIGHT ROW ***/

#right_row {
  float:right;
  width: 186px;
/*  padding-bottom: 32767px;
  margin-bottom: -32767px; */
}
#body.two_row #right_row {
 width: 362px;
}
/*** CONTENT ELEMENTE ***/
div.ay_mini_teaser {
  width: 186px;
  padding: 0 0 10px 0;
  margin: 0 0 23px 0;
  background-color: #F3EFE6;
}
div.ay_mini_teaser h2 {
  height: 25px;
  width: 176px;
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
  background-color: #a08b70;
}
div.ay_mini_teaser h2 a,div.ay_mini_teaser h2 a:visited {
  font-weight: bold;
  font-size: 11px;
  line-height: 25px;
  color: #fff;
  text-transform: uppercase;
}
div.ay_mini_teaser h3 {
  font-size: 11px;
  font-weight: bold;
  color: #d00000;
  padding: 0 0 0 10px;
  margin: 0;
  line-height: 18px;
  text-transform: none;
}
div.ay_mini_teaser p {
  padding: 0 10px 0 10px;
}
div.ay_mini_teaser p a, div.ay_mini_teaser p a:visited {
  background: url(/uploads/pics/icon_arrow.jpg) no-repeat left center;
  color: #d00000;
  font-weight: bold;
  padding: 0 0 0 10px;
}
div.ay_mini_teaser h3 a,div.ay_mini_teaser h3  a:visited {
  background: none;
  padding: 0;
}
div.ay_mini_teaser p a:hover,div.ay_mini_teaser h3 a:hover {
  color: #950600;
}
div.ay_mini_teaser img {
  margin: 0 0 5px 10px;
}

div.ay_inhalts_teaser {
  width: 518px;
  padding: 0 0 0 0;
  margin: 0 0 20px 0;
  clear:both;
  float:left;
}
div.ay_inhalts_teaser h2 {
  color: #d00000;
  margin-bottom: 10px;
}

div.ay_inhalts_teaser img {
  float:left;
  border: 4px solid #f3efe6;
  width: 178px;
  height: 126px;
  margin: 0 10px 0 0;
}
div.ay_inhalts_teaser p a, div.ay_inhalts_teaser p a:visited {
  background: url(/uploads/pics/icon_arrow.jpg) no-repeat left center;
  color: #d00000;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
}
div.ay_inhalts_teaser p a:hover {
  color: #950600;
}

div.ay_big_teaser {
  width: 540px;
  padding: 4px 4px 14px 4px;
  margin: 0 0 20px 0;
  background-color: #f3efe6;
}
div.ay_big_teaser h2 {
  color: #d00000;
  margin: 0 6px 10px 6px;
}
#center_row div.ay_big_teaser p {
  margin: 0 6px 0 6px;
}
div.ay_big_teaser img {
  margin: 0 0 15px 0;
}
div.ay_big_teaser p a, div.ay_big_teaser p a:visited {
  background: url(/uploads/pics/icon_arrow.jpg) no-repeat left center;
  color: #d00000;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
}
div.ay_big_teaser p a:hover {
  color: #950600;
}
/*** Commerce ***/
#center_row div.tx-ayproducts-pi1 {
  width: 544px;
} 
div.commerce_item {
  float:left;
  margin: 0 23px 24px 0;
}
div.commerce_item_bg {
  width: 239px;
  padding: 4px;
  height: 247px;
  background-color: #f3efe6;
  overflow: hidden;
}
#center_row div.commerce_item h3,#center_row div.commerce_item h3 a,#center_row div.commerce_item h3 a:visited {
  font-size: 10px;	
  color: #19212c;
  line-height: 14px;
  padding-bottom: 4px;
}
#center_row div.commerce_item	img {
  margin-bottom: 9px;
}
#center_row div.commerce_item_text {
  padding: 0 7px 14px 7px;
}
#center_row div.commerce_item_text p {
  line-height: 14px;
}
#center_row div.commerce_item_buttons {
  width: 247px;
  height: 24px;
  padding: 10px 0 0 0;
  position: relative;
  line-height: 24px;
  font-family: Verdana;
}
#center_row div.commerce_item_buttons button, #center_row div.commerce_item_buttons input {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
  width: 96px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #c00;
  background: url(/uploads/pics/icon_anfrage.gif) 77px center no-repeat;
  background-color: #fff;
  text-transform: uppercase;
  color: #c00;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  padding: 0 0 0 8px;
  cursor:pointer;
  text-align:left;
}
#center_row div.commerce_item_buttons a,#center_row div.commerce_item_buttons a:visited {
  top: 10px;
  left: 0;
  width: 83px;
  height: 22px;
  background: url(/uploads/pics/icon_detail.gif) 72px center no-repeat;
  border: 1px solid #c00;
  display: block;
  text-transform: uppercase;
  padding: 0 0 0 8px;
}

#center_row div.commerce_item_buttons a:hover {
  background: url(/uploads/pics/icon_detail_hover.gif) 72px center no-repeat;
}
#center_row div.commerce_item_buttons button:hover, #center_row div.commerce_item_buttons input:hover {
 color: #950600;
 background: url(/uploads/pics/icon_anfrage_hover.gif) 77px center no-repeat;
}
div.commerce_list_paging {
 color: #73685B;
 clear:both;
 margin-top: 6px;
 height: 24px;
}
#center_row div.commerce_list_paging a.akt {
 color: #73685B;
}
#center_row div.commerce_list_paging ul {
 margin:0;
 padding:0;
 list-style-type: none;
}
#center_row div.commerce_list_paging li  {
 float:left;
} 
div.commerce_detail_item {
  margin: 0 23px 24px 0;
}
#center_row div.commerce_detail_item p.back_link {
  margin-top: 16px;
}
div.commerce_detail_item_bg {
  width: 510px;
  padding: 4px;
  background-color: #f3efe6;
}
#center_row div.commerce_detail_item_bg img {
  margin-bottom:12px;
}
div.tx-ayproducts-pi1 table {
  clear:both;
  border-spacing:0;
  width: 518px;
  font-size: 11px;
}
div.tx-ayproducts-pi1 .specRowOdd {
  background-color:  #f3efe6;
}
div.tx-ayproducts-pi1 td {
  padding:5px 4px 5px 8px;
}
div.tx-ayproducts-pi1 img.color_box {
  margin-right:6px;
}

#center_row div.commerce_detail_buttons button,#center_row div.commerce_detail_buttons input {
  height: 24px;
  width: 158px;
  line-height: 24px;
}
div.commerce_detail_buttons input:hover,  #center_row div.commerce_detail_buttons a:hover{
  background-color: #c00;
  color: #fff;
}
div.commerce_detail_buttons {
  line-height: 24px;
  height: 24px;
  padding: 24px 0 24px 0;
}
div.commerce_detail_buttons a,div.commerce_detail_buttons button,div.commerce_detail_buttons input{
  width: 150px;
  height: 22px;
  border: 1px solid #c00;
  background-color: #fff;
  color: #c00;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  cursor:pointer;
  text-transform: uppercase;
  text-align: left;
  margin:0 19px 0 0;
  padding: 0 0 0 8px;
  float:left;
}
#center_row div.commerce_detail_buttons a.detail_link {
  background: url(/uploads/pics/icon_detail.gif) 140px center no-repeat;
}
#center_row div.commerce_detail_buttons a.detail_link:hover {
  color: #950600;
  background: url(/uploads/pics/icon_detail_hover.gif) 140px center no-repeat;
}
#center_row div.commerce_detail_buttons button.merken_submit {
  background: url(/uploads/pics/icon_anfrage.gif) 140px center no-repeat;
}
#center_row div.commerce_detail_buttons button.merken_submit:hover {
  color: #950600;
  background: url(/uploads/pics/icon_anfrage_hover.gif) 140px center no-repeat;
}
#center_row div.commerce_detail_buttons a.anfrage_link,#center_row div.commerce_detail_buttons input.anfrage_link {
  background-color: #c00;
  color: #fff;
  margin:0 2px 0 0;
  float:right;
  cursor:pointer;
}
#center_row div.commerce_detail_buttons a.anfrage_link:hover,#center_row div.commerce_detail_buttons input.anfrage_link:hover {
  background-color: #fff;
  color: #c00;
}
#feedbackform #mailformformtype_mail {
  margin-left: 0;
}
div.normal {
  font-width: normal;
}
#mailformformtype_mail {
  border: 1px solid #c00;
  background-color: #c00;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  cursor:pointer;
  text-transform: uppercase;
  text-align: left;
  margin:0 19px 0 120px;
  padding: 0 0 0 8px;

}


#right_row .ay_cart li {
  font-size: 11px;
  font-weight: bold;
  color: #d00000;
  padding: 2px 0 2px 10px;
  margin: 0;
  line-height: 18px;
  border-bottom: 1px solid white;
}
#right_row .ay_cart {
  position:relative;
}
#right_row .ay_cart h2 img{
  position: absolute;
  top: 7px;
  right: 10px;
}
#right_row .ay_cart a.start {
  font-size: 11px;
  font-weight: bold;
}
#right_row .ay_cart p {
  text-align: right;
  margin: 10px 0 0 20px;
}
#right_row div.commerce_product_teaser {
  background-color: #F3EFE6;
  width: 362px;
  height: 284px;
  margin-bottom: 24px;
}
#right_row div.commerce_product_teaser h3 {
  width: 354px;
  height: 25px;
  background-color: #a58c73;
  line-height: 25px;
  font-weight:bold;
  color: white;
  padding: 0 0 0 8px;
  font-size:12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#right_row div.commerce_top_product {
  float:left;
  width: 101px;
  height: 100px;
  padding: 4px 4px 4px 2px;
  background: white;
  margin: 0 0 12px 10px;
  display: inline;
}
#right_row div.commerce_top_product img {
  border: 1px solid #F3EFE6;
}

/*** FORMULARE ***/
#center_row fieldset {
  width: 518px;
  background-color: #F3EFE6;
  border:0pt none;
  overflow:hidden;
  padding:6px 0pt 6px 6px;
}
#center_row fieldset div {
  margin:2px 9px 2px 0pt;
  padding:4px 0 4px 0;
  clear:both;
}
#center_row fieldset label {
  float:left;
  margin:4px 1em 0 0;
  width:10em;
}
#center_row fieldset div.form-field label {
  width:15em;
}
#center_row fieldset div.form-field input,#center_row fieldset div.form-field textarea {
  width: 310px;
}
#center_row fieldset label.required {
  font-weight: bold;
}
/*** SUCHE ***/
#center_row div.tx-indexedsearch fieldset div {
  width: auto;
}
#center_row div.tx-indexedsearch fieldset .sword {
  padding: 5px 0 2px 5px;
  width: 503px;
  height:15px;
  font-size: 12px;
  border: 0;
}
#center_row div.tx-indexedsearch h2 {
  margin-top: 5px;
}
#center_row strong.tx-indexedsearch-redMarkup {
  color: #333;
}

#center_row .mailform .submit, #center_row .mailform .checkbox {
  padding: 3px;
  width: auto;
}
/*** TIPAFRIEND ***/
#center_row .tipafriendform input {
  padding: 5px 0 2px 5px;
  width: 337px;
}
#center_row .tipafriendform textarea {
  padding: 5px 0 2px 5px;
  width: 500px;
}
#center_row fieldset.tipafriendform label {
  width:13em;
}
#center_row .captcha img {
}
#center_row .tipafriendform .csc-mailform-submit{
  padding: 3px;
  width: auto;
}
/*** NEWS ***/
div.news-single-item h2,div.news-list-item h2 {
  margin-top: 15px;
  color: #D00000;
  font-family: Arial;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

div.news-single-item img {
  float:left;
  margin: 5px 10px 10px 0;
  border:4px solid #F3EFE6;
}
div.news-single-img p {
  display:none;
}
div.news-single-item .news-single-backlink {
  clear: both;
}
div.news-list-item {
  margin-bottom: 24px;
}
div.news-list-morelink {
  clear:both; 
}
div.news-list-morelink a, div.news-list-morelink p a:visited {
  background: url(/uploads/pics/icon_arrow.jpg) no-repeat left 3px;
  color: #d00000;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 0 2px;
  font-size: 11px;
}
div.news-list-item img {
  margin: 0 10px 10px 0;
  float:left;
  border:4px solid #F3EFE6;
}

#ay_merkliste fieldset.merkliste {
  margin-bottom: 10px;
}

#ay_merkliste p.error_text {
  border: 2px solid #d00000;
  padding: 5px;
  color: #d00000;
  font-weight: bold;
}

/*** RIGHT ***/

/***   NEWS ***/
#right_row div.news-latest-container {
  background-color: #f3efe6;
  width: 362px;
  margin-bottom: 24px;
} 
#right_row div.news-latest-container h3 {
  width: 354px;
  height: 25px;
  background-color: #a58c73;
  line-height: 25px;
  font-weight:bold;
  color: white;
  padding: 0 0 0 8px;
  font-size:12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#right_row div.news-latest-item h2 {
  font-size: 11px;
  font-weight: bold;
  color: #d00000;
  margin: 0;
  line-height: 18px;
  text-transform: none;
}
#right_row div.news-latest-item {
  width: 346px;
  padding: 0 8px 11px 8px;
}
#right_row div.news-latest-item p {
  margin-bottom: 2px;
}
div.news-latest-item p a, div.news-latest-item p a:visited {
  background: url(/uploads/pics/icon_arrow.jpg) no-repeat left center;
  color: #d00000;
  font-weight: bold;
  padding: 0 0 0 10px;
  margin: 0 0 0 5px;
  font-size: 11px;
}

/*** SITEMAp ****/
#center_row div.csc-sitemap ul {
  list-style-type: none;
  line-height: 24px;
  margin:0;
  padding: 0 0 0 0px;
}
#center_row div.csc-sitemap ul ul {
  border-top: 1px solid #a08b70;
}
#center_row div.csc-sitemap li  {
}
#center_row div.csc-sitemap ul ul li {
  padding: 0 0 0 24px;
}
#center_row div.csc-sitemap a{
  background: url(/uploads/pics/navi_arrow_right.gif) left center no-repeat;
  padding-left: 12px;
}
/***   FAQ      ***/
#center_row ul.csc-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#center_row ul.csc-menu a{
  background: url(/uploads/pics/navi_arrow_right.gif) left center no-repeat;
  padding-left: 12px;
}

/***   FOOTER   ***/

#footer a {text-decoration: none;}

#footer { 
  clear:both;
  color: #c00;
  width: 930px;
  height: 72px;
  position: relative;
  font-weight: normal;
  font-size: 11px;
}

#footer_navi {
  position: absolute;
  left:20px;
}

#footer_info {
  position: absolute;
  color: #73685b;
  border-top: 2px solid #73685b;
  top: 16px;
  clear:both;
}
#footer_info a, #footer_info a:visited {
  font-weight: normal;
  color: #73685b;
}
#footer_info a:hover, #footer_info a:active {
  font-weight: normal;
  color: #73685b;
  text-decoration: underline;
}
#footer_info p {
  padding: 0 0 0 20px;
  margin: 5px 0 0 0;
  line-height: 48px;
  background-color: #f3efe6;
  font-weight: normal;
  width: 910px;
}

#footer_meta {
  position: absolute;
  right: 20px;
}

#footer_trademark {
 padding-left: 20px;
 font-size: 10px;
 color: #999;
}

#psi_logo {
  position: absolute;
  right: 0px;
  top: 23px;
}

input[name="captchaResponse"] {
 width:50px !important;
 border: 1px solid #EED5FF;
 background-color:#FFFFFF;
# float: right; 
 margin-right: 7px;
 margin-bottom: 20px;
}

input[name="MERKLIST[captchaResponse]"] {
 width:50px !important;
 border: 1px solid #EED5FF;
 background-color:#FFFFFF;
# float: right; 
 margin-right: 7px;
 margin-bottom: 20px;
}

img[src="typo3conf/ext/captcha/captcha/captcha.php"] {
# float: right;
 margin-right: 20px;
# margin-bottom: 10px;
}

/*** MAILFORM ***/
#center_row .mailform input, #center_row .mailform textarea {
  padding: 5px 0 2px 5px;
  width: 375px;
}

