/*
grau1: 2b2826
grau2: 87888a
rot: d00019
*/

@import url(https://fonts.googleapis.com/css?family=Armata|Sintony);

.container_16 { margin:0 auto; max-width:960px; }
nav {}
.wrapper {}

html {}
body { font-family: Sintyony, Armata, Arial, Helvetica; color:#333; font-size:14px; }
h1, h2, .nav { font-family: Armata; }

a { text-decoration:underline; color:#333; }
a:hover { text-decoration:underline; color:#d00019; }
hr { clear:both; height:1px; line-height:0px; border:none; background: #ccc; padding:0; margin:0; }

body { padding-top:10px; }

#logo { position:relative; } 
#logo img { width: 100%; display:block; }

header { padding-top:20px; }
header img { width:100%; }
#breadcrumb { height:24px; }
#breadcrumb p { float:left; line-height: 24px; background: #ececec; padding:0 10px; }
header h1 { margin-top:0; margin-top:66px; font-weight: normal; }
header #titelbild { margin-bottom: 2em; }

.flexslidertitle { overflow: hidden; }
.flexslidertitle li img { width:100%; display:block; }
.flexslidertitle .flex-control-nav { display:none; }
.flexslidertitle .flex-direction-nav { display:none; }

#titlevideo {
	width:100%;
	margin-bottom:20px;
}

main a { /*color:#d00019;*/ }

footer { padding-top:40px; font-size: 0.86em; line-height: 150%; }
.itemfooter { padding-top:10px; padding-bottom:20px; }
.itemfooter.kontakt, .itemfooter.adresse { font-size: 0.9em; }

.nav ul { list-style-type: none; }
.nav a { color:#666; text-decoration: none; }
.nav a:hover { color:#666; text-decoration: underline; }
.nav a.rex-current, .nav a.rex-active { color:#333; font-weight: bold; }
.nav li.rex-active, .nav li.rex-current { /*background: #f3f3f3;*/ }

#navlang { text-align: right; }
#nav1, #navlang { font-size: 0.86em; }
#nav1 li, #navlang li { display:inline; padding:0 10px; border-left:1px solid #666; }
#nav1 li:first-child, #navlang li:first-child { border:none; padding-left:0; }

#navmain { display:none; padding-top:90px; text-align: right; min-height: 300px; }
#navmain>ul>li { border-bottom:1px solid #ccc; padding:0.5em 0; }
#navmain>ul>li>a.rex-active { /*border-bottom:1px solid #ccc; margin-bottom:0.5em;*/ }
#navmain ul ul { margin-top:0.25em; }
#navmain ul ul a { font-size: 0.86em; }
#navmain a { display:block; line-height: 150%; }


/*
#navmain>ul>li { border-bottom:1px solid #ccc; padding:0.5em 0; }
#navmain>ul>li>a { font-weight: bold; }
*/

/* Module */

.mitarbeiter { padding-bottom:40px; overflow: hidden; }
.mitarbeiter p { margin-bottom:10px; }
.mitarbeiter p.title { font-weight:bold; font-size: 1.2em; }
.mitarbeiter p.txt, .mitarbeiter p.tel { /*color:#87888a;*/ }
.mitarbeiter img { /*border-radius:4px;*/ }

/* Bilder */
.bilder img { width:50%; float:left; }

.item { padding-bottom:60px; }
.item p, .item li { line-height: 170%; text-align: left; }
.item .imgx { padding-bottom:20px; }
.item .imgx img { width:100%; }

.item0 h2:first-child { margin-top:0; }

.item ul { margin-left:24px; }

.itemaside h2 { color:#d00019; }
.itemaside p { margin:1em 0; }

/* Bildmenu */
.catlist img { display:block; width:100%; /*width:97%; margin-left:1.498%;*/ }
.catlist ul { list-style-type: none; }
.catlist li { float:left; margin:5px 0; padding:0px 0; }
.catlist a { display:block; line-height:50px; text-align: center; text-decoration: none; }

.item.video iframe { width:100%; }

@media screen and (max-width:767px) {
	#nav1 { background-color: #ececec; padding-top:3px; padding-bottom:3px; padding-left:10px; }
	#navlang { margin-top:10px; }
}

@media screen and (max-width:499px) {
	.catlist li { width:100% !important; }
}
@media screen and (min-width:500px) {
	.item0 .images { width:33%; float:left; margin:0 20px 10px 0; }
	.bilder img { width:33.3333%; }
	
}

@media screen and (min-width:768px) {
	.slicknav_menu { display:none; }
	header { padding-top:90px; }
	#navmain { display:block; min-height:800px; }
	#navmain ul ul { display:none; }
	#navmain ul li.rex-active ul { display:block; }
	#navmain ul li.rex-current ul { display:block; }

	#navmain ul ul li.rex-active, #navmain ul ul li.rex-current { background-color: #eee; }
	#navmain ul ul li.rex-active a, #navmain ul ul li.rex-current a { font-weight: normal; }
	
	#logo { position:relative; height:90px; } 
	#logo img { position:absolute; top:55px; }

	.itemaside h2:first-child { margin-top:0; }
	
	/*#nav1 { text-align: right; }*/
}