@charset "ISO-8859-1";
/*Allgemein gültig*/
body {
       width:100%;
	 color: black;
       background-color: #F8F1DB;
       font-size: 99%;
       font-family: Verdana,Tahoma,sans-serif;
       margin: 0; padding: 0;
	 overflow-x:hidden; 
       }
#banner {
         width:70%;
         padding:1%;
         border:1px solid gray;
         margin:0 0 5px 0;
        }
img {
      border:none;
    }
.highlight {
            color:red;
            font-weight:bold;
            }
.center {
         text-align:center;
         }
/*sichtbar nur für ganz alte Browser*/
.hidden{visibility:hidden;}
/*Menu für tabs */
#reiter {
         height:60px;
         background: #F8F1DB;
         width:98%; margin-top:25px;
        }
#reiter a {
           font-size:80%; font-weight:bold;
           text-decoration:none;
           border:1px solid black;
           padding:6px 6px 6px 6px;
           margin:2%;
           background: #8f8f8f bottom left;
           }
#reiter a:link {
                color:#000;
                background-color:#cc9933;
                text-align:center;
                }
#reiter a:visited {
                   color:#000;
                   background-color:#cc9933;
                   text-align:right;
                   }
#reiter a:hover {
                 color:#3300FF;
                 text-align:right;
                 background-color:#8f8f8f;
                }

      color:#ffffff;
      background-color:#009f00;


ul#umschalt {
         height:1.5em;
         background: #fff;
         width:70%; 
        }
ul#umschalt a {
           font-size:80%; font-weight:bold;
           text-decoration:none;
           border:1px solid black;
           padding:6px 6px 6px 6px;
           background: #8f8f8f bottom left;
           }
ul#umschalt a:link {
                color:#000;
                background-color:#cc9933;
                text-align:center;
                }
ul#umschalt a:visited {
                   color:#000;
                   background-color:#cc9933;
                   text-align:right;
                   }
ul#umschalt a:hover {
                 color:#3300FF;
                 text-align:right;
                 background-color:#8f8f8f;
                }






/*Menu links*/
ul#menu {
    font-size: 75%;
    float: left; width: 14em;
    margin: 0 1.2em 1.2em 1em; padding: 0;
    border:1px solid black;
  }
ul#menu li {
    list-style: none;
    margin: 2px; padding: 0.2em;
    background-color: #fff;
  }

ul#menu a {
    display: block;
    padding: 2px;
    font-weight: bold;
    text-decoration:none;
    border-left: 3px solid black;
    background-color:white;
  }
ul#menu a:link {
    color:#000;
    background-color:#cc9933;
  }
ul#menu a:visited {
    color:#000;
    background-color:#cc9933;
  }
ul#menu a:hover {
    color:#3300FF;
    background-color:#8f8f8f;
    border-left: 3px solid #3300FF;
  }
ul#menu li.bild  {
               border:none;
               margin-left:20%;
               text-decoration:none;
                  }

ul#menu li.bild a:link {
                         text-decoration:none;
                         border:none;
                         background-color:white;
                         }
ul#menu li.bild a:visited {
                         text-decoration:none;
                         border:none;
                         background-color:white;
                         }
ul#menu li.bild a:hover {
                         text-decoration:none;
                         border:none;
                         background-color:white;
                         }
/*Inhalt - rechts vom Menu*/
* html div#content {
    height: 1em; } /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
div#content {
    margin: 0 3em 1em 20em;
    padding: 0 1em;
  }
div#content h1 {
    font-size: 1.5em;
    margin: 0; padding: 0.3em;
    text-align: center;
    background-color: #cc9933;
    border: 1px solid black;
  }
div#content h2 {
    font-size: 1.1em;
    margin: 0; padding: 0.3em;
    text-align: left;
    background-color: #cc9933;
    border: 1px solid black;
                }
div#content h3 {
                margin-left:20%; padding: 0.3em;
                font-size:1.0em;
                background-color: #cc9933;
                border: 1px solid blue;
                width:50%;
                text-align: center;
                }
