/* 
	com.on werbeagentur GmbH, Minden 2015
*/

/* ----------------------------------------------------- */
/* Colors */
/* ----------------------------------------------------- */



/* ----------------------------------------------------- */
/* Main */
/* ----------------------------------------------------- */
html, body { margin: 0; padding: 0; }
body { font-family: 'Open Sans', sans-serif; color: #555; font-size: 13px; line-height: 21px; 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; }

a {color:#555; 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:#444; text-decoration:underline;}
a img{border: none; }

h1,h2,h3,h4,h5,h6 {font-weight: 500; padding: 0; margin-bottom:15px; margin-top:5px; color:#555; font-family: "Open Sans";}
h1 { font-size: 26px; font-weight: 500; line-height: 30px; }
h1.title { font-size: 22px; font-weight: 400; font-variant:small-caps; padding:5px;}
h2 { font-size: 13px; line-height: 24px; font-weight: 700; margin-bottom:0px; padding-bottom:0px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }


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

/* ----------------------------------------------------- */
/* Layout */
/* ----------------------------------------------------- */
.resize{max-width:943px; margin:0px auto; padding: 0 20px;}


/* ----------------------------------------------------- */
/* Header */
/* ----------------------------------------------------- */
#header{ height: auto;top: 0px;width: 100%;position: absolute;z-index: 999; background:#fff; position:fixed; box-shadow: 0 0 3px rgba(0,0,0,0.3); }
#header_emv{float:left;margin-left: -20px;}
.logo {float: left; margin-top:15px;}
.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%; max-height:300px !important; }

.logo_emv {float: left; margin-top:15px;}
.logo_emv 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_emv a img {float:left; display: block; max-width:auto; max-height:300px;}
/* ----------------------------------------------------- */
/* Columns */
/* ----------------------------------------------------- */

.col { float: left; margin-bottom: 20px; }
.col + .col { margin-left: 2%; }
#sidebar .col + .col { margin-left: 0; }

.width_100 { width: 100%; }
.width_75 {	width: 74.50%; }
.width_50 {	width: 49%; }
.width_25 {	width: 23.50%; }

.width_66 {	width: 66%; }
.width_33 {	width: 32%; }



.box *:last-child, .col *:last-child { margin-bottom: 0px; } 

.hide_on_mobile .team_box { padding: 5px; line-height: 0; position: relative; overflow: hidden; }
.hide_on_mobile .team_box img { width: 100%; }
.hide_on_mobile .team_box .team_text { width: 100%; height: 100%; padding: 5px; margin: -5px; line-height: 21px; position: absolute; bottom: -100%; margin-bottom: 41px; background-color: rgba(205, 0, 19, 0.8); color: #fff; transition: all 0.35s ease-out 0s; }
.hide_on_mobile .team_box h4 { color: #fff; margin-top: 5px; padding-left: 5px; padding-right: 5px; }
.hide_on_mobile .team_box p { padding-left: 5px; padding-right: 5px; }

.show_on_mobile .team_box { padding: 5px; }
.show_on_mobile .team_box img { width: 100%; }
.show_on_mobile .team_box .team_text { padding: 5px; margin: 0px -5px -5px -5px; background-color: rgba(205, 0, 19, 1); color: #fff; }
.show_on_mobile .team_box h4 { color: #fff; margin-top: 5px; padding-left: 5px; padding-right: 5px; }
.show_on_mobile .team_box p { padding-left: 5px; padding-right: 5px; }

.hide_on_mobile { display: block !important; }
.show_on_mobile { display: none !important; }

.fr { float: right; margin-left: 2%; margin-bottom: 20px; }
.fl { float: left; margin-right: 2%; margin-bottom: 20px; }

#left ul li a { color: #555; padding: 5px 0 0 0px; }
#left ul li  {list-style-type: none;  background: url("https://mandanteninfo-online.de/arrow.png") no-repeat scroll 10px 12px; padding: 5px 0 0 25px; margin-left: 0px; }


#left ul  { padding: 0; margin-left:-10px !important; margin-bottom:35px;}

/* ----------------------------------------------------- */
/* Ergaenzungen ERV-Inhalte */
/* ----------------------------------------------------- */

#erv .three_fourth { width: 74.50%; float: left; padding-bottom: 20px; border-bottom: none; }
#erv #sidebar { width: 23.50%; margin-left: 2%; float: left; }

#erv ul li a { background: url("https://mandanteninfo-online.de/arrow.png") no-repeat scroll 10px 12px;;color: #555; padding: 5px 0 0 25px; }
#erv ul li a:hover { color: #cd0013; text-decoration: underline; }

#erv #sidebar ul li { border-bottom: 1px solid #efefef; }
#erv #sidebar ul li a { color: #555; padding: 5px 0 5px 25px; }
#erv #sidebar ul { border-top: 1px solid #efefef; }

/* ----------------------------------------------------- */
/* Content */
/* ----------------------------------------------------- */
#slider { float:left; width:100%; margin-top:300px; background:#EAEAEA; text-align:center; height:5px; }
#slider img { width:100%; height:auto;}



#content { clear: both; padding: 20px 0px; margin-top:auto;}

.box { padding: 10px 20px 10px 20px; border: 1px solid #E3E4E4; margin-bottom: 20px; width:100%; }
.box h3 { font-size: 16px; padding-left:0px !important; padding:5px; margin:0px; color:#555555; }
.box ul { padding:0px; margin:0px; }

ul.aktuelles {padding-bottom:10px;}
ul.aktuelles li {border-bottom:1px solid #E3E4E4;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;color:#444;font-weight:normal;}
ul.aktuelles li a:hover{text-decoration:underline;}

/* ----------------------------------------------------- */
/* Footer */
/* ----------------------------------------------------- */

#footer{background:#333; padding:20px 0; text-align:left;}
#footer h3{color:#bbb;position:relative;}
/* #footer h3:before{content:""; height:2px; width:50px; background:#bbb; position:absolute; top:125%;} */
#footer p{color:#ddd;}
#footer a{color:#bbb;}
#footer a:hover{text-decoration:underline;}

/* ----------------------------------------------------- */
/* Copyright */
/* ----------------------------------------------------- */
#copyright{background:#ccc; padding:20px 0px;}
#copyright p{color:#444; margin-top:0; margin-bottom:0;} 
#copyright a{color:#444;}
#copyright a:hover{text-decoration:underline;}


/* ----------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------- */
.nav{float:right; clear:right; margin-top:39px; margin-right:0px !important; background:none; }

/*** main menu styles ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu li {position:relative;right:0px;padding-right:0px;}
.sf-menu li.last {padding-right:0px;}
.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:inline-block;margin:0; float:left;}
.sf-menu a {margin-top:0px;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 {text-align:right;}
/*.sf-menu ul {min-width:15em;max-width:15em;}*/
.sf-menu ul {min-width:16em; max-width:16em; background-color:#ccc; box-shadow: 0 0 3px rgba(0,0,0,0.5);}

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




.sf-menu li {-webkit-transition:background .2s;transition:background .2s; background:#fff;}
.sf-menu ul li {text-align:left;}
.sf-menu ul li a {color:#444444;}
.sf-menu ul li a:hover{font-weight:normal; background:#444; color:#ccc;}
.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;background:#444;}
.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 {background:#444;}
/*** 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;} }