/*
 * @author ( Anita Bachmann )
*/



/* ##########################  general  ########################### */


html {
 /*   background-image: url("../images/bg-01.jpg"); */ 
}

html, body {
    color: #4A4A4A;
 /*   font-family: 'Maven Pro',sans-serif;  */
/*     font-family: "Sintony",Arial,Helvetica,sans-serif; */
    font-family: 'Droid Sans',Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
 /*   background-attachment: fixed;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover; */
	background: #4682B4 none repeat scroll 0 0;
    text-align: left;
}

#wrapper {
    height: auto !important;
    min-height: 100%;
	max-width: 900px;
	background: #fff none repeat scroll 0 0;
}

#header-wrap {
    padding-top: 30px;
}

#box-wrap {
    margin: 30px auto 0 auto;
	padding: 0 70px;
}
#main-content.row {
    margin-bottom: 0;
}
#main-content #post {
  margin-bottom: 50px;
}
#logo.span_4 {
    width: 47.5%;
/*	clear: left; */
	float: left;
/*	position: relative;*/
}
#logo img {
    max-height: 50px;
}
#logo {
   display: block!important;
}
#top {   /*??????  im schmalen Fenster soll Suchbox auf untere Zeile rutschen */
   display: block!important;
   max-width: 47.5%;
   float: left;
/*   position: relative;*/
}

.search .inputbox {
    width: 100%; 
	max-width: 160px;
	float: right;
}

/* ##########################  navigation  ########################### */

#navbar-wrap {
	background-color: #EEE5DE;
/*	border: 1px solid #8B6969; */
    height: 40px;
}
#navigation .menu {
	background-color: #EEE5DE;
}

#navigation .menu ul {
    background: none;
    border: 1px solid #F5F5F5;
}
#navigation .menu a {
    color: #4A4A4A;
}

#navigation .menu li {
	width: 18%;
    border-color: #8B6969;
    border-style: solid;
    border-width: 0 1px 0 0;
	margin-right: 0;
	padding: 5px;
}
#navigation .item-105 {
	border: none!important; 
}
	
#navigation .menu a {
    font-size: 16px;
    font-weight: 400;
    height: 30px;
    line-height: 30px; 
/*    line-height: 100%;*/
	text-align: center;
}
/*.menutitle{
    line-height: 1.5em; 
    line-height: 100%;
	height: 100%;
	vertical-align: middle;
}*/


/* current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, 
#navigation .active > a:hover, #navigation .active > a:hover { 
	color: #4682B4;
	font-weight: bold;
}

#navigation .menu > .active > a, #navigation li.active > a {
    color: #8B6969;
}

/*drop-down styles*/
#navigation .menu ul li > a:hover { 
	color: #4682B4;
/*	font-weight: bold; */
}

/* Submenu */
#navigation .sub-menu {
	background-color: #f5f5f5!important;
    border-color: #EEE5DE!important;
    border-style: solid!important;
    border-width: 0 1px 0 1px!important;
	min-width: 200px;
}

#navigation .sub-menu li {
    padding: 5px;
	width: auto;
	min-width: 200px;
    border-color: #8B6969!important;
    border-style: solid!important;
    border-width: 0 0 1px 0!important;
}

#navigation ul.sub-menu a {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
	padding: 5px;
}

/* menulink nicht anzeigen */
.menu li a .menudesc {
	display:  none;
}

#navbar-wrap {
    margin: 0;
}

/* ##########################  menu responsive  ########################### */
#menu-icon:hover, #menu-icon.active {
    background-color: #eee5de;
}


/* ##########################  header image  ########################### */
#user1-wrap {
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}

/* ##########################  search  ########################### */
#top .search {
	float: right;
}

/* ##########################  breadcrumbs  ########################### */
.breadcrumbs {
	padding: 0 70px;
}


/* ##########################  blog-featured (main-page) ########################### */
/*.row  {
	display: -webkit-flex;
	display:flex;
} */
.items-row  {
/*    border: 1px solid #4682B4; */  /* feiner blauer Rahmen */
/*    border-left: 10px solid #4682B4;   /* dicker blauer Strich links */
/*    border-bottom: 1px solid #4682B4;   /* dünner blauer Strich unten */
/*    background-image: url("../images/2-rad-vertikal.png");  /* 2 Räder links oben
    background-position: left top;
    background-repeat: no-repeat;  */
/*    border-radius: 3px;
/*	background-color: rgba(70, 130, 180, 0.4); /*background-color: #4682B4;*/
/*	background-color: #F5F5F5;*/
}

.items-row p {
	padding: 10px;
/* padding-left: 25px;    /* 2 Räder links oben */
	margin: 0;
}

/* ##########################  slide show  ########################### */
.flexslider {
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    margin: 0 0 40px!important;
}
.flex-control-nav {
    bottom: -25px!important;
	text-align: right!important;
}
.flex-control-paging li a {
    background: #EEE5DE none repeat scroll 0 0!important;
    box-shadow: none!important;
}
.flex-control-paging li a.flex-active {
    background: #8B6969 none repeat scroll 0 0!important;
}
.flex-control-paging li a, .flex-control-paging li a:hover {
    color: transparent!important;
}


/* ##########################  modules  ########################### */
#sidebar .module {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EEE5DE;
    border-radius: 3px;
    box-shadow: none;
}

