@font-face {
  font-family: 'Patrick Hand SC';
  font-style: normal;
  font-weight: 400;
  src: local('Patrick Hand SC'), local('PatrickHandSC-Regular'), url(../scripts/patrick_hand_sc.woff) format('woff');
}

.contentArea {
        background:url(../bilder/Flyer_HG_innen.jpg); 
        margin-left: auto;
        margin-right: auto;
        width: 1024px;
        padding: 20px 10px;
}

.content {
    margin-left: 120px;
    min-height: 300px;
}

.footer {
    text-align: center;
    font-size : 0.8em;
}

.menue {
    width: 100px;
    vertical-align: middle;
    text-align: center;
    float: left;
}

.title {
    font-size : 3em;
    text-align: center;
    padding-bottom: 20px;
}

.zentriert {
    margin-left: 40px;
    margin-right: auto;
}

.abstand6 {
    margin-top:6px;
    margin-left:6px;
    margin-right:6px;
    margin-bottom:6px;
}

.caption {
    font-size : 1.0em;
    font-weight : normal;
}

.headline {
    font-size : 1.1em;
    font-weight : bold;
}

.headlinelarge {
    font-size : 3em;
    font-weight : bold;
}

.headlinesmall {
    font-size : 1.1em;
    font-weight : bold;
}

.fliesstext {
    font-size : 1em;
    font-style : normal;
}

.year {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

.spalte_eins {
	float:left;
}

.spalte_zwei {
	margin-left: 60px;
}

.navigator {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
}

a {
    text-decoration : none;
}

a:hover {
    text-decoration: underline;
}

a:link { 
    color:#000080; 
}

a:visited { 
    color:#000080; 
}

a:active { 
    color:#002d00; 
}

#welcomePic {
    display: block;
    width: 700px;
}

#overlay {
    background-color:#000000;
    z-index:10;
    position:absolute;
    top:0px;
    left:0px;
}

#showPic {
    z-index:20;
    position:absolute;
    top:50px;
    width:auto;
    height:auto;
    background-color:#ffffff;
}

#picFrame {
    margin:7px;
}

#captionFrame {
    margin-left: 7px;
    margin-bottom:7px;
    font-size: 0.8em;
    color:#575757;
}

span.caption {
    font-weight:normal;
}

body {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1em;
    font-style : normal;
    overflow: scroll;
    background-color: #dadada;
    color: #2f2f2f;
    margin: 0;
}

.bildContainer {
    position: relative;
    float: left;
    margin: 15px 5px;
}

.bildContainer img {
    display:block; 
    margin-bottom:3px
}

.bildContainer span {
    position: absolute;
    width: 100%; 
    text-align: center;
}

hr { 
   background-color: #777777; 
   border: none; 
   color: #777777; 
   height: 2px;
   margin-top: 15px;
   margin-bottom: 15px;
   width: 60%
}