#oben{

height:10px;
background-color:white;

}

#header{


background-image: url(img/bg/bglogo.jpg);
position: fixed;
top: 0;
left: 0; 
right: 0;
width: 100%;
height: 100px;



}



#headerlinks{
width:35%;
height:100px;
float:left;
display:inline;

}

#headermitte{
height:100px;
display:inline;
}

#headerrechts{
height:100px;
float:right;
width:20%;
display:inline;
}

#bildermenue{

	width:100%;
	height:300px;
	background-image: url(img/bg/bgstartslide.jpg);
	margin-top:200px;
z-index:2;


}

#bildermenuelinks{

float:left;
width:10%;
height:50px;


}

#figure1{

width:250px;
height:337px;
display:inline;

}

#figure2{


width:250px;
height:337px;
display:inline;

}

.clear{

clear:both;

}

#imghaupt{


	height: 350px;
	}

#maininhalt{

width:100%;
height:530px;
margin-top: 5%;
padding: 5%;

}

#mainlinks{

	position: fixed;
    top: 300px;
    left: 1%;
    right: 0;
    width: 20%;
    height: 400px;

}
#mainmitte{

width:50%;
display:inline;
float:left;
}

#mainrechts{
	
	width: 20%;
	height: 400px;
	}

#mainmitte{

	margin-left: 20%;
}




#mainmitte h1{

	font-size: 2em;
    color: #032752;
    padding:2%;
    font-weight: normal;
    font-family: Arial;
    /* text-shadow: 15px -2px 1px #032752; */
    border-top: 3px solid #032752;
    border-bottom: 3px solid #032752;
    height: 20px;
    padding: 20px;
    background-color: ghostwhite;
    /* border-radius: 10px; 
    width: 100%;*/
    text-align:center;
    line-height:1em;
    

}




#mainmitte p{
/*
@font-face {
    font-family: 'bankgothic_lt_btlight';
    src: url('/font/web/bitstream_-_bankgothic_lt_bt_light.woff2') format('woff2'),
         url('/font/web/bitstream_-_bankgothic_lt_bt_light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*/
/*
font-family: 'bankgothic_lt_btlight';
*/

font-family: 'Open Sans', sans-serif;


font-size: 1.3em;
line-height: 2.5em;
padding:5%;

}

#mainmitte h1 p:first-child i { 
    
    font-size:10em;
}


h3{

	 font-size: 1.5em;
    color: #032752;
    margin-bottom: 2%;
    font-weight: normal;
    font-family: Arial;
    /* text-shadow: 15px -2px 1px #032752; */
    border-top: 3px solid #032752;
    border-bottom: 3px solid #032752;
    height: 20px;
    padding: 20px;
    background-color: ghostwhite;
    /* border-radius: 10px; 
    width: 100%;*/

}

footer{
border: 1px solid black;
background-image:url(/cms/upload/img/bgmenue.jpg);
font-size:0.5em;
	margin-top:10%;

}

.menfooter{

list-style:none;
float:right;
margin: 0 auto;
padding:0;
text-align:center;

}

.menfooter li{
display:blocK;
float:right;
margin:10px;
list-style:none;
padding:0;


}

.menufooter ul{
margin:0 auto;
padding:o;

}

#inhalt{

width:100%;
}

.viertelbreite{

width:25%;
float:left;
margin:1%;

}

#textfooter{
width:40%;
display:block;
float:left;

}

#footermenue{

width:40%;
float:right;
display:block;

}


/* Slider Startseite */

#gallery {
	position: relative;
	background: none;
	border-left:1px solid white;
	border-right:1px solid white;
}

#gallery figure {
	position: absolute;
	top: 0;
	left: 0;
}

#gallery figcaption {
	position: absolute;
	left: 1em;
	font-size: 2em;
	font-weight: bold;
	bottom: 0.5em;
	color: white;
}

@-webkit-keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes bilder {
	0% {
		opacity: 1;
	}
	34% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gallery figure:nth-of-type(1) {
	-webkit-animation: bilder 15s 7s infinite;
	animation: bilder 15s 7s infinite;
}

#gallery figure:nth-of-type(2) {
	-webkit-animation: bilder 15s 2s infinite;
	animation: bilder 15s 2s infinite;
}

#gallery figure:nth-of-type(3) {
	-webkit-animation: bilder 15s 12s infinite;
	animation: bilder 15s 12s infinite;
}

@-webkit-keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

@keyframes wechseln {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		z-index: 20;
	}
	20% {
		opacity: 1;
		transform: scale(1, 1);
	}
	34% {
		opacity: 0;
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		transform: scale(0, 0);
	}
}

#gallery figure:nth-of-type(4) {
	-webkit-animation: wechseln 15s 10s infinite;
	animation: wechseln 15s 10s infinite;
}

#gallery figure:nth-of-type(5) {
	-webkit-animation: wechseln 15s 5s infinite;
	animation: wechseln 15s 5s infinite;
}

#gallery figure:nth-of-type(6) {
	-webkit-animation: wechseln 15s infinite;
	animation: wechseln 15s infinite;
}




figure{

margin:0px auto;
padding:0px;
}

/*Ende Slideshow Startseite*/

.parent{

position: relative;
overflow: hidden;
}

.child{

position:absolut;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
text-align: center;


}

a{

	text-decoration: none;
    color: black;

}

#mainmitte figure img {

	margin:0px auto;
	padding:0px;
	width: 300px;
	
	}

	body{

		background:url("img/bg/hintergrund30.jpg") no-repeat fixed center;
		background-size: 100% 100%;
		
		
		
		
		
		}



		.aufzaehlunghengste{

			padding-top: 5em;
			width: 200px;
			font-size: 1.2em;
			list-style: none;
	
	
		}
	
	.aufzaehlunghengste li:hover{
	
		font-size:1.3em;
		margin-left: 10%;
	
	}