@charset "UTF-8";

body {
    margin:0
}

header {
	width:100%;
	height:auto;
	text-align: center;
	display: block;
	margin-top: 10px;
	background-image:url(images/headerstreifen.png);
	background-position: 0px 132px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

article {
	text-align:center;
	align-items:center;
}

.copy {
    text-align:center;
    line-height:20px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,1.00);
    text-decoration:none;
    font-size: 14px;
	margin-top: 0px;	
}

.story {
	background:none;
	text-align:center;
	width: 60%;
	height: 400px;
	margin-top: 150px;	
}

.profileLogo {
	background-color: rgba(255,255,255,1.00);
	width: 230px;
	text-align: center;
}

.deco {
	width: 100%;
	height: auto;
}

.illu {
	clear: left;
	width: 100%;
	height: auto;
	float:left;
}

#textCenter {
	text-align:center;
	width:auto;
	height:auto;
}

.center {
    margin: auto;
    width: 50%;
    border: 3px solid #73AD21;
    padding: 10px;
}

#blockContainer {
	text-align:center;
	display: inline-block;
	max-width:500px;
	margin-top:130px;
	margin-left: 30px;
	margin-right: 30px;
	min-height: 200px;
}

#blockBackground {
	clear: both;
	float: left;
	width: 100%;
	background-image:url(images/illu-die-schoepferin.gif);
	background-size: 2000px 600px;
	background-repeat: no-repeat;
	background-position:top;
}

#menuBackground {
    background: #EFDFCF;
    width:100%;
    height:50px;
    text-align: center;
	margin-top: 0px;
}
#menuContainer {
    text-align: center;
	margin-top: 0px;
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    vertical-align: top;
    margin-right:1px;
}

/*Style for menu links*/
li a {
    display:block;
    min-width:140px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,1.00);
	background: #EFDFCF;
    text-decoration:none;
    font-size: 1rem;
	margin-top: 0px;
}

/*Hover state for top level links*/
li:hover a {
    background: rgba(255,255,255,1.00);
}

/*Prevent text wrapping*/
li ul li a {
    width:auto;
    min-width:100px;
    padding:0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden,.hidden:hover {
    display:block
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration:none;
    color: rgba(0,0,0,1.00);
	background: #EFDFCF;
    text-align:center;
    padding:16px 0;
    display:none;
    width:100%!important
}

/*Hide checkbox*/
input[type=checkbox] {
    display:none
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display:block;
    margin:0 auto
}	
	
/*Responsive Styles*/
@media screen and (max-width : 760px) {
    /*Make dropdown links appear inline*/
    ul {
        position:static;
        display:none;
        white-space: initial;
		float:left;
    }
    
    /*Create vertical spacing*/
    li {
        margin-bottom:1px
    }
    
    /*Make all menu links full width*/
    ul li,li a {
        width:100%
    }
    
    /*Display 'show menu' link*/
    .show-menu {
        display:block
    }
}


#galleryContainer {
	text-align:center;
	margin-top:200px;
	height: auto;
	margin-left: 50px;
	margin-right: 50px;
}

#galleryBackground {
	clear: both;
	float: left;
	width: 100%;
	background: #EFDFCF;
	background-image:url(images/illu-die-schoepferin.gif);
	background-size: 2000px 600px;
	background-repeat: no-repeat;
	background-position:top;
}

.copygallery {
    text-align:center;
    line-height:20px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,1.00);
    text-decoration:none;
    font-size: 14px;
	margin-top: 0px;	
}

.targetclass {
	width:300px;
	height:auto;
}

div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
	height: auto;
}

div.desc {
	height:60px;
    padding: 10px;
	text-align:center;
	vertical-align:central;
    line-height:18px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,1.00);
    text-decoration:none;
    font-size: 14px;
	margin-top: 0px;	
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 6px 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}