/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
code:		plustic — massimo cardascia — www.plustic.de
code language:	css 3
code style:	whitesmiths style variant - 8 spaces tab - http://en.wikipedia.org/wiki/indent_style
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*/*    default resets //////////////////////////////////////////////////////////////////////////////////// */

/*/h : reset all dom elements to make them behave solid */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video, input
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	vertical-align: top;
	}

/*/h : force body full size */
#dcpt_html body
	{
	position: relative !important;
	z-index: 0;
	line-height: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	overflow-y: scroll;
	}

#dcpt_html div,
#dcpt_html span,
#dcpt_html input
	{
	box-sizing: border-box;
	vertical-align: top;
	border-radius: 0px;
	}

/*/h : reset links */
#dcpt_html a,
#dcpt_html a:link,
#dcpt_html a:visited,
#dcpt_html a:hover
	{
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: transparent;
	text-decoration: none;
	color: inherit;
	display: inline;
	}
	
#dcpt_html ul
	{
	padding: 0px 0px 0px 0px;
	}
	
#dcpt_html ul li
	{
	list-style-type: none;
	list-style-position: outside;
	}
	
#dcpt_html ul li:before
	{
	content: '•'; 
	display: inline-block;
	width: 1.2em; 
	margin-left: -1.2em;
	font-size: 0.8em;
	}​

#dcpt_html p
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

/*/h : remove element outline on focus */
input:focus
	{
	outline: none;
	}

:focus
	{
	outline: 0;
	}

/*/h : deny italic force */
#dcpt_html em,
#dcpt_html i
	{
	font-style: normal;
	}

/*/h : deny bold force */
#dcpt_html strong,
#dcpt_html b
	{
	font-weight: normal;
	}

/*/h : force outlook to provide a view in browser message */
#outlook a
	{
	padding: 0;
	}

/*/h : force hotmail to display emails at full width */
.ReadMsgBody,
.ExternalClass
	{
	width: 100%;
	}

/*/h : force hotmail to display normal line spacing */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div
	{
	line-height: 100%;
	} 

/*/h : prevent webkit and windows mobile changing default text sizes */
body,
table,
td,
p,
a,
li,
blockquote
	{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

/*/h : image fix */
#dcpt_html img
	{
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	line-height: 100%;
	outline: none;
	text-decoration: none;
	}

/*/h : remove typekit badge */
.typekit-badge
	{
	visibility: hidden !important;
	border: none;
	display: none !important;
	}

/*/h : html5 display-role reset for older browsers */
#dcpt_html article,
#dcpt_html aside,
#dcpt_html details,
#dcpt_html figcaption,
#dcpt_html figure,
#dcpt_html footer,
#dcpt_html header,
#dcpt_html hgroup,
#dcpt_html menu,
#dcpt_html nav,
#dcpt_html section
	{
	display: block;
	}

ol, ul
	{
	list-style: none;
	}

blockquote, q
	{
	quotes: none;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
	content: '';
	content: none;
	}

table
	{
	border-collapse: collapse;
	border-spacing: 0;
	}

/*/h : font smoothing bug on safari fix */
html,
input
	{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	}


/*	animation ///////////////////////////////////////////////////////////////////////////////////////// */

/*/h : animation rotate */
.dcenv_animate_rotate
	{
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
	}

@keyframes spin
	{
	0%
		{
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		}

	100%
		{
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
		}
	}


/*	dclib properties ////////////////////////////////////////////////////////////////////////////////// */

/*/h : dom element sized as box, padding doesnt touch size */
.dcenv_contentbox
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	}

/*/h : add hyphen to text */
.dcenv_hyphen
	{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
	}

.dcenv_hyphen a,
.dcenv_nohyphen
	{
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
	display: inline;
	}

/*/h : fix scrollbar */
.dcenv_scrollbar_fixed
	{
	height: 100%;
	position: fixed;
	width: 100%;
	}

