body{
	background-color: #435466;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
#outer {margin-top: 205px;}
#outer-large {margin-top: 95px;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

div.center{
	width: 1250px;
	height: 517px;
margin:auto auto;
}

div.center-large{
	width: 1250px;
	height: 627px;
margin:auto auto;
}
div.site-box{
	/*background-color: #b8afb0;*/
	height: 516px;
}

div.site-box-large{
	/*background-color: #b8afb0;*/
	height: 626px;
}

div.site-menu{
	height: 44px;
	color: black;
	text-align: center;
	line-height: 44px;
}

div.site-menu a{
	color: black;
}

div.content-area{
	height: 516px;
	width: 100%;
        background-color: #fbfcfd;
}

div.content-area-dark{
	height: 516px;
	width: 100%;
        background-color: #141412;
}

div.content-area-dark-large{
	/*height: 626px;*/
	width: 100%;
        background-color: #141412;
}

div.site-footer{
	text-align: center;
	line-height: 31px;
	height: 31px;
	clear:both;
	background-color: #C4CBD3;
}

div.site-footer img{
	vertical-align: middle;
	margin-left: 10px;
}
div.site-footer a, div.site-footer {
	color: #425467;
	text-transform: uppercase;
}

.side-menu{
	width: 245px;
	height: 382px;
	background-color: #070707;
	float: left;
        overflow: hidden;
}

.side-menu-right{
	width: 245px;
	height: 382px;
	background-color: #070707;
	float: right;
        overflow: hidden;
}

.side-menu img, .side-menu-right img{
}

.menu{
      position: absolute;
      background-color: rgba(30,30,30,0.5);
      width: 245px;
      height: 382px;
      z-index: 1000;
}

.side-menu ul, .intro-menu ul{
	margin: 0px 24px 0px 19px;
	padding: 0px;
}

.side-menu ul li, .intro-menu ul li{
	list-style-type: none;
	width: inherent;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}

.side-menu ul li:hover, .intro-menu ul li:hover{
	background-color: rgba(184,184,184,0.5);
        cursor: pointer;
}

.side-menu ul li a, .intro-menu ul li a{
	color: #425467;
	text-transform: uppercase;
}

.menu-hr{
	width: 90px;
	height: 2px;
	background-color: #8D97A3;
	margin-left: 90px;
}

.content-box{
	height: 382px;
}

.content-box div.cont{
        padding-left: 25px;
	padding-right: 25px;
	height: 340px;
	overflow: auto;
}

.content-box div.cont2{
	margin-left: 25px;
	margin-top: 20px;
	width: 402px;
	height: 325px;
	overflow: auto;
}

.content-box h2{
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        font-family: Verdana;
        padding-top: 10px;
        padding-left: 260px;
}

h3{
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        color: #455467;
}

.content-left a{
        color: white;
}

div.photo-right{
	float: right;
    height: 484px;
	width: 467px;
    overflow: hidden;  
}
div.text-middle{
    position: relative;
    z-index: 1000;
    float: left;
    height: 484px;
    width: 423px;
    overflow: hidden;
    color: white;
}
div.text-left{
    position: relative;
    z-index: 1000;
    float: left;
    height: 484px;
    width: 899px;
    overflow: hidden;
    color: white;
}
div.text-left-large{
    position: relative;
    z-index: 1000;
    float: left;
    /*height: 594px;*/
    width: 899px;
    overflow: hidden;
    color: white;
}
div.text-middle div.content{
    width: 402px;
    height: 414px;
    margin-left: 10px;
    overflow: auto;
}
div.text-left div.content{
    width: 878px;
    height: 414px;
    margin-left: 10px;
    overflow: auto;
}
div.text-left-large div.content{
    width: 878px;
    /*height: 524px;*/
    margin-left: 10px;
    overflow: auto;
}
div.text-middle div.content div.content-left{
    width: 360px;
}
div.text-middle p, div.text-left p, div.text-left-large p{
   padding-top: 15px;
   padding-bottom: 15px;
   margin: 0px;
}
div.text-middle h2{
    margin-top: 35px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
div.text-left h2, div.text-left-large h2{
    margin-top: 35px;
    margin-bottom: 20px;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
div.photo-left{
	float: left;
        width: 476px;
        height: 484px;
        overflow: hidden;
        background-repeat: no-repeat;
}
div.photo-left-intro{
        float: left;
        width: 516px;
        height: 484px;
        overflow: hidden;
}


.fancy-title{
      font-family: Verdana;
      font-size: 10px;
      text-align: left;   
      color: white;
      margin-top: 10px;
      text-transform: uppercase;
      font-weight: bold;
	  background-color: #435466;
	  float: right;
	  width: 200px;
	  height: 26px;
	  line-height: 26px;
	  
}
.fancy-title p{
	padding: 0px;
	margin: 0px 0px 0px 12px;
}

.cal-date{
     font-weight: bold;
     color: black;
}
.cal-date a{
     color: black;
}

.cal-title{
     color: #435466;
}

div.intro-space{
      width: 255px;
      height: 484px;
      background-color: rgba(230,230,230,0.7);
      position: absolute;
      margin-left: 261px; /* 516px width */
}

div.intro-menu{
      position: absolute;
	  width: 310px;
      height: 689px;
	  background-image: url('https://www.karabosman.be/uploads/images/css/menu-bg.png');
	  background-repeat: repeat-y;
      z-index: 200;
}

div.menu-middle{
	  margin-top: -720px;
	  margin-left: 498px;
}



div.menu-right{
	  margin-top: -720px;
	  margin-left: 880px;
}

div.menu-right-large{
	  /*margin-top: -720px;
	  margin-left: 1051px;*/
          margin-top: -95px;
          margin-left: 880px;
}

div.paardje-wit{
    width: 166px;
    height: 219px;
    background-image: url('https://www.karabosman.be/uploads/images/css/paardjewit.png');
    position: absolute;
    z-index: 200;
    margin-left: 1090px;
    margin-top: -200px;
}

div.logo{
	background-image: url('https://www.karabosman.be/uploads/images/css/logo.png');
	width: 258px;
	height: 103px;
	margin: 56px auto;
}

div.intro-menu-section{
	height: 420px;
}

div.facebook{
	margin-left: 50px;
	text-transform: uppercase;
	text-align: center;
	width: 210px;
	height: 20px;
	line-height: 20px;
	background-image: url('https://www.karabosman.be/uploads/images/css/fb.png');
	background-position: left top;
	background-repeat: no-repeat;
}
div.facebook a{
	color: #425467;
}
div.facebook:hover{
	cursor: pointer;
}

.langs{
    text-align: right;
    margin-top: -20px;
    margin-bottom: 10px;
    margin-right: 365px;
    color: white;
}

.langs a{
    color: white;
}

.cal-upcominglist{
   margin-top: 20px;
}
.NewsSummary, .cal-upcominglist{
   width: 90%;
   text-align: left;
   color: white;
   float: right;
   margin-right: 5%;
   margin-bottom: 10px;
   width: 230px;
}

.NewsSummary a{
    color: white;
    text-decoration: underline;
}

.CalendarLink{
     margin-top: 0px;
     text-align: right;
     margin-right: 5%;
}

.CalendarLink a{
    color: white;
    text-decoration: underline;
}

.intro-space hr{
    clear: both;
    margin-bottom: 10px;
    height: 1px;
    color: white;
    background-color: #435466;
    border: 0;
    width: 180px;
}

.side-menu-right hr{
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px;
    color: white;
    background-color: white;
    border: 0;
    width: 180px;
}

.NewsContent{
   color: #435466;
   width: 230px;
}

.NewsContent p{
   margin: 0px;
   padding: 0px;
}

.NewsLink{
}

.NewsLink a{
   text-decoration: none;
   color: #435466;
}

.NewsLink a:hover{
   text-decoration: underline;
}

.cal-event{
     margin-bottom: 15px;
}

#NewsPostDetailReturnLink{
    margin-top: 15px;
}
#NewsPostDetailReturnLink a{
    color: black
}

.NewsArticle{
    margin: 10px 10px 10px 40px;
    height: 464px;
    overflow: auto;
}
.news-title{
 color: #435466;
}

.news-title a{
 color: black;
 text-decoration: none;
}

.news-title a:hover{
  text-decoration: underline;
}

.NewsTitle{
 color: #181D20;
 font-weight: bold;
 text-transform: uppercase;
}
.news-page-nav{
   text-align: center;
}

.news-page-nav a, .cal-nav a{
   color: black;
}

.cal-year{
   text-align: center;
   font-weight: bold;
}
.header{ 
     background-color: #444444; 
     color: white;
     font-weight: bold;
}
.even{ 
     background-color: #DDDDDD;
}

.cal td{
   padding: 5px;
}

.cal-nav{
   text-align: center;
}

.cont a{
   color: black;
}

.news-container{
   min-height: 200px;
   margin-top: 50px;
}

.video_space{
   float:left;
   width: 420px;
   height: 300px;
}

.videos_cont{
   margin-left: 100px;
}

div.paarden{
   width: 830px
}

div.paard{
    float: left;
    margin: 15px 15px 15px 15px;
    height: 265px;
    width: 172px;
	border: 2px solid #435466;
}

div.paard-profiel-left{
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    height: 265px;
    width: 172px;
    	border: 2px solid #435466;
}

.horse-name{
    position: relative;
    text-align: center;
    height: 38px;
    text-transform: uppercase;
    margin-top: -38px;
    font-weight: bold;
    z-index: 250;
}
.horse-name-bg{
    position: relative;
    text-align: center;
    height: 38px;
    line-height: 38px;
    text-transform: uppercase;
    background-color: rgba(67,84,102,0.5);
    margin-top: 215px;
    z-index: 100;
}

.bosman-logo{
    position: relative;
    width: 64px;
    height: 84px;
    background-image: url('https://www.karabosman.be/uploads/images/css/paardjewit64px.png');
    margin-left: -15px;
    margin-top: -80px;
    z-index: 200;
}

div.horse-overlay{
   position: relative;
   width: 172px;
   height: 265px;
   margin-top: -253px;
   background-color: rgba(35,44,53,0.5);
   z-index: 150;
}

div.horse-overlay:hover{
   background-color: rgba(35,44,53,0);
   cursor: pointer;
}

div.horse-sold{
    position: relative;
    width: 78px;
    height: 79px;
    margin-top: -265px;
    z-index: 250;
    line-height: 79px;
    text-align: center;
    margin-left: 115px;
    background-image: url('https://www.karabosman.be/uploads/images/css/verkocht.png');
}

div.horse-sold-2{
    position: relative;
    width: 78px;
    height: 79px;
    margin-top: -253px;
    z-index: 250;
    line-height: 79px;
    text-align: center;
    margin-left: 115px;
    background-image: url('https://www.karabosman.be/uploads/images/css/verkocht.png');
}
.paard-gallery, .paard-palmares{
    clear: both;
}

.paard-gallery{
    padding-top: 20px;
}

.paard-props{
    margin-left: 20px;
    float: left;
}

.acco-gallery{
    width: 200px;
    height: 484px;
    overflow: auto;
    margin-left: 250px;
  
}
div.text-left h2, div.text-left-large h2, div.text-middle h2{
    background-color: #435466;
    width: max-content;
    padding: 5px 10px;
}
/* Stylesheet: KB Modified On 2020-05-12 10:03:00 */
#responsive, .resp-fb{
    display: none;
}

