* {
	word-break:break-word;
}

body {
	background-color:white;
}

.contain-to-grid {
	background-color:white;
	border-bottom:2px solid #588fff;
}

.top-bar {
	background-color:white;
	height:5.8125rem;
	line-height:3.8125rem;
}

.top-bar .name {
	height:3.8125rem;
	line-height:3.8125rem;
}

.top-bar.expanded .title-area {
	background-color:white;
	height:3.8125rem;
	line-height:3.8125rem;
}
@media only screen and (min-width: 40.0625em) {
.top-bar-section ul {
	width:calc(100% - 145px);
}

.top-bar-section ul li {
	width:20%;
	overflow:hidden;
}
}
.top-bar-section li a {
	text-align:center !important;
	font-weight:bold !important;
	color:black !important;
	background-color:white !important;
}

.top-bar:not(.expanded) .top-bar-section li a {
	height:3.8125rem !important;
	line-height:3.8125rem !important;
	text-align:right !important;
	padding:0;
}

.top-bar-section li a.selected,
.top-bar-section li a:hover {
	color:#588fff !important;
}

.top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow:0 0 0 1px #588fff, 0 7px 0 1px #588fff, 0 14px 0 1px #588fff;
}

.background-container {
	/*padding-top: 50px;*/
	padding-bottom: 35px;
}

.background-container > div {
	/*max-width:1000px;*/
}

.background-container-slim {
	padding-top:25px;
	padding-bottom:25px;
}

h1, h2, h3, h4 {
	color:inherit !important;
}

.row {
	max-width:100% !important;
}

#scrollTop {
	position:fixed;
	bottom:20px;
	right:20px;
	width:44px;
	transition:width 0.5s, right 0.5s, bottom 0.5s;
}

#scrollTop img {
	width:100%;
}

#scrollTop:hover {
	width:64px;
	right:10px;
	bottom:10px;
}

.footer, .footer .material-icons {
	font-size:20px;
}

.top-bar .name img {
	margin-left:15px;
}

@media only screen and (min-width: 40.063em) {
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
		height:30px;
		margin:0 0 4px 0;
	}
	.columns {
		padding:0;
	}

	.top-bar .name img {
		margin-left:15px;
	}
	
	#pb_customwidth {

		width:calc(100% - 320px); /* We want this DIV to have this width on desktop and tablet only. */
	}
}

@media only screen and (max-width: 40em) {
.columns .columns {
	padding:0 !important;
}
}

input.xerror {
	border:1px solid red;
}

input.xsuccess {
	border:1px solid green;
}

fieldset legend {
	background-color:inherit;
}

form label {
	color:inherit;
}

#callme {
	background-color:#f7f7f7;
}

#callme p {
	margin-bottom:6px;
}

#callme .phone {
	font-size:30px;
}

#callme .phone .material-icons {
	font-size:26px;
}

@media only screen and (min-width: 40.063em) {
form label {
	/*font-size:10px;*/
}
#callme {
	display:none;
}
}

input[type=radio].toggle-button {
	display:none;
}
 
input[type=radio].toggle-button + label {
	width:50%;
	display:inline-block;
	margin:-2px;
	padding: 4px 12px;
	margin-bottom: 6px;
	margin-top:2px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border-bottom-color: #b3b3b3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

input[type=radio].toggle-button:first-of-type + label {
	margin-left:1px !important;
}
 
input[type=radio].toggle-button:checked + label {
	font-weight:bold;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	background-color:#e0e0e0;
	color:#588fff;
}

form button[type=submit] {
	margin-top:15px;
	background-color:#588fff;
}

form button[type=submit]:hover {
	background-color:#a80404;
}

.vikarpred {
	color:#588fff !important;
	text-align: left;
}
@media only screen and (max-width:1024px) {
	.customH1 {
		font-size: 24px !important;
		color: #588fff;
		text-align: left;
		margin-top: 15px;
	}
	.customH2 {
		font-size: 24px !important;
		color: #588fff;
		text-align: left;
	}
}

.customH1 {
	color: #588fff !important;
	text-align: left;
}

.customH2 {
	color: #588fff !important;
	text-align: left;
	font-size: 25px;
}

.vikarpfont {
	color: #373a41;
    font: normal normal normal 15px / 30px "Oswald", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
}

#footer a,
#footer div,
#footer .material-icons {
	color:white;
	font-size:16px;
}

#footer a:hover {
	color:#ccc;
}

#footer h3 {
	text-decoration:underline;
}


/* CHANGES BY PHILIP JUNE 29 */
.top-bar:not(.expanded) .top-bar-section li a {
	height:3.8125rem !important;
	line-height:3.8125rem !important;
	text-align:center !important;
	padding-top: 15px;
	font-size: 14px;
}

.imgSAP-Vest, .imgSAP-East {
	position: relative;
	height: 90px; 
	padding-top: 10px;
	z-index: 1000;
}

.imgSAP-Vest {
	margin-left:20px;
}

.SAP-logo-ramme {
	position: relative; 
	width:300px; 
	top: 71px;
}

@media only screen and (max-width: 640px) {
	.imgSAP-East, .SAP-logo-ramme {
		display: none;
	}
}

.background-containerTemplateAPG {
    padding-top: 0px;
    padding-bottom: 25px;
}

.background-containerTemplateAPG > div {
	max-width:1000px;
}

.background-containerTemplateAPG-slim {
	padding-top:25px;
	padding-bottom:25px;
}


#pppp_txt {
	text-align: center;
}

#pb_sideAd_APG {
	position: absolute;
    right:  0px;
    top: 570px;
    width: 280px;
    text-align:  left;
    height: auto;
	font-family: inherit;
	line-height: 1.6em;
}