/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Rufina:700);

body
{
  margin: 0px;
  padding: 0px ;
  font: 12px Arial, sans-serif;
  color: #283948;
  line-height: 200%;
  background: url('img/background.jpg') fixed right top no-repeat #989ba1; 
}

h1

{
    font-family: 'Rufina', serif;
    font-size: 18px;
    width: 100%;
    color: #b5113e;
    border-bottom: 1px solid #b5113e;
}

h2
{
    color: #b5113e;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Rufina', serif;
}

h3
{ font-family: 'Rufina', serif;
  font-size: 14px;
  font-weight: bold;
}

a
{
  text-decoration: none;
  background: url('img/bg-a.png') no-repeat center left;
  padding-left:20px;
  color: #b5113e;
}

a:hover
{
   text-decoration: underline;
}

#streifen
{
  position: absolute;
  top: 50px;
  width:100%;
  height: 200px;
  background: url('img/bg-streifen.jpg') repeat-x;
}


#breadcrump
{
  position: relative;
  top: 135px;
  left: 0px;
  float: left;
}

#breadcrump a
{
  background: none;
  padding-left:0px;
}

#page
{
  margin: auto;
  width: 808px;
}



.navi
{
    font-size: 10px;

}

#logo
{
  position: relative;
  margin-left:625px;
  width: 175px;
  height:50px;
  top: 100px;

}
#header
{

  position: relative;
  width: 800px;
    margin-top:120px;
    border-right:1px solid black;
    border-left:1px solid black;
    color: white;
}

#headerstart
 {

  position: relative;
  width: 800px;
    margin-top:120px;
    border-right:1px solid black;
    border-left:1px solid black;
}
#menue
{
  position: relative;
  width:802px;
 
  z-index:500;
 
 /* margin-bottom: 50px; */
 border-top: 1px solid #b4113e;
  box-shadow: 0px 3px 3px #666;



}     

#menue img
{
  position: absolute;
  top:0px;
}

#menue ul
{
  position: relative;

  height: 45px;
  padding:0px;
  margin: 0px;
  list-style-type: none;
  /*top: 150px;*/
  background: url('img/bg-menue.png') repeat-x bottom #79102a; 
}

#menue ul ul
{

  background: none;
  height: auto;
}
#menue li
{

 float: left;  
    padding-left:20px;
  padding-right: 20px; 
        border-left: 1px solid #7c0f2b;
    border-right: 1px solid #b4113e; 
}

#menue li li
{
  float: none;
  border-left: none;
  border-right: none; 
  border-bottom: 1px solid #b4113e; 
}
#menue li:hover
{
  background: url('img/bg-menue-hover.png') bottom repeat-x #810f2d;
}

#menue li li:hover
{
  background: none;
}


#menue span
{
  background: url('img/bg-menue.png') repeat-x bottom #79102a;
  display: block;
  position: absolute;
  left: 5%;
  top: -9999px; 
  width: 80%;
  padding: 2% 5% 2% 5%;

  margin-right:5%;
  box-shadow: 2px 2px 2px black;
  opacity: 0;
			/* The fade effect, created using an opacity transition  */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;   
}


#menue ul li:hover>span
{
  top: 40px;
			opacity: 0.9;
   background: url('img/bg-menue.png') repeat-x bottom #79102a;
}

#menue a
{
  display: block;
  color: white;
  padding:10px;
  padding-left:20px;
  background: url('img/bg-a-footer.png') no-repeat center left; 
}

#menue span a
{
  
  margin-left:10px;
  padding-right: 40px;


  
}

#menue a:hover
{
  color: silver;
  
}






#footer
{ 
  margin-top:50px;
  padding:10px;
  position: relative;
  min-height:110px;
  background: url('img/bg-footer.png') repeat-x #6b0a24;
  color: silver;

}

#footer table
{
  width:100%;
}

#footer td
{
  padding-right:20px;
}

#footer a
{
  background: url('img/bg-a-footer.png') no-repeat bottom left;
  padding-left:20px;
  color: silver;
}


#content
{
  padding-top:50px;
  width: 800px;
  margin-top:-8px;
  background: url('img/bg-content.png');
  border-right: 1px solid black;
   border-left: 1px solid black;
  position:relative;
  font-size: 12px;
}


#content table
{
  width: 100%;
}


.clear
{
  clear: both;
}

.tabelle td
{
  padding:5px;
  border-bottom: 1px solid grey;
}


.galerie img
{
  padding: 5px;
  border: 1px solid #79102a;

    
  box-shadow: 1px 1px 3px #666666;
}

.bildpanorama
{
    padding: 5px;
  border: 1px solid #79102a;

}

.galerie a, #lightbox a, a[name] 
{
  padding: 0px; 
  background: none;
}

.bildlinks
{


  margin-right: 3px;
  margin-bottom: 6px;
  float: left;
}

.bildmitte
{



  margin-left: 3px;

}

.bildrechts
{


  margin-bottom: 6px;
  margin-left: 3px;  
  float: right;
}
.galeriebilder td
{
  border:none;
}

#footer td
{
  border: none;
}

.text
{
  padding-left:50px;
  padding-right:50px;
}


input[type="text"]
{
  background: #e1e1e1;
  padding:3px;
  border: 1px solid #79102a;
  box-shadow: 0px 0px 3px #666666;
  width: 250px;
}
 input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus
 {
   box-shadow: none;
   background: white;
 }
textarea
{
  background: #e1e1e1;
  padding:3px;
  border: 1px solid #79102a;
  box-shadow: 0px 0px 3px #666666;
  width: 250px;
  min-height: 150px;
}