/*************************************
 * Tresor-Discount Screen Stylesheet * 
 * td-screen.css                     *
 * 18.09.2007 v0.0.2                 *
 *************************************/

/*@import "td-forms.css";
*/
.marquee_rot {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bolder;color:red}
.marquee1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold}
.marquee2 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold}

/* ##### Common Styles ##### */
html {
/* overflow-y: scroll; */
}
body {
color:#000;
background-color:#F3F2EB; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:73%;  /* Enables font size scaling in MSIE */
margin:0;
padding:0;
height:100%; 
}
html > body {
font-size: 9pt;
}
acronym, .titleTip {
border-bottom: 2px dotted #A88C53;
cursor: help;
margin: 0;
padding: 0;
}
.doNotDisplay {
display: none !important;
}
.smallCaps {
font-size: 117%;
font-variant: small-caps;
}
/* ##### Header ##### */
#header {
color:inherit;
background-color:#76915B;  
}
.headerTitle {
margin:0;
padding:0.25em 4mm 0.25em 4mm;
font-weight:bold;
}
.headerTitle a {
color:#000;
background-color:transparent;
text-decoration:none;
font-size:110%;  /* For MSIE */
font-style:italic;
}
.headerTitle > a {
font-size: 138%;  /* For fully standards-compliant user agents */
}
.headerTitle span {
color:#FFF;
background-color:transparent;
}
.headerTitle2 {
font-weight:bold; color:#000;
}
.headerTel {
font-weight:bold; color:#fff;
}

.subHeader {
color:#FFF;
background-color:#99AF78;
font-size:109%;
text-align:center;
margin:0;
padding:0.75ex 0;
border-top: 1px solid #746E5F;
border-bottom: 1px solid #746E5F;
}
.subHeader a {
color:#FFF;
background-color:#000;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0 1ex;
}
.subHeader a:hover {
color:#000;
background-color:#FFF;
}


/* ##### Left Side Bar ##### */

/* style="cursor:hand;" id="AutoNumber1" onClick="document.location.href='sicherheit_B.shtml'" */

.leftSideBar {
width: 180px;/* GAUG: width: 12.5em; */
float: left;
clear: left;
}
.leftSideBar .sideBarTitle {
	color: #000;
	background-color: #E6DFCF;
	font-weight: bold;
	margin: 0;
	padding: 0.8ex 1ex;
	border-top: 3px solid #FFF;/*border-top: 2px solid #746E5F;
*/
}

.leftSideBar ul {
list-style-type: none;
list-style-position: outside;
margin: 0 0 0 0;
padding: 0;
}

.leftSideBar li {
font-size: 90%;
font-weight: bold;
margin: 1ex 0 0ex 0;
padding: 0 0 1.25ex 0.75ex;
border-bottom: 1px solid #FFF;
/*background: #CCCCCC;*/
  
}
.leftSideBar a {
color: #005566;
background-color: transparent;
text-decoration: none;
display:block;
}
.leftSideBar a:hover {
/*color: #404040;
*/color: #00CC66;
background-color: transparent;
text-decoration: none;
}
.leftSideBar .sideBarText {
color: #A68C53;
background-color: transparent;
line-height: 1.25em;
margin: 1ex 0.25ex 1.5em 0.75ex;
padding: 0;
display: block;
}
.leftSideBar .sideBarText a {
text-decoration: underline;
}
.leftSideBar .sideBarText a:hover {
text-decoration: none;
}
.leftSideBar .thisPage {
color: #404040;
background-color: transparent;
font-weight: bold;
}


/* ##### Right Side Bar ##### */

.rightSideBar {
/*  width: 13em;
*/  width: 12.5em;
  margin: 3.75ex 0.2ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid #D8D2C3;
}

.rightSideBarBanner {
  width: 156px;
  margin: 3.75ex 0.2ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 0px solid black;
}

.rightSideBarDummy {
  width: 12.5em;
  margin: 2ex 0.2ex 0 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid #D8D2C3;
}

[class~="rightSideBar"] {
  margin-right: 0.4ex;
}

[class~="rightSideBarDummy"] {
  margin-right: 0.4ex;
}

.rightSideBar .sideBarTitle {
  color: red;
  background-color: #E6DFCF;
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBarDummy .sideBarTitleDummy {
  color: red;
  background-color: #E6DFCF;
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}

.rightSideBar a {
  color: #005566;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

.rightSideBarDummy a {
  color: #005566;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

.rightSideBar a:hover {
  color: #00CC66;
  text-decoration: none;
}

.rightSideBarDummy a:hover {
  color: #00CC66;
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}

.rightSideBarDummy .sideBarTextDummy {
	line-height: 1.5em;
	margin: 0;
	padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

/* ##### Main Copy FORMS ##### 

#main-copy label,input {
	display: block;
	width: 150px;

	float: left;

	margin-bottom: 10px;
}

#main-copy label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#main-copy br {

	clear: left;

}
*/

/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 180px; /* GAUG: margin: 0 0 0 12.5em; */
/*  padding: 0.5ex 15em 1em 1em;	
*/  padding: 0.5ex 13em 1em 1em;
  border-left: 1px solid #D8D2C3;
}

#main-copy h1 {
  color:#A88C53;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid #D8D2C3;
}

#main-copy h2 {
  color:#695834;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 1em 0;
  border-top: 1px solid #D8D2C3;
}

#main-copy h3 {
  color:#000;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}

#main-copy h4 {
  color:#000;
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  font-style: normal;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
}

#main-copy a {
	color: #005566;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}

