﻿.clr {
  clear: both;
}

#your-profile ul {
  list-style-type: none;
}

#your-profile li {
   padding-left: 0;
   width: 30%;
   padding-right: 3%;
   float: left;
   min-width: 250px;
}

#your-profile li:before {
    content: none;
}

#your-profile table.form-table {
  width: 100%;
}

#your-profile table.form-table th {
  width: 260px;
  background-color: #ccc;
  vertical-align: middle;
  text-align: left;
  padding: 0 6px;;
}

#your-profile table.form-table td {
  width: auto;
  vertical-align: middle;
  background-color: #D7E7F7;
  padding: 4px 6px;
}

#your-profile li label {
  display: inline;
}

#your-profile input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 260px;
  border: 1px solid #ccc;
  padding: 2px 4px;
  background-color: #fff;
}

#your-profile input:checked + label {
  color: #3292CD;
}

#your-profile .button-primary {
  border: none;
  background: linear-gradient(to bottom, #4871A3 0px, #304C6E 100%) no-repeat scroll 0% 0% transparent;
  padding: 20px;
  color: white;
  font-weight: bold;
}

#your-profile .button-primary:hover, #your-profile .button-primary:active {
  background: linear-gradient(to bottom, #3292CD 0px, #246994 100%) no-repeat scroll 0% 0% transparent;
}

.profile .error {
  background-color: #dc3545;
  color: #fff;
  padding: 6px;
}

.profile .message {
  background-color: #28a745;
  color: #fff;
  padding: 6px;
}

ul.anwaltsuchesubmenue {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  border-top: 1px solid #3292D5;
  border-bottom: 1px solid #3292D5;
}

ul.anwaltsuchesubmenue li:before {
  content: none;
}

ul.anwaltsuchesubmenue li {
  padding-left: 5px;
  border-right: 1px solid #B5BCC5;
  padding-right: 5px;
  float: left;
  margin: 1px 0;
}

ul.anwaltsuchesubmenue li:first-of-type {
  padding-left: 0;
}

ul.anwaltsuchesubmenue li:last-of-type {
  padding-right: 0;
  border-right: none;
}

ul.anwaltsuchesubmenue li span {
  color: #194967;
  font-weight: bold;
}

ul.anwaltsucheliste, ul.anwaltsucheanwaelte, ul.rechtsgebiete, ul.arbeitsgemeinschaft {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
  border-left: 1px solid #B5BCC5;
  border-right: 1px solid #B5BCC5;
}

ul.anwaltsucheliste li:before, ul.anwaltsucheanwaelte li:before, ul.rechtsgebiete li, ul.arbeitsgemeinschaft li {
  content: none;
}

ul.anwaltsucheanwaelte>li {
  width: 29%;
  margin: 10px 2%;
  height: 570px;
  overflow: hidden;
  padding: 0;
  float: left;
}

@media only screen and (max-width: 1000px) {
  ul.anwaltsucheanwaelte>li  {
    width: 46%;
  }
}

@media only screen and (max-width: 700px) {
  ul.anwaltsucheanwaelte>li  {
    width: 96%;
    height: auto;
  }
}

ul.anwaltsucheanwaelte>li .name {
  font-size: 16px;
  color: #194967;
  font-weight: bold;
  padding: 9px;
  border-top: 1px solid #B5BCC5;
  border-left: 1px solid #B5BCC5;
  border-right: 1px solid #B5BCC5;
}

ul.anwaltsucheanwaelte>li .rechtsgebiete {
  background-color: #B5BCC5;
  padding: 5px 10px;
  margin: 0;
}

ul.anwaltsucheanwaelte>li .arbeitsgemeinschaft {
  background-color: #DADDE2;
  padding: 5px 10px;
  margin: 0;
}

ul.anwaltsucheanwaelte>li .rechtsgebiete  li, p.legendefachanwalt {
  line-height: 24px;
  background-image: url(img/rg.png);
  background-position: left 2px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 24px;
}

ul.anwaltsucheanwaelte>li .arbeitsgemeinschaft li {
  line-height: 24px;
  background-image: url(img/ag.png);
  background-position: left 2px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0 0 0 24px;
}

ul.anwaltsucheanwaelte>li .rechtsgebiete  li.fachanwalt, p.legendefachanwalt {
  background-image: url(img/fachanwalt.png);
  font-weight: bold;
}

p.legendefachanwalt {
  margin-left: 2%;
}

ul.anwaltsucheanwaelte .adresse, ul.anwaltsucheanwaelte .tel, ul.anwaltsucheanwaelte .fax, ul.anwaltsucheanwaelte .mail, ul.anwaltsucheanwaelte .web {
  padding: 10px 9px 10px 34px;
  line-height: 24px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  border-top: 1px solid #B5BCC5;
  border-left: 1px solid #B5BCC5;
  border-right: 1px solid #B5BCC5;
}

ul.anwaltsucheanwaelte .adresse {
  background-image: url(img/anschrift.png);
}

ul.anwaltsucheanwaelte .tel {
  background-image: url(img/tel.png);
}

ul.anwaltsucheanwaelte .fax {
  background-image: url(img/fax.png);
}

ul.anwaltsucheanwaelte .mail {
  background-image: url(img/mail.png);
}

ul.anwaltsucheanwaelte .web {
  background-image: url(img/web.png);
}

ul.anwaltsucheanwaelte li div:last-of-type {
  border-bottom: 1px solid #B5BCC5;
}

ul.anwaltsucheliste li {
  width: 21%;
  margin: 10px 2%;
  padding: 0;
  float: left;
  background: linear-gradient(to bottom, #4871A3 0px, #304C6E 100%) no-repeat scroll 0% 0% transparent;
  display: table;
}

@media only screen and (max-width: 1100px) {
  ul.anwaltsucheliste li {
    width: 29.3%;
  }
}

@media only screen and (max-width: 800px) {
  ul.anwaltsucheliste li {
    width: 46%;
  }
}

@media only screen and (max-width: 520px) {
  ul.anwaltsucheliste li {
    width: 96%;
  }
}

ul.anwaltsucheliste li a, ul.anwaltsucheliste li a:link, ul.anwaltsucheliste li a:visited {
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding: 5px;
  color: #fff;
  line-height: 20px;
}

ul.anwaltsucheliste li a:hover, ul.anwaltsucheliste li a:focus {
  background: linear-gradient(to bottom, #3292CD 0px, #246994 100%) no-repeat scroll 0% 0% transparent;
  text-decoration: none;
}

.ui-widget input {
  font-size: 13px !important;
  font-family: Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
  background-color: #3292CD;
  border: 1px solid #194967;
  padding: 5px;
  color: #FFF;
}

.ui-widget input {
  width: 29%;
  margin: 0 2%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
  .ui-widget input  {
    width: 46%;
  }
}

@media only screen and (max-width: 700px) {
  .ui-widget input  {
    width: 96%;
    height: auto;
  }
}

#anwaltsuchenamen ul.anwaltsucheanwaelte>li {
  height: auto;
  overflow: visible;
}