/* 
	com.on werbeagentur GmbH, Minden
*/

/* ----------------------------------------------------- */
/* Colors */
/* ----------------------------------------------------- 
dunkelrot: #BA1D3C
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700);

/* ----------------------------------------------------- */
/* Main */
/* ----------------------------------------------------- */
html, body {margin:0; padding:0;}
body{color:#333; background:#eee; font-family: 'Raleway', sans-serif; font-weight:500;	font-size:14px;	line-height:22px; overflow-x:hidden; -webkit-font-smoothing: antialiased;}


/* ----------------------------------------------------- */
/* Basics */
/* ----------------------------------------------------- */
.clear{clear:both;}

div, header, footer {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
p{margin-bottom:10px;}
span{color:#fff;}

.alignleft { float: left; margin:0 20px 20px 0; }
.alignright { float: right; margin:0 0px 20px 20px; }
.aligncenter {margin-left: auto;margin-right: auto;display: block;clear: both;margin-bottom:20px;}

a{color:#BA1D3C; text-decoration: none;	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.left a, .left-no-fix a{ outline: none;color:#ff0000;	text-decoration: none;	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease; -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;-ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;-o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;ransition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;}
a:hover{color:#666;}
a img{border: none; }

a.more, span.more{color:#fff; background:#00447b; padding:2px 5px; font-size:14px; float:left;}
a:hover.more, span.more:hover{background:#eee; color:#00447b}
a.button{float:right; padding:1px 3px;}

h1,h2,h3,h4,h5,h6 {font-weight: 400;	padding: 0;	margin-bottom:10px; color:#BA1D3C;}
h1 {font-weight:600;	font-size: 28px;}
h2 {font-size: 22px;	line-height: 26px; margin-bottom:10px;}
h3 {font-size: 18px;}
h4 {font-size: 15px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

ul{list-style-type:none; margin-left:0; padding-left:0;}

#content ul li {margin-bottom:10px; position:relative; padding-left:15px;}
#content ul li:before{content:""; width:5px; height:8px; background:url(../img/arrow.png); position:absolute; top:7px; left:0;}
#content ul li:last-child{margin-bottom:0;}



.two-third ul.team li {margin-bottom:0px !important; position:relative; padding-left:15px;}
.two-third ul.team li:before{content:""; width:5px; height:8px; background:url(../img/arrow.png); position:absolute; top:7px; left:0;}
.two-third ul.team li:last-child{margin-bottom:0;}

.two-third ul.team {list-style-position:outside; margin-top: 0px; margin-left:0px !important; text-align:left;}


p.einschub{float:left; background:#f5f5f5; font-style: normal; padding:5px 15px 0px 15px; border-left:5px solid #BA1D3C;}

/* ----------------------------------------------------- */
/* Layout */
/* ----------------------------------------------------- */
#wrapper{max-width:1100px; margin:25px auto; background:#fff;}
.resize{/*max-width:980px; margin: 0px auto;*/ padding:0 20px;}


/* ----------------------------------------------------- */
/* Header */
/* ----------------------------------------------------- */
/*#header{height: 75px;top: 0px;width: 100%;position: absolute;z-index: 999; background:#fff; position:fixed;}*/
#header{width:100%; float:left; padding:40px 0px; }

.logo {float: left; margin-left:20%;}
.logo a{text-indent: -9999px;display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.logo a img {display: block; width:100%; height:auto;}


/* ----------------------------------------------------- */
/* Haupt Navigation  */
/* ----------------------------------------------------- */
.nav{float:left; clear:right; width:20%; background:#BA1D3C; padding:20px; }

/*** main menu styles ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none; width:100%;}
.sf-menu li {position:relative;}
.sf-menu ul {min-width:12em; max-width:16em; position:absolute; display:none;/*top:100%*/ top:100%; margin-top:1px; left:1px; z-index:10000;}
.sf-menu > li {display:block;margin:0; float:left;}

.sf-menu a {display:block;position:relative; 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;}
.sf-menu ul ul {top:0;left:100%;margin-left:1px;margin-top:0px;}

/*menu skin*/


.sf-menu ul {min-width:15em;max-width:15em; background:#BA1D3C;}

.sf-menu a {padding:0px 10px;text-decoration:none;font-size:15px;}
.sf-menu>li>a {margin:5px; color:#fff;position:relative; }

.sf-menu li {-webkit-transition:background .2s;transition:background .2s;}
.sf-menu ul li {text-align:left;}
.sf-menu ul li a{color:/*#fff*/ #fff;}
.sf-menu ul li a:hover{font-weight:bold;}
.sf-menu li:hover, .sf-menu li.sfHover {-webkit-transition:none;transition:none;}

.sf-menu>li:hover>a, .sf-menu>li.sfHover>a, .sf-menu>li.active>a {color:#fff; padding-left:10px; border-left:3px solid #fff;}
.sf-menu>li.active>a:hover {cursor:text;}

/*submenu active item*/
.sub-menu>.active>a, .sub-menu>.active>a:hover, .sub-menu>.active>a:focus {font-weight:700;}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {padding-right:2.5em;}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {font-family:"fontello";content:'\e82e';position:absolute;top:50%;right:8px;margin-top:-8px;}
/*disable arrows for top level*/
.sf-arrows > li > .sf-with-ul{padding-right:9px;}
.sf-arrows > li > .sf-with-ul:after {display:none;}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {border-top-color:white;/* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {content:'\e830';}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color:white;}

/*Menu Mobile Layout*/
@media (min-width:991px){
	#menu-mainmenu {display:block !important;width:auto !important;opacity:1 !important;height:auto !important;}
}


/* ----------------------------------------------------- */
/* Columns  */
/* ----------------------------------------------------- */
.one_half{margin-right:2.5%; float:left; width:48.75%}
.one_third{margin-right:2.5%; float:left; width: 31.66%;}
.two_third{margin-right:2.5%; float:left; width:65.82%}
.one_fourth{margin-right:2.5%; float:left; width: 23.125%;}
.last{float:right; margin-right:0; }

.color{background:#BA1D3C; padding:10px; text-align:center;}
.color h1, .color h2, .color h3, .color h4, .color h5, .color p{color:#fff;} 

/* ----------------------------------------------------- */
/* Content  */
/* ----------------------------------------------------- */
#page_opening{float:left; width:100%; background:#BA1D3C;}

#slider{float:left; width:80%; background:#fff;}
#titelgrafik img {float:left; width:100%; height:auto;}

#content{float:right; width:80%; padding:10px 0px 20px 0px;  border-right:5px solid #BA1D3C;}
#left {float:left;width:68%;}
#left-full {float:left; width:95%;}

.teaser{text-align:center; border:1px solid #e9e9e9; margin-top:15px; margin-bottom:15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.teaser a{display:block; padding:10px;}
.teaser a p{color:#333;}
.teaser:hover{border-color:#BB1C3C; }


#sidebar{float:right; width:27.5%; }

ul.aktuelles li a{color:#333;}
ul.aktuelles li a b{color:#BA1D3C}
ul.aktuelles li a:hover{text-decoration:underline;}

/* ACCORDION */
#accordion {margin-bottom:40px;}
#accordion h4 {	border:1px solid #ccc; color:#BA1D3C; padding: 7px 15px; font-size:16px; cursor: pointer; background:#fff url('../img/plus-off.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:#BA1D3C url('../img/plus.png') no-repeat right; color:#fff; border:1px solid #BA1D3C;}
#accordion h4.current {background:#BA1D3C url('../img/minus.png') no-repeat right; color:#fff; border:0px solid #ccc;}


#accordion div.pane {	display: none;	height: auto;	padding: 15px; margin-top:0;}
#accordion div.pane ul {list-style-position:outside; margin-top: 0px; margin-left:0px !important; text-align:left;}
#accordion div.pane p {/*margin-top: 15px;*/}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {  color:#333;}
#accordion div.pane li span {color:#333333;}
#accordion div.pane li a {color:#333;}
#accordion div.pane li a:hover{text-decoration:underline;}
#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;}


/*------- 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-team{float:right; margin:0;}

.ckahlert-res {display:none;}

.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:250px;}
.ma.hoch{height:250px!important;}
.ma.karriere{height:780px!important;}
.ma h4{color:#BA1D3C; font-weight:bold; font-size:15px; padding: 10px 0 0 10px;}
.ma p{padding:10px; color:#333;}

.ma > .contacts{  position:absolute; top:/*159px*/ 240px; width:100%; height:100%; background:#BA1D3C; 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:24%; background:#BA1D3C /*rgba(186,29,60,0.9)*/; padding:10px;}
img.wide{padding-bottom:8px;}
/*.ma:hover img{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}*/
.contacts a{color:#fff;}
.ma .one-third.last-team.blue{background:#BA1D3C; padding:10px; height:250px;}
.ma .one-third.last-team.blue, .ma .one-third.last-team.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;}


/*------- tooltip-------*/ 
a {position:relative; display:inline-block;}
a[data-tooltip]:before {position: absolute;    left: 0;    top: -40px;    background-color: #BB1C3C;    color: #ffffff; height: 30px;    line-height: 30px;    border-radius: 0px;    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 #BB1C3C; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none;}		
a[data-tooltip]:hover:after, [data-tooltip]:hover:before {display: block;}

img.mitglied {padding:4px; margin-right:10px; border:1px solid #eee; margin-bottom:10px;
 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:80px; 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%); border: 1px solid #BB1C3C; }


/* ----------------------------------------------------- */
/* Footer  */
/* ----------------------------------------------------- */
#kontaktaufnahme{float:left; width:100%; background:#eeeeee;  padding-top:15px; border-top:1px solid #e9e9e9;}
h1.kontakt{float:left; padding:10px; background:#BB1C3C; color:#fff; margin-bottom:0; position:relative; font-size:26px;}
h1.kontakt:before{top: 100%; left: 30px;	border: solid transparent; content: " ";	height: 0; 	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(136, 183, 213, 0); 	border-top-color: #BB1C3C;	border-width: 20px; 	margin-left: -20px;}

#footer{float:left; background:#fff; width:100%; padding:40px 0; border-right:5px solid #BA1D3C;}
#footer h3{color:#606060;position:relative;}
#footer h3:before{content:""; height:2px; width:50px; background:#606060; position:absolute; top:125%;}
#footer p{color:#606060;}


/* ----------------------------------------------------- */
/* Copyright  */
/* ----------------------------------------------------- */
#copyright{float:left; width:100%; background:#606060; padding:15px 0;}
#copyright p{color:#fff; margin-top:0; margin-bottom:0; float:left;} 
#copyright a{color:#fff;}
#copyright a:hover{text-decoration:underline;}


.pin {z-index:99;position:relative;left:0px;position: fixed;background:#fff !important;}
.pin img {width:85px;}