@import url("http://www.blinde-kuh.de/beta/css/bkappbuttons.css");

BODY {
 border: 0;
 margin: 0;
 font-family: verdana, arial, helvetica;
}

BODY A {
 cursor:pointer;
 text-decoration: none;
}

BODY p {
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  
  margin: 8px;
}


BODY img { border:none;}

h1,h2,h3,h4,h5,h6,h7, p {
font-family: bold Verdana,Arial,Helvetica,Sans-Serif;
}

.bkpage #bkcontent article h1 {
font: bold 32px Verdana,Arial,Helvetica,Sans-Serif;
letter-spacing: 4px;
}

.bkpage #bkcontent {
 min-height: 500px;
 padding-bottom: 50px;
}

@media (max-height:2500px){
#bkcontent {
 min-height: 2300px;
 }
}

@media (max-height:2000px){
#bkcontent {
 min-height: 1800px;
 }
}

@media (max-height:1500px){
#bkcontent {
 min-height: 1300px;
 }
}


#bkcontent article.bkpage p {
font: 18px/32px Verdana,Arial,Hervetica,Sans-Serif;
letter-spacing: 2px;
}

.break {
float:none;
height: 1px;
margin-top:-1px;
width:100%;
clear:both;
display:block;
} 

.boxesrow {
 width: 100%;
 display: -webkit-box;
 display: -moz-box;
 display: -webkit-flexbox;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 display: flexbox;
}

.boxesrow .boxescol {

}

.boxesrow .stretchbox {
-webkit-box-flex: 20;
-moz-box-flex: 20;
-webkit-flex: 20;
-ms-flex: 20;
-prefix-box-flex: 20;
flex: 20;
}



.bkpagelogo-panel {
 height:90px;
 }

.bkpageicon {
 position:absolute;

}

.bkpagelogo {
 position:absolute;
 margin-left:100px;
}

.flexbox {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
 display: -webkit-flexbox;
-moz-box-orient: horizontal;
-webkit-box-orient: horizontal;
-ms-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}

.leftbox {
-moz-flex: 7;
-webkit-box-flex: 7;
-webkit-flex: 7;
-ms-flex: 7;
flex: 7;

}

.stretchbox {
-moz-flex: 7;
-webkit-box-flex: 7;
-webkit-flex: 7;
-ms-flex: 7;
-o-flex: 7;
flex: 7;
overflow:hidden;
}




.bkpagetab-left {
 min-width: 10px;
 max-width: 10px;
-moz-flex: 0;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;

 }

#bkpagemain .bkpagetab-right {
 min-width: 10px;
 max-width: 10px;
-moz-flex: 0;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
}


#bkteasering-row-right {
-moz-flex: 0;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
max-width: 200px;	
min-width: 200px;
width: 200px;
}

/*Tabellenzellen*/

.table { display: table;}
.tr { display: table-row;}
.td { 
  display: table-cell; 
  vertical-align: top;
 }

/* Globale Gestaltung der Seiten */

.bkpage {
padding: 0;
margin: 0;
background-image: url(http://www.blinde-kuh.de/bk-api/bgkladde3.png);
 }
 
 @media (max-width:360px){
 .bkpage {
 background: #fcfce8; 
  }
 }

.bkblock {
 min-height: 8px;
 background: rgba( 255, 255, 255, 0.2 );
}

#bkpagebottom  { background: #ffffff; }

/* #bkpageheader { height: 300px;} */ 
#bkpagenav { height: 30px;}
#bkpagemain > .flexbox { min-height: 600px;}
/*#bkteasering-row-right { border : 1px dotted #000; }*/
/* #bkpagefooter { height: 150px;} */

/* DARSTELLUNG DER TESTPAGE */
.testpage .bkpagetab-left {
 border: 1px solid #a00;
 width: 10px;
 }
 
.testpage .bkpagetab-right {
 border: 1px solid #a00;
 width: 10px;
  }
  
.testpage .rightbox { background:rgba(220,160,140,0.2); }
  
.testpage .bkpage { border:0 dotted #a00; }
   
.testpage .bkblock { 
 border:1px dotted #000;
 margin: 4px;
 }
  
.testpage #bkpagetop {
 border : 1px dotted #000; 
 height:10px}
  
.testpage #bkteasering-row-right { 
 border : 1px dotted #000;
 width: 10px; }

.testpage #bkpagebottom { 
 border : 1px dotted #000;
 width:10px; }


#bkpagetop { height:4px; }



/* HEADER-ELEMENTE */

 #bkpageheader .bkpageimage-blender {
 height: 90px;
 width: 200px;
 
 }
 
 #bkpageheader .bkpagelogo-panel { height: 90px; }
 #bkpageheader .bkpagetab-left {height: 90px; }
 #bkpageheader .bkpagetab-right {height: 90px; }
 #bkpageheader .bkpagelogo-panel-placeholder {height: 90px; }
 #bkpageheader .bkpage-logo {height: 90px; }
 
 #bkpage-start .boxescol3 {
 margin-left: -55px;
 }
 
 
 /*GENERELLE WIDGET-STYLINGS */
 
 /*.bkwidget_plugin {
 margin-top:20px;
 }
 */

