.ort-und-datum {margin: 30px auto}
table.blank td {border: none;}
table.blank {width: auto;}
.protokoll > .kopfzeile {background: url('../img/bk-handballer.svg') no-repeat top right; font-size: 32px; font-weight: bold;  color: #c6322b; position: absolute; top: 0px; width: 90%; height: 200px;}
.protokoll {position: relative; border: 1px solid #ccc; background: #fff; padding: 120px 20px 20px 20px;}
.flex {display: flex; justify-content: space-around;}
.flex_e2 > div {display: flex;}

.field8 {display: flex; justify-content: space-between; flex-direction: row-reverse}
.field8 label {width:auto; max-width: 80%;}
.top_panel {display: flex; background: #111; color: #fff; justify-content: flex-end;  }

a.linkbox,a.linkbox>* {text-decoration:none; color: #666;}

.top_panel ul {display: flex; list-style:none;}

.top_panel img {height: 26px; padding: 3px 10px;}

.top_panel img:hover {}

table {width: 90%;   border-collapse: collapse; margin: 10px;padding: 10px; word-wrap:break-word; }
table td {border: 1px solid #ccc; background: #fff; padding: 10px; vertical-align: top;}
table th {border: 1px solid #ccc; background: #aaa; color: #fff; padding: 10px;
vertical-align: top;}


.neben_fleft { display: inline-block;}


 @media screen and (max-width: 600px) {

    table {
      
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
     
    }

    table td {
      display: block;
         
    }

    table td:last-child {
    
    }

    table td:before {
      content: attr(data-label) ":";
      float: left;padding-right: 20px;
      font-weight: bold;
    }
  }




.main table p {margin-left: 0px; padding-left: 0px; }
.changed {color: darkred;}
.attention {color: red;}

.clr {clear: both;} 
a { color: navy;}

p.readmore { background: #000; position: absolute; bottom: 10px;width: 90%;}
.cat-list-row p.readmore {width: auto; min-width: 50%; right: 10px;}

.highlight {background: rgba(255,255,0,0.6);}

p.readmore a { color: #fff;}

html, body {margin: 0; padding: 0;}
figure {max-width: 100%;}
img {max-width: 100%;}

.clear {clear:both;}
body{
  background:#fdfdfd;font-family: arial;
	display: flex;
  min-height: 100vh;
  flex-direction: column;
  } 
  

  
header{
	flex: none;
	
  width:100%;
	
   background: #f8f8f8; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #f8f8f8); /* For Safari 5.1 to 6.0 */
    
    background: -moz-linear-gradient(#fff, #f8f8f8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f8f8f8); /* Standard syntax */
	border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6);
}

.notfall_banner { background: #333; color: #fff; padding-top:22px; padding-left: 3px; height: 47px; font-size: 1.1em; }
.notfall_banner >*{ width: 100%;margin: auto;padding-left: 10px;}

header form {position: absolute; left: 0px; top: 0px; }


h1 {
font-size: 1.6em;
color: #000;
font-weight: bold;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.8), -1px  -1px 1px rgba(255,255,255,0.8);
}
	
h2 {
font-size: 1.5em;
color: #000;
font-weight: bold;
text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

	}


	
h3 {
	
	color: #000;
font-weight: bold;
font-size: 1.4em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}

footer h3 {
	
	color: #fff;
font-weight: bold;
font-size: 1.4em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(0,0,0,0.4);

}


ul h4 {margin-bottom: 3px; margin-top: 8px;}
	
h4 {
	
	color: #378ac8;
font-weight: normal;
font-size: 1.3em;
 text-shadow:  1px  1px 1px rgba(0,0,0,0.4), -1px  -1px 1px rgba(255,255,255,0.4);

}
	
	.logo .desc {
font-size: 1em;
color: #06274a;
	}
	
.logo_alt{

  position:relative;
  top:7.5px;
  float:left;
  margin-left:5%;
}
.logo img{
  width:100%;

}

.tagscloud span {padding:10px; margin: 10px; display: inline-block;}

pre {
	background: #fff; border: 1px solid #ccc; padding: 10px; margin: 10px 10px 10px 0px;
	display: block; white-space: pre-wrap;hyphens: auto; 
}

DIV.bordered {background: #fff; border: 1px solid #ccc; padding: 10px; margin: 10px 10px 10px 0px;}

pre.inline {
	display: inline-block; white-space: pre-wrap;hyphens: auto; 
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
ul.arrow, ul.checkbox, ul.check, ul.star, ul.todo {
    list-style: outside none none;
    margin: 10px 0;
    padding-left: 20px;
}

ul.arrow li, ul.checkbox li, ul.check li, ul.star li, ul.todo li {
  
    line-height: 26px;
    margin: 5px 0;
    padding-left: 35px;
}

ul.arrow li {
    background: rgba(0, 0, 0, 0) url("../img/list_arrow_navy.png") no-repeat scroll 0 0;
}


ul.todo li.ok {  background: rgba(0, 0, 0, 0) url("../img/list_ok.png") no-repeat scroll 0 0;}
ul.todo li.work {  background: rgba(0, 0, 0, 0) url("../img/list_work.png") no-repeat scroll 0 0;}


/* Content */
.container{
		flex: 1;

  max-width:100%;
  height:auto;
  padding:20px 0;
  margin:20px auto;
}

.container > .page-header,.container > h1 {padding-left: 10px;}
.code{
  width:600px;
  height:auto;
  margin:20px auto;
  padding:10px 20px;
  background:#222;
  border-left:10px solid #aaa;
  font-family: Consolas;
  font-size:16px;
  color:#fff;
}
.code span{
  color:#89A978;
}
.space{
  width:20px;
  height:1px;
  float:left;
}

.center {text-align: center;}
.container { color: #646464; display: flex;}
*.container p {margin-top: 5px; margin-bottom: 10px; line-height: 1.5em;}
.main p {padding: 8px 0px;}
.main p:last-child {
    padding-bottom:50px;
}
ul.arrow, ul.checkbox, ul.check, ul.star {
    list-style: outside none none;
    margin: 10px 0;
    padding-left: 20px;
}
ul.arrow li, ul.checkbox li, ul.check li, ul.star li {
    font-weight: bold;
    line-height: 26px;
    margin: 5px 0;
    padding-left: 35px;
}	  
ul.arrow li {
    background: rgba(0, 0, 0, 0) url("../img/list_arrow_navy.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
ul.checkbox li {
    background: rgba(0, 0, 0, 0) url("../img/list_checkbox.png") no-repeat scroll 0 0;
	margin-bottom: 20px;
}
.slider a {
	
	 font-weight: bold;
	  text-shadow:  1px  1px 1px rgba(0,0,99,0.8);
	 color:royalblue;
}

ul.inline,
ol.inline {
	margin-left: 0;
	padding-left: 0px;
	list-style: none;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

 
DIV.item, .blog article {background:#fff; padding: 10px 10px 50px 10px;margin: 5px 5px 20px 5px;position: relative; display: flex; flex-direction: column; } 



DIV.item-page {background:#fff; padding: 10px; padding-bottom: 40px; margin-bottom: 10px; } 


 section.sub-categories { display: flex; flex-direction: row; } 
.sub-categories article { border: none; background:none; padding: 0;margin: 0; } 
.sub-categories article a { 


color: #fff;

border: 1px solid #ddd; background:#000; padding: 10px 20px; margin: 5px 5px 20px 0px; } 


.svg {}


.blog {display: flex; flex-direction: column;   flex-wrap: wrap;align-items:stretch;}

.jy {justify-content: space-between;}

.blog > *.item,
.blog > *.cat-list-row

{
	flex: 1;
	<?php//margin: 10px;?>
	
}
.blog > div {
 
 min-width: 90%;
}
.blog > article {

}
.blog > h2 {} 

.blog > div:first-child
{


}

nav.flex > ul {display:flex;flex-direction: row; flex-wrap: wrap;}
nav.flex > ul > li {min-width: 12%; padding: 10px; margin: 5px; border: 1px solid #888;}
nav.flex > ul > li > a {color: orange;}

nav.flex > ul > li > ul {margin:0px;padding: 0px; }
nav.flex > ul > li > ul > li {margin:0px;padding: 0px; }

.sidebar {background: #fff; padding: 5px; border: 1px solid #efefef; margin-right: 20px;}



.right {margin-left: 20px;margin-right: 0px;}

.main {}
.main > * > div {margin: 15px;}
.main > * > h2 {margin: 15px;}
.main > * > h3 {margin: 15px;}
.main > article  h1 {margin: 15px 5px;}
.main > article  h2 {margin: 15px 5px;}
.main > article  h3 {margin: 15px 5px;}

.main h1 { margin-left: 15px; }


section.flex { display: flex; flex-direction: column; }
section.flex article { width: 100%;} 

section.flex ul  {
	list-style: none;
}
section.flex ul li {
   
	margin-bottom: 20px; padding-left: 30px; margin-left: -30px; 
	min-height: 30px;
}
section.flex ul li.ok {
    background: rgba(0, 0, 0, 0) url("../img/list_ok.png") no-repeat scroll 0 0;

}
section.flex ul li.work {
    background: rgba(0, 0, 0, 0) url("../img/list_work.png") no-repeat scroll 0 0;
	
}

@media only screen and (max-width: 62em) {

	#slider {display: none;}	  
}

 
@media only screen and (min-width: 62em) {

section.flex { display: flex; flex-direction: row; flex-wrap: wrap;}
section.flex article { width:50%;} 	 
.sidebar {max-width: 260px;} 
}


@media only screen and (min-width: 1900px) {

	  
}