/* Add here all your css styles (customizations) */


/** 03. Callout
 **************************************************************** **/

.callout {
	background-color:#686868;
	padding:5px 0;
}
.callout.styleBackgroundColor h2,
.callout.styleBackgroundColor h3,
.callout.styleBackgroundColor h4,
.callout.styleBackgroundColor p {
	color:#333;
}
.callout.styleBackgroundColor .btn {
	border-color:rgba(255,255,255,0.3);
}
.callout h2,
.callout h3,
.callout h4 {
	font-weight:500;
	margin:0 0 8px 0;
}
.callout p {
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:300;
}
.callout .btn {
	margin-top:0;
}


.callout.dark,
.callout.dark h2,
.callout.dark h3,
.callout.dark h4,
.callout.dark p {
	color:#333;
	background-color:#333;
}

.callout.dark p {
	color:#b1b1b1;
	font-size:17px;
	max-width:960px;
	margin:auto;
}
.callout.dark.arrow-up,
.callout.dark.arrow-down {
	position:relative;
	padding:30px 0;
}

.callout.dark.arrow-down:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #333;
	left:50%; margin-left:-10px;
	bottom:-20px;
}
.callout.dark.arrow-up:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #333;
	left:50%; margin-left:-10px;
	top:-20px;
}

.callout.yellow,
.callout.yellow h2,
.callout.yellow h3,
.callout.yellow h4,
.callout.yellow p {
	color:#333;
	background-color:#FFCC00;
}

.callout.yellow p {
	color:#b1b1b1;
	font-size:17px;
	max-width:960px;
	margin:auto;
}
.callout.yellow.arrow-up,
.callout.yellow.arrow-down {
	position:relative;
	padding:5px;
	margin-bottom:18px;
}

.callout.yellow.arrow-down:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #FFCC00;
	left:50%; margin-left:-10px;
	bottom:-20px;
}
.callout.yellow.arrow-up:after{
	content:' ';
	position:absolute;
	width: 0; height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #FFCC00;
	left:50%; margin-left:-10px;
	top:-20px;
}



@media only screen and (max-width: 990px) {
	.callout h2,
	.callout h3,
	.callout h4 {
		font-size:18px;
		font-weight:600;
	}
	.callout .btn {
		margin-top:20px;
	}
}
/*Yellow Background*/
.bg-lwyellow {
  background: #FFCC00;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

/*light Yellow Background*/
.bg-lwlyellow {
  background: #fee993;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

/*Gray LW Backroud*/
.bg-lwgray {
  background: #f4f4f4;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  color: #333333;
}
.bg-lwdarkgray {
  background: #eee;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.bg-lw999 {
  background: #999;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.bg-lw333 {
  background: #333;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.bg-lw424242 {
  background: #424242;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.bg-lwButtonBlackYellow {
  background: #424242;
  color: #FFCC00;
  border-top: solid 1px #eee;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
  font-size:16px;
}
.bg-lwButtonBlackYellow a {
  color: #FFCC00;
}

.bg-lwButtonBG {
  background: #585F69;
  	color: #eee;
	border-color: #ccc;
	min-height: 80px;
	text-transform:uppercase;
	text-align:center;
	padding:2;
	white-space: normal

}

.font-lwFFF {
  color: #FFF;
}
/** 03. Callout
 **************************************************************** **/

.list {
  font-family:sans-serif;
}
td {
  padding:10px; 
  border:solid 1px #eee;
}

input {
  border:solid 1px #ccc;
  border-radius: 5px;
  padding:7px 14px;
  margin-bottom:10px
}
input:focus {
  outline:none;
  border-color:#aaa;
}
.sort {
  padding:8px 30px;
  border-radius: 6px;
  border:none;
  display:inline-block;
  color:#fff;
  text-decoration: none;
  background-color: #28a8e0;
  height:30px;
}
.sort:hover {
  text-decoration: none;
  background-color:#1b8aba;
}
.sort:focus {
  outline:none;
}
.sort:after {
  display:inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content:"";
  position: relative;
  top:-10px;
  right:-5px;
}
.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  content:"";
  position: relative;
  top:4px;
  right:-5px;
}
.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content:"";
  position: relative;
  top:-4px;
  right:-5px;
}

