/* 

#910606; red
#4c555c; gray
#5e5e5e; gray second
#3f3f3f; darker gray
#910606; gruen

*/
/*------- GENERAL -------
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700);*/ 

/* titillium-web-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html, body{margin:0; padding:0; font-size:15px; font-family: 'Titillium Web', sans-serif; line-height:23px; color:#3f3f3f; overflow-x:hidden; }
body{background:#f5f5f5 url(../img/body_bg_neu.png) repeat-x fixed;/*background-position-y: 185px; -moz-background-position-y: 185px;*/}

div {-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}

.clear, .clr{clear:both;}
#wrapper{width:980px; margin:0px auto; background:#fff; margin-top:25px; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:0px; }
.resize{padding:0px 30px;}

ul{padding:0; margin:0;}
ul li{padding:0; margin:0;}

a{color:#910606; text-decoration:none;}
a:hover{color:#3f3f3f;}
a.weiterlesen{float:right; padding:5px 15px; background:#910606; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
a:hover.weiterlesen{background:#eee;color:#910606;}

h1,h2,h3,h4,h5,h6 {font-weight: 500;	padding: 0;	margin-bottom:15px; margin-top:0;	color:#555; }
h1 {font-weight:500;	font-size: 26px;	line-height: 30px; color:#555;}
h2 {font-size: 24px;	line-height: 22px;}
h3 {font-size: 20px;	line-height: 20px; color:#910606;}
h4 {font-size: 14px;	line-height:20px; font-size:19px;}
h5 {font-size: 12px;	line-height: 18px;}
h6 {font-size: 10px;	line-height: 16px;}

#sidebar h3{line-height:28px;}

ul{list-style-type:none;}
ul li{ display:block;}

/*------- FORM -------*/ 
input[type=text]{width:95%; border:1px solid #666; padding:5px; margin-bottom:3px; background:none; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=text]:focus, select:focus{border-color:#b40000; }
select{width:100%;  border:1px solid #666; padding:5px; margin-bottom:3px; background:none; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=submit]{border:none; padding:5px; background:#b40000; color:#fff;  float:right;  transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
input[type=submit]:hover{background:#eee;color:#b40000; cursor:pointer;}

/*------- HEADER -------*/ 
.header{padding:10px 20px 20px 0px; height:160px; width:100%; z-index:200;}
#logo{width:421px; float:left; position:absolute; margin-top:30px;}
#logo img{width:/*185px*/ 421px; float:left; position:relative;}

/*------- NAVIGATION -------*/ 
.nav{width:100%; float:left; border-top:7px solid #910606; padding:0 16px; font-weight:300;}
.nav ul { list-style: none; float: left; font-size:14px;}

.nav li {float:left; padding-top:20px;}
.nav li:hover, .nav ul li.active{background:url(../img/active.png) center top no-repeat;}

.nav ul li span{color:#910606;}
.nav ul li a {color:#4c413d; padding:20px 0px 0 0px; position:relative; font-size:16px; text-decoration:none; padding:0 14px; border-left:1px solid #3f3f3f; overflow:hidden;}
.nav li:first-child a { border-left:none; }
.nav ul li a.active, .nav ul li a:hover, .nav ul li.active a{text-decoration:none; color:#910606;}

iframe {font-family: "Open Sans";} 

/*------- TITELGRAFIK -------*/
#titelgrafik{float:left; width:100%; height:auto; margin-bottom:0; padding-bottom:0; height:200px;}
#titlegrafik img{float:left; width:100%; height:auto; margin-bottom:0;}

/*------- CONTENT -------*/
#claim{padding:15px 30px; background:#3f3f3f; float:left; width:100%; margin-top:30px;}
#claim h1{margin-bottom:0; color:#fff; font-style: italic; font-weight:400; text-align:right; font-size:24px;}
#claim h2{margin-bottom:0; color:#fff; font-style: italic; font-weight:400; text-align:right; font-size:19px;}

#content{background:#fff; margin:30px 0; float:left; width:100%;}
#left{float:left; width:650px;}
span.italic{float:left; font-style:italic; margin-bottom:10px; width:100%;}
p{margin-bottom:10px; margin-top:0;}
b{font-weight:450}

#content #left ul li{background:url(../img/arrow.png) no-repeat left center; padding-left:15px; margin-bottom:5px;}

.one_full{width:100%;  padding:25px; float:left;}
.one_half{width:48.5%;  margin-right:3%; float:left;}
.one_third{width:31.333%; margin-right:3%; float:left;}
.two_third{width:66.333%; padding:25px; float:left;}

.one_fourth{width:22.75%; margin-right:3%; float:left;}
.three_fourth{width:75%; padding:25px; float:left; padding-left:0px;}

.last{float:right; margin:0;}
.border{border:1px solid #eee; margin-bottom:25px;}
.border:last-child{margin-bottom:0;}

.light-box{float:left; width:100%; padding:20px; background:#f5f5f5; margin-top:15px;}

#sidebar{float:left!important; width:250px; margin-right:20px;}

ul.aktuelles{}
ul.aktuelles li {border-bottom:1px solid #eee;padding:5px;padding-left:0px;}
ul.aktuelles li:last-child{border-bottom:0; padding-bottom:0;}
ul.aktuelles li a{display:block; margin-bottom:5px;}

ul.is {list-style-type:square;}
ul.is li {border-bottom:0px solid #eee; padding-left:0px;}
ul.is li a {color:#555;}
ul.is li a:hover {color:#1e2f63; text-decoration:underline;}

ul.leistungen li {padding:5px 0 0px 25px; background:#ffffff url(../img/bg-leistungen.png) no-repeat 10px 12px;}

table{width:100%; border-spacing:0; border-collapse:collapse;}
table tr:nth-child(even){background:#fff;}
table tr:nth-child(odd){background:#f5f5f5;}
table tr td.links{vertical-align:top; padding:0px 5px;border:1px solid #ddd;}
table h3{padding-top:5px;}

a {position:relative; display:inline-block;}
a[data-tooltip]:before {position: absolute;    left: 0;    top: -40px;    background-color: #1e2f63;    color: #ffffff; height: 30px;    line-height: 30px;    border-radius: 5px;    padding: 0 15px;    content: attr(data-tooltip);    white-space: nowrap;    display: none;}
a[data-tooltip]:after {  position: absolute; left: 15px; top: -10px; border-top: 7px solid #1e2f63; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none;}		
a[data-tooltip]:hover:after, [data-tooltip]:hover:before {display: block;}

#mitgliedschaften{padding:25px;  background:#f5f5f5; text-align:center;}
img.mitglied{padding:4px; margin-right:30px; border:1px solid #eee;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(100%); height:47px; width:auto;}

a img.mitglied:hover{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}

span.icon{position:relative; top:6px;}
span.icon img{width:20px; height:auto;}

/*------- ACCORDION-------*/ 
#accordion {}
#accordion h4 {	padding: 5px 15px;		cursor: pointer; color:#fff;	background:#910606 url('../img/plus.png') no-repeat right;margin-top:10px; margin-bottom:0;	transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#accordion h4:hover {background-color:#777;}
#accordion h4.current {	background:#777 url('../img/minus.png') no-repeat right;}

#accordion div.pane {	display: none;	height: auto;	padding: 15px;margin-top:0;}
#accordion div.pane ul, #accordion div.pane p {margin-top: 15px;	}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {}
#accordion div.pane li a {}
#accordion div.pane li a:hover{}
#accordion div.pane a {}
#accordion div.pane img{max-width:100%; height:auto;}

#accordion div.pane h3 {/*font-weight:normal;	margin:0 0 -5px 0;	font-size:16px;	color:#999;*/}
a:active {  	outline:none;}
:focus {  	-moz-outline-style:none;}


/*------- FOOTER -------*/
#footer{float:left; width:100%;  background:#3f3f3f; color:#fff; padding:40px 0 25px 0;}
#footer h3{color:#fff; font-weight:400;}
#footer a{color:#fff;}
#footer a:hover{color:#aaa; text-decoration:none;}

/*------- COPYRIGHT-------*/ 
#copyright{padding:7px 20px; color:#fff; background:#1e2f63;}
#copyright a {color:#fff;}
#copyright a:hover {text-decoration:underline;}