.NewsLink a{
    text-decoration: underline;
}

@media screen and (max-width: 1024px){
    .bottom-image{
        display:block;
    }
    #responsive{
        display: block;
    }
    #news{
        background-size: cover;
        background-repeat: no-repeat;
    }
    .navbar-brand{
        height: auto;
        padding: 5px;
    }
    .navbar-default{
        background-color: #fbfcfd;
    }
    .resp-news{
        background-color: rgba(230,230,230,0.7);
    }
    .NewsSummary, .cal-upcominglist{
        float: left;
        width: 100%;
    }
    .NewsContent{
        width: 100%;
     }
     div.site-footer{
        height: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .resp-langs a{
        color: #435466 !important;
    }
    .resp-langs span.active{
        font-weight: bold;
    }
    .resp-fb{
        display: inline;
    }
    footer{
        margin-top: 20px;
    }
    #content{
        background-color: #fbfcfd;
    }
    .resp-content{
        padding-top: 50px;
    }
    .resp-content img{
         max-width: 100%;
         height: auto;
    }
    .resp-content iframe{
         width: 100%;
         pointer-events: none;
         cursor: default;
    }

    .news-article h2{
        font-size: 1.2em;
    }
    .news-article h2 a{
        color: #fbfcfd;
    }
    .pics{
        display: none;
     }
     .NewsArticle{
         height: auto;
         margin: 10px;
     }
     div.paarden{
         width: 100%;
         clear: both;
    }
    h2{
        font-size: 1.2em;
    }
    .resp-large h2{
        font-family: Verdana;
        font-size: 10px;
        text-align: left;
        color: #fbfcfd;
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: bold;
        background-color: #435466;
        float: right;
        width: 220px;
        height: 26px;
        line-height: 26px;
        padding: 0px 0px 0px 12px;
    }
    .resp-large h2:after{
        clear: both;
    }

    .paard-props{
        margin-left: 0px; 
    }
 
    .content-dark a, .horse-sold{
        color: #fbfcfd;
    }

    .gallery{
   pointer-events: none;
   cursor: default;
    }
    .col-xs-12{
        min-height: 0px;
    }

    /*.container{
        padding-bottom: 20px;
    }*/

    #outer, #outer-large{
        display: none;
    }
    .leftimagetablet{
        background-image: none;
    }
 
    div.paard{
        margin: 5px;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px){
    .bottom-image{
        display: none;
    }
    .leftimagetablet{
        background-repeat: no-repeat;
        background-position: left top;
        background-size: auto 100%;
    }
    div.paard{
        margin: 15px;
    }
}

@media (min-width: 768px){
.container-fluid>.navbar-header {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
}
/* Stylesheet: KB Responsive CSS Modified On 2016-05-15 21:09:12 */