body {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	background-color:#efefef;
}

/* defaults */
h1 { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:1.4em; }
h2 { font-family: 'Open Sans', sans-serif; font-size:1.2em; margin:0 0 1em 0; }

a { color:#3c5587; }
a[href]:after { /* links drucken */
	content: none ! important;
}

b, strong { font-weight: 600; }

hr { margin:0 0 20px 0; }

/*
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 5px;
}


.theme-showcase .navbar .container {
  width: auto;
}
*/


/* layout */
#wrapper {
    max-width:960px;
    padding:0 20px 15px 20px;
    margin:0 auto;
	background-color:#ffffff;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.25);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.25);
}

#wrapper header {
	padding:20px 0;
}

header img { max-width:100%; height:auto; }

#accordion { margin:10px 0; }
#accordion .panel-collapse { }
#accordion .panel-body { padding-left:0; padding-right:0; }

#accordion .panel-heading { border-top: 1px solid rgb(221, 221, 221); padding:0; }
#accordion .panel-heading:first-child { border-top: none; }
#accordion .panel-heading a { text-decoration: none; display:inline-block; width:100%; padding:10px 15px; }

.btn-primary {
    color: #fff;
    background-color: #4866a3;
    border-color: #3c5587;
}

.modal {
  /* background: transparent; */
}

.modal .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
}
.modal .modal-content {
	border-radius: 0;
	border:none;
	height:100%;
}

@media (min-width: 992px) {
  .modal .modal-dialog {
    width: 960px;
  }
}

/*
@media (min-width: 768px) {
  .modal .modal-dialog {
    width: 750px;
  }
}

@media (min-width: 1200px) {
  .modal .modal-dialog {
     width: 1170px;
  }
}
*/

/* content */
.table-responsive { border:0; }
.table {
  table-layout:fixed;
	border-bottom: 1px solid rgb(221, 221, 221);
}

/* .table th div, .table td div { text-overflow: ellipsis; } */

.table th.pt, .table td.pt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 450px) {
  .table th.pt-mob, .table td.pt-mob {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.table td.col1, .table th.col1 { width:35%; }
.table td.col2, .table th.col2 { width:15%; }
.table td.col3, .table th.col3 { width:25%; }
.table td.col4, .table th.col4 { width:10%; }

@media (max-width: 767px) {
  .visible-xs { display:inline-block!important; }
  .table td.col1, .table th.col1 { width:35%; }
  .table td.col2, .table th.col2 { }
  .table td.col3, .table th.col3 { width:40%; }
  .table td.col4, .table th.col4 { width:10%; }
}

@media (max-width: 450px) {
  .visible-xs { display:inline-block!important; }
  .table td.col1, .table th.col1 { width:20%; }
  .table td.col2, .table th.col2 { }
  .table td.col3, .table th.col3 { width:20%; }
  .table td.col4, .table th.col4 { width:10%; }
  .hidden-xss { display:none; }
}

/* detail view */
#details .row div:first-child { padding-left:0; }
#details .row div:last-child { padding-right:0; }
@media (max-width: 767px) {
  #details .row div { padding-left:0; padding-right:0; }
}

#details h2 { font-weight:600;  }

#details table { width:100%; table-layout:fixed; }
#details table td { vertical-align:top; }
#details table td.lbl { width:33%; font-weight:600; }

/* iphone 5 */
@media (max-width: 320px) {
  #details table td.lbl { width:40%; }
}

#radar h1, #radar h2 { text-align:center; margin:1em 0; }

.panel-primary { border-color: #3c5587; }
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #3c5587;
    border-color: #3c5587;
}


#legende-chart p { font-size:0.88em; }
#legende-chart ul { list-style: none; padding:0; margin-left:2em; }

#legende-chart li {
  text-indent: -0.7em;
  display:inline-block;
  line-height:1.35em;
  margin-bottom:0.5em;
  padding:0;
}

#legende-chart li:before {
    content: "•";
    width:0.2em;
    display:inline-block;
    font-family: "Times New Roman", Times, serif;
    vertical-align: middle;
    font-size: 2em;
    color:#3c5587; /* or whatever color you prefer */
}

#legende-chart li.all:before {
    color:#999999; /* or whatever color you prefer */
}

#legende-chart li.none:before {
    content:"•";
    color:#ffffff; /* or whatever color you prefer */
}

#legende h2 { text-align:left; }
#legende p { font-size:0.88em; }

.legende>tbody>tr>td, .legende>tbody>tr>th, .legende>tfoot>tr>td, .legende>tfoot>tr>th, .legende>thead>tr>td, .legende>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size:0.88em;
}

@media (max-width: 450px) {
  #legende h2 { font-size:1em; }
  #legende p { font-size:0.7em; }

  .legende>tbody>tr>td, .legende>tbody>tr>th, .legende>tfoot>tr>td, .legende>tfoot>tr>th, .legende>thead>tr>td, .legende>thead>tr>th {
      padding: 2px;
      font-size:0.7em;
  }
}

footer { line-height: 1.5em; }

@media (max-width: 450px) {
  footer { font-size:0.88em; }
}