/* standard css */

@font-face
{
	font-family:'krub';
  src: url('http://sab-tf.de/homepage/struktur/fonts/krub/Krub-Regular.ttf') format('truetype');
	
	font-family:'ubuntu';
  src: url('http://sab-tf.de/homepage/struktur/fonts/ubuntu/Ubuntu-Regular.ttf') format('truetype');
	
	font-family:'thor';
  src: url('http://sab-tf.de/homepage/struktur/fonts/thor/OpenSansCondensed-Light.ttf') format('truetype');
	
	font-family:'thor_bold';
  src: url('http://sab-tf.de/homepage/struktur/fonts/thor/OpenSansCondensed-Bold.ttf') format('truetype');
	
}

.content_div
{
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	background-color:white;
}

.content_inline{
	
	min-height:500px;
}

.content_div p,li,td,th{
	font-family:thor;
	color:#000;
}

.content_div li {
	font-family:thor;
	color:#000;
}

.content_div h1,h2,h3,h4,h5,h6{
	
	font-family:thor_bold;
	color:#333;
}

.body{
	margin:0;
	padding:0;
	background-color:#111;
	width:100%;
	}
	
.body2{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
		width:100%;
		margin:0 auto 0 0
}	
	
.logo_div
{
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	background-color:orange;
	width:100%;
}




/* footer menu */

.footer_menu h3{
	color:#fff;
	font-size:22px;
}

.footer_menu a{
	color:#fff;
	font-size:18px
}

.footer_menu h3{
	margin:0 0 5px 5px;
}

/* footer menu ende */





/* Footer */


/*.footer_div
{
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	color:white;
	background-color:black;
	width:100%;
	height:200px;
}*/

.footer_div{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	width:100%;
	.background-color:orange;	
}

.footer_div_item:nth-child(1){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	.background-color:green;
}

.footer_div_item:nth-child(2){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.footer_div_item:nth-child(3){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}

.footer_inline{
	
	margin:10%;
	width:100%
}

/* Ende Footer */



/*
@media (max-width: 1900px) 
{
	.body2{
		width:80%;
	}
}

@media (max-width: 1800px) 
{
	.body2{
		width:80%;
	}
}

@media (max-width: 1700px) 
{
	.body2{
		width:80%;
	}
}

@media (max-width: 1600px) 
{
	.body2{
		width:80%;
	}
}

@media (max-width: 1500px) 
{
	.body2{
		width:80%;
	}
}

@media (max-width: 1400px) 
{
	.body2{
		width:85%;
	}
}

@media (max-width: 1300px) 
{
	.body2{
		width:90%;
	}
}

@media (max-width: 1200px) 
{
	.body2{
		width:93%;
	}
}

@media (max-width: 1100px) 
{
	.body2{
		width:95%;
	}
}

@media (max-width: 1000px) 
{
	.body2{
		width:96%;
	}
}

@media (max-width: 900px) 
{
	.body2{
		width:97%;
	}
}

@media (max-width: 800px)
{
	.body2{
		width:96%;
	}
}

@media (max-width: 700px)
{
	.body2{
		width:95%;
	}
}

@media (max-width: 600px)
{
	.body2{
		width:95%;
	}
}

@media (max-width: 500px)
{
	.body2{
		width:96%;
	}
}

@media (max-width: 400px)
{
	.body2{
		width:97%;
	}
}

@media (max-width: 300px)
{
	.body2{
		width:98%;
	}
}


*/


  /*@media(min-width:1000px)
  {
    .lo3
        {
      -moz-column-count:3;
      -moz-column-gap:2em;
      -moz-column-rule:2px solid #ccc;

      -ms-column-count:3;
      -ms-column-gap:2em;
      -ms-column-rule:2px solid #ccc;

      -o-column-count:3;
      -o-column-gap:2em;
      -o-column-rule:2px solid #ccc;

      -webkit-column-count:3;
      -webkit-column-gap:2em;
      -webkit-column-rule:2px solid #ccc;

      column-count:3;
      column-gap:2em;
      column-rule:2px solid #ccc;    
    }
    .lo2
        {
      -moz-column-count:2;
      -moz-column-gap:2em;
      -moz-column-rule:2px solid #ccc;

      -ms-column-count:2;
      -ms-column-gap:2em;
      -ms-column-rule:2px solid #ccc;

      -o-column-count:2;
      -o-column-gap:2em;
      -o-column-rule:2px solid #ccc;

      -webkit-column-count:2;
      -webkit-column-gap:2em;
      -webkit-column-rule:2px solid #ccc;

      column-count:2;
      column-gap:2em;
      column-rule:2px solid #ccc; 
    }	
  }

  @media(max-width:999px)
  {
    .lo3 ,.lo2
        {
      -moz-column-count:2;
      -moz-column-gap:2em;
      -moz-column-rule:2px solid #ccc;

      -ms-column-count:2;
      -ms-column-gap:2em;
      -ms-column-rule:2px solid #ccc;

      -o-column-count:2;
      -o-column-gap:2em;
      -o-column-rule:2px solid #ccc;

      -webkit-column-count:2;
      -webkit-column-gap:2em;
      -webkit-column-rule:2px solid #ccc;

      column-count:2;
      column-gap:2em;
      column-rule:2px solid #ccc;
    }
  }

  @media(max-width:600px)
  {
    .lo3 ,.lo2
        {
      -moz-column-count:1;
      -ms-column-count:1;
      -o-column-count:1;
      -webkit-column-count:1;
      column-count:1;
    }
  }	*/
	

/* Cookie Akzept */	
		
.cookieAkzept-flex-container{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
		width:100%;
		background-color:black;
		height:400px;
 }

.cookieAkzept-flex-item:nth-child(1){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	padding:10px;
	.background-color:red;
}

.cookieAkzept-flex-item:nth-child(2){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	padding:10px;
	.background-color:orange;
}

.cookieAkzept-flex-item:nth-child(3){
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	padding:10px;
	.background-color:orange;
}	
