@charset "UTF-8";

 @-ms-viewport { width: device-width; } 
 @viewport { width: device-width; }

@import url(/font/font-awesome-4.7.0/css/font-awesome.css);

#ffbalken{
  height: 1em;
  color: #AAA; 
}
body{
  font-size: 1em;
  font-family: Tahoma;
  margin:  0;
  padding: 0;

}
#body{
  flex-wrap: wrap;
  display: flex;  
}

header {
  left:0px;
  width:100%;
  margin: 0px;
  background-image: linear-gradient(#69F,#36F,#04F);
}

main {
  width:100%;
}
aside {
  width:100%;
}
footer {
  margin: 0em;
  min-height: 100px;
  background-image: linear-gradient(#36F,#FFF);
  flex-basis:  100%;
}

a {
    text-decoration: none;
}
fieldset{
  padding: 0.1em 0.3em;
  border: #DDD solid 0.1em ;
}
 


.ui-autocomplete-loading {
  background: white url("./images/ui-anim_basic_16x16.gif") right center no-repeat;
}


legend{
  border-color: #AAA;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.datalist{
	box-shadow: 10px 10px 10px white inset, 10px 10px 10px grey;
  border: #DDD solid 0.1em ;
}
ima{
  border: none;
  width: 100%;
}
table {
  border: none;
}
td,th {
  font-family: Arial;
}
td {
  vertical-align: top;
}
button {
  cursor: pointer;
}

.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.mittig{
  vertical-align: middle;
}
.bild{
  width: 100%;
}

 



.main {
  margin: 0px;
  flex: 6 1 50%;
}
 
.aside {
  margin: 0px;
  flex: 1 1 300px;
}
.aside_rechts {
  margin: 0px;
  right: 0px;
  flex: 1 1 300px;
}


.sectiongalleria { 
  height: 500px;
}
.galleria{ max-width: 1200px; height: 500px;   background:#FFF; }
.galleria-theme-classic{background:#FFF; }
.galleria-thumbnails-container{background:#ccc; }
.galleria-theme-classic .galleria-counter { color: #000;}
.galleria-image-left-nav { background-image:url(../../js/galleria/left.png); }
.galleria-image-right-nav { background-image:url(../../js/galleria/right.png); }
.galleria-info-title{ 	 }
.galleria-info-description{ 	}
.galleria-info{ font-size: 18px;
    opacity: 0.5;
    filter: alpha(opacity=50); 
    }
  .galleria-fscr{
    width:50px;
    height:50px;
    position:absolute;
    bottom:20px;
    right:10px;
    background:url('../../images/eye.png');
    z-index:4;
    cursor: pointer;
    opacity: .3;
}
.galleria-fscr:hover{
    opacity:1;
}



/* Full-width input fields */
 
input[type=text], 
input[type=tel], 
input[type=email], 
input[type=search], 
input[type=number], 
input[type=password] {
  font-size: 1em;
}
textarea {
  padding: 5px;
  font-size: 1em;
  font-family: Arial;
  width: 100%;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
 




.loginkopf{
  position: absolute;
  right: 10px;
  top: 5px;
}

.flex_aside {
  margin:  0.5em;
}

.flex_aside_search {
  background-color: #F5F5F5;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  padding: 0.5em;
}
 


.flex {
  display: flex;   
}
.flex_50 {
  padding: 0.5em;
  flex-basis: 50%;     
}
.flex_25op {
  flex-basis: 25%;     
}

.flex_50op {
  flex-basis: 50%;     
}
.flex_100 {
  padding: 0.2em;
  flex-basis: 100%;     
}

.flexmain {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex; 
  flex-wrap: wrap;
}

.flexmain_100 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin: 0.5em;
  flex: 1 1 100%;
}
.flexmain_100_ohne_border {
  border: #F9F9F9 solid 0.1em ;
  margin: 0.5em;
 flex: 1 1 100%;
}
.flexmain_100_ohne_border_marginLR {
  border: #F9F9F9 solid 0.1em ;
  margin: 0em 0.5em;
 flex: 1 1 100%;
}
.flexmain_75 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 71%;     
}
.flexmain_66 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 63%;     
}
.flexmain_50 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 47%;     
}
.flexmain_33 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 30%;     
}

.flexmain_25 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 22%;     
}

.flexmain_20 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 18%;     
}

.flexmain_12 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 10%;     
}
.flexmain_10 {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
  margin:  0.5em;
  flex: 1 1 8%;     
}


.flexfooter {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex; 
 
  padding: 0.5em 1em;
}
.flexfooter_100 {
  padding: 0.5em;
  flex: 1 1 100%;     
  flex-basis: 100%;     
}
.flexfooter_50 {
  padding: 0.5em;
  flex-basis: 50%;     
}
.flexfooter_40 {
  padding: 0.5em;
  flex-basis: 40%;     
}
.flexfooter_35 {
  padding: 0.5em;
  flex-basis: 35%;     
}
.flexfooter_30 {
  padding: 0.5em;
  flex-basis: 30%;     
}
.flexfooter_25 {
  padding: 0.5em;
   flex-basis: 25%;        
}
.flexfooter_20 {
  padding: 0.5em;
 flex-basis: 20%;     
}


@media screen and (max-width: 1200px) {

  .flexfooter {
    flex-wrap: wrap;
  }
   
  .flexfooter_20,
  .flexfooter_25,
  .flexfooter_30,
  .flexfooter_35 {
    flex-basis: 45%;     
  }
}

@media screen and (max-width: 730px) {

  .flexfooter_20,
  .flexfooter_25,
  .flexfooter_30,
  .flexfooter_35,
  .flexfooter_40,
  .flexfooter_50 {
      flex-basis: 100%;     
  }
}


