/*

         (c)THE CRACK oF DooM

         Autor: Zork, The Crack oF DooM
         Datum: 30.12.2008



*/



/* Layout Stylesheet */


       html {
                   height: 100%;
                   max-height: 100%;
                   padding: 0;
                   margin: 0;
                   border: 0;

                   /*

                   hide overflow:hidden from IE5/Mac */

                   /* \*/

                   overflow: hidden;

                   /* */

                   }

        body {
                   height: 100%;
                   max-height: 100%;
                   overflow: hidden;
                   background: #000000 url('../../images/layout/bg_2.jpg') 50% 0% no-repeat;
                   padding: 0;
                   margin: 0;
                   border: 0;
                   }
       #head {
                   position: absolute;
                   background: transparent url('../../images/layout/banner.jpg') 50% 0% no-repeat;
                   top: 0;
                   right: 16px;
                   width: 100%;
                   height: 147px;
                   z-index: 5;
                   }
       #content {
                   display: block;
                   height: 100%;
                   max-height: 100%;
                   overflow: auto;
                   margin: 0 auto;
                   position: relative;
                   background: transparent;
                   z-index: 3;
                   }
       #box {
                   position: relative;
                   width: 800px;
                   height: auto;
                   padding: 0px 0px 30px 0px;
                   margin: 147px auto 0 auto;
                   background: transparent;
                       /*filter:alpha(opacity=85);
                           -moz-opacity:0.85; */
                  }
       #maincontent {
                   padding: 20px 200px 0px 40px;
                   margin: 0;
                   background: transparent;
                   font: normal 9pt/140% Verdana, Arial, Tahoma, Sans !important;
                   color: #DFDFDF;
                   }
       		  #maincontent a {
                   		font: normal 9pt/140% Verdana, Arial, Tahoma, Sans;
                   		color: #EFEFEF;
                   		text-decoration: none;
                   		}

       		  #maincontent a:hover {
                   		position: relative;
                   		top: 1px;
                   		left: 2px;
                   		color: #ffffff;
                   		border-bottom: 1px solid #7F0000;
                   		}


       table {
                   }
       td {
                   vertical-align: top;
                   }



 /*  R I G H T B O X  */


       #rightbox {
                   position: relative;
                   float: right;
                   top: 20px;
                   right: 4px;
                   width: 180px;
                   border: solid #474842;
                   border-width: 0px 0 0 0px;
                   background: transparent url('') top left repeat-y;
                   margin: 0 2px 0 auto;
                   padding: 0px 0 40px 0;
                   font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   color: #FFFFFF;
                   text-align: center;
                   z-index: 7;
                   /* filter:alpha(opacity=80);
                           -moz-opacity:0.80; */
                   }
       		  #rightbox h1 {
                   		background: #000000;
                   		border: solid #5F5F5F;
                   		border-width: 1px 0 1px 1px;
                   		margin: 0px 0px 5px 0px;
                   		padding: 2px;
                   		text-align: center;
                   		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		color: #FFFFFF;
                   		}
       		  #rightbox h2 {
                   		background: transparent;
                   		border: solid #3F3F3F;
                   		border-width: 0px 0px 0px 0px;
                   		margin: 0px 0 10px 0;
                   		padding: 1px;
                   		text-align: center;
                   		font: normal 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		color: #FFFFFF;
                 		}
                   #rightbox img {
                   		margin: 4px auto;
                   		border: 1px solid #6F6F6F;
                 		}
       		  #rightbox a.link {
                   		background-color: #7F0000;
                     		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans;
                     		color: #ffffff;
                   		border: 1px solid #7F7F7F;
                   		padding: 1px 10px;
                   		text-decoration: none;
                 		}
                   #rightbox  a.link:hover {
                   		background: #000000;
                   		}

       #footer {
                   text-align: center;
                   }
       #foot {
                   position: absolute;
                   display: block;
                   background: #000000 url('../../images/layout/bg_foot.gif') top left repeat-x;
                   margin: 0;
                   padding: 4px 2px 1px 2px;
                   bottom: -1px;
                   right: 16px;
                   width: 100%;
                   height: 35px;
                   z-index: 4;
                   font: normal 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   color: #cfcfcf;
                   text-align: center;
                   }
                   #foot a {
                   	font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   	color: #95966a;
                   	text-decoration: none;
                  	}
       		  #foot a:hover {
                   	font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   	color: #95966a;
                   	text-decoration: none;
                   	background-color: #2F2F2F;
                  	}