.impressum_grp {
  border-bottom:1px #ccc dashed; 
  padding-bottom:10px; 
  padding-top:10px;
}

.impressum_grp_last {
  padding-top:10px;
}

.parallax-bg {
	background: url(../img/global/blur1.jpg);
}

.parallax-bg1 {
	background: url(../img/global/blur2.jpg);
}

.margin-top-30 {
	margin-top:30px;
}

.margin-top-35 {
	margin-top:35px;
}

.margin-top-40 {
	margin-top:40px;
}

.margin-top-45 {
	margin-top:45px;
}

.margin-top-60 {
	margin-top:60px;
}

.margin-top-100 {
	margin-top:100px;
}

.li_leitbild {
	color:#999;
}
.breadcrumb a {
	color: #999;
}





	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}
/*Image Backgrounds v1
------------------------------------*/
.bg-image-impressum {
  width: 100%;
  height: auto;
  padding: 50px 0;
  position: relative;
  background: url(../img/global/bg/bg_impressum.jpg) repeat fixed; 
}

.bg-image-impressum:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.5);
}

/*Allgemeiner Hintergrund Impressum, Datenschutz etc.
------------------------------------*/

.general-section {
  color: #fff;
  position: relative;
  background: #333 url(../img/global/bg/bg_gf.jpg) center;
  background-size: cover;
}

.general-section h4{
  color: #fff;
  margin-bottom: 0.5em;
}

.general-section p{
  color: #fff;
  margin-bottom: 1.7em;
}

.general-section:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.2);
}

.general-section:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
  content: " ";
  position: absolute;
  background: url(../img/global/patterns/gridtile-gray.png) repeat;
}


/*Flat Testimonials Allgemein
------------------------------------*/
.flat-testimonials-general {
  padding: 50px 0; 
  background-color: #333;
}

.flat-testimonials-general .flat-testimonials-general-in {
  text-align: left;
  color:#fff;
  padding:10px;
  background: rgba(255,255,255,0.2);
}

.flat-testimonials-general .flat-testimonials-general-in img {
  width: 135px;
  height: 135px;
  margin: 0 auto 25px;
}

.flat-testimonials-general .flat-testimonials-general-in h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 200;
}

.flat-testimonials-general .flat-testimonials-general-in span {
  display: block;
  margin-bottom: 5px;
}

.flat-testimonials-general .flat-testimonials-general-in p {
  color: #fff;
  font-weight: 200;
  position: relative;
}

.flat-testimonials-general .flat-testimonials-general-in p:before,
.flat-testimonials-general .flat-testimonials-general-in p:after {
  top: 5px;
  font-size: 22px;
  line-height: 10px;
  position: relative;
}

.flat-testimonials-general .flat-testimonials-general-in p:before {
  padding-right: 5px;
}

.flat-testimonials-general .flat-testimonials-general-in p:after {
  padding-left: 5px;
}

/*Table pagination*/

.paginationt {
  margin: 5px 0;
  background-color:transparent
}

.paginationt ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.paginationt ul > li {
  display: inline;
}

.paginationt ul > li > a,
.paginationt ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.paginationt ul > li > a:hover,
.paginationt ul > li > a:focus,
.paginationt ul > .active > a,
.paginationt ul > .active > span {
  background-color: #ffcc00;
  color: #333333;
}

.paginationt ul > .active > a,
.paginationt ul > .active > span {
  color: #333333;
  cursor: default;
}

.paginationt ul > .disabled > span,
.paginationt ul > .disabled > a,
.paginationt ul > .disabled > a:hover,
.paginationt ul > .disabled > a:focus {
  color: #333333;
  cursor: default;
  background-color: transparent;
}

