/* (c) 2008 by Tangarena Engineering  */
/* $Id: style.css,v 1.1 2004/03/31 08:02:27 tsc Exp $ */

body { 
   background-color: #FF6600;
   color: #FFFF99;
}

p { 
   margin-top: 0px; 
   margin-bottom: 20px; 
   margin-left: 0px; 
   margin-right: 0px; 
}

div.table-dark {
   width: 100%;
   border-spacing: 0px;
   padding: 5px 5px 5px 5px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   background-color: #333F33;
   vertical-align: top;
   text-align: left;
   font-weight: normal; 
   font-size : 14px; 
}
div.tr-dark {
   vertical-align: top;
   border-bottom : 1px solid #F0F0F0;
}
div.td-dark {
   vertical-align: top;
   padding: 10px 10px 5px 5px;
}

table.dark {
   width: 100%;
   border-spacing: 0px;
   padding: 5px 5px 5px 5px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   background-color: #333F33;
   vertical-align: top;
   text-align: left;
   font-weight: normal; 
   font-size : 14px; 
}

td.dark {
   vertical-align: top;
   padding: 10px 10px 5px 5px;
   border-bottom : 1px solid #F0F0F0;
}

img.dark {
   border: 1px solid lightgray;
}

td.text-left {
   text-align: left;
  // padding: 3px 15px 3px 10px;
}

td.text-right {
   text-align: right;
  // padding: 3px 15px 3px 10px;
}

h1 { 
   font-size : 20px; 
   font-weight : bold; 
   color: #FFFFFF;
}

h2 { 
   font-size : 18px; 
   font-weight : bold; 
   color: #FFFFFF;
}

img.prod {
  	border-width: 1px;
	border-color: lightgray;
}

img {
  	border-width: 0px;
}

#spacer_pm {
	height: 60px;
}

.header {
   font-weight : bold; 
        color: #FFFFFF;
}


.footer {
   vertical-align: top;
   text-align: left;
   margin-left:   0px; 
   margin-right:  0px; 
   font-family: "TREBUCHET MS",sans-serif;
   font-size : 12px;
}

.footer_right {
   vertical-align: top;
//   text-align: right;
   margin-left: 0px; 
   margin-right: 5px; 
   font-family: "TREBUCHET MS",sans-serif;
   font-size : 12px;
}

.content {
   margin-top: 0px; 
   margin-bottom: 20px; 
   margin-left: 40px; 
   margin-right: 30px; 
   vertical-align: top;
   font-family: "TREBUCHET MS",sans-serif;
   font-size : 18px; 
}

td.content{
   vertical-align: top;
   padding-left: 15px;
}


td.layout {
   vertical-align: top;
   padding-left: 10px;
}

div.title {
   font-family: "TREBUCHET MS",sans-serif;
   font-size: 30pt;
   font-weight: bold;
   color: white;
   padding-bottom: 20px;
}

table.detail {
   width: 100%;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   background-color: #333F33;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 10px;
   padding-left: 5px;
}

table.tab {
   width: 100%;
   border-spacing:0px;
   padding: 10px 5px 10px 5px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   background-color: #333F33;
   vertical-align: top;
   text-align: left;
   font-weight: normal; 
   font-size : 14px; 
}

td.form {
   padding: 10px 10px 10px 5px;
}

td.leftbottom {
   vertical-align: bottom;
   horizontal-align: left;
}

table.hint {
   width: 100%;
   border-spacing:0px;
   padding:0px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
//   background-color: #333F33;
   background-color: #FFCC33;
   vertical-align: top;
   text-align: left;
   font-weight: normal; 
   font-size : 14px; 
}

th.hint {
   padding: 10px 10px 5px 5px;
        color: black;
   font-weight: bold; 
}

td.hint {
   padding: 10px 10px 5px 5px;
   border-bottom : 1px solid #F0F0F0;
        color: black;
}

table.prod {
   width: 100%;
   border-spacing:0px;
   padding:0px;
   border-top: 1px solid #F0F0F0;
   border-bottom: 1px solid #F0F0F0;
   background-color: #333F33;
   vertical-align: top;
   text-align: left;
   font-weight: normal; 
   font-size : 14px; 
}