/*  A L L G E M E I N  */

       img {
                   border-width: 0;
                         }
       img.bord {
                   border: 1px solid #4F4F4F;
                         }
       .right {
                   text-align: right !important;
            }
       .clear {
                   clear: left;
                   background: transparent;
                   border-top: 1px dotted #AFAFAF;
                   padding: 2px;
                   text-align: right;
                   font: normal 7pt/140% Verdana, Arial, Tahoma, Sans;
                   color: #AFAFAF;
                   }



 /*  D I S C O G R A P H Y  */



        div.discomenu {
                   position: relative;
                   float: left;
                   width: 100px;
                   margin: 10px 20px 30px 0px;
                   }
        		  div.discomenu a {
                   		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		text-decoration: none;
                   		}
        		  div.discomenu a:hover {
                   		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		}
        		  div.discomenu h1 {
                   		font: bold 10pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		}
        div.disco {
                   		margin: 0px 0 60px 0px;
                   		}
        		  div.disco a {
                   		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		color: #7F0000;
                   		text-decoration: none;
                   		}
        		  div.disco a:hover {
                   		font: bold 7pt/140% Verdana, Arial, Tahoma, Sans !important;
                   		color: #CFCFCF;
                   		}

        div.disco h2 {
                   margin: 0px 0px 10px 0px;
                   padding: 1px 0;
                   font: bold 8pt/140% Verdana, Arial, Helvetica, sans-serif !important;
                   color: #CFCFCF;
                   border-width: 0px;
                   }
        div.disco h3 {
                   margin: 0px 0px 10px 0px;
                   padding: 1px 0;
                   font: bold 8pt/140% Verdana, Arial, Helvetica, sans-serif !important;
                   color: #CFCFCF;
                   border-width: 0px;
                   }
        div.disco strong {
                   font: bold 8pt/140% Verdana, Arial, Helvetica, sans-serif;
                   color: #CFCFCF;
                   }
        div.disco img.bord {
                   margin-left: 20px;
                   border: 1px solid #4F4F4F;
                   }
        div.disco img.bord2 {
                   margin: 0px 4px 0 0;
                   border: 1px solid #4F4F4F;
                   }
        .border {
                   margin: 0;
                   padding: 0 0 5px 0;
                   }
        .border3 {
                   padding: 1px 10px 4px 0px;
                   font: bold 9pt/140% Verdana, Arial, Helvetica, sans-serif;
                   color: #CFCFCF;
                   }
        .border4 {
                   padding: 1px 10px 1px 0px;
                   font: normal 9pt/140% Verdana, Arial, Helvetica, sans-serif;
                   color: #CFCFCF;
                   border-bottom: 1px solid #3F3F3F;
                   }
        .border5 {
                   padding: 1px 10px 1px 0px;
                   border-bottom: 1px solid #3F3F3F;
                   }
        .border6 {
                   padding: 4px 0px;
                   font: bold 7pt/140% Verdana, Arial, Helvetica, sans-serif;
                   color: #CFCFCF;
                   }
       h1 {
                   margin: 0px 0px 10px 0px;
                   padding: 0;
                   font-weight: bold;
                   font: bold 12pt/160% Verdana, Arial, Tahoma, Sans !important;
                   text-align: left;
                   color: #FFFFFF;
                  }

       h2 {
                   margin: 10px 0px 4px 0px;
                   padding: 0px 0 0 0px;
                   font: bold 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   text-align: left;
                   color: #FFFFFF;
                  }
       h2 a {
                   float: right;
                   margin: 0px;
                   padding: 2px 4px;
                   background: #7F0000;
                   border: solid #3F3F3F;
                   border-width: 0 1px 1px 1px;
                   color: #FFFFFF !important;
                   text-decoration: none;
                   }
       h2 a:hover {
                   background: #CFCFCF !important;
                  }
       h3 {
                   margin: 20px 0px 10px 0px;
                   padding: 0px 0 0 0px;
                   font: bold 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   text-align: left;
                   color: #CFCFCF;
                  }
       #foot a {
                   font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   color: #95966a;
                   text-decoration: none;
                  }
       #foot a:hover {
                   font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                   color: #95966a;
                   text-decoration: none;
                   background-color: #2F2F2F;
                  }
       form fieldset {
                   border: 1px solid #811C00;
                   padding: 10px;
                   margin: 10px auto;
                  }
       form legend {
                   font: bold 10pt/125% Verdana, Arial, Tahoma, Sans;
                   padding: 0px 10px 0px 10px;
                   margin: 0px 0 10px 0px;
                   background-color: #FFFFFF;
                   border: 1px solid #811C00;
                   color: #000000;
                   }