.paginationt ul > li:first-child > a,
.paginationt ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.paginationt ul > li:last-child > a,
.paginationt ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.paginationt-centered {
  text-align: center;
}

.paginationt-right {
  text-align: right;
}

.paginationt-large ul > li > a,
.paginationt-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.paginationt-large ul > li:first-child > a,
.paginationt-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.paginationt-large ul > li:last-child > a,
.paginationt-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.paginationt-mini ul > li:first-child > a,
.paginationt-small ul > li:first-child > a,
.paginationt-mini ul > li:first-child > span,
.paginationt-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.paginationt-mini ul > li:last-child > a,
.paginationt-small ul > li:last-child > a,
.paginationt-mini ul > li:last-child > span,
.paginationt-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.paginationt-small ul > li > a,
.paginationt-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.paginationt-mini ul > li > a,
.paginationt-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
/*Tagcloud*/
#side{
	float:left;
	display:inline;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:25px;
	
	}	


/* Tag cloud */

	#tags ul{
	margin-top: 5px;
		padding:.9em 10px;
		text-align:left;
		background:#ffd944 url(../assets/plugins/tagclouds/bg_tags.gif) repeat-x;		
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
		color:#fff;
		padding:0 2px;	
		}
	#tags li a:hover{	
		color:#333333;
		}		
	
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}
	
	
	
.padding-top-10 {
	margin-top:10px;
}
.padding-top-20 {
	margin-top:20px;
}
.padding-top-30 {
	margin-top:30px;
}
.padding-top-40 {
	margin-top:40px;
}
.padding-top-50 {
	margin-top:50px;
}
.padding-bottom-10 {
	margin-bottom:10px;
}
.padding-bottom-20 {
	margin-bottom:20px;
}
.padding-bottom-30 {
	margin-bottom:30px;
}
.padding-bottom-40 {
	margin-bottom:40px;
}
.padding-bottom-50 {
	margin-bottom:50px;
}
.margin-top-0 {
	margin-top:0px;
}
.btn-u.btn-u-yellow {
   background: #FFCC00;
}
.btn-u.btn-u-yellow:hover, 
.btn-u.btn-u-yellow:focus, 
.btn-u.btn-u-yellow:Active, 
.btn-u.btn-u-yellow.active, 
.open .dropdown-toggle.btn-u.btn-u-yellow {
   background: #FFCC00;
}

.btn-u.btn-u-lwgray {
   background: #c3c3c3;
}
.btn-u.btn-u-yellow:hover, 
.btn-u.btn-u-yellow:focus, 
.btn-u.btn-u-yellow:Active, 
.btn-u.btn-u-yellow.active, 
.open .dropdown-toggle.btn-u.btn-u-yellow {
   background: #FFCC00;
}

/*Sidebar LW Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-vlw li {
  padding: 0;
  border:none;
}

.sidebar-nav-vlw li a {
  display: block;
  padding: 8px 30px 8px 10px;
}

.sidebar-nav-vlw li a:hover {
  text-decoration: none;
}

.sidebar-nav-vlw > li.active,
.sidebar-nav-vlw > li.active:hover {
  background: #717984;
} 

.sidebar-nav-vlw > li.active, 
.sidebar-nav-vlw > li.active:hover, 
.sidebar-nav-vlw > li.active:focus {
  border-color: none;
}

.sidebar-nav-vlw > li.active > a {
  color: #fff;
}

/*Sidebar Sub Navigation*/
.sidebar-nav-vlw li ul {
  padding: 0;
  list-style: none;
}

.sidebar-nav-vlw li ul,
.sidebar-nav-vlw li.active ul a {
  background: #fff;
}

.sidebar-nav-vlw li ul a {
  color: #555;
  font-size: 14px;
  padding: 3px 30px 3px 7px; 
}

.sidebar-nav-vlw ul li:hover a,
.sidebar-nav-vlw ul li.active a {
  color: #ffcc00;
}

/*Sidebar Badges*/
.list-group-item li > .badge {
  float: right;
}

