body {
      background-color: #FFFFFF;
      font-family:Arial,Helvetica;
      font-size: 10pt;
     }

div.totalview { background-color: white; }

div.page { background-color: inherit;
           margin-left: auto;
           margin-right: auto;
           position: relative; top: -8px; width: 700px; z-index: 0;
         }

/* ------------- Menuformatierungen -------------- */

a.menu:link {
             text-decoration: none;
             color: #404040; 
            }

a.menu:visited {
                text-decoration: none;
                color:#202020;
               }

a.menu:active {
               text-decoration: none;
                 color:#4082ba;
/*               color:#ff0000;  */
              }

a.menu:hover {
              /* color:#ff0000; */
              color:#4082ba;
             }


/*--- Submenuformatierung ---*/ 


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

a.submenu:visited {
                text-decoration: none;
                color:#202020;
               }

a.submenu:active {
               text-decoration: none;
               color:#4082ba;
              }

a.submenu:hover { color:#4082ba; /* color:#ff0000; */  }


/*--- Menustyles ---*/


img.menu {
          border: 0px solid white;
          padding: 0px;
         }

table.menu {
            font-family:Arial,Helvetica;
            font-size: 10pt;
            color: #404040;
            background-color: inherit; /* white; */
            width: inherit;
            text-align: left;
	     clear: both;
            background-position: 0px 1px;
            background-repeat: repeat-x;
            background-image: url(/pics/gradient3.png);
           }


.open, .closed {
       border-style: solid;
       border-color: darkgray;
       border-right-width: 0px;
       padding: 0px;
       padding-left: 5px;
       margin: 0px;
       height: 25px;
       background-repeat: repeat-x;
}

.open {
       border-bottom: 0px solid #787878;
       border-top: 2px solid #cc0000; 
       border-left: 1px solid #787878;
       color: white;

       background-color: white;
       background-position: 0px 1px;
       background-image: url(/pics/gradient4.png); 
      }

.closed {
         border-color: darkgray;
         border-bottom: 1px solid #787878;
         border-top: 1px solid #ffffff;
         border-left: 1px solid #787878;
	  padding-top: 1px;

         background-color: #dddddd;
         background-position: 0px -11px;
         background-image: url(/pics/gradient3.png);
	}

.submenu {
	  font-size: 9pt;
          text-align: left;
          margin-left: 0px;
         }

.subcatheader { font-size: 10pt;
		text-align: center;
		font-weight: bold;
		margin-top: 10px;
	      }

div.menu {
          width: 700px;
	  background-color: #FFFFFF;
     	 }

/* ---    Inhaltsformatierungen    --- */

a:link { color:#505050; }

a:visited { color:#777777; }

a:active, a:hover { color:#4082ba;}


div.footer {
            background-color: #FFFFFF;
            width: inherit;
            clear: both;
           }

div.content {
             background-color: inherit; /* #FFFFFF;*/
             width: inherit;
            }

div.subcontent {
                background-color: inherit; /* #FFFFFF; */
                width: 520px;
               }

div.subcontentwide {
                background-color: inherit; /*  #FFFFFF; */
                width: inherit;
               }


div.subcontentblackwide { color: #fefefe;
                background-color: #000000;
                width: inherit;
                background-image: url(pics/gradientblack.png) 0px 0px repeat-x;
		 }

.subcontentblackwide h1, .subcontentblackwide p { color: #fefefe;
				 background-color: #000000;
				padding-left: 10px;
				padding-top: 15px;
 }

.subcategories {
		font-size: 9pt;
		margin-left:10px;
		margin-top: 10px;
		padding: 0px;
		text-align: left;
		background-color: #f7f7f7;
		border: 1px solid darkgray;
               }


/*--- Content box styles ---*/

div.bucketcontainer {
   /* height: 200px; */
   margin-bottom: 0px;
   margin-top: 0px;
   padding-left: 0px;
   padding-top: 0px;
   background-color: #000000;
   width: inherit;
}

.bucketcontainer p {
	color: white;
	padding-left: 15px;
}

.bucket {
	  text-decoration: none;         
	  background-color: black; /* inherit; */
         float: left;
         width: 229px;
	  height: inherit;
         border: 1px solid lightgrey;
  	  padding-left: 3px; 
 	  padding-right: 0px;
	  padding-top: 0px;
         padding-bottom: 0.25em;
         vertical-align: top;
         margin-bottom: 0px;
         marin-top: 0px;
         margin-left: -1px;
	  margin-right: 0px;
          }


.VerticalBucket {
         /* background-color: black; */
         text-decoration: none;
         float: left;
         width: inherit;
         color: white;
	  height: 250px;
         border-style: none;
  	  padding-left: 10px; 
   	  padding-right: 0px;
         padding-bottom: 0.25em;
         vertical-align: middle;
}


.bucket:hover { background-color:#141414;
                background-image: url(pics/InnerGlowRed.png);
		  background-position: -18px 0px;
 }

.bucket h3, .bucket p, .VerticalBucket p, .VerticalBucket h3 {
    font-family: Arial,Helvetica;
    text-align: left;
}

.bucket h3, .VerticalBucket h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

.bucket p, .VerticalBucket p {
    color: #dddddd;
    font-weight: normal;
    font-size: 9pt;
}


.VerticalBucket p {
	width: 400px;
	padding-left: 15px;
}

/*--- Navigation box style   ---*/


#contentnavibox { float:right;
                  clear:right;
                  width: 165px;
		    margin-bottom:10px;
                  margin-right:5px;
		    padding-left:0px;
                }

/*--- Main formating styles  ---*/


h1, h2, h3 { font-family: Arial,Helvetica;
	      text-align: left;
 	    }

h1 {   
    font-size: 14pt;
    margin-top: 10px;
    color: #FF004D;  
   }

h2 {
    font-size: 11pt;
    color: #555555;
   }

h3 {
    font-size: 10pt;
    color: #555555;
    font-weight: bold;
   }


.rot { color: #dd0000; }

.gruen { color: #00dd00; }

.blau { color:#0000dd; }

.bggrau { background-color: #e5e5e5; }

.rahmen {
         border: 1px solid lightgrey;
         border-bottom-width: 0px;
         border-right-width: 0px;
         border-top-width:0px;
	  padding-left: 8px;
	  padding-right: 5px;
	  padding-top: 0px;
         padding-bottom: 0.25em;
         vertical-align: top;
         background: white url(/pics/gray.gif) 0px 0px repeat-x;
         margin-bottom: 1px;
         margin-left: 0px;
	  margin-right: 0px;
        }


.gradient {
           padding-top: 0px;
	    padding-bottom: 0.25em;
           padding-left: 2px;
           margin-bottom: 1px;
           background: white url(/pics/gradient6.png) 0px 0px repeat-x;
          }

.indent { 
         margin-left: 150px;
         text-align: left;
         float: right;
        }

.dotline { 
          border-bottom:1px dotted gray;
	  margin-top: 25px;
	  clear:left;
         }

.SolidLine { 
            border-bottom:1px solid gray;
	     margin-top: 25px;
	     clear:left;
         }

p,ul,ol,span,i,b {
            font-family: Arial,Helvetica; 
            font-size: 10pt;
            color: #555555;
            text-align: left;
	    line-height: 1.4em;
            /* margin-right: 160px; */
           }

small {
       font-family: Arial,Helvetica; 
       color: #555555;
       text-align: left;
       line-height: 1.4em;
       /* font-size: 7pt; */
      }

sup,sub {
         font-family: Arial,Helvetica;
         font-size: 8pt;
        }


/*--- tables styles   ---*/


table {
       font-family: Arial,Helvetica;
       font-size: 10pt;
       color: #555555;
       text-align: left;
       line-height: 1.4em;
       margin: 0px;
      }

table.specs { 
             font-family: Arial, Helvetica;
             font-size: 9pt;
             padding-bottom: 5px;
            } 

td.specs { padding-bottom: 3px; }

td {
    vertical-align: top;
    line-height: 1.4em;
   }

th { border-bottom: 1px solid darkgray; }

thead { 
       background-color: lightgrey;
       border: 1px solid lightgrey;
       border-bottom-width: 0px;
       border-right-width: 0px;
       border-top-width:0px;
      }

tbody {
       border: 1px solid lightgrey;
       border-bottom-width: 0px;
       border-right-width: 0px;
       border-top-width:0px;
      }

tfoot {}

/*--- List styles   ---*/

    /* list-style-image: url(/pics/triangle.gif); */

ul { 
    list-style-type: disc;
    color: #555555;
    line-height: 1.4em;
   }

ol { line-height: 1.4em; }


/*--- Image styles  ---*/


img {
     padding-right: 10px;
     padding-left: 0px;
     border: 0px solid white;
    }


img.imgright {
	       padding: 0px;
		padding-top: 10px;
              float: right;
             }

img.site_imp { padding: 0px; }


img.prod {
          padding-right: 15px;
	   margin-bottom: 20px;
          float: left;
         }


/*--- Misc styles  ---*/


.columnview {
             font-family: Arial, Helvetica;
             font-size: 9px;
            }

.container { clear: right; }

.hline {
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        height: 30px;
        margin-top: 10px;
        background-color: #fdfdfd;
        vertical-align: middle;
       }

p.einzug100 { margin-left: 100px; }

/*-----------------Experimental----------------------------*/
/* SIDEBAR */

.sidebar { background:url(sidebartop.png) no-repeat; padding:14px 0 0 0; margin-bottom:4px;}
.sidebar .last { background:url(sidebarbottom.png) 0 100% no-repeat; margin:0;
                 padding-bottom:26px;
                 padding-left:18px;
                 padding-right:18px;
               }