table.formtable {
       margin: 0;
       padding: 0px 0 0px 0px;
       }
table.formtable td {
       vertical-align: top;
       padding: 3px 10px 3px 0px!important;
       }
.formtxt {
       font: bold 10pt/140% Verdana, Arial, Tahoma, Sans;
       color: #000000;
       width: 100px;
       padding: 0 10px 0 0;
       }
input {
       background-color: #FFFFFF;
       font: bold 8pt/140% Verdana, Arial, Tahoma, Sans;
       color: #000000;
       width: 160px;
       border: 1px solid #4F4F4F;
       padding: 2px;
       }
input:active, input:focus, input:hover {
	background: #efefef;
         }
input.submit {
         background-color: #7F0000;
         width: 100px;
         font: bold 10pt/140% Verdana, Arial, Tahoma, Sans;
         color: #ffffff;
         border: 1px solid #7F7F7F;
         padding: 1px 0;
         }
input.submit a:hover {
	background-color: #aa9175;
         }
textarea {
         border: #3f3f3f 1px solid;
         margin: 3px 0 0 0;
         height: 320px;
         width: 260px;
         background-color: #FFFFFF;
         padding: 4px;
         font: bold 8pt/140% Verdana, Arial, Tahoma, Sans;
         color: #000000;
         }
table.newsletterform {
         margin: 0;
         padding: 0;
         }
table.newsletterform td {
         vertical-align: top;
         padding: 1px;
         }
input.letterform {
         background-color: #cccccc;
         font: normal 7pt/140% Verdana, Arial, Tahoma, Sans;
         color: #000000;
         width: 90px;
         border: 1px solid #000000;
         padding: 1px;
         }
input.radio {
         background: transparent;
         font: bold 9pt/140% Verdana, Arial, Tahoma, Sans;
         color: #ffffff;
         width: 20px;
         border: 0px solid #4F4F4F;
         padding: 2px;
         }
input.newsletterform:active, input:focus, input:hover {
         background: #FFFFFF;
         }
input.nlsubmit {
         background-color: #7F0000;
         width: 50px;
         font: bold 7pt/140% Verdana, Arial, Tahoma, Sans;
         color: #ffffff;
         border: 1px solid #7F7F7F;
         padding: 1px;
         }



/* S H O P */



/* F O R M U L A R  */



input.submitform {
         padding: 1px 5px 1px 5px;
         background: #4f1d1d;
         font: bold 9pt/130% Tahoma,Verdana,Helvetica sans serif;
         color: #000000;
         width: auto;
         border-color: #701A33;
         }
input.anzahl {
         width: 22px;
         border-width: 1px;
         padding: 0;
         text-align: center;
         font: normal 9pt/130% Tahoma,Verdana,Helvetica sans serif;
         }
input.wk {
         width: auto;
         margin-top: 4px;
         padding: 0;
         text-align: center;
         font: bold 8pt/130% Tahoma,Verdana,Helvetica sans serif;
         color: #FFFFFF;
         background: #4F4F4F;
         border: 1px solid #808080;
        }
#tab1{
           border-collapse: collapse;
           width: 772px;
           margin: 10px 0 10px 0;
           }
#tab1 td{
           border-bottom: 1px solid #2F2F2F;
           padding: 6px 20px 6px 10px;
           text-align: left;
           }
#tab1 tr.tabtop td{
           font-weight: bold;
           font-size: 10pt;
           color: #FFFFFF;
           }
#tab1 tr.colored td{
           }
