@import url("article_list.css");

/*Boxen Layout 2 Texte*/

.pid-boxes {
  overflow: hidden;
  padding: 15px 20px;
  margin-bottom: 25px;
  background: #f7f7f7;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.pid-boxes h2 a {
  color: #535353;
}

.pid-boxes p a {
  color: #555555;
}

.pid-boxes .pid-boxes-img li i {
  color: #72c02c;
  font-size: 12px;
  margin-right: 5px;
}

.pid-boxes .pid-boxes-img img {
  display: block;
  margin: 5px 10px 10px 0;
}

.pid-boxes h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
  color:#535353
}



/*PID Boxes*/
.pid-boxes-colored p,
.pid-boxes-colored h2 a,
.pid-boxes-colored .pid-boxes-img li,
.pid-boxes-colored .pid-boxes-img li i {
  color: #535353;
}
.pid-boxes-whit {
  background: #fff;
  border-bottom:1px solid #eee;
}



/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li {
    padding: 0;
}

.sidebar-nav-v1 li a {
    display: block;
    padding: 8px 30px 8px 10px;
}

.sidebar-nav-v1 li a:hover {
    text-decoration: none;
}

.sidebar-nav-v1 li.active,
.sidebar-nav-v1 li.active:hover {
    background: #f5f5f5;
    border-color: #ddd;
} 

.sidebar-nav-v1 li.active a {
    color: #555;
}

.sidebar-nav-v1 span.badge {
    margin-top: 10px;
    margin-right: 10px;
}

.sidebar-nav-v1 span.badge-green {
    background: #2ecc71;
}
.sidebar-nav-v1 span.badge-red {
    background: #e74c3c;
}
.sidebar-nav-v1 span.badge-blue {
    background: #3498db;
}
.sidebar-nav-v1 span.badge-sea {
    background: #1abc9c;
}

/*Panels (Portlets)
------------------------------------*/
/*Panel Table*/
.panel .table {
    margin-bottom: 0;
}

/*Panel Blue*/
.panel-blue {
   border-color: #3498db;
}

.panel-blue > .panel-heading {
   color: #fff;
   background: #3498db;
}

/*Panel Red*/
.panel-red {
   border-color: #e74c3c;
}

.panel-red > .panel-heading {
   color: #fff;
   background: #e74c3c;
}

/*Panel Green*/
.panel-green {
   border-color: #2ecc71;
}

.panel-green > .panel-heading {
   color: #fff;
   background: #2ecc71;
}

/*Panel Sea*/
.panel-sea {
   border-color: #1abc9c;
}

.panel-sea > .panel-heading {
   color: #fff;
   background: #1abc9c;
}

/*Panel Orange*/
.panel-orange {
   border-color: #e67e22;
}

.panel-orange > .panel-heading {
   color: #fff;
   background: #e67e22;
}

/*Panel Yellow*/
.panel-yellow {
    border-color: #f1c40f;
}

.panel-yellow > .panel-heading {
    color: #fff;
    background: #f1c40f;
}

/*Panel Grey*/

.panel-grey {
   border-color: #535353;
}

.panel-grey > .panel-heading {
   color: #fff !important;
   background: #535353;
}
h3.panel-title {margin-left:0px !important;color:#fff !important;}
.panel-body {margin-left:-55px !important;}

.panel-default {
border-color:RGB(202,194,177)/*braunmittel*/;
}

/*Responsive Video
------------------------------------*/
.responsive-video {
   height: 0;
   padding-top: 1px;
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
}
.responsive-video iframe {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
}

/*Boxed Layout
------------------------------------*/
.boxed-layout {
   padding: 0;
   border-left: solid 1px #f7f7f7;
   border-right: solid 1px #f7f7f7;
}

/*Posts*/
.posts .dl-horizontal { 
    margin-bottom: 10px;;
    overflow: hidden;
}

.posts .dl-horizontal dt { 
    width: 60px; 
    float: left;
}

.posts .dl-horizontal dt img { 
    width: 60px; 
    height: 60px;
    padding: 2px;
    margin-top: 2px; 
    border: solid 1px #ddd;
}

.posts .dl-horizontal dd { 
    margin-left: 70px;
}

.posts .dl-horizontal dd p { 
    margin: 0;
}

.posts .dl-horizontal dd a {
    font-size: 14px;
    line-height: 16px !important; 
}

.posts .dl-horizontal dd a:hover { 
    color: RGB(202,194,177)/*braunmittel*/; 
    text-decoration: none;
}

.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
    color: RGB(202,194,177)/*braunmittel*/;
    border-color: RGB(202,194,177)/*braunmittel*/ !important;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/*Tabs v1*/
.tab-v1 .nav-tabs { 
    border: none;
    background: none;
    border-bottom: solid 2px RGB(202,194,177)/*braunmittel*/;   
}

.tab-v1 .nav-tabs a { 
    font-size: 14px;
    padding: 5px 15px; 
}

.tab-v1 .nav-tabs > .active > a, 
.tab-v1 .nav-tabs > .active > a:hover, 
.tab-v1 .nav-tabs > .active > a:focus { 
    color: #333;
    border: none; 
    background: RGB(202,194,177)/*braunmittel*/; 
}

.tab-v1 .nav-tabs > li > a { 
    border: none;
}
.tab-v1 .nav-tabs > li > a:hover { 
    color: #33; 
    background: RGB(202,194,177)/*braunmittel*/; 
}

.tab-v1 .tab-content { 
    padding: 10px 0;
}

.tab-v1 .tab-content img {
    margin-top: 4px;
    margin-bottom: 15px; 
}

.tab-v1 .tab-content img.img-tab-space {
    margin-top: 7px;
}

/*Tabs v2*/
.tab-v2 .nav-tabs {
    border-bottom: none;
}

.tab-v2 .nav-tabs li a {
    padding: 9px 16px;
    background: none;
    border: none;
}

.tab-v2 .nav-tabs li.active a {
    background: #fff;
    padding: 7px 15px 9px;
    border: solid 1px #eee;
    border-top: solid 2px RGB(202,194,177)/*braunmittel*/;
    border-bottom: none !important;
}

.tab-v2 .tab-content {
    padding: 10px 16px;
    border: solid 1px #eee;
}

/*Tabs v3*/
.tab-v3 .nav-pills li a {
    color: #777;
    font-size: 17px;
    padding: 4px 8px;
    margin-bottom: 3px;
    background: #fafafa;
    border: solid 1px #eee;
}

.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
    color: #333;
    background: RGB(202,194,177)/*braunmittel*/;
    border: solid 1px #68af28;
}

.tab-v3 .nav-pills li i {
    width: 1.25em;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

.tab-v3 .tab-content {
    padding: 15px;
    background: #fafafa;
    border: solid 1px #eee;
}

/*Gallery table*/
.js-responsive-table{margin: 1px auto}
.js-responsive-table, .js-responsive-table td{border:0px solid #ff0000} 
.js-responsive-table thead{font-weight: bold}   
.js-responsive-table td{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
padding: 5px;}
.js-responsive-table td span{display: none}     
.js-responsive-table, .js-responsive-table td{border:0px solid #ff0000}

@media all and (max-width:767px){
    .js-responsive-table{width: 100%;max-width: 400px;}
    .js-responsive-table thead{display: none}
    .js-responsive-table td{width: 100%;display: block}
    .js-responsive-table td span{float: left;font-weight: bold;display: block}
    .js-responsive-table td span:after{content:' : '}
    .js-responsive-table td{border:0px;border-bottom:1px solid #cdcdcd} 
    .js-responsive-table tr:last-child td:last-child{border: 0px}       
}