/*petersen-webdesign*/

/*body*/
body {
    padding-top: 10px !important;
	padding-bottom: 10px !important;
	background-color: #172534 !important;
}

.astroid-section {
	border-left: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
}

.article-wraper .card-body:not(.has-image) {
    padding-top: 10px !important;
}

.astroid-component-section {
    padding: 15px 0 !important;
}

/*grid*/
	
/*header*/
@media (min-width: 1200px) {
	.dp-logo-section {
		border-top: 1px solid #000 !important;
	}
}

/*footer*/
@media (min-width: 1200px) {
	.dp-footer-section {
		border-bottom: 1px solid #000 !important;
	}
}

/*error-page*/
.error-page {
    color: #fff !important;
}

/*typo*/

/*menu*/

/*accordion*/

/*contact*/

/*modules chrome*/
/*dp-layout-1*/
.dp-layout-1 {
   background: #fefef5 !important;
   background-image: url(../modules/solid-1.png) !important;
   background-repeat: repeat-x !important;
   background-attachment: scroll !important;
   background-position: left bottom !important;
   margin-bottom: 1rem !important;
   padding: 1rem !important;
   border-radius: 0.3rem !important;
   border: 1px solid #d3d3d3 !important;
   box-shadow: 0 0 5px 0 #dadada !important;
}

.dp-layout-1 h1 {
	color: rgb(0, 0, 0) !important;
}

.dp-layout-1 h3 {
	color: rgb(0, 0, 0) !important;
	font-size: 1.2em  !important;
}

/*box-layout*/
.border-layout {
    min-height: 400px !important;
}


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

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
    border: solid 0px black;
    text-align: left;
}
.col:first-child { margin-left: 0!important; }

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

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49.2%; }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%; }
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}