#tab1 tr.tabbottom td{
		font-size: 8pt;
                 color: #FFFFFF;
                 }
ul {
            font: normal 10pt/140% Verdana, Arial, Tahoma, Sans !important;
            list-style-type: square;
            list-style-position: outside;
            margin-left: 0em;
            margin-top: 0em;
            margin-bottom: 1em;
            padding-left: 1.0em;
            padding-right: 1.0em;
            padding-bottom: 1.0em;
            vertical-align: top;
            }

 /* T O P M E N U E */


#menu {
	position: relative;
         width: 812px;
         top: 130px;
         margin: 0 auto 0 auto;
         padding: 0px;
         border: solid #421D00;
         border-width: 1px 0px 1px 0px;
         background-color: #000000;
         z-index: 1000;
         }
#menu table {
         margin: 0px auto 0 40px;
         padding: 0px;
         border-width: 0px;
         }

#menu table td {
      	padding: 0;
         font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
         color: #4F4F4F;
         }

#menu .top {
            margin: 0px auto;
            }
#menu .top a {
            display: block;
            white-space: nowrap;
            padding: 0 15px;
            font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
            color: #FFFFFF;
            }
#menu .top a:hover {
            white-space: nowrap;
            padding: 0 15px;
            font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
            color: #DF0000;
            }
#menu .top a.active {
            text-decoration: none;
            font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
          }
#menu .section-top {
		position: absolute;
                 visibility: hidden;
                 z-index: 900000;
                 background: #000000 url('') top left repeat-x;
                 border: solid #4F4F4F;
                 border-width: 0px 1px 1px 1px;
                 margin: 0px 0 0 -16px;
                 padding: 4px 15px 3px 15px;
                 white-space: nowrap;
                 }

#menu .section {
		position: absolute;
                 visibility: hidden;
                 background: transparent;
                 border-color: #b8b4ae;
                 border-width: 1px;
                 border-style: solid solid solid solid;
                 z-index: -1;
                 }

#menu .sub {
           	position: relative;
                 }

#menu .box {
           	margin: 0px;
                 width: 100%;
                 white-space: nowrap;
                 font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                 color: #FFFFFF;
                 }
#menu .box-hover {
                 color: #C0C0C0;
                 }
#menu .box-right {
                 width: 100%;
                 }

#menu .box-right-hover {
                 width: 100%;
                 }
#menu .box-right img, #menu .box-right-hover img {
                 position: absolute;
                 top: 5px;
                 right: 1px;
                 }
#menu a {
                 display: block;
                 color: #000000;
                 text-decoration: none;
                 background-color: transparent;
                 padding: 5px 15px 5px 15px;
                 white-space: nowrap;
                 font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                 color: #FFFFFF;
                 }
#menu a:hover {
                 background: transparent;
                 text-decoration: none;
                 padding: 5px 15px 5px 15px;
                 white-space: nowrap;
                 font: normal 8pt/140% Verdana, Arial, Tahoma, Sans !important;
                 color: #C0C0C0;
                 }
#menu a.active {
                 color: #DF0000;
                 text-decoration: none;
                 }
#menu a.active:hover {
                 color: #FFFFFF;
                 text-decoration: none;
                 }

/* Shop - ELEMENTE allgemein */



      #pic {
                 float: left;
                 margin: 0px 40px 10px 0;
                 border: 1px solid #cccccc;
                 }

      hr {
                 height: 1px;
                 width: 100%;
                 color: #4F4F4F;
                 }

      #korbnav {
                 float: right;
                 margin: 0px 0px 10px 10px;
                 background: #4F4F4F;
                 border: 1px solid #808080;
                 font: bold 10pt/100% Tahoma,Verdana,Helvetica sans serif;
                 color: #000000;
                 text-align: right;
                 padding: 2px 6px 2px 6px;
                 }

      #korbnav a {
                 font: bold 8pt/100% Tahoma,Verdana,Helvetica sans serif;
                 color: #FFFFFF;
                 padding-right: 2px;
                 text-decoration: none;
                  }

      #korbnav a:hover {
                	font: bold 8pt/100% Tahoma,Verdana,Helvetica sans serif;
                	color: #FF0000;
                 }