th.prod {
   padding: 10px 10px 5px 5px;
   color: white;
   font-weight: bold; 
}

th.key {
   width: 220px;
}


td.prod {
   padding: 10px 10px 5px 5px;
   border-bottom : 1px solid #F0F0F0;
}

td.prod_preis {
        width: 100px;
   padding: 10px 10px 5px 5px;
   text-align: right;
   border-bottom : 1px solid #F0F0F0;
}


.nav1 {
   width: 160px;
   font-family: "TREBUCHET MS",sans-serif;
   font-size : 16px; 
   padding-top: 0px;
}

.nav1 li {
   list-style-type: none;
   margin-top:   2px;
   margin-left: 0px;
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: #333F33;
}

.nav1 li.nav1curr {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
   color: black;
}

.nav1 li:hover {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
}

td.nav1 {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: #333F33;
}

td.nav1curr {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
   color: black;
}

td.nav1:hover {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
}

.nav2 {
   width: 160px;
   font-family: "TREBUCHET MS", sans-serif;
   font-size: 16px; 
}


.nav2 li{
   list-style-type: none;
   margin-top:    2px;
   margin-left:   0px;
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: #333F33;
}

.nav2 li.nav2curr {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
   color: white;
}

.nav2 li:hover {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
}

td.nav2 {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: #333F33;
}

td.nav2curr {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
        color: black;
}

td.nav2:hover {
   padding-left: 10px;
   padding-right: 10px;
   border: solid 1px #F0F0F0;
   font-weight: normal; 
   background-color: silver;
}

#menu_icon { 
   padding-top: 15px;
   width: 160px;
}
#menu { 
   padding-top: 5px;
   font-family: "Trebuchet MS",sans-serif;
   font-size : 16px; 
   width: 160px;
}

#menu ul { /* remove bullets and list indents */
   list-style: none;
   margin: 0;
   padding: 0;
}

a:link    {color:white; background-color:transparent;text-decoration: underline;}
a:visited {color:white; background-color:transparent;text-decoration: underline;}
a:active  {color:white; background-color:transparent;text-decoration: underline;}
a:hover   {color:white; background-color:transparent;text-decoration: underline;}

.nav1 a:link    {color:white; background-color:transparent; text-decoration: none; }
.nav1 a:visited {color:white; background-color:transparent; text-decoration: none; }
.nav1 a:active  {color:white; background-color:transparent; text-decoration: none; }

.nav2 a:link    {color:white; background-color:transparent; text-decoration: none; }
.nav2 a:visited {color:white; background-color:transparent; text-decoration: none; }
.nav2 a:active  {color:white; background-color:transparent; text-decoration: none; }

a.nav1:link    {color:white; background-color:transparent; text-decoration: none; }
a.nav1:visited {color:white; background-color:transparent; text-decoration: none; }
a.nav1:active  {color:white; background-color:transparent; text-decoration: none; }

a.nav2:link    {color:white; background-color:transparent; text-decoration: none; }
a.nav2:visited {color:white; background-color:transparent; text-decoration: none; }
a.nav2:active  {color:white; background-color:transparent; text-decoration: none; }

a.nav1curr:link    {color:black; background-color:transparent; text-decoration: none; }
a.nav1curr:visited {color:black; background-color:transparent; text-decoration: none; }
a.nav1curr:active  {color:black; background-color:transparent; text-decoration: none; }

a.nav2curr:link    {color:black; background-color:transparent; text-decoration: none; }
a.nav2curr:visited {color:black; background-color:transparent; text-decoration: none; }
a.nav2curr:active  {color:black; background-color:transparent; text-decoration: none; }

a.nodeco:link    {color:white; background-color:transparent;text-decoration: none;}
a.nodeco:visited {color:white; background-color:transparent;text-decoration: none;}
a.nodeco:active  {color:white; background-color:transparent;text-decoration: none;}
a.nodeco:hover   {color:white; background-color:transparent;text-decoration: none;}

img.idx {
   padding: 5px 5px 5px 5px;
}

.comment {
  color:white;
  font-style:italic;
}