html, button, input, select, textarea{
	font-family: 'pf_dintext_proregular';
}
html {
	font-size: 100%;
}
body {
	font-family: 'pf_dintext_proregular';
	font-size: 100%;
	color: #000102;
	font-weight: 300;
}
#tinymce {
     font-size: 16px;
}

/* Headings
-------------------------------------------------------------- */

#tinymce h1,
#page-body-wrap h1 { 
	font-family: 'pf_dintext_proregular';
	font-size: 2.250em; 
	font-weight: normal;
	line-height: 1.2em;
	color: #000102;
	margin: 0;
	text-transform: uppercase;
}

#tinymce h2,
#page-body-wrap h2 { 
	font-family: 'pf_dintext_proregular';
	font-size: 2.125em; 
	font-weight: normal;
	line-height: 1.2em;
	color: #000102;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

#tinymce h3,
#page-body-wrap h3 { 
	font-family: 'pf_dintext_proregular';
	font-size: 1.5em; 
	font-weight: normal;
	line-height: 1.2em;
	color: #000102;
	padding: 20px 0 20px 0; 
	margin: 0;
	text-transform: uppercase;
}

#tinymce h4,
#page-body-wrap h4 { 
	font-family: 'pf_dintext_proregular';
	font-size: 1em; 
	font-weight: normal;
	line-height: 1.2em;
	color: #000102;
	padding: 0; 
	margin: 0;
	text-transform: uppercase;
}

#tinymce h1 img, 
#tinymce h2 img, 
#tinymce h3 img,
#page-body-wrap  h1 img, 
#page-body-wrap  h2 img, 
#page-body-wrap  h3 img {
	margin: 0;
	outline: none;
}

h1, h2, h3 {
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Text elements
-------------------------------------------------------------- */

#tinymce strong,
#page-body-wrap strong { 
	font-family: 'pf_dintext_probold';
	font-weight: normal;
}
#tinymce p,
#page-body-wrap  p {
	margin: 0px 0px 10px 0px; 
}
#tinymce ul,
#page-body-wrap  ul {
	margin: 0px 0px 10px 0px; 
	padding-left: 15px;
}

#tinymce a,
#tinymce a:visited,
#page-body-wrap  a,
#page-body-wrap  a:visited { 
     color: #00aeef; 
     text-decoration: none;
}
#tinymce a:active,
#tinymce a:hover,
#page-body-wrap  a:active,
#page-body-wrap  a:hover { 
	text-decoration: underline; 
}

#page-body-wrap img,
#tinymce img {
	border: none;
}

/* 
     These can be used to pull an image at the start of a paragraph, so 
     that the text flows around it (usage: <p><img class="left">Text</p>) 
*/
.left,
#tinymce .left,
#page-body-wrap  .left  			{ float: left !important; }

#tinymce p .left,
#page-body-wrap  p .left			{ margin: 0.4em 1.250em 1.250em 0; padding: 0; }

.right,
#tinymce .right,
#page-body-wrap  .right 			{ float: right !important; }

#tinymce p .right,
#page-body-wrap  p .right 		{ margin: 0.4em 0 1.250em 1.250em; padding: 0; }

#tinymce .no-top-margin,
#page-body-wrap  .no-top-margin {
	margin-top: 0;
}

#tinymce .no-bottom-margin,
#page-body-wrap  .no-bottom-margin {
	margin-bottom: 0;
}

#tinymce a.blue-button,
#page-body-wrap  a.blue-button {
	display: inline-block;
	font-size: 1.5em;
	line-height: 1em;
	color: #ffffff;
	background-color: #00aeef;
	padding: 0.75em 2em;
	text-transform: uppercase;
	 box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}