div#content p {
                 font-size: 1em;
                 margin: 1em 0;
                 }
div#content a, a:link {
               text-decoration:none;
               color:#000;
               font-weight:bold;
               padding:0;
               }

div#content a:visited {
                       color:#9F9F9F;
                      }
div#content a:hover {
         text-decoration:overline underline;
         color:blue;
         }
div#content .format {
                  border:1px dotted black;
                  background-color:#eee;
                  padding:10px;
                  }
/*Formatierte Links im Content*/
div#content a.b1:link {
                       color:black;
                       text-decoration:none;
                       font-weight:bold;
                       }
div#content a.b1:visited {
                        color:gray;
                        text-decoration:none;
                        }
div#content a.b1:hover {
                        color:red;
                        text-decoration:none;
                        border-bottom:3px dotted blue;
                        font-weight:bold;
                        }
div#content a.b2:link {
                        color:black;
                        text-decoration:none;
                        font-weight:bold;
                        }
div#content a.b2:visited {
                          color:gray;
                          text-decoration:none;
                          }
div#content a.b2:hover {
                        color:red;
                        text-decoration:underline;
                        border-bottom:1px solid blue;
                        font-weight:bold;
                        padding-bottom:2px;
                        }
div#content .m {
                width:200px;
                text-align:center;
                border:1px solid gray;
                padding:5px;
                margin-left:150px;
                }
div#content a.b3 {
                  -moz-border-radius:10px;
                  display:block;
                  text-decoration:none;
                  background-color:#999;
                  padding:6px;
                  margin-bottom:5px;
                  }
div#content a.b3:link {

                       border-top:1px solid #ccc;
                       border-right:1px solid #666;
                       border-bottom:1px solid #666;
                       border-left:1px solid #ccc;
                       color:white;
                       }
div#content a.b3:visited {
                          border-top:1px solid #666;
                          border-right:1px solid #ccc;
                          border-bottom:1px solid #ccc;
                          border-left:1px solid #666;
                          color:gray;
                          }



div#content a.b3:hover {
                        border-top:1px solid #666;
                        border-right:1px solid #cccccc;
                        border-bottom:1px solid #cccccc;
                        border-left:1px solid #666666;
                        color:red;
                        text-decoration:none; /*für IE*/
                        }
div#content a.b3a {
                   padding:6px;
                   margin-bottom:5px;
                   display:block;
                    }
div#content a.b3a:link {
                        border-top:1px solid #ccc;
                        border-right:1px solid #666;
                        border-bottom:1px solid #666;
                        border-left:1px solid #ccc;
                        color:white;
                        background:url(../pix/spitze.gif) no-repeat left #999;
                        text-decoration:none;
                        }
div#content a.b3a:visited {
               border-top:1px solid #666;
               border-right:1px solid #ccc;
               border-bottom:1px solid #ccc;
               border-left:1px solid #666;
               color:gray;
               background:url(../pix/girl.gif) no-repeat left yellow;
               text-decoration:none;
               }
div#content a.b3a:hover {
             border-top:1px solid #666;
             border-right:1px solid #ccc;
             border-bottom:1px solid #ccc;
             border-left:1px solid #666;
             background:url(../pix/shoot.gif) no-repeat left #999;
             color:red;
             text-decoration:none;
             }
div#content a.b4:link {
                        color:black;
                        text-decoration:none;
                        font-weight:bold;
                        }
div#content a.b4:visited {
                          color:gray;
                          text-decoration:none;
                          }
div#content a.b4:hover {
                        color:red;
                        text-decoration:none;
                        font-weight:bold;
                        }
div#content #no {
                 display:none;
                 }
div#content a:visited #no {
                           display:none;
                           }
div#content a:hover #no {
                         display:inline;
                         }
div#content p.impressum {
             font-size:8px;
             margin-left:80%;
             margin-top:20px;
             }
/*overflow*/
div#content p.eng {
      width:200px;
      padding:10px;
      margin:3%; margin-left:8%;
      border:1px dotted red;
      }
