/* 
.cat{overflow:hidden;overflow-y:scroll;position:relative;max-height:801px}

.list-group-item.header a{ color: #fff; text-decoration:underline; }
.list-group-item.header a:hover{ color: #ddd !important; text-decoration:none; }
# .list-group-item.header { border-top:1px solid #C8C8C8;border-left:1px solid #C8C8C8;border-right:1px solid #C8C8C8 }
#.list-group-item.header{background-color:#D10005;text-transform:uppercase;text-align:center;padding:10px 15px;color:#fff!important}
*/

/* ############################  BOXES MAINPAGE  ################################ */

.list-group-item { padding: 8px 0px 8px 3px }
.list-group-item:hover{background-color:#CCCCCC!important; color:#000!important}
.list-group-item.header:hover{background-color:#FFF!important; color:#000!important}

.box_top_adult
{
	width: 99%;
	padding:8px 10px;
	border:1px solid #C8C8C8;
	background-color: #FF4105; 
	font-size: 18px;
	text-align: center; 
	color: #7CFC00!important
}

.big_box_top_adult
{   
	padding:8px 15px;
	border:1px solid #C8C8C8;
	background-color: #FF4105; 
	font-size: 20px;
	text-align: center; 
	color: #7CFC00!important
}

.box_top_webmaster
{ width: 99%; padding:8px 10px; border:0px solid #C8C8C8; background-color: #4082e6; font-size: 18px; text-align: center; color: #7CFC00!important }
.box_top_pharma
{ width: 99%; padding:8px 10px; border:0px solid #C8C8C8; background-color: #faf200; font-size: 18px; text-align: center; color: #0079fa!important }

.box_content
{
	width:99%;
    font-size: 16px;
    text-align:left;
}

.big_box_content
{
    font-size: 14px;
    text-align:left;
}

/*  ###################  dddddddddddddddddddddddddddddddddd  #################  */





/*  ###################  dddddddddddddddddddddddddddddddddd  #################  */









/*  ###################  List groups horizontal  #################  */
.panel-body:hover{background-color:#FF4105!important;color:#fff!important}
body .panel-body
{
  width:98%;
  background-color: #FF4105;
  border:1px solid #C8C8C8;
  padding: 0px 3px;
  color: #7CFC00!important
}

.list-group-horizontal {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.list-group-horizontal > .list-group-item {
  display: table-cell;
  float: none;
  text-align: center;
  width: 1%;
  border-radius: 0;
}

.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 3px; }
.list-group-horizontal > .list-group-item:last-child  { border-bottom-right-radius: 3px; }


/*
iPhone 5 portrait · width: 320px
iPhone 6 portrait · width: 375px
Android  portrait · width: 384px
iPhone 6 portrait · width: 414px
iPhone 5 landscape · width: 568px
Android  landscape · width: 600px
iPhone 6 landscape · width: 667px
iPhone 6 landscape · width: 736px
iPad portrait · width: 768px
iPad landscape · width: 1024px

container breite  min device breite
sm = 750          768
md = 970          992
lg = 1170         1200






@media (min-width : 320px) and (max-width: 374px)
{
  .box_top { border:1px solid black; width:290px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:290px; text-align:left; }
}

@media (min-width : 375px) and (max-width: 413px)
{
  .box_top { border:1px solid black; width:325px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:325px; text-align:left; }
}

@media (min-width : 414px) and (max-width: 567px)
{
  .box_top { border:1px solid black; width:364px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:364px; text-align:left; }
}

@media (min-width : 568px) and (max-width: 599px)
{
  .box_top { border:1px solid black; width:519px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:519px; text-align:left; }
}

@media (min-width : 600px) and (max-width: 666px)
{
  .box_top { border:1px solid black; width:550px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:550px; text-align:left; }
}

@media (min-width : 667px) and (max-width: 735px)
{
  .box_top { border:1px solid black; width:617px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:617px; text-align:left; }
}

@media (min-width : 735px) and (max-width: 749px)
{
  .box_top { border:1px solid black; width:685px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:685px; text-align:left; }
}

@media (min-width : 750px) and (max-width: 767px)
{
  .box_top { border:1px solid black; width:350px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:350px; text-align:left; }
}

@media (min-width : 768px) and (max-width: 969px)
{
  .box_top { border:1px solid black; width:355px; font-weight:bold; color: #000000; }
  .box_content { overflow: auto; border:1px solid black; border-top:0px; width:355px; text-align:left; }
}



@media (min-width : 970px) and (max-width: 1169px)
{
  .list-group-item.box_top { width:310px; }
  .box_content { width:310px; }
}


@media (min-width : 1170px)
{ 
  .list-group-item.box_top { width:99%; }
  .box_content { width:99%; }
}
*/






/*
#main .cat.height5{max-height:115px}
#main .cat.height6{max-height:138px}
#main .cat.height7{max-height:161px}
#main .cat.height8{max-height:184px}
#main .cat.height9{max-height:207px}
#main .cat.height10{max-height:230px}
#main .cat.height11{max-height:253px}
#main .cat.height12{max-height:276px}
#main .cat.height13{max-height:299px}
#main .cat.height14{max-height:322px}
#main .cat.height15{max-height:345px}
#main .cat.height16{max-height:368px}
#main .cat.height17{max-height:391px}
#main .cat.height18{max-height:414px}
#main .cat.height19{max-height:437px}
#main .cat.height20{max-height:460px}
#main .cat.height21{max-height:483px}
#main .cat.height22{max-height:506px}
#main .cat.height23{max-height:529px}
#main .cat.height24{max-height:552px}
#main .cat.height25{max-height:575px}
*/


/* Extra Hoehen 
.box_100{height:100px;}
.box_120{height:120px;}
.box_200{height:200px;} */


/* Standart Hoehen */

.big_box_25L{height:280px;}

.box_10L{height:140px; overflow-y: auto;}  /* 10 Listings -----------------> OK */
.box_15L{height:170px; overflow-y: auto;}  /* 15 Listings -----------------> OK */
.box_20L{height:200px; overflow-y: auto;}  /* 20 Listings*/
.box_25L{height:280px; overflow-y: auto;}  /* 25 Listings -----------------> OK */

.box_30L{height:330px; overflow-y: auto;}  /* 30 Listings -----------------> OK */
.box_35L{height:290px; overflow-y: auto;}  /* 35 Listings*/
.box_40L{height:410px; overflow-y: auto;}  /* 40 Listings -----------------> OK */
.box_45L{max-height:480px; overflow-y: auto;}  /* 45 Listings -----------------> OK */

/* .box_50L{height:540px;}  /* 50 Listings*/




/* .box_55L{height:410px;}  /* 55 Listings*/
/* .box_60L{height:440px;}  /* 60 Listings*/
/* .box_65L{height:470px;}  /* 65 Listings*/
/* .box_70L{height:500px;}  /* 70 Listings*/
/* .box_75L{height:530px;}  /* 75 Listings*/
.box_80L{max-height:560px; overflow-y: auto;}  /* 80 Listings*/
/* .box_85L{height:590px;}  /* 85 Listings*/
/* .box_90L{height:610px;}  /* 90 Listings*/
/* .box_95L{height:640px;}  /* 95 Listings*/
/* .box_100L{height:710px;}  /* 100 Listings -----------------> OK */



/* 
.box_content a         {COLOR: #0066ff; TEXT-DECORATION: none; font-size:15px; font-family:verdana,arial,helvetica;}
.box_content a:hover   {COLOR: #000000; TEXT-DECORATION: none; font-size:15px; font-family:verdana,arial,helvetica;}
.box_content a:visited {COLOR: #000000; TEXT-DECORATION: none; font-size:15px; font-family:verdana,arial,helvetica;}
*/