/*
blau = #194d75

*/


/*------------------
 Header 
 ------------------*/
.navbar-fixed-top {
      
}

.header-image img{
    margin: 0 auto;
    display: block;
}

.navbar-toggle {
    background-color: #194d75;
    border: none;
	margin-top: 10px;
}

/*header tob bar*/
.navbar-inverse {
background: #194d75 url("../images/header-top-bg.jpg") no-repeat;
border:none;

}

.navbar-logo  {
	color:#fff;
    position: relative;
    top: 13px;
    font-size: 18px;
}

/*navigation */
.navbar-inverse .navbar-nav>li>a {
    color: rgba(255,255,255, 0.8);
}
.navbar-collapse {
    -webkit-box-shadow: none;
    box-shadow:none;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}

.navbar-nav {
    text-align: center;
}

.nav>li {
    border-top: 1px solid rgba(255,255,255, 0.2);
}


/*------------------
Search Pane
 ------------------*/
.search-pane {
    color: #FFF;
    margin-top: -28%;
       background: rgba(0,0,0,.5);
    position: relative;
}  

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel {
    background-color: transparent;
	border:none;
	-webkit-box-shadow: none; 
     box-shadow: none; 
}

.panel-group {
    margin-bottom: 0px;
}

.panel-title {
	   padding-bottom: 11px;
	       margin-top: -15px;
    font-size: 13px;
    color: #fff;
	  text-align: center;
    background-color: transparent;
    border-color: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.panel-body {
   padding: 15px 11%;
       border-top-color: none;
}

.input-group {
    padding-bottom: 11px;  
}

.panel-body input{
    border-radius: 6px;
    background-color: #fff;
}

.panel-body .input-group button{
    margin: 0;
    background: #fff;
    box-shadow: none;
    color: #194d75;
    padding: 0 8px 0 10px;
	border: solid 1px #ccc;
}

.panel-body button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
	background: #194d75;
	 color: #fff;
}

.panel-body i{
    font-size: 23px;
}

.search-pane .col-sm-8, .search-pane .col-sm-4, .search-pane .col-xs-6  {
   padding: 0;
       max-height: 340px;
    overflow: hidden;
}

.search-pane .blaugelb-content {
       padding:15px;
	   color:#fff;
}

.search-pane .blaugelb-content h3 {
    color: #000;
    text-transform: uppercase;
	 margin-top: 0px;
        font-size: 13px;
}

.search-pane .blaugelb-content p {
              font-size: 13px;
    line-height: 1.3;
}

.search-pane .blaugelb-content a {
       font-size: 11px;
	       color: #000;
}

.search-pane .blau {
   background:#4fa8bf;
}

.search-pane .gelb {
   background:#e5a824;
}

.folge .search-pane{
    margin-top: -16%;
    background: transparent;
}


@media (min-width: 1200px) {
	.search-pane .blau, .search-pane .gelb {
		height: 340px;
	}
}

@media screen and (min-width: 990px) and (max-width: 1199px) { 
	.search-pane .blau, .search-pane .gelb {
		height: 281px;
	}
}

@media (max-width: 989px) {
	.search-pane .blau, .search-pane .gelb {
		height: 215px;
	}
	
	.search-pane .blaugelb-content h3 {
		margin-top: -12px;
		font-size: 8px;
		margin-bottom: 0;
	}
}


/*------------------
 Slider 
 ------------------*/
.carousel-control .icon-left-open, .carousel-control .icon-right-open {
     position: absolute;
    top: 50%;
    margin-top: -22px;
	    margin-left: -22px;
    z-index: 5;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 50%;
    color: #666;
    padding: 12px;
	display:none;
}


/*------------------
 Rechner 
 ------------------*/
#frmWaehrungsrechner {
    font-size: 11px;
	    width: 100%;
		    margin-top: 10px;
			margin-bottom: 30px;
}

#frmWaehrungsrechner .td-head {
	    background: #194d75 url(../images/header-top-bg.jpg) no-repeat;
    color: #fff;
    padding: 15px;
	   
}

#frmWaehrungsrechner td {
       padding: 5px 5px 0px 5px;
}

#frmWaehrungsrechner input, #frmWaehrungsrechner select, #frmWaehrungsrechner textarea {
    width: 100%!important;
}

#frmWaehrungsrechner input[type=submit] {
    background: transparent;
    border: 1px solid #194d75;
    padding: 5px;
    border-radius: 3px;
    color: #194d75;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#frmWaehrungsrechner input[type=submit]:hover {
    background: #194d75;
    border: 1px solid #194d75;
 
    color: #fff;
}

#frmWaehrungsrechner span {
   display: inline;
}


/*------------------
 Common and clears
 ------------------*/
 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subset=latin,greek);
 
html, body {
	height: 100%;
	background-color:#fff;
	font-family: 'Open Sans', sans-serif;
	outline:none; 
}

.page-wrapper{
	background:#fff;
	margin-top: 31px;
}

img{
	max-width: 100%;
}




.center { 
	text-align:center;
	margin:0 auto:
	display: block;
	width:100%;
}

