@charset "utf-8";

/* General styles*/
/*Define your own styles in this stylesheet*/
body{
	background-color: rgba(246,246,246,1.00);
}
h1, h2, h3, h4, h5, h6{
	font-family: serif;
	font-style: normal;
	font-weight: 400;
		color: rgba(75,96,175,1.00);

}
.red {color: darkred;}
h2{
	font-size: 24px;
	padding-bottom: 40px;
}
.kl{ padding-bottom: 20px;}
h3{
	font-size: 24px;
	color: #A88649;
}
h4, h5{
	font-size: 18px;
}
p{
    font-size: 18px;
    font-family: serif;
    font-style: normal;
    font-weight: 100;
    line-height: 1.8;
    text-align: left;
}


/* Link styles*/
a {
	color: rgba(75,96,175,1.00);
}
a:visited {
	color: rgba(122,144,195,1.00);
}
a:hover {
	color: rgba(122,144,195,1.00);
}

.topNavLI a {
	color: rgba(245,240,223,1.00);
}
.topNavLI a:visited {
	color: rgba(245,240,223,1.00);
}
.topNavLI a:hover {
	color: rgba(75,96,175,1.00);
}

.linkStyle {
	color: rgba(245,243,228,1.00);
	font-family: serif;
	font-style: normal;
	font-weight: 100;
	text-decoration: none;
	letter-spacing: 0.15em;
}
/* Header & HERO styles*/
.logo {
	text-align: center;
    padding-top:20px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.heroHeader {
	height: auto;
}
/* Navigation styles*/
.topNavUl {
	position: static;



}
.topNavLI {
	text-align: center;
	margin-right: 20px;
}
/* Typography styles*/
.textStyle {
	font-family: serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(75,96,175,1.00);
	letter-spacing: 0em;
}
.headingStyle {
	/* [disabled]font-family: 'montserrat', sans-serif; */
	/* [disabled]font-style: normal; */
	/* [disabled]font-weight: 400; */
	color: rgba(75,96,175,1.00);
	font-size: 32px;
	letter-spacing: 0.1em;
}
.headingStyleKl {
	/* [disabled]font-family: 'montserrat', sans-serif; */
	/* [disabled]font-style: normal; */
	/* [disabled]font-weight: 400; */
	color: rgba(80,96,152,1.00);
	font-size: 32px;
	letter-spacing: 0.03em;
}
.mainHeading {
	color: rgba(255,255,255,1.00);
	text-align: center;
	margin-top: 10%;
	font-size: 48px;
}
.mainTagline {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	margin-top: -1%;
}
.sectionText {
	text-align: center;
}
#sectionOne {
	text-align: justify;
}
#sectionTwo {
	text-align: justify;
}

#sectionCenter {
	text-align: justify;
}

/* Gallery styles */
.gallery{
	padding-top: 20px;
	padding-bottom: 40px;
}
.paraContent{
    font-size: 18px;
    font-family: serif;
    font-style: normal;
    font-weight: 400;
    color: rgba(80,96,152,1.00);
    line-height: 1.8;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
}
.paraContentC{
    font-size: 18px;
    font-family: serif;
    font-style: normal;
    font-weight: 400;
    color: rgba(80,96,152,1.00);
    line-height: 1.8;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}
.paraContentRot{
	font-size: 18px;
	font-family: serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(166,34,34,1.00);
	line-height: 1.8;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
}
.paraContentGruen{
	font-size: 24px;
	font-family: serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(103,151,30,1.00);
	line-height: 1.8;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}

.auszeichnung{font-size: 24px;}

.contentArea{
	font-size: 14px;
	font-family: alice , sans-serif;
	font-style: normal;
	font-weight: 100;
	color: rgba(146,146,146,1.00);
	line-height: 1.8;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.showAreaH2 {
	
}
#secondaryStyling {
	padding-top: 20px;
    padding-bottom: 20px;
}
.secondarySection {
	background-color: rgba(208,207,207,1.00);
}
.secondaryHeading {
	color: rgba(255,255,255,1.00);
	text-align: center;
}
/*Footer styles*/
.footerTitle {
    text-align: center;
    font-size: 22px;
}
.footerTextContainer {
	text-align: center;
	margin-bottom: 30px;
}



#Bild01 {
	background-image: url(../bilder/05_einblicke/einblicke-01.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 2;
}
#Bild02 {
	background-image: url(../bilder/05_einblicke/einblicke-02.jpg);
	background-repeat: no-repeat;
		background-size: 100% 100%;

}
#Bild03 {
	background-image: url(../bilder/05_einblicke/einblicke-03.jpg);
	background-repeat: no-repeat;
		background-size: 100% 100%;

}
#Bild04 {
	background-image: url(../bilder/05_einblicke/einblicke-04.jpg);
	background-repeat: no-repeat;
		background-size: 100% 100%;

}
#Bild05 {
	background-image: url(../bilder/05_einblicke/einblicke-05.jpg);
	background-repeat: no-repeat;
		background-size: 100% 100%;

}
#Bild06 {
	background-image: url(../bilder/05_einblicke/einblicke-06.jpg);
	background-repeat: no-repeat;
}
#Bild07 {
	background-image: url(../bilder/05_einblicke/einblicke-07.jpg);
	background-repeat: no-repeat;
}
#Bild08 {
	background-image: url(../bilder/05_einblicke/einblicke-08.jpg);
	background-repeat: no-repeat;
}
#Bild09 {
	background-image: url(../bilder/05_einblicke/einblicke-09.jpg);
	background-repeat: no-repeat;
}
#Bild10 {
	background-image: url(../bilder/05_einblicke/einblicke-10.jpg);
	background-repeat: no-repeat;
}
#Bild11 {
	background-image: url(../bilder/05_einblicke/einblicke-11.jpg);
	background-repeat: no-repeat;
}
#Bild12 {
	background-image: url(../bilder/05_einblicke/einblicke-12.jpg);
	background-repeat: no-repeat;
}
#Bild13 {
	background-image: url(../bilder/05_einblicke/einblicke-13.jpg);
	background-repeat: no-repeat;
}
#Bild14 {
	background-image: url(../bilder/05_einblicke/einblicke-14.jpg);
	background-repeat: no-repeat;
}
#Bild15 {
	background-image: url(../bilder/05_einblicke/einblicke-15.jpg);
	background-repeat: no-repeat;
}
#Bild16 {
	background-image: url(../bilder/05_einblicke/einblicke-16.jpg);
	background-repeat: no-repeat;
}
#Bild20 {
	background-image: url(../bilder/06_berichte/140920_01_schatzinselfest/schatzinselfest_2014_01.jpg);
	background-repeat: no-repeat;
}