/*****************************************
	CUSTOM CSS
******************************************/


/*************************************************************************************************************

									COLUMN LAYOUTS

**************************************************************************************************************/

.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 10px 4% 10px 0;
}

.one-half {
width:48%;
}

.one-third {
width:30.6%;
}

.two-third {
width:65.4%;
}

.one-fourth {
width:22%;
}

.two-fourth {
width:48%;
}

.three-fourth {
width:74%;
}

.one-fifth {
width:16.8%;
}

.two-fifth {
width:37.6%;
}

.three-fifth {
width:58.4%;
}

.four-fifth {
width:79.2%;
}

.last {
margin-right: 0 !important;
}

.last + * {
clear:both;
}


/* Bildunterschriften */


.bu1 {
    text-align: left;
    -moz-text-decoration-color: red; /* Code for Firefox */
    color: rgb(203,83,25);
    font-size: 12px;
}
.budv {
    text-align: center;
    -moz-text-decoration-color: red; /* Code for Firefox */
    color: rgb(204,8,33);
    font-size: 10px;
}

/* Headings */
h4 {
	color: #cb5319;
}
h6 {
  margin: 0 0 15px 0;
  font-family: 'Quicksand';
  font-weight: normal;
  color: #cb5319;
  text-transform: none;
}

/* Bilder und Videos */
	.box16in9 { position:relative; width:100%; height:0px; padding-bottom: 56.25%; display: block; }
	.16in9 > * { position: absolute; top:0; left:0; width:100%; height:100%; display: block; }


/*****************************************
   SPALTEN
******************************************/


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 29.26%; }
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}


/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 80.66%;
}

.span_4_of_6 {
  	width: 61.33%;
}

.span_3_of_6 {
  	width: 42%;
}

.span_2_of_6 {
  	width: 22.66%;
}

.span_1_of_6 {
  	width: 3.333%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}


/* CLEARING */

.clearing { clear: both; }


hr.linie-eins {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}