body {
  background-color:   #ffffff;
  color:       #333333;
  font-family:     Verdana, Tahoma, 'Bitstream Vera Sans', 'Trebuchet MS', sans-serif;
  font-size:       11px; /* font size */
  line-height:     14px;
  margin:       0px 0px 0px 0px; /* top right bottom left */
  padding:      0px;
  width:        100%;  
}

p,h1,h2,h4 {
  margin:      0px;
  padding:      2px;
}

h4 {
  margin:      2px;
  padding:     2px;
    width: 235px;
    border: 1px dotted #7b7c7e;
    border-left: Window;
    border-right: Window;
    border-top: Window;
}

h6 {
  font-size:     11px;
  font-weight:   regular;
  color:    #ff6600;
  margin:      0px;
  padding:      0px;
}
 
a{
   text-decoration:  none;
   font-weight:    bold;
   -webkit-transition-property:     margin, -webkit-box-shadow,background-color,color,opacity,height;
      -webkit-transition-duration:    0.3s;
      -webkit-transition-timing-function: ease-in-out;
          
      -moz-transition-property:         margin, -moz-box-shadow,background-color,color,opacity,border,height;
      -moz-transition-duration:         0.3s;
      -moz-transition-timing-function:  ease-in-out;
          
      -o-transition-property:         margin, box-shadow,background-color,color,opacity,height;
      -o-transition-duration:         0.3s;
      -o-transition-timing-function:     ease-in-out;
          
      transition-property:             margin, box-shadow,background-color,color,opacity,height;
      transition-duration:             0.3s;
      transition-timing-function:     ease-in-out;
 }

a:active {
  color:       #ee7f00 ; /* active link color */
}

a:link {
  color:       #ee7f00 ; /* link color */
}

a:visited {
  color:       #ee7f00 ; /* visited link color */
}
a:hover {
  color:       #1bbbe9 ; /* hover link color */
}

#main{
  position:      relative; 
  margin:      0px 10px 0px 10px;
  top:        0px;
  width:      1000px;
  
}
#top{
  position:      absolute;
  margin:      10px 10px 0px 10px;
  top:        0px;
 left:        0px; 
  height:      200px;
  width:      1000px;
  background-image:  url("../images/Header/bsj_top.png");
}

#breadcrumbs{
  position:      absolute;
  top:        0px;
  padding:       0px;
  margin-top:     210px;
  margin-left:    15px;
  height:      20px;
  width:      1000px;

}

#menutop{
  position:      absolute;
  top:        0px;
  margin-top:     17px;
  margin-left:     290px;
  padding:      0px;
  z-index:     0; 
  height:    200px; 
  
}

#menutop:hover{
  z-index:      1;
}


#menutop div.menuepunkt{
  display:      block;
  margin-left:    1px;
  margin-right:    0px;
  padding:      0px;
  width:      139px;
  height:      auto;
  vertical-align:    top;
  float:       left;
  
  
  
}

#menutop div.menu {
  width:       730px;
  margin:       0px;
  padding:      0px;
    
}

#menutop div.menuepunkt div.menu{
  display:      block;
  width:                           137px;
      border-left:                    solid 1px #ee7f00;;
      border-right:                   solid 1px #ee7f00;;
      border-bottom:                  solid 1px #ee7f00;;
  visibility:         hidden;
  background-color:        #ffffff;
  
  -moz-transition-property:      visibility, -moz-box-shadow,background-color,color,opacity,border,height;
        -moz-transition-duration:         0.05s;
        -moz-transition-timing-function:  ease-in-out;
        -webkit-transition-property:      visibility, -webkit-box-shadow,background-color,color,opacity,border,height;
        -webkit-transition-duration:         0.05s;
        -webkit-transition-timing-function:  ease-in-out;
        -transition-property:      visibility, box-shadow,background-color,color,opacity,border,height;
        -o-transition-duration:         0.05s;
        -o-transition-timing-function:  ease-in-out;
        -o-property:      visibility, box-shadow,background-color,color,opacity,border;
        transition-duration:         0.05s;
        transition-timing-function:  ease-in-out;
        
       
        
        opacity:        0;  
      padding:            0px 0px 8px 0px;
      
      -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;    
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index:     0;
    
}

#menutop div.menuepunkt:hover div.menu{
  display:      block;
  visibility:         visible;
  background-color:  #ffffff;
  
  opacity:                1;
   -moz-box-shadow:                 4px 4px 5px #7b7c7e;
        -webkit-box-shadow:             4px 4px 5px #7b7c7e;
        box-shadow:                     4px 4px 5px #7b7c7e;
        z-index:         2;  
 }

  
