/*
font-family: 'Roboto Condensed', sans-serif;
*/

body, textarea, input, select {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12pt;
	color:#555;
}



#surround {
	margin:0 auto;
	width:100%;
	min-height:100%;
	background-color:#262930;
}

.inner {
	margin:0 auto;
	max-width:1140px;
}

.innerBox {
	padding:0 15px;
}


/* HEADER */
header {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
	color:#919191;
	padding:0;
	background-color:#262930;
	border-bottom:1px solid #fff;
}



header #headWrap {
	display: flex;
	flex-flow: row nowrap;
}

header #headNavigation {
	padding-top:43px;
	width:100%;
}

header #logo {
	flex:0 0 345px;
}

header #logo img {
	display:block;
	max-width:100%;
	height:auto;
}

#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	height:400px;
}

#logSeitenBild {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	height:640px;
}

#logBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width:330px;
	padding:20px;
	background-color:rgba(38,41,47,.8);
	margin:0 auto;
	color:#fff;
	text-align:center;
}

#logBox strong {
	padding:10px 0;
}

#logBox h1 {
	color:#fff;
	font-size:23pt;
	line-height:35px;
	text-align:center;
	padding:20px 0;
}

#logBox input[type=text], #logBox input[type=password] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height:38px;
	padding-left:15px;
	border:none;
	margin-bottom:5px;
}
#logBox input[type=submit], #logBox button {
	min-width:120px;
	height:40px;
	background-color:#fff;
	color:#000;
	border:none;
	cursor:pointer;
}

#logBox a.button {
		min-width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#fff;
	cursor:pointer;
	color:#000 !important;
	display:inline-block;
	font-weight:normal;
	}

#logBox a {
	color:#fff !important;
}

.center {
	text-align:center;
}

/* CONTENT */
#content {
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:22px;
	text-align:left;
	background-color:#fff;
	padding-bottom:1px;
}

#content h1.pageTitle, .pageTitle {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:37pt;
	line-height:47px;
	color:#262930;
	font-weight:bold;
	padding-top:40px;
	padding-bottom:40px;
	margin:0;
	text-align:center;
}

#content li {
	font-weight:normal;
}

a {
	color:#2677ab;
}
a:hover {
	color:#000;
}

.flexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	}


.block33 {
	flex:0 1 33.33333%;
}

.block33 img {
	width:100%;
	height:auto;
	display:block;
}


.docWrap {
	display: flex;
	flex-flow: row nowrap;
}

.docSize {
	flex:0 0 100px;
}
.docTitle {
	width:100%;
}


.grayback {
	background-color:#f4f4f4;
}

ul.suche {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.suche li a {
	display:block;
	padding:5px 15px;
	background-color:#ddd;
	border-bottom:1px solid #000;
}


.newsbox {
	cursor:pointer;
}

.newsbox .newsBild {
	border:1px solid #f4f4f4;
	overflow:hidden;
}

.newsbox img {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
.newsbox:hover img {
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}

.newsbox:hover {
	background-color:#e4e4e4;
}



.newsInner {
	position:relative;
	padding:0 20px 70px;
}

.newsMore {
	position:absolute;
	bottom:10px;

}
.newsMore a {
	color:#4a97cd !important;
}
.newsMore a:hover {
	color:#919191 !important;
}

.newsDate {
	color:#919191;
	padding:15px 0;
}
.newsTitle {
	color:#262930;
	font-size:15pt;
	font-weight:bold;
	padding-bottom:30px;
}
.newsText {
	color:#262930;
}

.newsBack {
	color:#4a97cd !important;
	background-image:url('/page/_webpics/arrow-left-black.png');
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}

.newsImage img {
	width:100%;
	height:auto;
	display:block;
	padding-bottom:20px;
}

#suchfeld {
	position:relative;
	width:300px;
	height:38px;
	border:1px solid #e6e6e6;
	display:block;
	margin:0 auto 30px;
	}

#suchfeld input {
	position:absolute;
	line-height:38px;
	width:220px;
	border:none;
		padding:0 20px 0 20px;
	}