#main-copy a:hover {
  color: #00CC66;
  text-decoration: none;
}

p {
  margin: 1em 1em 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

/* lschen */
#content {
	color: black;
	width: 550px;
}

/* ##### Footer ##### */

#footer {
	color: black;
	background-color: #E6DFCF;
	font-size: 80%;
	text-align: center;
	line-height: 1.25em;
	margin: 0;
	padding: 1em 4mm 0.5em 4mm;
	clear: both;
	border-top: 1px solid #746E5F;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  color: #00CC66;
  text-decoration: none;
}

.tabelle table {
/*	border-collapse: collapse;
*/	border: 2px solid #3f7c5f;

}


.produkttabelle table {
	border: 2px solid #3f7c5f;
	font: normal 80%/140% arial, verdana, helvetica, sans-serif;
	color: #000;
	background: #fff;

/*	border-collapse: collapse;
*/
}


.produkttabelle caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}

.produkttabelle td, th {
/*	border-collapse:collapse;
*/	border: 1px solid #e0e0e0;
	padding: 0.5em;
/*	text-align: center;
*/}

.produkttabelle thead th {
	border: 0px solid #e0e0e0;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	background: #E7E2DE;
}

.produkttabelle tfoot th, tfoot td {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}

.produkttabelle tfoot th {
	font-weight: bold;
}

.produkttabelle tbody td a {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}

.produkttabelle tbody td a:hover {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}

.produkttabelle tbody th a {
	background: transparent;
	color: #3f7c5f;
	text-decoration: underline;
	font-weight: bold;
}

.produkttabelle tbody th a:visited {
	color: #b98b00;
}

.produkttabelle tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}

.produkttabelle tfoot td {
	border: 1px solid #996;
}

.produkttabelle tbody tr:hover {
	background: #ffffd9;
}





/******************************************/
/*** Styling für die Tabellen           ***/
/***                                    ***/
/******************************************/


#main-copy table
{
border-collapse: collapse;
border-spacing:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main-copy caption{
  text-align: left;
  font-size:small;
  color: #888; 
  padding: 0 0.8em 0 0;

/*  font-size: 110%;
  font-weight: bold;
  text-transform: uppercase;

  background: transparent;*/
  }
	
#main-copy tr{

}
#main-copy td, th {
  border: 1px solid #b8b8b8;
  padding: .3em;
  font-size: 0.95em;
  color: #000;

  }
  
#main-copy thead th {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #E6DFCF url("file:///D|/Eigene Dateien/xampp/htdocs/tresor-discount/images/shimx.gif") repeat-x top left;
	color: #000;
}
#main-copy tfoot th, tfoot td {
	border: 1px solid #BA9;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	background: #E6DFCF url("file:///D|/Eigene Dateien/xampp/htdocs/tresor-discount/images/shimx.gif") repeat-x top left;
	color: #000;
}
#main-copy  tbody th,thead th,tbody td {
	vertical-align: top;
	text-align: left;
}

#main-copy tbody tr:hover td, 
#main-copy tbody tr:focus td,
#main-copy tbody tr:hover th,
#main-copy tbody tr:focus th
{
/*	background: url("../images/shimx.gif")  repeat-x top left;*/
	color: #000;
}

#main-copy tr.odd
{
background: url("file:///D|/Eigene Dateien/xampp/htdocs/tresor-discount/images/shim.gif") repeat-x top left;
}	







/******************************************/
/* Tabs über den Tabellen                 */
/*Credits: Dynamic Drive CSS Library      */
/*URL: http://www.dynamicdrive.com/style/ */
/******************************************/

#main-copy .ddoverlap{
border-bottom: 1px solid #b8b8b8;
width:99%;
}

#main-copy .ddoverlap ul{
padding: 0 0 5px 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
list-style-type: none;
}

#main-copy .ddoverlap li{
display: inline;
margin: 0;
}

#main-copy .ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color:#005566;
background: transparent url(../../images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #b8b8b8;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

/*.ddoverlap li a:visited {
color: blue;
}*/

#main-copy .ddoverlap li a:hover {
text-decoration: underline;
color:#00CC66;
}

#main-copy .ddoverlap li.selected a { /*selected tab style*/
color: #F00;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../../images/righttabselected.gif) 100% 0 no-repeat;
}

#main-copy .ddoverlap li.selected a:hover{
text-decoration: none;
}



/* Accordion CSS */

#accordion {
margin:0;
}
h3.toggler {
cursor:pointer;
border-top:1px solid #FFF;
background-color:#E6DFCF;
color:#005566;
font-size:0.9em;
margin:0;
padding:0.5em 0.5em;
}
h2.sideBarTitle {
/*border-top: 3px solid #FFF;
background-color:#BEAC83;
color: #528CE0;*/
font-size:1em;
margin:0;
padding:0.8ex 0.5ex;
}
div.element ul, div.element h4 {
margin:0;
padding:0.5ex 1ex;
}


/*#wrapper {width:1000px; text-align:left; margin:0 auto 0 auto; border:1px solid #D8D2C3;}
body {text-align:center;}*/

.curlycontainer{
background:#FFFFCC;
border: 1px solid #b8b8b8;
margin: 0 0.3em 1em 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(/images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.lightkey {font-size:8px}

.clearfix {clear:both;}

.rahmen {border:3px solid #E6E6E6; padding:5px;}

.sep {background-image:url(/images/sep1.gif); background-position:bottom; background-repeat:repeat-x; margin:15px 0 15px 0;}

.atn {color: #FF0000}

.preis {font-size: 125%;
	font-weight: bold;}