#menutop div.menuepunkt div.menu div.menuepunkt{
  width:       137px;
  margin:       0px;
  float:       none;
  
    
}



#menutop a{
  color:       #5b5b5b;
  font-size:    13px;
  font-weight:    bold;
  display:      block;
  padding:      5px;
  height:      auto;
  text-align:    center;
}

#menutop a:hover{
  background-color:  #7b7c7e;
  color:       #ee7f00;
  font-size:    13px;
  font-weight:    bolder;
}

#middle{
  position:      absolute;
  top:        10px;
  left:        0px;
  margin:        220px 10px 0px 10px;
  padding:      0px 0px 60px 0px;
  width:        1000px;
        z-index:     0;
    
}

#middle div#innen{
  margin:        0px 0px 0px 0px;
  padding:      10px 10px 10px 10px;
  width:        980px;
  -webkit-border-radius:     10px;  
  -moz-border-radius:     10px;
  border-radius:       10px;
  border:       1px solid #ee7f00;
  
}


#middle-left{
  position:      absolute;
  top:        0px;
  left:        0px;
  margin:        210px 0px 0px 0px;
  padding:      10px 10px 60px 10px;
  width:        310px;
  z-index:     0;  
  
}
#middle-center{
  position:      absolute;
  top:        0px;
  left:        0px;
  margin:        210px 0px 0px 340px;
  padding:      10px 10px 60px 10px;
  width:        310px;
  z-index:     0;
  
}
#middle-right{
  position:      absolute;
  top:        0px;
  left:        0px;
  margin:        210px 0px 0px 680px;
  padding:      10px 10px 60px 10px;
  width:        310px;
  z-index:     0;
  
}



#sponsor{
  position:      absolute;
  top:        0px;
  left:        1020px;
  margin:        0px 0px 0px 0px;
  padding:      10px;
  
}

#bottom{
  position:      fixed;
  left:        0px;
  #background-color:     #ffffff; /* background color */
  background-image:    url("../images/welle_unten.png");  
  background-repeat:    no-repeat;    
  color:         #333333; /* footer font color */  
  padding:       0px;
  top:        auto;
  bottom:        0px;
  height:        50px;
  width:        100%;
  #border-top:      solid 1px #7b7c7e;  
  margin-bottom:      0px;
  margin-left:       20px;
  margin-right:       10px;;
}
#bottom div{
  text-align:      center;
  width:        1000px;  
  padding:      26px 0px 0px 0px;
  line-height:      30px;
}

#bottom div img{
  position:      absolute;
  left:        890px;
  top:        auto;
  bottom:        0px;
  
}

.orange{
  color:       #ee7f00;
}

.grau{
  color:       #7b7c7e;
}


.blau{
  color:       #1bbbe9;
}


.gruen{
  color:       #97bf0d;
}


#canvas1{
  margin:      10px;
      height:      225px;
      width:      300px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  
  border:     1px solid #ee7f00;
  #background-color:   #ee7f00;
  background-color:   #dbdcde;
    
}

div.border_orange{
  margin:      10px;
  width:      290px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #ee7f00;
  padding:     5px;

}

div.border_blau{
      margin:      10px;
      width:      290px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #1bbbe9;
  padding:     5px;

}

div.border_grau{
      margin:      10px;
      width:      290px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #7b7c7e;
  padding:     5px;

}


div.border_gruen{
      margin:      10px;
      width:      290px;
  -webkit-border-radius:  10px;  
  -moz-border-radius:  10px;
  border-radius:     10px;
  border:     1px solid #97bf0d;
  padding:     5px;

}

div.border_orange_groß{
  margin:      10px;
  width:      980px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #ee7f00;
  padding:     5px;

}

div.border_blau_groß{
      margin:      10px;
      width:      980px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #1bbbe9;
  padding:     5px;

}

div.border_grau_groß{
      margin:      10px;
      width:      980px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #7b7c7e;
  padding:     5px;

}


div.border_gruen_groß{
      margin:      10px;
      width:      980px;
  -webkit-border-radius:  10px;  
  -moz-border-radius:  10px;
  border-radius:     10px;
  border:     1px solid #97bf0d;
  padding:     5px;

}

/** ***************************************************************************** */
/* Pictre gallerie */

.myGallery{
  
   margin:      10px ! important;
  width:      290px;
  -webkit-border-radius: 10px;  
  -moz-border-radius:   10px;
  border-radius:     10px;
  border:     1px solid #ee7f00 !important;
  padding:     5px; 
  background-color: #fff;
  
}
.tx-rgsmoothgallery-pi1{
   background: #fff ! important;
}
.jdGallery,
.slideElement{
   background-color: transparent ! important;
}


.borderRed{
  border:     #f00 solid 1px;
}