/*FOOTER */


#bkpagefooter .bkfooter {
 width: 100%;
 position: relative;
 background: rgb(255, 255, 255);
 border-top: 2px solid rgba(195, 195, 195,1);
}

#bkpagefooter .bkfootertext {
 margin:50px 0 25px 0;
 background: rgb(255, 255, 255);
 text-align:center;
 font: 12px Verdana,Arial,Helvetica,Sans-Serif;
 color: #d3d3d3;
 }
 
#bkpagefooter .bkfootertext A {
 color: #d3d3d3;
 }


#bkpagefooter .bkfooterlogo {
 margin: 5px;
 width: 300px;
}

.bkfooterlogo SPAN {
 display:block;
 margin:10px 0 0 20px;
 font: bold 10px Verdana,Arial,Helvetica,Sans-Serif;
 }
 
 .bkfooterlogo IMG {
 margin-bottom: 13px;
 }
 



/*ENDE FOOTER CSS */ 


/* START PLACEHOLDER-BOTTOM Startseite */

#content-placeholder-bottom {
min-height: 50px;
}

/* ENDE PLACEHOLDER-BOTTOM Startseite */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


@media (max-width:800px){
 #bkpageheader {height: 70px;}
 #bkpageheader img.bkpageicon {  width: auto;  height: 70px; }
 #bkpageheader img.bkpagelogo {  width: auto; height: 70px; margin-left: 80px;}
 #bkpageheader .bkpageimage-blender {  height: 70px; }
 #bkpageheader .bkpagelogo-panel-placeholder  {height: 70px;}
 #bkpageheader .bkpageimage { background-image: none; height: 70px;}
 #bkpageheader .bkpagetab-left {height: 70px;}
 #bkpageheader .bkpagetab-right {height: 70px;}
}

@media ( max-width:730px) {
 #bkpagefooter DIV{
  display: block;
 }
 
 #bkpagefooter .boxescol {
  margin: 0px;
  padding: 8px;
 }
 
  #bkpagefooter .boxescol.bkfootertext {
 border-bottom: 1px solid #c3c3c3;
 }
 
 #bkpagefooter .boxescol.bkfooterlogo {
 margin-left:auto;
 margin-right:0;
 }

}



@media (max-width:600px){
 #bkpageheader {height: 60px;}
 #bkpageheader img.bkpageicon {  width: auto;  height: 60px; }
 #bkpageheader img.bkpagelogo {  width: auto; height: 60px; margin-left: 70px;}
 #bkpageheader .bkpageimage-blender {  height: 60px; }
 #bkpageheader .bkpagelogo-panel-placeholder  {height: 60px;}
 #bkpageheader .bkpageimage { background-image: none; height: 60px;}
 #bkpageheader .bkpagetab-left {height: 60px;}
 #bkpageheader .bkpagetab-right {height: 60px;}
}

@media (max-width:500px){
 #bkpageheader {height: 40px;}
 #bkpageheader img.bkpageicon {  height: 40px; }
 #bkpageheader img.bkpagelogo { height: 40px; margin-left: 50px;}
 #bkpageheader .bkpageimage-blender {  height: 40px; }
 #bkpageheader .bkpagelogo-panel-placeholder  {height: 40px;}
 #bkpageheader .bkpageimage { background-image: none; height: 40px;}
 #bkpageheader .bkpagetab-left {height: 40px;}
 #bkpageheader .bkpagetab-right {height: 40px;}
 #bkpageheader .bkclickimagesbox {display:none;}
 #bkpageheader img.bksearchbox_title_image {width:400px;}


 
 }
 
 
 
 @media(max-width: 400px) {
 
 #bkpagefooter .boxescol.bkfootertext {
 display:block;
 }
 
 #bkpagefooter .boxescol.bkfooterlogo {
 display:block;
 }
 
 }
 

 @media (max-width:360px){
#bkpagestart .bkpagetop {
 height: 100px;
}

}


@media (max-width:400px) {  .min400px {  display: none; } }
@media (max-width:480px) {  .min480px {  display: none; } }
@media (min-width:700px) {  .max700px {  display: none; } }
@media (max-width:700px) {  .min700px  {  display: none; } }
@media (max-width:800px) {  .min800px  {  display: none; } }
@media (max-width:900px) {  .min900px  {  display: none; } }
@media (max-width:1000px) {  .min1000px {  display: none; } }


/* Druckausgabe */

@media print {

body .bkpagenav_slideout_right { display:none; }
span.bkmenu_item_text { color: #ff0000; }
#bkpagefooter .bkfootertext,
#bkpagefooter .bkfootertext A {
 color: #000000;
 }

}