/*/h : align element vertical center */
.dcenv_align_vertical
	{
	top: 50% !important;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
/*/h : align element horizontal center */
.dcenv_align_horizontal
	{
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	}

/*/h : align center center */
.dcenv_align_cc
	{
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block !important;
	}
	
/*/h : deny flickering on browser scrolling  */
.dcenv_no_flick
	{
	outline: 1px solid transparent;
	}

/*/h : container no spaces between elements */
.dcenv_container
	{
	font-size: 0px !important;
	letter-spacing: 0px !important;
	word-spacing: 0px !important;
	}

/*/h : pixelated resize images */	
.dcenv_pixelated
	{
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
	}

/*/h : text */
.dcenv_text
	{
	word-wrap: break-word;
	max-width: 750px;
	}

/*/h : button behavior */
.dcenv_button
	{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	}
	
/*/h : text uppercase */
.dcenv_uppercase
	{
	text-transform: uppercase;
	}

/*/h : deny selection of element */
.dcenv_no_attract
	{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	background: none;
	pointer-events: none;
	cursor: default;
	}
	
/*/h : deny selection of element */
.dcenv_no_select
	{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	background: none;
	}

/*/h : remove pointer events */
.dcenv_no_pointer
	{
	pointer-events: none;
	}

/*/h : deny element selection */
.dcenv_no_select::-moz-selection,
.dcenv_no_select a::-moz-selection
	{
	background: none;
	}

.dcenv_default_cursor
	{
	cursor: default;
	}
	
.dcenv_clearfix
	{
	}

.dcenv_clearfix:after
	{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
	}
	
/*	table //////////////////////////////////////////////////////////////////////////////////////////// */
.dcenv_table
	{
	display: inline-block;
	width: 100%;
	position: relative;
	}

.dcenv_tablecell_10,
.dcenv_tablecell_20,
.dcenv_tablecell_30,
.dcenv_tablecell_40,
.dcenv_tablecell_50,
.dcenv_tablecell_60,
.dcenv_tablecell_70,
.dcenv_tablecell_80,
.dcenv_tablecell_90
	{
	display: inline-block;
	width: 10%;
	overflow: hidden;
	}
	
.dcenv_tablecell_20
	{
	width: 20%;
	}
	
.dcenv_tablecell_30
	{
	width: 30%;
	}
	
.dcenv_tablecell_40
	{
	width: 40%;
	}
	
.dcenv_tablecell_50
	{
	width: 50%;
	}
	
.dcenv_tablecell_60
	{
	width: 60%;
	}
	
.dcenv_tablecell_70
	{
	width: 70%;
	}
	
.dcenv_tablecell_80
	{
	width: 80%;
	}
	
.dcenv_tablecell_90
	{
	width: 90%;
	}
	
/*	filter //////////////////////////////////////////////////////////////////////////////////////////// */
.dcenv_filter_greyscale
	{
	filter: blur(20px);
	}

/*	dcenvironment ///////////////////////////////////////////////////////////////////////////////////// */
	
.dcenv_hidden
	{
	display: none !important;
	visibility: hidden !important;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important; 
	}

/*/h : icons fonts */
.dcenv_icon
	{
	display: block;
	position: relative;
	z-index: 100000;
	}

.dcenv_icon_svg
	{
	position: absolute;
	}

/*/h : dbug font and output */
.dcenv_font_debug,
.dcenv_debug_box
	{
	color: #FF0000;
	font-size: 10px !important;
	line-height: 12px;
	font-family: 'Verdana' !important;
	text-transform: uppercase;
	padding: 2px 2px 2px 2px;
	letter-spacing: 0px;
	cursor: default;
	}

.dcenv_debug_box
	{
	background: #FF0000 !important;
	color: #FFFFFF;
	padding: 10px 15px 10px 15px !important;
	min-height: 12px !important;
	display: inline-block;
	max-width: 600px;
	width: inherit;
	}

.dcenv_font_debug a,
.dcenv_font_debug_link
	{
	background: transparent;
	padding: 2px 5px 2px 5px;
	border: 1px solid #FF0000;
	cursor: pointer;
	margin: 0px 2px 0px 2px;
	}

.dcenv_font_debug_link_active
	{
	background: #FF0000;
	color: #FFFFFF;
	}

/*/h : debug raster */
.dcenv_debug_raster
	{
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAALklEQVQImWP4z8DwHw0bQ/F/BlwS6JIoEsiSGBIwSawSyJIYEv8ZGIzRHYRiPwBbTlZ3zqBzYAAAAABJRU5ErkJggg==');
	}

/*/h : default warning */
.dcenv_warning
	{
	width: 100%;
	min-height: 44px;
	background: #FF0000;
	text-align: center;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999;
	border: 1px solid #FF0000;
	}

.dcenv_warning_content
	{
	padding-top: 11px;
	padding-bottom: 12px;
	}

/*/h : default font */
.dcenv_font_text_system
	{
	font: 13px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.7px;
	color: #000000;
	}

.dcenv_font_text_system a:link,
.dcenv_font_text_system a:visited,
.dcenv_font_text_system a:hover
	{
	font-weight: bold;
	text-decoration: underline;
	border: none;
	}

.dcenv_font_text_system a:hover
	{
	color: #000000;
	}


/*	font faces //////////////////////////////////////////////////////////////////////////////////////// */

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
description:	
dcenvironment.css — automatically loaded with the pagetemplatesystem into the rendered html the class manages
appearance default appearance and provides some usefaull helper classes and the icon webfont is loaded.
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/