.sidebar-nav-vlw span.badge {
  margin-top: 8px;
  margin-right: 10px;
}

.sidebar-nav-vlw .list-toggle > span.badge {
  margin-right: 25px;
}

.sidebar-nav-vlw ul li span.badge {
  margin-top: 8px;
  font-size: 11px;
  padding: 3px 5px; 
  margin-right: 10px;
}

/*Sidebar List Toggle*/
.list-toggle:after {
    top: 7px;
    right: 10px;
    color: #777;
    font-size: 14px;
    content: "\f105";
    position: absolute;
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
}

.list-toggle.active:after {
  color: #fff;
  content: "\f107";
}

@media (min-width: 1025px){
.twocolumns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
} 
 .threecolumns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
} 

.fourcolumns {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;

    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
} 

.twocolumnsref {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
} 
}


/*Colored Content Boxes
------------------------------------*/
.service-block-lw {
  padding: 5px 5px;
  text-align: center;
  margin-bottom: 20px;
}

.service-block-lw p,
.service-block-lw h2 {
  color: #fff;
}

.service-block-lw h2 a:hover{
  text-decoration: none;
  background: #f4f4f4;
}

.service-block-lw-light,
.service-block-lw-default {
  background: #ddd;
  border: solid 1px #bbb; 
}

.service-block-lw-default:hover {
  box-shadow: 0 0 8px #eee;
  background: #ffd322;
  color: #fff;
}
.service-block-lw-default h2 a:hover{
  text-decoration: none;
  background: #fff;
}
.service-block-lw-default a:link { /* Essentially means a[href], or that the link actually goes somewhere */
  color: #333;
}
.service-block-lw-default a:visited {
  color: #333;
}
.service-block-lw-default a:hover {
  color: #333;
}
.service-block-lw-default a:active {
  color: #333;
}

.service-block-lw-light p,
.service-block-lw-light h2,
.service-block-lw-default p,
.service-block-lw-default h2 {
  color: #555;
}

.service-block-lw-u {
  background: #FFCC00;
}
.service-block-lw-grey {
  background: #95a5a6;
}
.service-block-lw-yellow {
  background: #ffcc00;
}
.service-block-lw-dark {
  background: #555;
}
.service-block-lw-light {
  background: #ecf0f1;
}

.height-10 {
  min-height: 10px;
}
.height-20 {
  min-height: 20px;
}
.height-30 {
  min-height: 30px;
}
.height-40 {
  min-height: 40px;
}
.height-50 {
  min-height: 50px;
}
.height-60 {
  min-height: 60px;
}
.height-70 {
  min-height: 70px;
}
.height-80 {
  min-height: 80px;
}
.height-90 {
  min-height: 90px;
}
.content-smlw {
  padding-top: 20px;
  padding-bottom: 20px;
}



