/*  
grau #333
blau #002e7c
rot  #e3001b
*/

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'open_sansregular';
	color:#333;
	background:#d9dadc url(../img/bg.jpg) top left repeat-x;
}
h1,h2,h3,h4,h5,h6,.site-title{
	color:#002e7c;
}
h2 .subheading-category {
	font-size:30px;
}
h2,.h2 {
	font-size:24px;
}
.top .row {
  margin-left: 0;
  margin-right: 0;
}

/* alles andere */
.top {
	height:103px;
	background:#000 url(../img/fkind-bg-top.gif) bottom left repeat-x;
}
.top .container {
	padding:0;
}
.top img.logo {
	position:absolute;
	margin-top:5px;
	max-width:100%;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .15);
	z-index:300;
}
.bilder .container {
}
.bilder img {
	width:100%;
	height:auto;
}
.main .container {
	padding-bottom:30px;
	background:#fff;
}
.ansprechpartner .ap {
	position:relative;
	display:block;
	width:50%;
	float:left;
	text-align:center;
}
.ansprechpartner .ap img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.main .item-image {
	width:45%;
}
.main .item-image img {
	float:right;
	max-width:100%;
	height:auto;
}
.footer {
	color:#fff;
	padding-top:9px;
	background:#3d3c41;
}
.footer a,
.footer a:link,
.footer a:visited {
	color:#fff;
}
.footer a:focus,
.footer a:hover {
	color:#002e7c;
  background: #fff;
	text-decoration:none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


/* Tag Cloud */
#myCanvasContainer #myCanvas {
	width:100%;
	height:400px;
}
/* Beitragsbilder */
.pull-left.item-image {
	margin-right:20px;
}
.pull-right.item-image {
	margin-left:20px;
}

/* Coverflow */
.photos {
	position:relative;
	padding:40px 0;
	height:440px !important;
}
.photos .coverimg {
	height:230px;
	width:auto;
	margin-top:20px;
	cursor: pointer;
}
.photos .cover img {
}
.photos .cover span {
	position:relative;
	display:block;
	width:100%;
	padding-top:10px;
	font-size:16px;
	text-align:center;
	color:#002e7c;
	text-shadow:0 0 8px white;
	text-decoration:none;
}
.photos a.cover:hover,
.photos a.cover:focus {
	text-decoration:none;
	border:0;
}
#photos-name {
	font-size:150%;
}
		
/* topmenu */
.top ul.menu  {
	margin-top:50px;
	float:right;
}
.top ul.menu li {
	display:inline;
	float:left;
}
.top ul.menu li a,
.top ul.menu li a:link,
.top ul.menu li a:visited,
.top ul.menu .separator {
	display:block;
	float:left;
	color:#fff;
	padding:5px;
	font-size:16px;
	background:none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top ul.menu li.active a,
.top ul.menu li a:hover,
.top ul.menu li a:active {
	color:#e80f06;
	background:none;
}

/* mainmenu */
.mainmenu {
	background:#3d3c41;
}
.mainmenu .navbar {
  border: 1px solid transparent;
  margin-bottom:0;
  min-height:20px;
}
.mainmenu .nav-pills > li > a {
  border-radius:0;
}
.mainmenu .container,
.mainmenu .container .menu,
.mainmenu .container #navi {
	padding:0;
}
.mainmenu ul.menu  {
}
.mainmenu ul.menu li.item-101,
.mainmenu ul.menu li.item-121,
.mainmenu ul.menu li.item-122 {
	display:none;
}
.mainmenu ul.menu li.item-102 {
	background:#19171c;
}
.mainmenu ul.menu li.item-103 {
	background:#3d3c41;
}
.mainmenu ul.menu li.item-116 {
	background:#58585a;
}
.mainmenu ul.menu li.item-117 {
	background:#707173;
}
.mainmenu ul.menu li.item-118 {
	background:#87888a;
}
.mainmenu ul.menu li.item-119 {
	background:#9d9ea0;
}
.mainmenu ul.menu li.item-120 {
	background:#b2b3b5;
}

.mainmenu ul.menu li a,
.mainmenu ul.menu li a:link,
.mainmenu ul.menu li a:visited,
.mainmenu ul.menu .separator {
	background:none;
	padding:5px;
	color:#fff;
	border-bottom:3px solid #45c4de;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.mainmenu ul.menu li.active a,
.mainmenu ul.menu li a:hover,
.mainmenu ul.menu li a:active {
	color:#fff;
	background:none;
	border-bottom:3px solid #e3001b;
}
.mainmenu ul.menu li a:hover {
	color:#e3001b;
}


@media (max-width: 767px) {
  .top {
    height: auto;
  }
.navbar-default {
	border-color:none;
	border:0;
	background:#3d3c41;
}
.top img.logo {
	margin-top:8px;
  	position: relative;
}
  .top ul.menu {
    float: none;
    margin-top: 5px;
    margin-bottom: 15px;
  }
.top ul.menu li a, .top ul.menu li a:link, .top ul.menu li a:visited, .top ul.menu .separator {
  font-size: 14px;
  padding:5px 3px;
}

}

@media (min-width: 768px) {
	
.navbar-default {
	border-color:none;
	border:0;
	background:none;
}

}

@media (min-width: 768px) and (max-width: 991px) {



}

@media (min-width: 992px) and (max-width: 1199px) {

.ansprechpartner .ap {
	width:25%;
}
.main .container {
	padding:30px;
}

}

@media (min-width: 1200px) {

.ansprechpartner .ap {
	width:25%;
}
.main .container {
	padding:30px;
}

}