/* CSS Document */
input#homeBttns {
	width: 300px;
	padding: 5px;
background:#BADAFF;
	border: 1px solid black;
	font-family: Vollkorn, sans-serif;
	font-size: 22px;
}

input#homeBttns:hover, input#homeBttns:focus {
	background:#CFE5FF;
}
input#homeBttns:active {
	border: 1px solid white;

}

input#homeBttns2 {
	width: 250px;
	padding: 5px;
background:#BADAFF;
	border: 1px solid black;
	font-family: Vollkorn, sans-serif;
	font-size: 18px;
}

input#homeBttns2:hover, input#homeBttns:focus {
	background:#CFE5FF;
}
input#homeBttns2:active {
	border: 1px solid white;
}

input#Marchen {
	width: 250px;
	padding: 5px;
background:#BADAFF;
	border: 1px solid black;

	font-family: Vollkorn, sans-serif;
	font-size: 18px;
}

input#Marchen:hover, input#Marchen:focus {
	background:#CFE5FF;
	background-image: url(images/anna_back.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;


}
input#Marchen:active {
	border: 1px solid white;


}


input#leip {
	width: 250px;
	padding: 5px;
background:white;
	border: 1px solid black;

	font-family: Vollkorn, sans-serif;
	font-size: 18px;
	background-image: url(images/LBM18_LeipzigLiest_rgb.jpg);
	background-repeat: no-repeat;

}

input#leip:hover, input#leip:focus {
	background-image: url(images/LBM18_LeipzigLiest_rgb.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	background:white;

}
input#leip:active {
	border: 1px solid white;

}

input#photoGBttns {
	width: 300px;
	height: 300px;
	padding: 5px;
background:#BADAFF;
	border: 1px solid black;
	font-family: Vollkorn, sans-serif;
	font-size: 22px;
}

input#photoGBttns:hover, input#homeBttns:focus {
	background:#CFE5FF;
	border: 1px solid #317ABD;
	font-size: 28px;

}
input#photoGBttns:active {
	border: 1px solid white;

}



a.nav:link, a.nav:visited {
    background-color: black;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a.nav:hover, a.nav:active {
    background-color: #636262;
	color: #BADAFF;
}


img#logo {opacity:0;
-moz-transition: opacity 8s; /* Firefox 4 */
-webkit-transition: opacity 8s; /* Safari and Chrome */
-o-transition: opacity 8s;
transition: opacity 8s;
}

p.textt {
font-family: Vollkorn; font-size:18px;


	}

div.text_sub {
	font-family: Vollkorn; font-size:12px;


}

figcaption {
 font-family: Vollkorn; font-size:14px;
	align-content: center;
}




/* asdsad a*/
/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid black;
    background-color: #BADAFF;
	font-family: Vollkorn, sans-serif;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
	font-family: Vollkorn, sans-serif;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #8AC0FF;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #5DA8FF;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #5DA8FF;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

.topright:hover {color: red;}



/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #BADAFF;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
       padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-out;
}

.button_shop {
border: none;
background-color: transparent;
color: transparent;
display: inline-block;
float:right;
}

@font-face {
    font-family: Vollkorn;
    src: url(OpenSansCondensed-Light.ttf);
}