Julia Hödl

@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Share Tech', sans-serif;
    font-size: 13px;
    line-hight: 14px;
    text-align: center;
    background-color: #CCCCCC;
    background-position: fixed;
    background-image: url(img/hintergrund12.jpg);
       
}


h1 {
    color:#047406;
    font-size: 36px;
    font-family: 'Share Tech', sans-serif;
}

h2 {
    color:#047406;
    font-size: 24px;
    font-family: 'Share Tech', sans-serif;
}

h3 {
    color:#047406;
    font-size: 18px;
    font-family: 'Share Tech', sans-serif;
}

p {
    margin-bottom: 12px;
    line-height: 20px;
    font-size:70%;
}

a, a:link, a:visited {
    color: #000000;
    text-decoration: underline;
}


main {
    position: relative;
    margin: auto;
    text-align: center;
    margin: 0px 100px 50px 130px;
    border: 2px solid #778899 ;
    background-color: #DCD5D5;
    width: 960px;
    float: right;
    z-index: -1;
}

#content {
    margin: 20px;
    z-index: -1;
}

#middel {
    margin: 50px 200px 50px 200px;
   
}

#event {
    font-size:14px;
    margin-top: 30px;
}

video {
    margin-top: 25px;
}


header {
    background-image: url(img/header6.jpg);
    background-repeat:no-repeat;
    background-position:top, center;
    height: 280px;
    width: 960px;
    margin: 0px;

}

footer {
    margin: 0 0 -55px -265px;
    padding: 170px 20px 0 530px;
    text-align: center;
    clear: both;
    font-size: 80%;
    height: 166px;
    float: right;
}




    #menu {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;

       
    }

    #menu li {
        padding: 0px;
        margin: 0px;
        display: inline;
    }

    #menu li a:link {
      border: 1px solid #000;
        background-color: #CCCCCC;
        padding: 5px 30px 5px 30px;
        font-size: 12px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
    }

   
   
/*    Galerie*/
   




#thumbnail_gal_main{
    width:561px;
    height:510px;
   
}


#thumbnail_gallery {
    width:561px;
    position:relative;
   
}


#thumbnail_gallery ul {
    list-style:none;
    padding:0;
    margin-top:10px;
    margin-left:7px;
   
    width:100%;
    float:left;
   
}

/*Div for single thumbnail image*/
#thumbnail_gallery ul li {
    display:inline;
    width:60px;
   
    height:60px;
}

/*Div for padding of thumbnail image*/

#thumbnail_gallery ul li a {
display:inline;

width:50px;

height:50px;

text-decoration:none;

}

/*Style for the thumbnail image */
#thumbnail_gallery ul li a img

{
width:50px;
height:50px;
/*border:0;*/
/*padding:2.5px;*/
border:1px solid #fff;
}


#thumbnail_gallery ul li a b

{
position:absolute;
left:-9999px;
display:block;

width:561px;
height:365px;
/*background-color:#000000;*/

}

#thumbnail_gallery ul li a b img {
width:auto;
height:auto;


/*border:1px solid #fff;*/
}

thumbnail_gallery ul li a:hover b img

{
width:561px;
height:510px;

border:1px solid #000;
margin-left:0px;
}

#thumbnail_gallery ul li a:hover,
#thumbnail_gallery ul li a:active,
#thumbnail_gallery ul li a:focus {white-space:normal; border-color:#000; outline:0;}


#thumbnail_gallery ul li a:hover b

{
position:absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index:100;
}


/*media queries*/

@media only screen and (max-width: 1024px) {
   
    body {
        background-image: none;
    }
   
main {
   
    float: none;
    margin-left: 50px;
    margin-right: 50px;
   
}

#menu li a:link {
        background-color: #A7A2A2 ;
       
    }

   
    }