@font-face {
   font-family: 'Gisela';
   src: url( Gisela.ttf);
}
h1{
font-family:Gisela;
color: rgb(207, 117, 56);
}
h2{
font-family:Arial;
font-family: Arial;
  color: rgb(123, 123, 123);
  font-size: 16px;
}
#header{
margin-top:-20px;

}
.center,.titel{
text-align: center
}
.titel{
  color: rgb(123, 123, 123);
  font-size:40px;
  margin-bottom:5px;
}
html{ 
  background:url(julia/2.jpg);
  background-repeat: no-repeat;
    background-attachment: fixed;
 }

#middle {
  min-height: 454px;  
  max-width: 700px;  
  margin-left: auto;
  margin-right: auto;
  margin-top:3%;
  margin-bottom:3%;
  background-color: rgba(255, 255, 255, 0.70);
  border: 9px solid white;     
  -webkit-box-shadow: 4px 6px 19px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 6px 19px 0px rgba(0,0,0,0.75);
box-shadow: 4px 6px 19px 0px rgba(0,0,0,0.75);
}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
background:none;

}
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu {
  width: auto;
  border-bottom: 1px solid #054C90;
  font-family: Raleway, sans-serif;
  line-height: 1;
  padding-top:10px;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 3px 14px 5px 12px;
    font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: #444444;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-right: -4px;
}
#cssmenu .selected_nav,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after,#cssmenu .selected_nav:before{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu .selected_nav:before,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #054C90;
}
#content {
  background-color: rgba(255, 255, 255, 0.52);
  padding: 20px;
}

#inhalt{
  line-height: 28px;
}
.img100{
width:100%;
margin-top:20px;
margin-bottom:20px;
-webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
}
.centerbox {

  margin-left: auto;
  margin-right: auto;
  margin-top:20px;
  margin-bottom:40px;
  max-width: 500px;                 
  padding: 10px;
  background-color:white;
-webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75);
}

#subnav{
  list-style: none;
  margin: 0px;
  padding:0px;
  line-height:20px;
 
}
.subnavbox {
    border-radius: 9px;
    float: right;
    font-size:12px;
    border-left: 2px solid #054C90;
    border-bottom: 2px solid #054C90;
    padding: 5px;
    /* margin-top: -105px; */
    margin-left: 10px;
    margin-bottom: 5px;
    background-color: white;
}

.subnavbox h2{
 margin-top:0px;
 margin-bottom:0px;
}

.subnavbox a{
text-decoration:none;
 display:block;
 padding-left:5px;
 padding-right:5px;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
   -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-bottom:4px;
  color:#054C90!important;
}
.subnavbox .selected_nav{
  background-color: #054C90;    

color:white!important;
text-shadow: 0 0px 0 #f3f3f3;
}
.subnavbox > ul > li > a:hover {
  background-color: #054C90;
  color:white!important;
text-shadow: 0 0px 0 #f3f3f3;
}
.initial::first-letter { 
    font-size: 200%;
    font-family:Gisela;
}
.gallery{
display:inline;
padding:5px;

}
.gallerybild{
max-width:105px;
max-height:63px;
}