@import url('https://fonts.googleapis.com/css?family=Spinnaker');


body{

/*font-family: 'Spinnaker', sans-serif;
*/
font-size:0.9em;
}

#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;
z-index:999;



}



#headerlinks{
width:40%;
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:32%;
height:50px;


}

#figure1{

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

}

#figure2{


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

}

.clear{

clear:both;

}



#maininhalt{

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

}

#mainlinks{

width:20%;
float:left;
display:inline;

}
#mainmitte{

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

#mainrechts{

width:20%;
float:right;
display:inline;
}





#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;
    

}

#mainrechts 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-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;
	}

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


h3{

	 font-size: 1.5em;
    color: #032752;
    margin-bottom: 10%;
    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%;
margin-left:5%;
}

.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;
	z-index:2;
}

#gallery figure {
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
}

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

@-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;
z-index:2;
}

/*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;
	
	}

	#imghaupt{


		height: 350px;
        }
        

        body{

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

                visibility: hidden;
                width: 0px;
                height: 0px;
            }