html, body {
  /*position:fixed;
  top:0px;
  left:0px;*/
  height:100%;
  max-height:100%;
  padding:0px;
  margin:0px;
  font:Verdana, Arial, Helvetica, sans-serif;
  /* \*/ overflow: hidden; /* */
}

#page {
  width:100%;
  height:100%;
  max-height:100%;
  /* \*/ overflow: hidden; /* */
}
#banner {
  z-index:3;
  position:fixed;
  right:16px;
  height:155px;
  width:100%;
  margin:0px;
  background-image:url(Kopfzeile.gif);
  background-repeat:no-repeat;  
  background-color:#336699;
}


#menu1{
    z-index:4;
    position:absolute;
    left:164px;
    top:110px;
    display:block;
    padding:0px;
    padding-left:25px;
    border-top:1px solid #336699;
    color:#ffffff;        
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;       
    line-height: 23pt;
    text-decoration:none;
    }

#menu1 ul {
    position:absolute;
    display:block;
    border-top:1px solid #336699;
    padding:0px;
    margin:0px 0px 0px -5px;
    width:auto;
    }
    
#menu1 li ul{
    visibility:hidden;
    width:165px;
    }

#menu1 li li ul{
    position:absolute;
    margin-left:164px;
    margin-top:-43px;
    width:auto;
    }
    
#menu1 li{
    list-style:none;
    display:block;
    float:left;
    }
    
#menu1 li li{
    display:block;
    float:none;
    width:auto;
    }
    
* html #menu1 li li{
    display:inline;
    }
    
* html #menu1{
  top:122px;
  left:124px;
}


*+html #menu1 {
    top:122px;
    left:124px;
    }

#menu1 a{
    color:#ffffff;  
    font-size: 12px;
    letter-spacing: 1px;       
    line-height: 23pt;
    padding:0px 10px 0px 0px;
    text-decoration:none;
    text-align:left;
    display:block;
    text-decoration:none;
    background-color:transparent;
    }
    
#menu1 a:hover{
    background-color: #336699;
    color: #000000;
    text-decoration:none;
    }
    
#menu1 li li a{
    color:#000000;
    border-width:0px 1px 1px 1px;
    border-color: #336699;
    border-style:solid;   
    background-color:#ffffff;          
    font-size: 12px;        
    padding: 5px 5px 5px 5px;
    cursor:pointer;        
    white-space:nowrap; 
    text-decoration:none;
  
}
   
#menu1 li li a:hover, #menu1 li li a:active{     
       color:#ffffff;
  
}

#menu1 li li li a{   
     font-size: 10px;        
  padding: 2px 2px 2px 2px;
}


#menu2 {
  position:fixed; 
  left:0px;
  top:155px;
  height:100%;
  width:144px;
  background-color:#336699;
  z-index:2;
  vertical-align:top;
  padding: 50px 0px 0px 20px;
}

#menu2 ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}

#menu2 li
  {
        padding-top:5px;
        padding-bottom:5px;
  }

#menu2 a
  {
  font-size: 10px;
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration:none;
  white-space:normal;
  }  
  
#menu2 a:hover
  {
  color: #000000;
  }  
  
#text
  {
  
  float:left;
  width:70%;
  font-size: 12px; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #000000;
  text-decoration:none;
  }

#info
  {
  z-index:5;
  width:145px;
  float:right;
  }
  
#content {
  height:100%;
  max-height:100%;
  overflow:auto;
  padding-left:180px;
  /*float:left;*/
  padding-right:30px;
  /*position:relative;*/
  z-index:10;
}

#content div{
  z-index:100;
  }

#footer {
  width:100%;
  display:block;
  height:20px;
  padding-top:10px;
  margin-bottom:10px;
  text-align:center;
  border-top:1px solid black;
  float:left;
  margin-top:50px;
}

#footer a 
  {
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration:none;
  letter-spacing: 2px;
  text-align: center;
  font-size:10px;
}

#footer a:hover 
  {
  color: #336699;
}

/* IE HACK */
* html #banner, * html #menu1, * html #menu2, * html #ads {position:absolute;}

#content h3 {
  padding:0px;
}
/* IE HACK */
#spacerbannerleft {
  width:170px;
  height:100px;
  float:left;
  background-color: #336699;
}
#spacercontenttop {
  height:155px;
}
* html #spacercontenttop {
  height:165px;
}
*+html #spacercontenttop {
  height:165px;
}

#spacercontentbottom {
  display:none;
}
.spacermenutop {
  display:none;
}

/* HTML-FORMAT */
a
  {
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #336699;
  text-decoration:none;
  }

a:hover, a:active
  {
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #000000;
  text-decoration:underline;
  }


h1 
{
  font-size: 10pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif;   
  font-weight: bold;
  color: #000000;
  text-decoration:none;
  }

h2 
  {
  font-size: 10pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #999999;
  text-decoration:none;
  }
  
h3 
  {
  font-size: 8pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  font-style: smallcaps;
  color: #000000;
  text-decoration:none;
  }

li
  {
  font-size: 10pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #000000;
  link: #000000;
  text-decoration:none;
  }
  
/*TYPO3 classes*/

.csc-mailform {
  font-size:10pt;
  border:0;
  padding:0;
}

.shop_minibasket_image img{
  border:0;
}
a img {
  border:0;
}

.shop_kategorie {
  margin-top:30px !important;
}

.shop_kategorie td {
  border-top:2px solid black;
}

.csc-searchResultHeader {
  font-size: 10pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
}

.bodytext
  {
  font-size: 10pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #000000;
  text-decoration:none;
  }

.text_8
  {
  font-size: 8pt; 
  font-family: "Verdana", Arial, Helvetica, sans-serif; 
  color: #000000;
  text-decoration:none;
  }

.tx-ttproducts-pi1-wrap2
  {
  color: white;
  }

#mailform .csc-mailform {
  border:0px;
  padding:0px;
  margin:0px;
  font-size:0.85em;

}

#mailform .csc-mailform-field input {
  border:1px solid #336699;
  width:200px;
  font-size:0.85em;
  color: #000000;

}

#mailform .csc-mailform-field label{
   display:block;  
}

#mailform .csc-mailform-field textarea {
  border:1px solid #336699 !important;
  width:400px;
  font-size:1.2em;
  color: #000000;
  font:Verdana, Arial, Helvetica, sans-serif;
}

#mailform .csc-mailform-submit {
  margin-top: 10px !important;
  border:1px solid #336699 !important;
  background:#DDDDDD !important;
  color: #000000;
  width:100px !important;
}
#searchform .csc-mailform-field{
  margin-bottom:10px;
}

.tx-link {left:0px;top:-3em;position:absolute;}

.csc-linkToTop {
  text-align:right;
}