.indexsliders { 
  }

.indexslider{ 
        
}

.pagebox {  
  padding: 0.5em;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex; 
  flex-wrap: wrap;
  box-sizing: border-box;
 }
 
.pagebox20 {  
    -moz-flex: 1 1 15%; 
    -webkit-flex: 1 1 15%; 
    -ms-flex: 1 1 15%; 
    -o-flex: 1 1 15%; 
    flex: 1 1 15%; 

}
 
.pagebox60 {  
 -moz-flex: 1 1 50%; 
  -webkit-flex: 1 1 50%; 
  -ms-flex: 1 1 50%; 
  -o-flex: 1 1 50%; 
  flex: 1 1 50%; 

 }

.culbox {  
  padding: 0.5em;
  display: flex; 
 }
 
.culboxbox50 {  
  flex-basis:   30%; 
 }

.colbox {
  display: flex;   
}
.colbox_50 {
  margin: 0.5em;
  padding: 0.5em;
  flex: 1 1 48%; 
 /* flex-basis: 48%;    */ 
  border: #36f solid 0.1em ;
  border-bottom: #36f solid 0.4em ;
}

.inputbox {  
  padding: 0.2em;
  display: flex; 
  align-items: center;
}
.inputbox30 {
  text-align: left;
  flex: 1 1 25%; 
}
.inputbox30 img {
   height: auto;
   width: 100%;
}

.inputbox70 {  
  padding: 0.2em;
  flex: 1 1 65%; 
}
.inputbox100 {  
  flex: 1 1 100%; 
}

.input_log  {
  padding: 0.6em 0.6em  ;  
  font-size: 1em; 
  color: #000;
}
.input_log:hover {
  color: #FFF;
  border: 1px  solid #37F;
  background-color: #36F;
}

 

.inform {
  margin: 10px 0;
  border: 1px  solid #CCC;
  border-bottom: #36f solid 0.4em ;
}
.inform_80 {
  margin: 5px 5%;
 
}

 .inform_100 {
  text-align: center;
  margin: 10px 5%;
 
}

 /* broker updaten */
 
.broker_list_box {  
  padding: 0.2em;
  display: flex; 
  align-items: center;
}
.broker_list_box50 {
  text-align: left;
  flex: 1 1 48%; 
}
.broker_list_box100_ob {
   
  flex: 1 1 100%;
}
.broker_list_box100_ul {
  border: #F9F9F9 solid 0.1em ;
  border-bottom: #36f solid 0.2em ;
  padding: 0.2em;
  flex: 1 1 100%;
}
.broker_list_detail_box {  
  align-items: flex-start;
  padding: 0.2em;
  display: flex; 
  
}
.broker_list_box100 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 100%; 
}
.broker_list_box90 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 88%; 
}
.broker_list_box70 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 70%; 
}
.broker_list_box60 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 60%; 
}
.broker_list_box50 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 50%; 
}
.broker_list_box30 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 20%; 
}
.broker_list_box25 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 25%; 
}
.broker_list_box20 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 20%; 
}
.broker_list_box10 {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 10%; 
}
.broker_list_box10bild {
  padding: 0em 0.3em;
  text-align: left;
  flex: 1 1 10%; 
}


@media screen and (max-width: 1450px) {
  
/* TEST bei SUCHE */
  .flexmain_33 {
    flex: 1 1 45%;     
  }

  .flexmain_25 {
    -moz-flex: 1 1 30%; 
    -webkit-flex: 1 1 30%; 
    -ms-flex: 1 1 30%; 
    -o-flex: 1 1 30%; 
    flex: 1 1 30%;     
  } 
}


@media screen and (max-width: 950px) {


  .flexmain_33 {
    flex: 1 1 100%;     
  }
   .flexmain_25 {
    -moz-flex: 1 1 45%; 
    -webkit-flex: 1 1 45%; 
    -ms-flex: 1 1 45%; 
    -o-flex: 1 1 45%; 
    flex: 1 1 45%;     
  } 
  
  .pagebox20 {  
    -moz-flex: 1 1 45%; 
    -webkit-flex: 1 1 45%; 
    -ms-flex: 1 1 45%; 
    -o-flex: 1 1 45%; 
    flex: 1 1 45%; 
    order:3;
    -webkit-order: 3;
  }
 
  .pagebox60 {  
    -moz-flex: 1 1 100%; 
    -webkit-flex: 1 1 100%; 
    -ms-flex: 1 1 100%; 
    -o-flex: 1 1 100%; 
    flex: 1 1 100%; 
    padding-bottom: 15px;
    order:1;
    -webkit-order: 1;
   }
  

}

@media screen and (max-width: 730px) {


  .broker_list_detail_box {  
    flex-wrap: wrap;
  }
  .broker_list_box60 {
     order: 1;  
     flex: 1 1 100%; 
   }

  .broker_list_box10 {
    order: 5;  
    flex: 1 1 30%; 
  }

  .broker_list_box10bild {
    order: 1;
    flex: 1 1 100%; 
  }




  .main {

    flex: 1 1 auto;
  }
  .aside {
 
    flex: 1 1 auto;
  }


  #nav {
    margin-top: 0px;
  }
  .loginkopf{
    position: absolute;
    right: 120px;
    top: 12px;
  }

  #aside_mob {
    display: none;
  } 
  .aside_mob_menu {
    display: block;
  } 
  .colbox {  
   flex-direction: column;
   }
  .inputbox {  
    flex-direction: column;
    align-items:stretch;
  }
   .flexmain_25 {
    -moz-flex: 1 1 100%; 
    -webkit-flex: 1 1 100%; 
    -ms-flex: 1 1 100%; 
    -o-flex: 1 1 100%; 
    flex: 1 1 100%;     
  }   


 
}