/*------- GENERAL -------*/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* sorts-mill-goudy-regular - latin */
@font-face {
  font-family: 'Sorts Mill Goudy';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sorts-mill-goudy-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/sorts-mill-goudy-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sorts-mill-goudy-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sorts-mill-goudy-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sorts-mill-goudy-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sorts-mill-goudy-v15-latin-regular.svg#SortsMillGoudy') format('svg'); /* Legacy iOS */
}

html, body{margin:0; padding:0; font-size:13px; font-family: 'Open Sans', sans-serif; line-height:21px; color:#333; background:#E2F4FD url(../img/grid.png) repeat;}

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

.clear, .clr{clear:both;}
#wrapper{width:980px; margin:20px auto; box-shadow:0 0 5px #666;}

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

img{max-width:100%; height:auto;}
img.img_left{float:left; margin:0 20px 20px 0;}

a{color:#206caf; text-decoration:none; 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{color:#333;}
a.weiterlesen{float:right; padding:5px 15px; background:#02A9DD; 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;background:#007aa0;}

h1,h2,h3,h4,h6 {font-weight: 500;	padding: 0;	margin-bottom:15px; margin-top:0;	font-family: 'Open Sans', sans-serif;}
h5 {font-weight: 500;	padding: 0;	margin-bottom:15px; margin-top:0;	font-family: 'Open Sans', sans-serif;}
h1 {font-weight:500;	font-size: 26px;	line-height: 30px; color:#134D7B;}
h2 {font-size: 22px;	line-height: 22px;}
h3 {font-size: 18px;	line-height: 20px; font-family: 'Sorts Mill Goudy', serif;}
h3.negative{margin-top:-10px;}
h4 {font-size: 14px;	line-height: 18px}

h5 {font-size: 18px;	line-height: 18px;}

h6 {font-size: 10px;	line-height: 16px;}

b{font-weight:600;}

/*------- HEADER -------*/
input[type=text], textarea{width:95%; border:1px solid #ccc; padding:5px; margin-bottom:3px; font-family: 'Open Sans'; font-size:13px; background:none; color:#333; 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:#7f5532; }
select{width:100%;  border:1px solid #ccc; padding:5px; margin-bottom:3px; background:none; color:#333; 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:#294F9A; 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]:hover{background:#eee;color:#7f5532; cursor:pointer;}

*::-webkit-input-placeholder {color: #333; opacity:1;}
*:-moz-placeholder {color: #333; opacity:1;}
*::-moz-placeholder {color: #333; opacity:1;}
*:-ms-input-placeholder {color: #333; opacity:1;}

/*------- HEADER -------*/
#top_bar{float:left; height:40px; padding:0px 25px; width:100%; margin:10px 0;}
.top-left{float:left; margin-top:8px; color:#fff; font-size:11px;}
.social{float:right; margin-top:5px}
.social img{width:30px; height:auto; opacity:0.7; 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;}
.social a:hover img{opacity:1; transform:rotate(360deg) scale(1.2,1.2);-webkit-transform:rotate(360deg) scale(1.2,1.2); -moz-transform:rotate(360deg) scale(1.2,1.2); -o-transform:rotate(360deg) scale(1.2,1.2);}

#header{float:left; background:#fff; width:100%; padding:30px 25px 15px 22px;}
/*#logo{float:left; width:220px; height:auto; position:relative; left:50%; margin-left:-110px}
#logo img{width:220px; height:auto;}*/
#logo{float:left; height:auto; position:relative; left:0px; top:0px;}
#logo img{width:500px; height:auto;}

#kontakt{float:right; text-align:right; position:absolute; top:25px; padding-right:45px; width:980px; color:#555;}

/*------- NAVIGATION -------*/
.desktop-nav{float:left; padding:0 0px; background:#1D61AA; width:100%; font-family: 'Sorts Mill Goudy', serif; border:1px solid #eee; border-left:none;}
.desktop-nav ul {color:#333; font-size:15px; float:left; width:100%;}
.desktop-nav li {display:block; margin:0;width:100%; text-transform:uppercase; letter-spacing:1px; border-top:1px solid #eee;}
.desktop-nav li.first {border-top:0px solid #eee;}
.desktop-nav ul li a { color:#fff; padding:10px 0px 8px 25px; display:block; background:#294F9A;}
.desktop-nav ul li.active a, .desktop-nav ul li a:hover{color:#294F9A; background:#E2F4FD;}

/*------ SLIDER ------*/
#slider_area{border-bottom:none; display:block;background:#fff; width:100%; float:left;}
#slideshow-index{ position:relative; z-index:10; width:980px; margin:0px auto;}
#slideshow-index ul{ position:relative; display:block; overflow:hidden; margin-bottom:0; list-style:none; z-index:15;}
#slideshow-index ul li{width:980px; height:350px; position:relative;}
#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; width:980px; }
#slideshow-index ul li .slidetext{ position:absolute; bottom:25px; right:0px; z-index:25; overflow:hidden; padding:25px 25px 10px 25px;  min-height:30px; background:rgba(32,108,175,0.9); }
.slidetext h2{ color:#fff;}
.slidetext h4{ color:#fff;}
.slidetext h3{ color:#fff;}
.slidetext p{ color:#333; background:#fff; padding:5px; float:right; margin-top:-10px;}
.slidetext a{ color:#02A9DD; text-decoration:underline; }
#index-slideshow-pager{width:100%;  text-align:center; z-index:35; position:absolute; bottom:5px;  }
.ie7 #index-slideshow-pager{ bottom:15px; }
#index-slideshow-pager a{ text-align:left; background:url(../img/bg-pager.png) no-repeat 0 0; display:inline-block;width:14px; height:14px; margin-left:1px; outline-style:none; text-indent:-9999px; }
#index-slideshow-pager .activeSlide{ background:url(../img/bg-pager.png) no-repeat 0 -64px; }
#slider_shadow{margin-left:10px; background:url(../img/slider-shadow.jpg); height:75px; margin-top:0px;}

#slideshow-index img{float:left; width:980px; height:350px; margin:0px auto;}

/*------- CONTENT -------*/
#content{background:#fff; margin-top:0; float:left; width:100%; padding:25px 0;}
p{ margin-bottom:15px; margin-top:0;}

#sidebar{float:left; width:240px;}
.right{float:right; margin-right:25px; width:690px; padding:25px; border: 1px solid #eee; text-align:justify;}


.right ul {list-style-type:square;padding-top:0px;}
.right ul {color:#333;list-style-type:square;margin-left:10px;margin-bottom:15px;}

#sidebar .one_full{padding-bottom:0; padding:25px 25px 0 25px;}


/*.three_fourth{width:75%; padding:25px; float:left;}*/
.one_fourth{width:25%; padding:25px; float:left;}
.last{float:right; margin:0;}
.border{border-left:1px solid #eee; 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;}

.three_fourth ul{margin-left:20px;}
.three_fourth ul li{color:#7f5532;}
.three_fourth ul li span, .three_fourth ul li a{color:#333;}
.three_fourth ul li a:hover{text-decoration:underline;}


#aktuelles-side{margin-top:0;}
#sidebar ul{list-style-type:none;}

ul.aktuelles {list-style-type:square;}
ul.aktuelles li {color:#294F9A;list-style-type:square;margin-left:10px;}
ul.aktuelles li span {color:#000;}
ul.aktuelles li a{display:block; margin-bottom:5px;}
ul.aktuelles li a:hover{}

table{width:100%; border-spacing:0; border-collapse:collapse;}
table tr:nth-child(odd){background:#fff;}
table tr:nth-child(even){background:#eee;}
table tr td{vertical-align:top; padding:0px 5px;}

/*------- HOME -------*/
p.icon{text-align:center;}
.one_fourth.home{padding:0;border:1px solid #eee; position:realtive; margin-left:-1px; 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;}
.one_fourth.home a{padding:25px; color:#333;}
.one_fourth.home h3{text-align:center;}
.one_fourth:hover.home{background:#eee;}
.one_fourth.home a i{color:#FF7F29; 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;}
.one_fourth:hover.home a i{color:#134D7B; 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;}


/*------- TEAM 690 -------*/
.one_full{width:100%; float:left;}
.one_third{width:31.33%; margin-right:3%; float:left; margin-bottom:25px;}
.two_third{width:66.333%; float:left;}
.last{float:right; margin:0;}

.ma{ border:1px solid #eee; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; margin-bottom:25px; overflow:hidden; height:170px;}
.ma.hoch{height:250px!important;}
.ma h4{color:#294F9A; font-weight:bold; font-size:15px; padding: 10px 0 0 10px;}
.ma p{padding:10px; color:#333;}

.ma > .contacts{  position:absolute; top:159px; width:100%; height:100%; background:#294F9A; color:#fff; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; padding:10px; font-size:13px; line-height:1.6em; overflow:hidden; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.ma > .contacts:before {width: 0; content: ''; position: absolute; top: 0; right: 0;  }
.ma:hover > .contacts{top:20%; background:#294F9A; padding:10px;}
.contacts a{color:#fff;}

.ma .one_third.last.blue{background:#294F9A; padding:10px; height:250px;}
.ma .one_third.last.blue, .ma .one_third.last.blue a {color:#fff;}

.alignleft{float:left; margin:0 20px 0 0;}

/*------- TEAM-------*/
.team i{margin-right:5px;}
.one_third, .one_fourth{position:relative;}
.one_third.team img, .one_fourth.team img{float:left; width:100%; height:auto; margin-right:10px;}

.team{overflow:hidden; }
.team > .team-content{position:absolute;bottom:-88%; width:100%; height:100%; background:rgba(30,47,99,0.9); color:#fff; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding:10px; font-size:13px; line-height:18px; overflow:hidden; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
.team > .team-content h4{float:left; width:100%; font-size:15px; margin-bottom:10px; margin-top:0; color:#fff;}
.team > .team-content a{color:#fff;}
.team > .team-content span img{width:16px; margin-top:2px;}
.team:hover > .team-content{bottom:0; background:rgba(30,47,99,0.9); padding:10px;}



a {position:relative; display:inline-block;}
a[data-tooltip]:before {position: absolute;    left: 0;    top: -40px;    background-color: #7f5532;    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 #7f5532; 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:#fff; border-top:1px solid #eee;}
img.mitglied{padding:4px; 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; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
height:51px; 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%);}

/*------- ACCORDION -------*/
#accordion {}
#accordion h4 {	padding: 8px 15px;	color: #666;	font-weight:bold; font-size: 17px;	cursor: pointer;	background: #ddd 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.current {	background: #206caf url('../img/minus.png') no-repeat right; color:#fff;}
#accordion h4:hover {	background-color: #206caf; color:#fff;}

#accordion div.pane {	display: none;	height: auto;	padding: 15px;	background: #fafafa; margin-top:0;}
#accordion div.pane ul, #accordion div.pane p {margin-top: 15px; text-align:left;}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {list-style-type:square; margin-left:12px; color:#206CAF;}
#accordion div.pane li span {color:#333;}
#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%; padding:25px 25px; border-top:1px solid #eee; background:#fff; color:#fff;}
#footer a{color:#ffffff;}
#footer a:hover{text-decoration:underline;}
##footer#c-left{float:left;}
#footer#c-right{float:right; padding-top:0px;}
#footer#c-right img{margin-left:10px; height:45px; padding:5px; border:1px solid #ccc;}

/*------- COPYRIGHT-------*/
#copyright{float:left; width:100%; padding:25px 25px; border-top:1px solid #eee; background:#294F9A; color:#fff;}
#copyright a{color:#ffffff;}
#copyright a:hover{text-decoration:underline;}
#c-left{float:left;}
#c-right{float:right; padding-top:0px;}
#c-right img{margin-left:10px; height:45px; padding:5px; border:1px solid #ccc;}

/*------- ANIMATION -------*/
.csstransitions .animated {visibility: hidden;}
.csstransitions .animated.visible {  visibility: visible;}
.no-js .animated {visibility: visible;}
.csstransitions span.animated,.csstransitions .inline.animated,.csstransitions a.animated{    display: inline-block;}

/*------- GRADIENT -------*/
.gradient-hfb {opacity:1;
background: #7f5532;
background: -moz-linear-gradient(center top , #02A9DD, #007aa0) no-repeat;
background: -webkit-linear-gradient(bottom right, #02A9DD, #007aa0) no-repeat;
background: -ms-linear-gradient(bottom right, #02A9DD, #007aa0) no-repeat;
background: -o-linear-gradient(bottom right, #02A9DD, #007aa0) no-repeat;
background: linear-gradient(to bottom right, #02A9DD, #007aa0) no-repeat;}

/*------- FORMULAR -------*/
input[type=text], textarea{width:200px; border:1px solid #ccc; padding:5px; margin-bottom:3px; font-size:13px; background:none; color:#333; 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:#00619e; }
select{width:212px;  border:1px solid #ccc; padding:5px; margin-bottom:3px; background:none; font-size:13px; color:#333; 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:#294F9A; width:120px; color:#fff; margin-top:0px; 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;margin-top:20px;}
input[type=submit]:hover{background:#eee;color:#00619e; cursor:pointer;}

	#contact-form{}
	#contact-form fieldset{ margin:0; padding:15px 0 15px 0; }
	#contact-form p{ padding:5px 0 5px 25px; margin:1px; }
	p#formstatus{ border:none; border-bottom:1px solid #efefef; padding-right:25px; margin-bottom:10px; }

.answer {text-align:left;}

/*------- BACK TOP -------*/
#back-top a{position:fixed;  right:30px; bottom:30px; height:30px; width:30px; z-index:500; color:#fff; display:inline-block; background:url(../img/up-arrow.png);
background-repeat: repeat;
	-webkit-transition: background-position 0.5s ease-in-out;
	   -moz-transition: background-position 0.5s ease-in-out;
	     -o-transition: background-position 0.5s ease-in-out;
	        transition: background-position 0.5s ease-in-out;
}
#back-top a:hover{color:#fff; background-position: 0 30px;}
#back-top img{width:30px; height:auto;}