html,body{ 
            margin: 0; 
            padding: 0; 
            background-color: #EEDEAE; 
            background-image:url(../img/bg.png);
            background-repeat: repeat-x;
            
            font-size: small;
            font-family: Arial;
            line-height: 1.3em;
            color: #000000;
                        
       min-height:100%; height: 10%;
       } 

  #container {width: 985px; margin: 0 auto;  background-image:url(../img/content_bg.png);}

  #header {width: 100%; height: 109px; background-image:url(../img/header.jpg);}
  
  #login {float:right; height: 100px; padding-right:25px;}
  #login2 {float:left; height: 100px; width:250px;}
  #menubar {width: 985px; height: 43px; background-image:url(../img/navibg.png); background-repeat: repeat-x;}
  .menubar {width: 985px; height: 43px; background-image:url(../img/navibg.png); background-repeat: repeat-x;}
  #content {width:985px;}
  #contentheader {width: 985px; height: 35px; background-image:url(../img/contentheader.png);} 
  #contentleft {width: 170px; float:left; padding: 0; margin: 0;}
  #contentright {width: 170px; float: right; padding-right:20px;}
  #innercontent {width: 770px; float:left; padding-left:20px; }
  #content {width: 985px; backgound-image:url(../img/content_bg.png);}
    
    
    #footer {width: 965px; height: 87px; padding-left:20px; background-image:url(../img/footer_bg.png); clear:both;}

.ttext {
        
        font-weight: bold;
        font-size: small;
        font-family: Arial;
        line-height: 1.3em;
        color: #000000;
        }
        
.chorliste {
        
        font-weight: bold;
        font-size: 90%;
        font-family: Arial;
        line-height: 1.3em;
        color: #000000;
        } 
        
.ttextbold {

            font-size: small;
            font-family: Arial;
            line-height: 1.3em;
            color: #000000;
            }