.btn-infolw {
	color: #eee;
	background-color: #585f69;
	border-color: #ccc;
	min-height: 60px;
	width: 100%;
	text-transform:uppercase;
	text-align:center;
	padding:2;
	white-space: normal
}
.btn-infolw-nolink {
	color: #eee;
	background-color: #585f69;
	border-color: #ccc;
	min-height: 60px;
	width: 100%;
	text-transform:uppercase;
	text-align:center;
	padding:2;
	pointer-events: none;
	white-space: normal
}
.btn-infolw:hover, .btn-infolw:focus, .btn-infolw:active, .btn-infolw.active, .open>.dropdown-toggle.btn-infolw {
	color: #333;
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw:active, .btn-infolw.active, .open>.dropdown-toggle.btn-infolw {
	background-image: none
}
.btn-infolw.disabled, .btn-infolw[disabled], fieldset[disabled] .btn-infolw, .btn-infolw.disabled:hover, .btn-infolw[disabled]:hover, fieldset[disabled] .btn-infolw:hover, .btn-infolw.disabled:focus, .btn-infolw[disabled]:focus, fieldset[disabled] .btn-infolw:focus, .btn-infolw.disabled:active, .btn-infolw[disabled]:active, fieldset[disabled] .btn-infolw:active, .btn-infolw.disabled.active, .btn-infolw[disabled].active, fieldset[disabled] .btn-infolw.active {
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw .badge {
	color: #ffcc00;
	background-color: #fff
}
.btn-infolw80 {
	color: #eee;
	background-color: #585f69;
	border-color: #ccc;
	min-height: 80px;
	width: 100%;
	text-transform:uppercase;
	text-align:center;
	padding:2;
	white-space: normal
}
.btn-infolw80:hover, .btn-infolw80:focus, .btn-infolw80:active, .btn-infolw80.active, .open>.dropdown-toggle.btn-infolw80 {
	color: #333;
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw80:active, .btn-infolw80.active, .open>.dropdown-toggle.btn-infolw80 {
	background-image: none
}
.btn-infolw80.disabled, .btn-infolw80[disabled], fieldset[disabled] .btn-infolw80, .btn-infolw80.disabled:hover, .btn-infolw80[disabled]:hover, fieldset[disabled] .btn-infolw80:hover, .btn-infolw80.disabled:focus, .btn-infolw80[disabled]:focus, fieldset[disabled] .btn-infolw80:focus, .btn-infolw80.disabled:active, .btn-infolw80[disabled]:active, fieldset[disabled] .btn-infolw80:active, .btn-infolw80.disabled.active, .btn-infolw80[disabled].active, fieldset[disabled] .btn-infolw80.active {
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw80 .badge {
	color: #ffcc00;
	background-color: #fff
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.btn-infolw80 {
	color: #eee;
	background-color: #585f69;
	border-color: #ccc;
	min-height: 100px;
	width: 100%;
	text-transform:uppercase;
	text-align:center;
	padding:2;
	white-space: normal;
	-webkit-hyphens: manual;
   -moz-hyphens: manual;
    -ms-hyphens: manual;
        hyphens: manual;
}
.btn-infolw80:hover, .btn-infolw80:focus, .btn-infolw80:active, .btn-infolw80.active, .open>.dropdown-toggle.btn-infolw80 {
	color: #333;
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw80:active, .btn-infolw80.active, .open>.dropdown-toggle.btn-infolw80 {
	background-image: none
}
.btn-infolw80.disabled, .btn-infolw80[disabled], fieldset[disabled] .btn-infolw80, .btn-infolw80.disabled:hover, .btn-infolw80[disabled]:hover, fieldset[disabled] .btn-infolw80:hover, .btn-infolw80.disabled:focus, .btn-infolw80[disabled]:focus, fieldset[disabled] .btn-infolw80:focus, .btn-infolw80.disabled:active, .btn-infolw80[disabled]:active, fieldset[disabled] .btn-infolw80:active, .btn-infolw80.disabled.active, .btn-infolw80[disabled].active, fieldset[disabled] .btn-infolw80.active {
	background-color: #ffcc00;
	border-color: #ccc
}
.btn-infolw80 .badge {
	color: #ffcc00;
	background-color: #fff
}

}

.bg-div-allg {
	background-image:url(../img/global/bg/bg_gf.jpg); background-repeat:no-repeat; background-size:cover
}
.bg-div-gruen {
	background-image:url(../img/global/bg/bg_gruen.jpg); background-repeat:no-repeat; background-size:cover
}
.border-lwBBB {
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid
}
.border-lw {
	border: #888 1px solid;
}

.anchor{
  display: block;
  height: 250px; /*same height as header*/
  margin-top: -250px; /*same height as header*/
  visibility: hidden;
}
.text-align-center{
	text-align: center
}
.text-color-white{
	color: #FFFFFF
}
.text-color-black{
	color: #000000;
}
.margin-left-right-5{
	margin-left:5px;
	margin-right: 5px;
}
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}


.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}
.btn-sq-xlg {
  width: 360px !important;
  height: 150px !important;
  margin-right:10px;
  margin-bottom:10px;
  font-size:18px;
}
.btn-sq-xlglw {
  width: 360px !important;
  height: 40px !important;
  margin-right:10px;
  font-size:18px;
}
.btn-sq-xlg-btn-lw {
  min-width: 330px !important;
  height: 150px !important;
  margin-right:10px;
  margin-bottom:10px;
  font-size:18px;
}

.btn-lw1 {
	color: #fff;
	background-color: #FFCC00;
}
.btn-lw1:hover, .btn-lw1:focus, .btn-lw1:active, .btn-lw1.active, .open>.dropdown-toggle.btn-lw1 {
	color: #fff;
	background-color: #fed530;
}

.btn-lw2 {
	color: #fff;
	background-color: #FEA501;
}
.btn-lw2:hover, .btn-lw2:focus, .btn-lw2:active, .btn-lw2.active, .open>.dropdown-toggle.btn-lw2 {
	color: #fff;
	background-color: #fdb228;
}

.btn-lw3 {
	color: #fff;
	background-color: #FB7303;
}
.btn-lw3:hover, .btn-lw3:focus, .btn-lw3:active, .btn-lw3.active, .open>.dropdown-toggle.btn-lw3 {
	color: #fff;
	background-color: #ff8c2d;
}

.btn-lw4 {
	color: #fff;
	background-color: #a9e000;
}
.btn-lw4:hover, .btn-lw4:focus, .btn-lw4:active, .btn-lw4.active, .open>.dropdown-toggle.btn-lw4 {
	color: #fff;
	background-color: #b4de35;
}

.btn-lw5 {
	color: #fff;
	background-color: #9bcd01;
}
.btn-lw5:hover, .btn-lw5:focus, .btn-lw5:active, .btn-lw5.active, .open>.dropdown-toggle.btn-lw5 {
	color: #fff;
	background-color: #a4c837;
}

.btn-lw6 {
	color: #fff;
	background-color: #82ac01;
}
.btn-lw6:hover, .btn-lw6:focus, .btn-lw6:active, .btn-lw6.active, .open>.dropdown-toggle.btn-lw6 {
	color: #fff;
	background-color: #8ba930;
}

.btn-lw7 {
	color: #fff;
	background-color: #c3c3c3;
}
.btn-lw7:hover, .btn-lw6:focus, .btn-lw6:active, .btn-lw6.active, .open>.dropdown-toggle.btn-lw6 {
	color: #fff;
	background-color: #a6a6a6;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: #999;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #999;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #999;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
}

.banner-link {
	background: rgb(195, 195, 195); width: 100%; height: 45px; color: #333; display: table; position: relative; margin-top: 0px; margin-right: 0px;	margin-bottom: 5px; 	margin-left: 0px;
}
.banner-link:before {
	top: 50%; width: 10px; height: 32px; left: 15px; font-family: "FontAwesome"; font-size: 18px; margin-top: -16px; position: absolute; content: "\f0b1";
}
.banner-link:after {
	top: 50%; width: 10px; height: 32px; right: 15px; font-family: "FontAwesome"; font-size: 30px; margin-top: -28px; position: absolute; content: "\f105";
}
.banner-link a {
	padding: 15px 40px 15px 40px; color: #333; line-height: 0.8em; font-size: 1.25em; text-decoration: none; vertical-align: middle; display: table-cell;
}
.banner-link a:hover {
	color:#fff; background-color:#a3a3a3
}

.banner-link-schueler {
	background: rgb(195, 195, 195); width: 100%; height: 45px; color: #333; display: table; position: relative; margin-top: 0px; margin-right: 0px;	margin-bottom: 5px; margin-left: 0px;
}
.banner-link-schueler:before {
	top: 50%; width: 10px; height: 32px; left: 15px; font-family: "FontAwesome"; font-size: 18px; margin-top: -16px; position: absolute; content: "\f19d";
}
.banner-link-schueler:after {
	top: 50%; width: 10px; height: 32px; right: 15px; font-family: "FontAwesome"; font-size: 30px; margin-top: -28px; position: absolute; content: "\f105";
}
.banner-link-schueler a {
	padding: 15px 40px 15px 40px; color: #333; line-height: 0.8em; font-size: 1.25em; text-decoration: none; vertical-align: middle; display: table-cell;
}
.banner-link-schueler a:hover {
	color:#fff; background-color:#a3a3a3
}

.banner-link-schueleraktiv {
	background: rgb(255, 204, 0); width: 100%; height: 45px; color: #333; display: table; position: relative; margin-top: 0px; margin-right: 0px;	margin-bottom: 5px; 	margin-left: 0px; padding: 17px 40px 15px 40px; line-height: 0.8em; font-size: 1.25em; text-decoration: none; vertical-align: middle
}
.banner-link-schueleraktiv:before {
	top: 50%; width: 10px; height: 32px; left: 15px; font-family: "FontAwesome"; font-size: 18px; margin-top: -7px; position: absolute; content: "\f19d";
}
.banner-link-schueleraktiv:after {
	top: 50%; width: 10px; height: 32px; right: 17px; font-family: "FontAwesome"; font-size: 15px; margin-top: -6px; position: absolute; content: "\f04d";
}
.banner-link-schueleraktiv a {
	padding: 15px 40px 15px 40px; color: #333; line-height: 0.8em; font-size: 1.25em; text-decoration: none; vertical-align: middle; display: table-cell;
}
.banner-link-schueleraktiv a:hover {
	color:#fff; background-color:#a3a3a3
}

.banner-link-schuelerzurueck {
	background: rgb(230, 230, 230); width: 100%; height: 35px; color: #333; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;
padding: 11px 40px 15px 45px; line-height: 0.8em; font-size: 1em; text-decoration: none; vertical-align: middle; display: table-cell;}

.banner-link-schuelerzurueck a:hover {
	color:#000;
}
.btn-u.btn-u-585f69 {
   background: #585f69;
}
.btn-u.btn-u-585f69:hover, 
.btn-u.btn-u-585f69:focus, 
.btn-u.btn-u-585f69:Active, 
.btn-u.btn-u-585f69.active, 
.open .dropdown-toggle.btn-u.btn-u-585f69 {
   background: #6b737f;
}
.btn-u.btn-u-split-585f69.dropdown-toggle {
   border-left: solid 1px #6b737f;
}

.linebreaklw {
	-webkit-column-break-inside: avoid; 
	break-inside: avoid;
}

 a[href^=tel] { 
     color: inherit; 
     text-decoration: none; 
 }
 
 
 
 /*eventkalender*/

   @import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic");
    @import url("//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
    
    .event-list {
		list-style: none;
		font-family: "Open Sans", sans-serif;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: rgb(255, 204, 0);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: rgb(254, 165, 1);
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 40pt;
		font-weight: 500;
		line-height: 1;
		margin-top:10px;
	}
	.event-list > li time > .month {
	display: block;
	font-size: 14pt;
	font-weight: 300;
	line-height: 1;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 16pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 12pt;
		font-weight: 300;
		margin: 0px;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 90px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 90px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 90px;
			height: 90px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 90px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}
/*Service Block v7
------------------------------------*/
.service-block-v7 {
  margin-top: 10px;
  text-align: center;
  position: relative;
  border: 1px solid #ddd;
  padding: 25px 5px 5px;
}

.service-block-v7 i {
  left: 50%;
  top: -25px;
  color: #fff;
  width: 45px;
  height: 45px;
  font-size: 22px;
  line-height: 46px;
  text-align: center;
  position: absolute;
  margin-left: -22.5px;
  display: inline-block;
}

.service-block-v7 h3,
.service-block-v7 p {
    margin-bottom: 10px;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    background: #fff;
    text-align: center;
    font: 32px Arial, sans-serif,;
    display: inline-block;

}

.banner-info.yellow i { 
	background: #ffcc00;
}

.litetooltip-wrapper right { 
    max-width: 310px;
}