.right { 
	float:right;
}


/*------------------
 Typo 
 ------------------*/
 h1, h2, h3, h4 {
    margin-top: 20px;
    margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.42857143;
	color:#194d75;
}

a {
	color:#194d75;
}

a:focus, a:hover {
    color: 194d75;
    text-decoration: none;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
}
.img-hover:hover {
    opacity: 0.8;
}

:focus {
    outline: none;
}

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

.icon-check{
	color:#0C0;
}

.icon-cancel{
	color:#F30;
}


/*------------------
 Buttons 
 ------------------*/
 .icon-btn { 
	position: relative;
}

.icon-btn  span{
	padding-left:36px;
	padding-right:5px;
	width:100%;
	display:inline-block;
	text-align:left;
	font-size: 12px;
	font-weight: 600;
}

.icon-btn small {
    font-size: 95%!important;
	color: rgba(255,255,255,.8)!important;
	width:100%; display:inline-block; text-align:left;
	text-transform:none!important;
}

.icon-btn i {
	color: rgba(255,255,255,.8)!important;
	font-size:33px!important;
	position: absolute;
	left: 0;
	top: -3px;;
}

.icon-btn span {
    font-size: 14px;
    line-height: 1.3;
}

.btn {
    font-size: 12px;
}
.btn-primary {
	width:100%;
	background: #194d75 url(../images/header-top-bg.jpg) no-repeat;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 2px solid #ccc;
border-right: 1px solid #ccc;
}

.btn-primary:hover {
background:#000;
}

.btn-lg, .btn-group-lg>.btn {
    padding: 17px 65px;
    font-size: 14px;
    font-weight: 700;
}

.call-to-action .btn {
    margin-top: 60px;
}






/*------------------
 Content 
 ------------------*/
.rechtespalte {
margin: 15px -15px 0 15px;	  
}

.content a{
border-bottom: 1px solid #194d75;
}

.folge .content {
    display: block;
        margin-top: 8%;
}


section  {
margin: 0 30px 0 -15px;
		          
}

.no-searchpane section  {
	position:relative;
	      padding: 40px 22px 0 0px;
		          
}

section.colored {
background-color: #51ad31;
color:#fff;
padding: 22px;
    margin-right: -22px;
    margin-left: -22px;
	    margin-top: 22px;
}

.content h1 {
	  font-size:28px;
}
.content span {
		    display: inline-block;
}

.content h2 {
	  font-size:18px;
	  	text-transform:uppercase;

}


.content h3  {
	text-transform:uppercase;
	margin-top: 5px ;
	    font-size: 16px;
	}
.content ul {
		clear: both;
}
.content li {
font-weight:600;
}
.content li a{
display: block;
margin-top: -9px;
}

	
.content	.colored {
color: #fff;
 
	}
	
	

.content table {
   clear:both;
}

.content td {
        padding: 6px 12px 6px 0px;
    text-align: left;
	vertical-align: top;
}

.content table i {
    border: medium none;
    display: block;
    color: #555;
    margin: -2px 5px 0px 0px;
    font-size: 16px;
    clear: both;
}



.colored .info {
border: 1px solid #eee;
    margin: 15px 0;
}



.info h4 {
    font-size: 14px;
    text-transform: uppercase;
}




.content .aside {
  color: #999;
  font-weight: 200;
}



/*------------------
Formulare
 ------------------*/
 
 .alert-error {
   color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
 .mandatory {
   color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.contactform{
    background:#194d75;
	    padding: 15px;
		 color:#fff;
}

.contactform input, .contactform textarea {
  margin: 5px 0;
      padding: 9px;
  width:100%;
  color:#000;
}


.contactform h3{
    color:#fff;
	font-weight: 400!important;
}

.contactform input[type=submit]{
float:right;
    background: transparent;
	 color:#fff;
 font-weight: 600;
 border:2px solid #fff;
}


.contactform input[type=submit]:hover{
background:#fff;
 color:#194d75;
 }
.modal-content .contactform {
background: none;
  }
  
.modal-content .contactform input[type=submit]{
 border:2px solid #194d75;
 background:#fff;
  color:#194d75;
  margin-bottom:15px;
}
.modal-content .contactform input[type=submit]:hover{
background:#194d75;
 color:#fff;
 }


.registrationform input[type=submit]{
 background:#194d75;
 color:#fff;
 font-weight: 600;
 border:1px solid #194d75;
}


.registrationform input[type=submit]:hover{
background:#fff;
 color:#194d75;
 }

.registrationform hr {
  margin-top: 0px; 
    margin-bottom: 60px;
  
}


/*------------------
 Footer 
 ------------------*/
footer {
	background: #194d75 url(../images/header-top-bg.jpg) no-repeat;
color: #fff;
	margin: 90px -15px 0 -15px;
	padding-top:15px;
}
footer  p, footer h3 {
   color: #fff;
}

footer  a {
   color: #fff;
   	font-weight: 600;
}
footer  a:hover {
   color: #fff;
   text-decoration:underline;
}

footer h3 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 11px;
    color: #ddd;
    font-size: 16px;
}
footer li a{
	font-size:12px;
	text-decoration:none;
	}
	
footer li a:hover{
	text-decoration:underline!important;
}

footer .col_3, #footer .col_6  {
	padding: 0 22px;
}