A.link1:link {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em;}
A.link1:visited {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em;}
A.link1:hover {font-family:Arial; font-size:100%; font-weight:light; color: #ffffff; text-decoration: none; line-height: 1.1em;}
A.link1:active {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration:none; line-height: 1.1em;}     

A.link2:link {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em;}
A.link2:visited {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em;}
A.link2:hover {font-family:Arial; font-size:100%; font-weight:light; color: #000000; text-decoration: none; line-height: 1.1em;}
A.link2:active {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration:none; line-height: 1.1em;}         

A.link3:link {font-family:Arial; font-size:100%; font-weight:bold; color: #ffffff; text-decoration:none; line-height: 1.1em;  background-color: #aa0000;}
A.link3:visited {font-family:Arial; font-size:100%; font-weight:bold; color: #ffffff; text-decoration: none; line-height: 1.1em;  background-color: #aa0000;}
A.link3:hover {font-family:Arial; font-size:100%; font-weight:bold; color: #000000; text-decoration: none; line-height: 1.1em; background-color: #aa0000;}
A.link3:active {font-family:Arial; font-size:100%; font-weight:bold; color: #ffffff; text-decoration: none; line-height: 1.1em;  background-color: #aa0000;}
 
A.link4:link {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em; background-color: #ede2c7;}
A.link4:visited {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration: none; line-height: 1.1em; background-color: #ede2c7;}
A.link4:hover {font-family:Arial; font-size:100%; font-weight:light; color: #000000; text-decoration: none; line-height: 1.1em; background-color: #ede2c7;}
A.link4:active {font-family:Arial; font-size:100%; font-weight:light; color: #aa0000; text-decoration:none; line-height: 1.1em; background-color: #ede2c7;} 

A.link5:link {font-family:Arial; font-size:1.5em; font-weight:bold; color: #aa0000; text-decoration: none; line-height: 1.5em;}
A.link5:visited {font-family:Arial; font-size:1.5em; font-weight:bold; color: #aa0000; text-decoration: none; line-height: 1.5em;}
A.link5:hover {font-family:Arial; font-size:1.5em; font-weight:bold; color: #000000; text-decoration: none; line-height: 1.5em;}
A.link5:active {font-family:Arial; font-size:1.5em; font-weight:bold; color: #aa0000; text-decoration:none; line-height: 1.5em;} 
            
A.klein:link {font-family:Arial; font-size:90%; font-weight:light; color: #ffffff; text-decoration: none; line-height: 1.1em;}
A.klein:visited {font-family:Arial; font-size:90%; font-weight:light; color: #ffffff; text-decoration: none; line-height: 1.1em;}
A.klein:hover {font-family:Arial; font-size:90%; font-weight:light; color: #000000; text-decoration: none; line-height: 1.1em;}
A.klein:active {font-family:Arial; font-size:90%; font-weight:light; color: #ffffff; text-decoration:none; line-height: 1.1em;}

A.navi4:link {font-family:Arial; font-size:100%; font-weight:bold; color: #ff9900; text-decoration: none; line-height: 1.2em;}
A.navi4:visited {font-family:Arial; font-size:100%; font-weight:bold; color: #ff9900; text-decoration: none; line-height: 1.2em;}
A.navi4:hover {font-family:Arial; font-size:100%; font-weight:bold; color: #000000; text-decoration: none; line-height: 1.2em;}
A.navi4:active {font-family:Arial; font-size:100%; font-weight:bold; color: #ff9900; text-decoration:none; line-height: 1.2em;}

A.linkw:link {font-family:Arial; font-size:100%; font-weight:bold; color: #66ccff; text-decoration: none; line-height: 1.1em;}
A.linkw:visited {font-family:Arial; font-size:100%; font-weight:bold; color: #66ccff; text-decoration: none; line-height: 1.1em;}
A.linkw:hover {font-family:Arial; font-size:100%; font-weight:bold; color: #000000; text-decoration: none; line-height: 1.1em;}
A.linkw:active {font-family:Arial; font-size:100%; font-weight:bold; color: #66ccff; text-decoration: none; line-height: 1.1em;}

.detailanzeige {width:740px; border-spacing:5px;}

.wk_row {background-color: #efe5d5; height: 30px;}
.wk_col {vertical-align: top;}
.wk_col2 {vertival-align: middle; background-color: #ece5d8; text-align:right;}
.table_bestell {background-image:url(../img/table_bg.png); background-repeat: no-repeat; width:250px; height: 250px;}
.table_bestell_col {vertical-align: top; padding: 10px;}

.logintable {padding-right:15px; padding-top:5px;}
.logintable td {text-align: right;
font-family:Arial;
                    font-size:90%; 
                    font-weight:light; 
                    color: #ffffff; 
                    text-decoration: none;
                    
}

input {border-color: #ff9900; border-width:1px; background-color:#ffffff;}
input[disabled] {border-color: #ff9900; border-width:1px; background-color:#dddddd;}
.button {border-color: #ff9900; border-width:1px; background-color:#dddddd;}
.button2 {border-color: #ff9900; border-width:1px; background-color:#29d635;}

.weiss {font-family:Arial;
                    font-size:90%; 
                    font-weight:light; 
                    color: #ffffff; 
                    text-decoration: none;
                    line-height: 1.1em;}
                    
.weiss2 {font-family:Arial;
                    font-size:100%; 
                    font-weight:light; 
                    color: #ffffff; 
                    text-decoration: none;
                    line-height: 1.3em;}                    

.hinweistext_klein {font-family:Arial;
                    font-size:90%; 
                    font-weight:light; 
                    color: #aa0000; 
                    text-decoration: none;
                    line-height: 1.1em;}
                    
.hinweistext_kleiner {font-family:Arial;
                    font-size:80%; 
                    font-weight:light; 
                    color: #aa0000; 
                    text-decoration: none;
                    line-height: 1.1em;}                    

#imgleft {border: 0; margin: 5px; text-align:left;}
#imgright {border: 0; margin: 5px; text-align:right;}

.normal ul {list-style: none; padding: 0; margin: 0;}
.normal li {font-weight: bold;}
 
.standard_tabelle table {
       border: 0px; 
       border-spacing: 5px; 
       background-color: #eeeeee;}
                                              
  p {font-family: Arial; 
            font-size: 10pt;
            line-height: 1.5em;
            font-weight:light;}        
               
    h1 {font-family: Arial; 
            font-size: 130%;
            line-height: 1.2em;
            font-weight:light;}
            
            h2 {font-family: Arial; 
            font-size: 12pt;
            line-height: 1em;
            font-weight:bold;}
            
            h3 {font-family: Arial; 
            font-size: 10pt;
            line-height: 0.8em;
            font-weight:bold;}         
            

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

#contentleft li a {
display: block;
        height: 32px;
        width: 170px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#contentleft li a:link{
        height: 32px;
        width: 170px;
        font-size: 110%;
        font-weight:bold;
        color: #4D4D4D;
        display: block;
        text-align: left;
        background:  url(../img/menubg.png);
        background-repeat: no-repeat;
        padding: 8px 0 0 20px;
        }
        
#contentleft li a:visited{
        height: 32px;
        width: 170px;
        font-size: 110%;
        font-weight:bold;
        color: #4D4D4D;
        display: block;
        text-align: left;
        background:  url(../img/menubg.png);
        background-repeat: no-repeat;
        padding: 8px 0 0 20px;
        }        

#contentleft li a:hover, #menu10 li #current { 
        height: 32px;
        color: #FF9834;
        font-size: 110%;
        font-weight:bold;
        text-align: left;
        background:  url(../img/menubg2.png);
        background-repeat: no-repeat;        
        padding: 8px 0 0 20px;
        }

         #tabs7 {
      float:left;
      width:985px;
      height: 44px;
      font-size:93%;
      line-height:normal;
         
      }
    #tabs7 ul {
    height: 44px;
          margin:0;
          padding:0px 0px 0 0px;
          list-style:none;
      }
    #tabs7 li {
    height: 44px;
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs7 a {
    color: #777777;
    height: 44px;
      float:left;
      background:url("../img/navleistebg.png") repeat-x;
      margin:0;
      padding:0px 0 0 0px;
      text-decoration:none;
      

      
      }
    #tabs7 a span {
    height: 44px;
      font-size:120%;
      font-weight:bold;
      float:left;
      display:block;
      background:url("../img/navleistebg.png") repeat-x;
      padding: 15px 15px 0px 15px;
      color:#fff;
      
        
      
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs7 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs7 a:hover span {
      color: #888888:
      height: 44px;
      font-size: 120%;
      font-weight:bold;
      float:left;
      display:block;
      background:url("../img/navleistebg2.png") repeat-x;
      padding: 15px 15px 0px 15px;
      color:#000;
      
      }
      
       #tabs7 #current a span {
      height: 44px;
      font-size: 120%;
      font-weight:bold;
      float:left;
      display:block;
      background:url("../img/navleistebg2.png") repeat-x;
      padding: 15px 15px 0px 15px;
      color:#000;
      
      }
      
      
      
      

      .boxes {width:170px; background: url(../img/boxbottom.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes h2{
  font-size:110%;
  height:35px;
  color:#ffffff;
  margin: 0;
  padding: 15px 8px 0px 14px;
  text-indent: -0px;
  background: url(../img/boxtop.png) no-repeat top left;
  }
  
   
        .boxes_bg {background: url(../img/bgboxen.png) no-repeat; height: 80px; width:350px;}
  .boxes_bg h2{
  font-size:160%;
  color:#ffcc00;
  margin: 0;
  padding: 5px 8px 0px 10px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  } 
   
      .boxes_startseite {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite1 h2{
  font-size:180%;
  height:100px;
  color:#ffffff;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite.jpg) no-repeat top left;
  }
  
          .boxes_startseite1 {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite1 h2{
  font-size:180%;
  height:100px;
  color:#03c21d;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite6.jpg) no-repeat top left;
  }
  
      .boxes_startseite2 {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite2 h2{
  font-size:180%;
  height:100px;
  color:#ffffff;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite2.jpg) no-repeat top left;
  }
   
      .boxes_startseite3 {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite3 h2{
  font-size:180%;
  height:100px;
  color:#ffffff;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite3.jpg) no-repeat top left;
  }      

        .boxes_startseite4 {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite4 h2{
  font-size:180%;
  height:100px;
  color:#ffffff;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite4.jpg) no-repeat top left;
  }

        .boxes_startseite5 {width:300px; background: url(../img/boxstartseite.png) no-repeat bottom left; padding-bottom:5px; margin-top:0px;}
  .boxes_startseite5 h2{
  font-size:180%;
  height:100px;
  color:#000000;
  margin: 0;
  padding: 5px 8px 0px 14px;
  font-weight: bold;
  line-height:1.3em;
  text-indent: -0px;
  background: url(../img/boxtopstartseite5.jpg) no-repeat top left;
  }
/* Submenue */

#sub {
        width: 985px;
        margin: 0px 0 0 5px;
        padding: 5px 0 0 0px;
        height: 30px;
}

#sub ul {
        border: 0;
        margin: 0;
        padding-left: 120px;
        list-style-type: none;
        text-align: center;
}

#sub ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#sub ul li a {
        /*background-image:url(../img/bg_animiert.gif); background-repeat: repeat-x;*/
        height: 17px;
        padding: 2px;
        margin: 0 10px 5px 5px;
        color: #aa0000;
        font-weight: bold;
        text-decoration: none;
        display: block;
        text-align: center;
        font:  1.1em Arial;
}

#sub ul li a:hover {
        color: #000000;
        background: #fde3e0;
}

#sub a:active {
        background: #c60;
        color: #fff;
}

#sub li#active a {

        border-bottom: 2px solid #aa0000;
        color: #000000;
}






    
/* dialog box */
#dialog{
	display: none;
	z-index: 999;
	position: absolute;
	background-image:url(../img/dialog_bg.png);
  background-repeat: repeat-x;
	padding: 4px;
	border-width: 4px 4px;
	border-color: #aa0000;
	border-style: solid;
	text-align: center;
	overflow: hidden;
}

		/* image container will display only horizontal scrollbar */
		#dialog .image{
			overflow-y: hidden;
			overflow-x: auto;
		}
			/* center images table (if more then one image is shown) */
			#dialog .image table{
				margin: auto;
			}

		/* text beneath image */
		#dialog .text{
			padding-top: 5px;
		}

		/* dialog buttons */
		#dialog input{
			color: white;
			background-color: #6A93D4;
			border: 1px #ccc solid;
			width: 150px;
			height: 40px;
			margin: 18px 5px 0px 0px;
			font-size: 12px;
      font-weight: bold;
      font-color: white;
		}     
        
/* shaded div */
#shade{
	z-index: 998;
	display: none;
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
}  

.loadingIcon {
        display:block;
        position:absolute;
        left:0px;
        top:0px;
        width:100%;
        height:100%;
        opacity:0.75;
        filter:alpha(opacity=75);
        background-color:#6a7c87;
        background-image:url(../img/ajaxload.gif);
        background-position:center center;
        background-repeat:no-repeat;
}