/*workshop4a zwei Spalten*/
.content1 {
           float:left;
           font-size:10px;
           line-height:22px;
           padding:2%;
           margin:1%;
           color:#000;
           background:#eee;
           border:1px solid #ccc;
           width:30em;
           height:1200px;}
.content2 {
           float:right;
           font-size:10px;
           line-height:22px;
           padding:2%;
           margin: 1%;
           color:#000;
           background:#eee;
           border:1px solid #ccc;
           width:30em;
           height:1200px;
           }


/*Fusszeile*/
div#footer {
            clear: both;
            font-size: 80%;
           }
div#footer ul {
    margin: 0 1.2em 1.2em 1em; padding: 1em;
    border:1px solid black;
    background-color: #cc9933;
  }
div#footer li {
    list-style: none;
    margin: 5px; padding: 0.5em;
    background-color: #cc9933;
    display:inline
  }
div#footer a  {
               text-align: center;
               background-color: #cc9933;
              }


/* Listen */
div#content .dd1 {
      font-weight:bold;
      background:url(../pix/girl.gif) no-repeat top left;
      text-indent:30px;
      line-height:20px;
      }
div#content dl.liste {
          background:url(../pix/bunt.jpg) top left repeat-y #eee;
          border: 1px solid blue;
          padding:20px;
          width:400px;
          margin-left:100px;

          }
div#content dt.liste {
         margin-bottom:10px;
         color:blue;
         border:1px solid black;
         padding:10px;
         background-color:gray;
         width:200px;
         }
div#content dd.liste {
          text-align:center;
          margin-bottom:10px;
          padding:10px;
          background-color:gray;
          }
div#content dd.liste a {
            text-align:center;
            margin:10px;
            padding:10px;
            width:200px;
            text-decoration:none;
            }
div#content dd.liste a:link {
                 color:blue;
                }
div#content dd.liste a:visited {
                    color:white;
                    }
div#content dd.liste a:hover {
                  color:black;
                  background-color:#eee;
                  text-decoration:none;
                  }
/* vertical */
div#content .box1 {
                   float:left;
                   width:8px;
                   height:100%;
                   border:1px solid black;
                   padding:5px;
                   background:#eee;
                   font-weight:bold;
                   text-align:center;
                   }
/*workshop4b drei Spalten*/
.dreisp {
        width:27%;
        float:left;
        background:#eee;
        padding:10px;
        color:#000;
        border:1px dotted #000;
        height:600px;
        margin:20px 0 20px 0;
        }
p {
	color : Black;
	font-family : Arial, helvetica, sans-serif;
	font-size : 80%;
	text-align: left;
	margin-left : 23em;
	margin-right : 10em;
	margin-top: 30px;
	margin-bottom: 30px;
	}


.best {
      color:#000000;
      background-color:#fee3ad;
      text-align: center;
      border: 1px solid #781351;
	margin-right: 10px;
	line-height: 2;
      }

.incart {
      color:#ffffff;
      background-color:#009f00;
      text-align: center;
      border: 1px solid #781351;
	margin-right: 10px;
	line-height: 2;
      }

.versand {
      color:#000000;
      background-color:#fee3ad;
	font-family : Arial, helvetica, sans-serif;
	Font-Size : 70% ! important;
      text-align: left;
	margin-right:1px;
	margin-left:5px;
      }



i {
	font-family : Arial, helvetica, sans-serif;
	Font-Size : 80% ! important;
line-height: 1.5;
	}




label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351;
margin: 2px
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
}
fieldset
{
border: 1px solid #781351;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

.senden
{
color: #ffffff;
font-weight:bold;
background: #009f00;
border: 3px solid #781351;
margin: 2px
}


.eins
{
color: #000000;
font-weight:bold;
background: #009f00;
border: 3px solid #00CC66;
margin: 10px
}


.drei
{
color: #000000;
font-weight:lighter;
background: #CCFF66;
border: 1px solid #CCFF66;
margin: 10px
}