#sidebar .module-title {
    border-bottom: 5px solid #EEE5DE;
    color: #4A4A4A;
    font-size: 14px;
	padding: 5px 0 5px 5px;
    text-transform: uppercase;
}

/* normal */
.normal {border:2px solid #8B6969 !important; background:#8B6969 url(../images/normal-bg.png) 0 0 repeat !important; color:#fff!important; text-shadow:1px 1px #aa2919!important}

/* Sidebar Menu*/
#sidebar .module ul.menu li ul li.active ul li.active a { 
	background:url(../images/sidebar-li2.png) 5px 50% no-repeat;text-decoration:none;color:#8B6969; }


/* ##########################  footer  ########################### */
#footer-wrap {
    float: left;
    position: absolute;
    bottom: 0;
	left: 0;
	padding-left: 10px;
	margin: 0;
	width: 100%;
	max-width: 890px;
	background-color: #eee5de;
}
.copyright {
    color: #4A4A4A;
    font-size: 14px;
}

	
/* ##########################  titles  ########################### */

.item-page-title, .item-page-title a, .contact-name {
    font-size: 20px;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
    color: #4682b4;
    font-family: "Droid Sans",Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 50px 5px 0;
}

h1 {
    font-size: 20px;
    line-height: 20px;
}

h2 {
    color: #8B6969;
    font-size: 16px;
    margin: 0 0 5px;
}

h3 {
    font-size: 14px;
	font-style: italic;
    margin: 0;
}

/* ##########################  buttons  ########################### */
a.btn-readmore {
    background-color: transparent;
    color: #8b6969;
    padding: 0;
	text-decoration: none;
}
a.btn-readmore:hover {
    background-color: none;
    color: #4682B4;
    padding: 0;
	text-decoration: none;
}

.pager li > a, .pager li > span, .pagenav li > a, .pagenav li > span {
    background-color: #fff;
    border: 1px solid #8b6969;
    border-radius: 3px;
}
.pager li>a:hover,.pager li>a:focus, .pagenav li>a:hover,.pagenav li>a:focus{
	background-color:#f5f5f5;
}

/* ##########################  images  ########################### */
.img-right {
	margin-left: 30px!important;
}

/* ##########################  text  ########################### */
.text-blau {
    color: #4682b4;
}
.text-braun {
    color: #8B6969;
}
.text-grau {
    color: #4A4A4A;
}
.text-legende {
    color: #4A4A4A;
	font-style: italic;
	font-size: 90%;
	padding: 0 10px 0 10px;
	vertical-align: top!important;
}

body a { color: #4682b4; text-decoration: underline; }
body a:hover { color: #8B6969; text-decoration: underline; }

/*.blog-featured a { color: #4682b4; text-decoration: none!important; } */

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #8B6969 }


/* ##########################  boxes  ########################### */
.box-grey-blue {
    background-color: #f5f5f5;
    border: 2px solid #4682b4;
	float: left;
	width: 100%; 
	max-width: 219px;
	/*min-height: 200px;*/
        min-height: 310px;
	padding: 10px;
	margin: 0 10px 10px 0;
}
@media screen and (max-width: 680px) {
    .box-grey-blue {
        min-height: auto;
      width: 100%;
      max-width: 100%!important;
    }
}

#comp-wrap ul, ul {
    list-style-type: none;
	margin: 0;
}
#comp-wrap li {
    background-image: url("../images/dot-blue.gif");
    background-position: 0 0.6em;
    background-repeat: no-repeat;
    padding-left: 20px;
}
/* ##########################  tabellen  ########################### */
.item-page  td {
	vertical-align: top;
/*	text-align: left; */
}
.align-right, .item-page  .align-right  img {
	text-align: right;
}
.table-home {
	border-collapse: separate;
	border-spacing: 10px 0;
	margin-left: -10px;
}
.table-home td {
	padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #4682b4;
	width: 33%;
}
.row-grey-blue {
    background-color: #f5f5f5;
    border: 2px solid #4682b4;
    border-radius: 3px;
}
.row-grey-blue td {
	padding: 10px;
}

.tab-2-rows-img , .tab-2-rows-rf-img, .tab-3-rows-img , .tab-3-rows-rf-img, .tab-4-rows-rf-img   {
    border: 2px solid #4682b4;
	width: 100%;
}

.tab-2-rows-img  td, .tab-2-rows-rf-img  td  {
	width: 50%;
	text-align: center;
}
.tab-3-rows-img  td, .tab-3-rows-rf-img  td  {
	width: 33%;
	text-align: center;
	vertical-align: middle;
}
.tab-3-rows-img  td, .tab-4-rows-rf-img  td  {
	width: 25%;
	text-align: center;
	vertical-align: middle;
}

.tab-2-rows-img  td  img{
	margin-right: 5px;
	width: 100%;
	max-width: 250px;
	padding: 10px 5px 10px 10px;
}

.tab-3-rows-img  td  img{
	margin-right: 5px;
	width: 100%;
/*	max-width: 250px; */
	max-width: 230px;
	padding: 10px 5px 10px 10px;
}

.tab-2-rows-rf-img  td  img, .tab-4-rows-rf-img  td  img{
	margin-right: 5px;
	width: 100%;
	max-width: 150px;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
}