footer .alt li{
	list-style-type:none;
	margin:0 0 -1px 0;
	padding-left:20px;
	background:url(images/icon-arrow-right.png) no-repeat 5px 0.7em;
}
/*------------------
Suchergebnisse
 ------------------*/

 .filter {
       width: 250px;
	          margin: 0 auto;
}
 .filter i {
     display: none;
}
 
 .filter select {
        border: 1px solid #ccc;
    color: #194d75;
    padding: 3px 3px;
    margin-left: -15px;
}
 
 .filter optgroup {
    color: #666;
    background-color: #e2e2e2;
    font-weight: 400;
}
 
  #results {
	    margin: 0;
			  
}
 #isotope-container .search_container {
	          margin: 30px -15px;
			  
}
  
  
.search_container {
    border: 1px solid #ddd;
	padding: 25px 15px 0 15px;  
}
/**** Isotope level payed ad ****/
.isotope-item.container {
  z-index: 2;  
  width:100%;

}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}



/*FREE AD*/

.search_container.free-ad {
	margin: 15px -10px 0px -10px!important; 
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;

		

}

.search_container.free-ad .focus{
	padding:11px 0;
}


.search_container.free-ad h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.search_container.free-ad .focus{
	margin-left: 0px;
}

.search_container.free-ad  .focus bold{
	margin-top: 0px;
}




.search_container.free-ad{
	background-color: #fff;
	padding: 15px ;
	margin: 15px  0;   
}

.customer-logo { /*frame to position center*/
	/*height: 200px;
    width: 100%;
	position: relative;
	border: 1px solid rgb(204, 204, 204);*/
	margin: 5px 0 25px 0;
}
 
.customer-logo img{/*position center*/
	/*max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	    top: -30px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto; */
	
}
 
.search_container p {
        margin:  0;
    line-height: 20px;
}
.search_container h2{
	/*font-family:"Times New Roman", Times, serif;*/
	margin: 0 0 .3em 0;
	line-height: 1em;
	font-weight: bold;
	font-size: 22px;
	color: #555;
}
.search_container.free-ad .focus bold{
   text-align: left !important;
}

.search_container h3{
	margin-top: 20px;
	margin-bottom: 0px;
}
.search_container .h3-email{
	    margin-top: 35px;
    margin-bottom: 5px;
}


.search_container h5{
	font-size: 12px;
	font-weight: 600;
	text-transform:none;
	margin-top: 0;
}

.search_container .contact i{
	color: #194d75;
}
.search_container .focus {
		    margin-bottom: 15px;

}

.search_container .focus bold{
		text-transform: uppercase;
	font-weight: 600;
	color: #194d75;
	display: block;
	    margin-top: 10px;
}

.backresults{
	margin:15px 0;
}




 
.search_footer {
	background-color: #e2e2e2;
}

 
 .search_footer  i {
float: left;
font-size: 18px;
padding: 6px 6px 0 0;
}
 
 .search_footer  i:hover {
color:#194d75;}


.search_footer  .btn {
   margin: 4px auto;
display: inline-block;
float: right;
}

.modal-backdrop {/* modal hintergrund*/
    z-index: 1038;
}
.modal-header {
   margin-bottom: 15px;
}
.modal-header h2 {
    margin-top:10px;
	margin-bottom:5px;
 }
.modal-content  {
    overflow: hidden;
    clear: both;
 }
 
 .user-ad .search_container {
    margin-top: 20px;
	background:#fff;
position: relative;
padding-bottom:15px;
 }

  .user-ad .search_container h3{
 margin-top: 20px;
margin-bottom: 10px;
color: #194d75;
font-size: 20px;
  }
 
textarea{
background:#fff!important;
  }
 
 

/*------------------
 Responsive Styles 
 ------------------*/
@media (min-width: 768px){
.navbar-header {
    float: left;
}



.image-txt h4 {
		 font-size: 23px;
}
.image-txt h1 {
	     font-size: 46px;
}


}

@media (max-width: 990px){
	
	.customer-logo img {
    width: 100%;
    margin: 0;
}
	
	 input[type=submit]{
margin: 30px auto 0 auto;
width:50%;}

 .captcha {
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.search_container h2{
	margin-top: 20px !important;
}

}


@media (max-width: 769px){
.navbar-logo {
    left: 15px;
}
.folge .search-pane {
              margin-top: 0;
}

.folge .search-pane .panel-title>a {
    color: #194d75;
}

.panel-group {
    margin-bottom: 0px;
}
.panel-title.simple {
     padding-bottom: 28px;
    margin-top: -22px; 
}
.panel-title.advanced {
    padding-top: 19px;
}
}




 @media (max-width: 420px){
	

.navbar-logo  {
	font-size: 14px;
	    letter-spacing: 0;
}


}