#suchfeld button {
position:absolute;
	right:0;
	border:none;
	cursor:pointer;
	background:url('/page/_webpics/icon-pfeil-suchfunktion.jpg');
	width:38px;
	height:38px;
	display:inline-block;
	}

#suchfeld #close {
		position:absolute;
	background:url('/page/_webpics/icon-schliessen-suchfunktion.jpg');
	width:40px;
	height:38px;
	display:block;
	right:-45px;
	top:-1px;
		border:1px solid #e6e6e6;
	}

/* FOOTER */
footer {
	background-color:#262930;
	color:#a1a1a1;
	padding:25px 0;
	line-height:22px;
}

footer h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15pt;
	margin:0;
	padding-bottom:10px;
	color:#fff;
}

footer .footerBlock {
	width:25%;
	float:left;
}

footer .footerBlock .inBlock {
	padding:15px;
}

footer .footerBlock a {
	color:#2677ab;
}

.maps iframe{
	pointer-events: none;
}


.harmonicaTitle {
	color:#262930;
	background-color:#e6e6e6;
	background-image:url('/page/_webpics/plus-agi-intranet.png');
	background-repeat:no-repeat;
	background-position:20px center;
	padding:10px 20px 10px 50px;
	cursor:pointer;
	margin-bottom:5px;
}
.harmonicaTitle:hover {
	background-color:#beccda;
}
.harmonicaTitle.akt {
	background-image:url('/page/_webpics/minus-agi-intranet.png');
	background-color:#beccda;
}

.harmonicaTitle2 {
	color:#262930;
	background-color:#f4f4f4;
	background-image:url('/page/_webpics/plus-agi-intranet.png');
	background-repeat:no-repeat;
	background-position:20px center;
	padding:6px 20px 6px 50px;
	cursor:pointer;
	margin-bottom:5px;
	margin-left:20px;
}
.harmonicaTitle2:hover {
	background-color:#d4dfea;
}
.harmonicaTitle2.akt {
	background-image:url('/page/_webpics/minus-agi-intranet.png');
	background-color:#d4dfea;
}


.harmonicaContent {
	display:none;
	margin:20px 0;
	padding-left:30px;
}

.harmonicaContent2 {
	display:none;
	margin:20px 0;
	padding-left:50px;
}


.harmonicaContent a {
	line-height:25px;
	display:block;
	color:#4a97cd;
	padding:5px 20px;
	border-bottom: 1px solid #4a97cd;
}
.harmonicaContent a:hover {
	background-color:#f4f4f4;
}


/* RESPONSIVE */
@media  only screen and (max-width: 1090px) {
	#kapitelbild {
		height:230px;
	}
}


@media  only screen and (max-width: 768px) {
	header #headWrap {
		display: flex;
		flex-flow: column;
	}

	header .innerBox {
		padding:0;
	}

	header #headNavigation mainnavigation {
		margin:0 auto;
	}

	header #headNavigation {
		position:absolute;
		padding-top:0;
		width:100%;
	}

	header #logo {
		width:100%;
		text-align:center;
		flex:0 0 0;
	}
	header #logo img {
		margin:0 auto;
		height:90px;
		width:auto;
	}
	.block33 {
		flex:0 1 50%;
	}

	#content h1.pageTitle, .pageTitle {
		font-size:25pt;
		line-height:35px;
		padding-top:40px;
		padding-bottom:50px;
	}
	#kapitelbild {
		height:199px;
	}
}


@media  only screen and (max-width: 500px) {
	.block33 {
		flex:0 1 100%;
	}
}

@media  only screen and (max-width: 380px) {


	.docWrap {
		display: flex;
		flex-flow: column;
	}

	.docSize {
		flex:0 0 0;
		width:100%;
	}
	.docTitle {
		width:100%;
	}
	.harmonicaContent {
		padding-left:20px;
	}
	#content h1.pageTitle, .pageTitle {
		font-size:18pt;
		line-height:30px;
		padding-top:40px;
		padding-bottom:50px;
	}
	#logBox h1 {
		font-size:16pt;
		line-height:27px;
		padding:20px 0;
	}
}