/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* =============================================================================
   HTML5 element display
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
	{
	display: block;
}

audio[controls],canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html:not([ng-app="Cw"]) {
	overflow-y: scroll;
}

body {
	margin: 0;
	font-size: 100%;
	line-height: 1.231;
}

body,button,input,select,textarea {
	font-family: sans-serif;
	color: #222;
}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */
::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

/* =============================================================================
   Links
   ========================================================================== */
a {
	color: #00e;
}

a:visited {
	color: #551a8b;
}

a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover,a:active {
	outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 10px 0;
	padding: 0;
}

hr.delimiter {
	display: block;
	clear: both;
	margin: 18px 0;
	height: 4px;
	background: transparent url(/images/cmsoverview/az_dotted_barline.png) no-repeat;
	background-position: center center;
	border-top: 0 none;
	width: 100%;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre,code,kbd,samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */

/*ul, ol { margin: 1em 0; padding: 0 0 0 40px; }*/
dd {
	margin: 0 0 0 130px;
}
dd {
	display: block;
	padding-left: 4px;
	text-indent: -0.1px;
}

nav ul,nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow displayed oddly in IE9 
 */
svg:not (:root ) {
	overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
	cursor: pointer;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,input {
	line-height: normal;
	*overflow: visible;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Colors for form validity */
input:valid,textarea:valid {
	
}

input:invalid,textarea:invalid {
	background-color: #f0dddd;
}

.fieldDescription {
	font-size: 12px;
	
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================================================
   Primary styles
   Author: Abschlusszeit.de
   ========================================================================== */
body {
	background: #FBFBFB url('images/bodybg.jpg') repeat-x;
	font: normal 87.5%/1.5 sans-serif;
}

h1,h1 a,h2,h2 a,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	color: #007baf;
	font-weight: normal;
}

h2 {
	font-size: 1.285714285714286em; /* 18px / 14px */
	font-weight: normal;
	position: relative;
	line-height: 1.2em;
	margin-bottom: 0.3em;
}

ul+h2 {
	margin-top: 20px;
}

h3 {
	color: #000;
	font-weight: bold;
	line-height: 18px;
}

h4 {
	font-family: "Georgia", serif;
	font-size: 18px;
	line-height: 20px;
	font-style: italic;
	color: #333;
	margin: 0 0 15px 0;
	padding: 0;
}

a,a:active,a:visited {
	color: #007CAC;
	text-decoration: none;
}

a.darker,
a.darker:active,
a.darker:visited {
	color: #3366cc;
	text-decoration: none;
}

p {
	margin: 0 0 10px 0;
}

.maxAdSavingsReached .hideWhenMaxAds {
	display: none;
}

.listDisc,
body.ideas .col_main ul,
body.market .col_main ul {
	list-style: disc;
	padding-left: 20px;
}

body.ideas .col_main ul.withoutCircle,body.market .col_main ul.withoutCircle
	{
	list-style: none;
	padding-left: 0;
}

body.ideas .col_main ul.floatingItem li,body.market .col_main ul.floatingItem li
	{
	float: left;
	margin-right: 10px;
}

.col_main p+h2 {
	margin-top: 20px;
}

.col_main p+ul {
	margin-bottom: 10px;
	margin-top: -10px;
}

.col_main ul+p {
	margin-top: 10px;
}

.col_main ol+p {
	margin-top: 10px;
}

.col_main ul+h3 {
	margin-top: 10px;
}

.col_main ol+h3 {
	margin-top: 10px;
}

.col_main ul+table {
	margin-top: 10px;
}

.col_main table+h2 {
	margin-top: 20px;
}

.col_main table+h3 {
	margin-top: 10px;
}

div.text-indent {
	padding-left: 20px;
	text-indent: -16px;
}

ol {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	max-width: 100%;
}

#orderform label,
#contactform label,
#offerdata label,
#registrationform label {
	display: inline-block;
	margin: 0 5px 5px 0;
	width: 150px;
}
#registrationform label { width: 180px; }

#registrationform .g_acceptTermsOfBusiness label {
	width: auto;
}


#quizform { }
	#quizform label {
		display: inline-block;
		margin: 0 5px 5px 0;
		width: 180px;
	}
	#quizform input {
		width: 280px;
		margin-right: 6px;
	}
	#quizform .g_firstNamelastName input { width: 180px; }
	#quizform .g_zipcity input[name='zip'] { width: 70px; }
	#quizform .g_zipcity input[name='city'] { width: 198px; }
	#quizform .g_answer div.field { height: 27px; }
	#quizform .g_answer label { line-height: 21px; padding: 0; margin: 0; }
	#quizform .g_answer input,
	#quizform .g_acceptGiveawayPackage input,
	#quizform .g_acceptNewsletter input,
	#quizform .g_acceptInfos input { width: auto; }
	#quizform .g_acceptGiveawayPackage label,
	#quizform .g_acceptNewsletter label,
	#quizform .g_acceptInfos label { width: auto; }
	#quizform select[name='gradyear'] { width: 70px; }

.fullwide form label {
	display: inline-block;
	margin: 0 5px 5px 0;
	width: 180px;
}

#editOrderConfiguration { }
	#editOrderConfiguration input[type='text'] { width: 70px; }
	#editOrderConfiguration label { width: 130px; line-height: 25px; }

/* Helper classes */
.left {
	float: left;
}

.right {
	float: right;
}

.rightLeft {
	float: right;
	display: inline-block;
	width: 140px;
	white-space: nowrap;
}


.center {
	text-align: center;
}

.error {
	padding: 10px;
	background: #FF7F7F;
	border: 1px solid #FF0000;
	color: #fff;
	color: #c00;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#GlobalMessage {
	margin-bottom: 15px;
}

.error h3 {
	color: #c00;
}

.grouperror label,.fielderror label {
	color: #c00 !important;
}

form .error {
	padding: 0;
	background: none;
	border: none;
	color: #c00;
	display: block;
	margin-bottom: 5px;
}

.error a {
	color: #c00;
	text-decoration: underline;
}

.success {
	padding: 10px;
	border: 1px solid #D6E9C6;
	background-color: #DFF0D8;
	color: #468847;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.success h3 {
	color: #468847;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
}

.helptext {
	color: #000000;
	font-weight: bold;
}

.imagelinktext {
	position: absolute;
	left: -9999px;
}

.smalltext {
	font-size: 11px;
}

.inactive {
	color: silver;
}


.calcareaLoader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fbfbfb; /* For old IE */
	filter: alpha(opacity=70);
	background: rgba(251, 251, 251, 0.7);
	text-align: center;
	cursor: wait;
}
#calcform.is-loading .calcareaLoader {
	display: block;
}
.calcareaLoader .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
}



/* End helper classes */
/* "(In)grid" @todo Only layout in the grid? */
.col4 {
	float: left;
	margin: 10px;
	width: 300px;
}

.col_50 {
	float: left;
	width: 50%;
}

.col_30 {
	width: 30%;
}

.col_66 {
	width: 66%;
}

.campaign .col_50 {
	width: 45%;
}

.col_left {
	float: left;
	width: 340px;
	background: #f9f9f9 url('images/contentbg.jpg') no-repeat top right;
	padding-right: 20px;
}

.col_main {
	float: right;
	width: 620px;
}
/* http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ */
.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#user .col_main {
	float: none;
	width: auto;
}

.widget {
	margin-bottom: 20px;
	background: #DDF0F6;
}

.col_left .widget:last-child {
	margin-bottom: 0;
}

.widgetheader,.widgetsubheader {
	display: block;
	margin: 0;
	background: #67cbe4;
	font-family: "Times New Roman", serif;
	color: #fff;
	font-size: 22px;
}

.widgetsubheader {
	padding: 0 20px;
	background: #d9e999;
	color: #000;
}

.col_left .widgetheader {
	padding: 0 20px;
}

.col_left .widgetcontent {
	padding: 20px;
}

.col_main .widgetheader {
	padding: 2px 20px 0 20px;
	background: #a2c800;
	line-height: 28px;
	position: relative;
	vertical-align: middle;
}

.col_main .adcampaignOverview .widgetheader span {
	font-size: 13px;
	font-family: sans-serif;
	padding-left: 20px;
	color: black;
}

.col_main .widgetcontent {
	padding: 20px 20px;
	background: #fff;
	position: relative;
}

.col_main .withoutHeader .widgetcontent {
	padding-top: 0px;
	margin-top: -30px;
}

.col_left.contentbg {
	
}

.subwidget h2.widgetheader {
	padding: 0 20px;
	background: #d9e999;
	color: #000;
}

/* End (In)grid */
#verfication {
	background: red;
	padding: 5px 10px;
	line-height: 14px;
	color: white;
	margin-bottom: 5px;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 980px;
	padding-top: 80px;
}

#logowrapper {
	position: absolute;
	top: 0;
	left: -40px;
	z-index: 10;
}

#logo {
	
}

#serviceno,.topmessage {
	position: absolute;
	left: 270px;
	top: 12px;
	padding: 5px 10px 5px 20px;
	background: #a2c800;
	color: #fff;
	font-size: 15px;
	z-index: 1;
}

#serviceno a,.topmessage a {
	color: #fff;
	text-decoration: none;
}

#serviceno a:hover,.topmessage a:hover {
	text-decoration: underline;
}

#logout,#login {
	zoom: 1;
	position: absolute;
	top: 0;
	right: 0;
	height: 70px;
	width: 350px;
	border: 1px solid #ccc;
	background: #f3f3f3;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		to(#ececec) ); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #ffffff, #ececec);
	/* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #ffffff, #ececec);
	/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #ffffff, #ececec); /* IE 10 */
	background: -o-linear-gradient(top, #ffffff, #ececec); /* Opera */
	background: linear-gradient(top, #ffffff, #ececec); /* W3C */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 2px 3px #666;
	-webkit-box-shadow: 0 2px 3px #666;
	box-shadow: 0 2px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666',
		Direction=180, Strength=3 ) progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff",
		endColorStr="#ececec" ); /* IE 7+ */
}

#login #loginForm {
	position: relative;
}

#login #loginForm label {
	display: none;
}

#login #loginForm input {
	position: absolute;
	border: 1px solid #bbbbbb;
	width: 117px;
	height: 20px;
	top: 15px;
}

#login #loginForm input#loginEmail {
	left: 10px;
	padding: 0 4px;
}

#login #loginForm input#loginPassword {
	left: 148px;
	padding: 0 4px;
}

#login #loginForm input#loginButton {
	right: 10px;
	height: 22px;
	width: 55px;
	font-weight: bold;
}

#login span {
	position: absolute;
	bottom: 12px;
	font-size: 12px;
}

#login span.register {
	left: 10px;
}

#login span.lostpassword {
	left: 148px;
}

#login span a {
	color: #007CAC;
}

#logout span {
	position: absolute;
	font-size: 14px;
	color: #333;
}

#logout span a {
	color: #007CAC;
}

#logout span.username {
	top: 15px;
	left: 20px;
	font-weight: bold;
}

#logout span.actionPrint {
	top: 37px;
	left: 20px;
}

#logout span.actionLogout {
	right: 10px;
	top: 10px;
}

#logout span.actionLogout a {
	color: #666;
	background: transparent url(../images/icons/switch.png) no-repeat;
	background-position: 17px 5px;
	display: block;
	padding: 30px 0 0 10px;
	border-left: 1px solid #666;
}

#logout span.actionLogout a:hover {
	color: #27a5cd;
	background-position: 17px -45px;
}

.buttonGreenSmall {
	border: 1px solid #666 !important;
	font-size: 13px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #a1c007;
	background: -webkit-gradient(linear, left top, left bottom, from(#adcc00),
		to(#89a800) ); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #adcc00, #89a800);
	/* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #adcc00, #89a800);
	/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #adcc00, #89a800); /* IE 10 */
	background: -o-linear-gradient(top, #adcc00, #89a800); /* Opera */
	background: linear-gradient(top, #adcc00, #89a800); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#adcc00",
		endColorStr="#89a800" ); /* IE 7+ */
}

.buttonMidSize {
	border: 1px solid #666 !important;
	font-size: 13px;
	height: 21px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.buttonMidSize.submitValue {
	background: #6B8702;
	background: -webkit-gradient(linear, left top, left bottom, from(#a2c800),
		to(#81a202) ); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #a2c800, #81a202);
	/* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #a2c800, #81a202);
	/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #a2c800, #81a202); /* IE 10 */
	background: -o-linear-gradient(top, #a2c800, #81a202); /* Opera */
	background: linear-gradient(top, #a2c800, #81a202); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#a2c800",
		endColorStr="#81a202" ); /* IE 7+ */
	color: white;
}

.buttonMidSize.cancelRequest {
	background: #888888;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD),
		to(#AAAAAA) ); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #DDDDDD, #AAAAAA);
	/* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #DDDDDD, #AAAAAA);
	/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #DDDDDD, #AAAAAA); /* IE 10 */
	background: -o-linear-gradient(top, #DDDDDD, #AAAAAA); /* Opera */
	background: linear-gradient(top, #DDDDDD, #AAAAAA); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#DDDDDD",
		endColorStr="#AAAAAA" ); /* IE 7+ */
	color: #888888;
}

.buttonMidSize.confirmAction {
	background: #116988;
	background: -webkit-gradient(linear, left top, left bottom, from(#28AFDB),
		to(#1E8FB3) ); /* Safari 4-5, Chrome 1-9 */
	background: -webkit-linear-gradient(top, #28AFDB, #1E8FB3);
	/* Safari 5.1+, Chrome 10+ */
	background: -moz-linear-gradient(top, #28AFDB, #1E8FB3);
	/* Firefox 3.6+ */
	background: -ms-linear-gradient(top, #28AFDB, #1E8FB3); /* IE 10 */
	background: -o-linear-gradient(top, #28AFDB, #1E8FB3); /* Opera */
	background: linear-gradient(top, #28AFDB, #1E8FB3); /* W3C */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#28AFDB",
		endColorStr="#1E8FB3" ); /* IE 7+ */
	color: #fff;
}

#naviwrapper {
	width: 980px;
	background: #EFEFEF url('images/navi/navibg.jpg') repeat-x;
	height: 45px;
	line-height: 45px;
}

	#naviwrapper li {
		line-height: 45px;
	}

#naviselect {
	display: none;
}

#navilogo {
	float: right;
	padding: 0 5px;
}

#navilogo img {
	float: right;
}

#navigation {
	display: inline;
	padding: 0;
	margin: 0;
}

#navigation li {
	float: left;
	background: url('images/navi/naviline.png') no-repeat top right;
}

#navigation a {
	padding: 0px 20px;
	display: block;
	color: #424043;
}

#navigation a.active,#navigation a.active:hover {
	background: url("images/navi/navibgcurrent.jpg") repeat-x scroll 0 0
		#C3C3C3;
	font-weight: bold;
}

#navigation a:hover {
	background: #c3c3c3 url('images/navi/navibghover.jpg') repeat-x;
}

.col_left .widgetcontent.secondarynav {
	padding: 10px;
}

.secondarynav li {
	
}

.secondarynav li a {
	display: block;
	color: #424043;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
}

.secondarynav li a:hover {
	background: #fff;
}

.secondarynav li.active li a {
	color: #8B8B8B; /* This really necessary?? Yep!*/
}

.secondarynav li.active a,.secondarynav li.active li.active a,.secondarynav a:hover,.secondarynav li.subitem.active a
	{
	color: #9dc02c;
}

.secondarynav li ul ul a {
	padding-left: 20px;
}

.secondarynav li a span {
	display: none;
}

.secondarynav li.parentitem a {
	font-size: 16px;
	font-weight: bold;
}

.secondarynav li.parentitem.hasChildren a span {
	background: transparent url(/images/icons/az_drpdwn_arrow.png) no-repeat;
	background-position: 0 0;
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-left: 10px;
}

.secondarynav li.parentitem.hasChildren a:hover span {
	background-position: 0 -22px;
}

.secondarynav li.parentitem.hasChildren.viewstateOpen a span {
	background-position: 0 -11px;
}

.secondarynav li.parentitem.hasChildren.viewstateOpen a:hover span {
	background-position: 0 -33px;
}

.secondarynav li.subitem {
	display: none;
}

.secondarynav li.subitem a {
	font-size: 14px;
	font-weight: normal;
}

.secondarynav li.subitem a,.secondarynav li ul a {
	padding-left: 30px;
}

.pageheader {
	padding: 9px 0 8px 20px;
	background: #fff;
}

.pageheader h1 {
	display: block;
	color: #007cac;
	font-size: 32px;
	font-family: "Times New Roman", serif;
}

.druckteaser {
	float: right;
	position: relative;
	margin-top: -9px;
	height: 65px;
}
/* Buttons */
a.bigbutton {
	display: block;
	height: 50px;
	width: 280px;
	background: url('/css/images/buttons/bigbuttonsprite.png') no-repeat
		-10px -20px;
	text-align: center;
	font: bold 18px/50px Arial;
	color: #333;
}

button.bigbutton {
	display: block;
	height: 50px;
	width: 300px;
	background: url('/css/images/buttons/longgreen.png') no-repeat -10px
		-20px;
	text-align: center;
	font: bold 18px/50px Arial;
	color: #333;
	border: 0
}

.bigbutton:hover {
	background: url('/css/images/buttons/bigbuttonsprite.png') no-repeat
		-10px -89px;
}

.graybutton,.gbutton {
	display: inline-block;
	padding-left: 5px;
	height: 50px;
	background: url('/css/images/buttons/longgreen.png') no-repeat -10px
		-20px;
	color: #333;
}

.graybutton button,.gbutton button {
	margin: 0 -10px 0 0;
	padding: 0 15px 0 10px;
	/*width: 220px;*/
	height: 50px;
	background: url('/css/images/buttons/longgreen.png') no-repeat 98% -20px;
	border: 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-align: center;
	outline: none;
}

.graybutton.hover,.graybutton:hover,.gbutton.hover,.gbutton:hover {
	background-position: -10px -89px;
}

.graybutton.hover button,.graybutton .btnlink:hover,.graybutton button:hover,.gbutton.hover button,.gbutton .btnlink:hover,.gbutton button:hover
	{
	background-position: 98% -89px;
}

.graybutton .btnlink,.gbutton .btnlink {
	background: url('/css/images/buttons/longgreen.png') no-repeat 98% -20px;
	display: block;
	margin: 0 -5px 0 0;
	padding: 0 10px 0px 5px;
	width: 220px;
	height: 50px;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.graybutton,.graybutton button,.graybutton .btnlink {
	background-image: url('/css/images/buttons/longgray.png')
}

.rbutton {
	display: inline-block;
	padding-left: 5px;
	height: 30px;
	background: url('/css/images/buttons/redbuttonlong.png') no-repeat;
	color: #fff;
}

.rbutton .btnlink {
	display: block;
	margin: 0 -5px 0 0;
	padding: 0 10px 0px 5px;
	height: 30px;
	background: no-repeat right;
	border: 0;
	color: #fff;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.rbutton .btnlink {
	background-image: url('/css/images/buttons/redbuttonlong.png');
}

.arrowbutton input {
	width: 28px;
	height: 20px;
	background: #fff url('images/buttons/arrowsmallright.png') no-repeat
		left;
	border: 0;
}

a.arrowlink {
	background: url('images/buttons/arrowsmallright.png') no-repeat scroll
		left center transparent;
	color: #007BAE;
	font-size: 14px;
	padding: 4px 0 4px 32px;
}

.bluebutton input {
	margin: 0;
	padding: 0 10px 0 30px;
	background: #fff url('images/buttons/bluebuttonlonglefttransp.png')
		no-repeat left;
	cursor: pointer;
	height: 28px;
	border: 0;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bluebutton input:hover {
	background-color: #000;
	color: #000;
}

h2 .bluebutton {
	float: right;
}

h2 .bluebutton input {
	font-size: 13px;
	width: 120px !important;
}

form#fileuploadForm {
	position: relative;
	height: auto;
}

form#fileuploadForm #fileuploadUploader {
	
}

.blueFileuploadButton {
	background: transparent url(/css/images/small-ajax-loader.gif) no-repeat;
	background-position: center center;
	height: 28px;
}

.blueFileuploadButton span {
	display: block;
	width: auto;
	margin: 0;
	padding: 4px 10px 4px 10px;
	background: #fff url('images/buttons/bluebuttonlong.png') no-repeat left;
	cursor: pointer;
	height: 20px;
	border: 0;
	color: #fff;
	text-align: center;
	float: left;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.blueFileuploadButton span:hover {
	background-color: #000;
	color: #000;
}

/* AutoComplete */
.ui-autocomplete {
	width: 600px;
	background: #fff;
	font-size: 11px;
	color: #000;
}

.ui-autocomplete a {
	display: block;
	padding: 5px;
}

.ui-autocomplete a.ui-state-focus {
	background: #67CBE4;
	color: #fff;
}
.ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/* End AutoComplete */
/* Calculator widget */
#cw {
	display: inline-block;
	width: 250px;
	line-height: 1.2;
}

#cw h1 {
	color: #333;
	font-size: 18px;
}

#cw .smallajax {
	background: url('images/small-ajax-loader.gif') left center no-repeat;
}

#cw label {
	margin: 0;
	width: auto;
}

#cw .darkinput {
	padding: 3px 0 3px 5px;
	width: 40px;
	background-color: #fafafa;
	border: 2px solid #c7c7c7;
	vertical-align: bottom;
	font-weight: bold;
}

#cw input:focus {
	border: 2px solid #aac573;
}

.cw_slider {
	display: inline-block;
	width: 170px;
	cursor: pointer;
}

.cw_slider .ui-slider-handle {
	cursor: move;
}

.cw_price {
	margin: 10px 0;
	height: 20px;
	font-size: 16px;
}

.cw_price span {
	font-weight: bold;
}

#cw .ui-slider {
	background: #333333;
	border-color: #a2c800;
}

#cw .ui-slider-range {
	background: #a2c800;
}

#cw .ui-slider-handle {
	margin-top: -3px;
	width: 10px;
	height: 22px;
	background: #222425;
	border: 1px solid #fff;
}

#cw .gbutton {
	background-position: -10px -89px;
}

#cw .gbutton button {
	background-position: 98% -89px;
}

#cw .gbutton.hover {
	background-position: -10px -20px;
}

#cw .gbutton.hover button {
	background-position: 98% -20px;
}

.calculator.errorMsg {
	color: #CC0000;
	padding-left: 15px;
	display: block;
	margin-bottom: 4px;
}

.calculator.icError {
	display: block;
	background: transparent url(/i/icons/az_om_customer_sprite.png) no-repeat; 
	background-position: -10px -231px;
	width: 15px;
	height: 15px;
	float:left;
}

#voucherInputContainer {
	font-size: 12px;
	font-style: normal;
	margin-bottom: 10px;
}
#voucherDefault {
	padding-left: 45px; 
	background: transparent url(/images/icons/ic_per_cent_small.png) no-repeat; 
	background-position: -36px -36px;
}
#voucherDelete h3 {
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	margin: 0;
	color: #666;
}

/* Home */
#homebanner {
	background-color: #FFFFFF;
	height: 330px;
	-moz-box-shadow: 0 2px 3px #666;
	-webkit-box-shadow: 0 2px 3px #666;
	box-shadow: 0 2px 3px #666;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666',
		Direction=180, Strength=3 );
}

#printcalculatorbg {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 98;
}

#calcwidget {
	position: absolute;
	right: 40px;
	top: 45px;
	z-index: 99;
}

#calcwidget #cw_submit {
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
/* Home - Slider */
.textbubble {
	position: absolute;
	left: 390px;
	top: 90px;
	width: 210px;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
}

.textbubble p {
	margin: 0;
}

.textbubble-name {
	font-size: 12px;
}

/* slidesjs.com */
#hpslideshow {
	width: 980px;
	height: 330px;
}

#hpslideshow .slide {
	width: 980px;
	height: 330px;
	display: none;
}

.sliderpagination {
	margin: 5px auto 0 auto;
	width: 100px;
	z-Index: 101;
}

.sliderpagination li {
	float: left;
	margin: 0 1px;
	list-style: none;
}

.sliderpagination li a {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url('/css/images/sliderplugin/pagination.png');
	background-position: 0 0;
	float: left;
	overflow: hidden;
}

.sliderpagination li.current a {
	background-position: 0 -12px;
}

#homecontent {
	padding: 10px;
}

#homecontent .col4 {
	position: relative;
	background: #333;
}

#homecontent .steps {
	position: absolute;
	width: 80px;
	height: 80px;
	background: url('images/homepage/stepsbg.png') no-repeat;
	color: #fff;
	font: bold 40px/40px 'arial black';
	text-indent: 3px;
	letter-spacing: -2px;
}

#homecontent .colimage {
	display: block;
	height: 140px;
	background: url('images/homepage/abschlusszeit_homemoodimages_sw.jpg')
		no-repeat;
	border-style: solid;
	border-color: #666;
	border-width: 1px 1px 0 1px;
}

#homecontent .colimage:hover,#homecontent .hover .colimage {
	background: url('images/homepage/abschlusszeit_homemoodimages.jpg')
		no-repeat;
}

#homecontent .col4.cat1 {
	
}

#homecontent .col4.cat1 div.steps {
	letter-spacing: -7px;
}

#homecontent .col4.cat1 a.colimage {
	background-position: 0 0;
}

#homecontent .col4.cat2 {
	
}

#homecontent .col4.cat2 a.colimage {
	background-position: 0 -150px;
}

#homecontent .col4.cat3 {
	
}

#homecontent .col4.cat3 a.colimage {
	background-position: 0 -600px;
}

#homecontent .col4.cat4 {
	
}

#homecontent .col4.cat4 a.colimage {
	background-position: 0 -450px;
}

#homecontent .col4.cat5 {
	
}

#homecontent .col4.cat5 a.colimage {
	background-position: 0 -1201px;
}

#homecontent .col4.cat6 {
	
}

#homecontent .col4.cat6 a.colimage {
	background-position: 0 -900px;
}

#homecontent .col4 h1 {
	margin: 0 -5px;
	padding: 0 8px;
	width: 310px;
	height: 38px;
	background: url('images/homepage/headlinebar.png') no-repeat;
	color: #fff;
	font: normal 23px/33px 'Times New Roman';
}

#homecontent .coltext {
	padding: 7px 10px 0 10px;
	height: 140px;
	color: #fff;
	position: relative;
}

#homecontent .bigbutton {
	position: absolute;
	bottom: 0;
	margin-top: 20px;
}

#homeeyecatcher {
	position: absolute;
	right: -20px;
	top: -20px;
}
/* End Home */

/* Calculator page */
#slides-print-cont {
	width: 100%;
}

#slides-print-cont .slide {
	width: 300px;
	height: 445px;
}

.printslidesnav {
	margin: 0 auto;
	width: 120px;
}

.printslidesnav li {
	display: inline;
	padding: 0 10px;
}

.calculator .val {
	width: 80px;
}

td.val {
	font-weight: bold;
	margin-left: 5px;
	text-align: right;
}

	.offersummary.calculator .val {
		width: 135px;
	}
	
	.offersummary td.val {
		font-weight: normal;
		text-align: left;
	}


.tooltiplabel {
	display: inline-block;
	margin-left: 10px;
	background: url('images/calculator/questionmark14x14.png') no-repeat;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

#calculator {
	background: #fff;
}

#calculator p { margin-bottom: 10px; }
#calculator p:last-child { margin-bottom: 0; }

#calcform input {
	margin-right: 5px;
	margin-left: 5px;
}

#calcform .darkinput {
	padding: 3px 0 3px 5px;
	background-color: #fafafa;
	border: 1px solid #c7c7c7;
	font-weight: bold;
}

#calcform .ui-slider-handle {
	cursor: move;
}

#calcform h3 {
	display: inline-block;
	margin-bottom: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

.soldout {
	color: #FF0000;
	font-family: Stencil, sans-serif;
	font-size: 16px;
}

.optionheader div {
	padding: 5px;
	background: #DDF0F6;
	line-height: 140%;
	font-size: 11px;
}

.optioncontent {
	padding: 5px 0;
}

.calcerror {
	color: #FF0000;
}

.calcarea {
	background-color: #F5F8F9;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #79B7E7;
}



.calcarea.closed .calcareacontent {
	display: none;
}

.calcareaheader,
.calcareacontent {
	padding: 5px;
	border-bottom: 1px solid #79B7E7;
}
.calcareacontent { padding: 10px; }

.calc__infoMessage {
	margin: 0 !important;
	padding-left: 35px;
	font-weight: normal;
	
	background-image: url(../i/icons/info_icon_black.png);
	background-position: 5px 0;
	background-repeat: no-repeat;
}


#calcads {
	position: relative;
}
.calcads__removeAllContainer {
	position: absolute;
	right: 10px;
	top: 7px;
}
#calcads .calcareacontent {
	padding: 0;
}
	#calcads .calcareacontent h3 {
		margin: 10px 10px 0 10px;
	}

.calcareacontent--alwaysOpen {
	padding: 10px;
	border-bottom: 1px solid #D6D6CC;
}

.calcarea.closed .calcareacontent--alwaysOpen  {
	 border-color: #79B7E7;
}


.calcareaheader h2 {
	display: inline-block;
	margin: 0 10px 0 0;
	text-decoration: underline;
}

.calcareaheader span {
	font-style: italic;
	font-size: 12px;
}

.calcarrow {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url('images/calculator/calcarrows.png') 0 0;
}

.calcarea.closed .calcarrow {
	background-position: 0 26px;
}

.calcarea .optioncategory {
	margin: 0 0 5px 0;
}
	.calcarea .optioncategory p {
		margin: 5px 0 0 0 !important;
	}
	.calcarea.shippingdate .optioncategory p {
		margin: 5px 0 10px 0 !important;
	}
	.calcarea.shippingdate .optioncategory p:last-child {
		margin-bottom: 0 !important;
	}

/* Regional ads */
/* @todo we really need to stop styling with id's - too much overriding needed here */
#calcform .regionalAds__schoolField {
	float: left;
	padding: 2px 0;
	margin: 0 10px 0 0;
	width: 200px;
}
#calcform .regionalAds__zipField {
	float: left;
	padding: 2px 0;
	margin: 0 10px 0 0;
	width: 110px;
}

#calcform .regionalAds__header {
	margin-bottom: 5px;
}

#calcform .has-invalidSchool .regionalAds__header, #calcform .has-invalidZip .regionalAds__header {
	display: none;
}
#calcform .has-zip.has-invalidSchool .regionalAds__header {
	display: block;
}
#calcform .has-zip.has-noAds .regionalAds__header {
	display: none;
}

.regionalAds__clearField {
	display: none;
}
.has-schoolLabel .regionalAds__schoolSearch .regionalAds__clearField,
.has-zip .regionalAds__zipSearch .regionalAds__clearField,
.has-invalidZip .regionalAds__zipSearch .regionalAds__clearField {
	position: absolute;
	display: block;
	padding: 5px;
	cursor: pointer;
}
.regionalAds__schoolSearch .regionalAds__clearField {
	left: 185px;
	top: 17px;
}
.regionalAds__zipSearch .regionalAds__clearField {
	left: 95px;
	top: 17px;
}
.has-invalidZip.has-schoolLabel .regionalAds__zipSearch .regionalAds__clearField {
	display: none;
}

.regionalAds__schoolSearch {
	position: relative;
	width: 60%;
}
.regionalAds__zipSearch {
	display: none;
	position: relative;
	width: 40%;
}
.has-invalidZip .regionalAds__zipSearch {
	display: block;
}
.regionalAds__searchSchoolBtn,
.regionalAds__searchZipBtn {
	float: left;
}

.has-schoolLabel .regionalAds__searchSchoolBtn,
.has-zip .regionalAds__searchZipBtn {
	display: none;
}
.has-invalidZip .regionalAds__searchZipBtn {
	display: block;
}

.has-schoolLabel.has-invalidSchool .regionalAds__zipSearch {
	display: block;
}
/* The disabled school label field */
#calcform .has-schoolLabel .regionalAds__schoolField,
#calcform .has-zip .regionalAds__zipField {
	padding: 2px;
	border: 1px solid #999;
	background-color: transparent;
	outline: none;
}
#calcform .has-schoolLabel .regionalAds__schoolField {
	padding-right: 20px;
	width: 180px;
}

.regionalAds__schoolNotFound, .regionalAds__invalidZip {
	display: none;
}
.has-invalidSchool .regionalAds__schoolNotFound {
	display: block;
}
.has-zip.has-invalidSchool .regionalAds__schoolNotFound {
	display: none;
}
.has-invalidZip .regionalAds__invalidZip {
	display: block;
}

.regionalAds__noRegionalAdsMessage {
	display: none;
	margin-top: 5px;
	font-size: 12px;
	font-style: italic;
	color: #666;
}
.has-zip.has-noAds .regionalAds__noRegionalAdsMessage {
	display: block;
}
form.is-loading .js-regionalAds-noneFoundMsg {
	display: none !important;
}

/* Regional ad groups hidden by default */
.calcads__adGroup.is-regional {
	display: block;
}

/* Regional ad campaigns that are blocked should not be visible */
.calcads__adGroup.is-regional div.is-blocked {
	display: none;
}

/* End regional ads */
#calcads .company-adThumbnail {
	float: right;
	margin-left: 20px;
	width: 140px;
}
#calcads .company-adThumbnail.none-selected {
	opacity: 0.2;
}
#calcads .campaign-adThumbnail {
	display: none;
}
#calcadslist { }
	#calcadslist li {
		padding: 10px;
		position: relative;
		border-bottom: 1px solid #D6D6D6;
	}
	#calcadslist li:nth-child(1) {
		/*padding-top: 0;*/
	}
	#calcadslist li.lastItem {
		border-bottom: 0 none;
	}
		#calcadslist li div.group {
			margin: 5px 0;
		}
	#calcadslist li#adSpecialMsg {
		border-top: 1px solid #79B7E7;
	}
/*
#calcads .optioncontent p {
	margin: 10px !important;
}
*/
#calcads .calcareacontent > p {
	margin: 0 10px 10px 10px;
}

#calcadslist ul li,
.optioncontent li,
#calcadslist .field,
.optioncontent .field
	{
	margin: 0;
	padding: 2px 0;
	border: 0;
}

.specialOffer form#calcform span.specialOffer,
.specialOffer form#calcform label,
.specialOffer form#calcform .darkinput,
#calcadslist .field.disabled,
.optioncontent .field.disabled {
	color: #666;
}

form#calcform #calcadslist label {
	display: inline;
}

#calcadslist .minAdQuantity {
	color: red !important;
	display: none;
}

#calculator .resultpanel {
	padding: 10px;
	background: #F5F8F9;
	border: 1px solid #79B7E7;
	border-top: 0 none;
	display: none;
}

#calculator .budget .resultpanel.budget {
	display: block;
}

#calculator .highend .resultpanel.highend {
	display: block;
}

#calculator .resultpanel .colLeft {
	float: left;
	width: 265px;
}

#calculator .resultpanel .colRight {
	float: right;
	width: 265px;
}

#calculator .resultpanel .hint {
	color: #666;
}

#calculator .resultpanelHeader {
	border-bottom: 1px solid #79B7E7;
	height: 32px;
}

#calculator .resultpanelHeader h3 {
	padding: 5px 10px;
	background: #F5F8F9;
	border: 1px solid #79B7E7;
	border-bottom: 0 none;
	color: #000;
	width: 263px;
}

#calculator .resultpanelHeader h3 span.price {
	display: none;
	float: right;
	font-weight: bold;
}

#calculator .budget .resultpanelHeader h3.budget,#calculator .highend .resultpanelHeader h3.highend
	{
	height: 22px;
	cursor: auto;
}

#calculator .budget .resultpanelHeader h3.highend,#calculator .highend .resultpanelHeader h3.budget
	{
	cursor: pointer;
}

#calculator .highend .resultpanelHeader h3.budget span,#calculator .budget .resultpanelHeader h3.highend span
	{
	color: #007CAC;
	font-weight: normal;
	text-decoration: underline;
}

#calculator .budget .resultpanelHeader h3.highend span.price,#calculator .highend .resultpanelHeader h3.budget span.price
	{
	display: inline;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.maxAdSavingsReached .hideWhenMaxAds {
	display: none;
}

.jq_submitbuttons hr {
	display: none;
}

.jq_actionbuttons {
	margin-top: 20px;
}

.resultpanel .jq_submitbuttons button {
	width: 263px;
}

.benefitListClear,.benefitList {
	background: #eee;
	padding: 10px;
	margin: -2px 0 0 0;
	list-style: none;
	border: 1px solid #ccc;
	border-top: 0 none;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.benefitListClear {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

.benefitListClear li,
.benefitList li,
.checkMark {
	padding: 0 0 0 22px;
	margin: 10px 0 0 0;
	line-height: normal;
	background: transparent url(/css/images/ic_check.png) no-repeat;
	background-position: 0 2px;
}

.benefitList li.minus {
	background-image: url(/css/images/ic_minus.png);
}

.benefitListClear .headline,.benefitList .headline {
	font-weight: bold;
}

.benefitList__infoText {
	margin-top: 20px;
}

#dateLegend,
#shippingExtraInfo {
  float: left;
  padding: 10px 0 0 0;
  width: 275px;
}

#shippingExtraInfo {
	float: right;
}
#dateLegend p,
#dateLegend label,
#shippingExtraInfo p {
	font-size: 12px;
	color: #000;
}
#shippingExtraInfo p.inactive {
	color: silver;
}
#dateLegend label {
	display: inline;
	font-weight: bold;
}
#dateLegend input {
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	width: 81px;
	height: auto;
	padding: 4px 0 1px 0;
	border-radius: 0;
	line-height: 15px;
	font-weight: normal;
	color: #222;
	text-align: center;
}
#dateLegend #shippingdate {
	background: #A2C800;
	border: 1px solid #6B7802;
}
#dateLegend #approvalDate {
	background: #FFCFBF;
	border: 1px solid #B94B48;
}
#dateLegend #uploadDate {
	background: #FBD98B;
	border: 1px solid #FBB450;
}
.calcarea #shippingExtraInfo label {
	display: inline;
	font-size: 12px;
}
#shippingExtraInfo h3 {
	margin-bottom: 10px;
	font-weight: normal;
}
.calendarIcon {
	float: left;
	display: inline-block;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	background: url('/css/images/calculator/order_calendar_sprite.png') no-repeat;
}
.calendarExpressIcon {
	background-position: -8px -234px;
}
.calendarTestPrintIcon {
	background-position: -8px -275px;
}
#calculator .highendDisabledInfo {
	display: none;
}

#resultArea {
	position: relative;
}

#resultArea[data-highend="disabled"] .highendDisabledInfo {
	display: block;
}
#calculator #resultArea .highendTotalPrice {
	text-decoration: none;
}
#resultArea[data-highend="disabled"] #highendInfo,
#resultArea[data-highend="disabled"] .highendTotalPrice {
	display: none;
}

/* Calendar styles */
#calendarCanvas {
	width: 555px;
	padding: 5px 0;
	margin-left: 5px;

	overflow: hidden;
	background: #fff;
	text-align: center;
}
/* Datepicker and related fields */
/* Some values are "prefixed" with calendarCanvas to only apply to the calculator */
#calendarCanvas #monthPrev,
#calendarCanvas #monthNext {
	position: relative;
	height: 130px;
	width: 43px;
}
.calendarNav {
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('/css/images/calculator/order_calendar_sprite.png') no-repeat;
	cursor: pointer;
}
#calendarCanvas #monthPrev {
	float: left;
}
#monthPrev .calendarNav {
	left: 11px;
	background-position: -8px -56px;
}
#monthPrev .calendarNav[data-state="disabled"] {
	background-position: -8px -20px;
}
#monthPrev .calendarNav[data-state="enabled"]:hover {
	background-position: -8px -92px;
}

#monthNext .calendarNav {
	right: 11px;
	background-position: -8px -163px;
}
#monthNext .calendarNav[data-state="disabled"] {
	background-position: -8px -128px;
}
#monthNext .calendarNav[data-state="enabled"]:hover {
	background-position: -8px -198px;
}
#calendarCanvas #monthNext {
	float: right;
}
.datepicker {
	float: left;
	
}
#calendarCanvas .datepicker {
	width: 450px;
}
.datepicker .ui-datepicker {
	padding: 0;
}
#calendarCanvas .datepicker .ui-datepicker-header {
	width: 220px;
}
#calendarCanvas .datepicker .ui-datepicker-prev,
#calendarCanvas .datepicker .ui-datepicker-next {
	display: none;
}
.datepicker .ui-datepicker-group.ui-datepicker-group-first {
  margin-right: 25px;
}
.datepicker .ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
}
.datepicker .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 1px;
}
.datepicker .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 220px;
}
.datepicker .ui-datepicker td span, .ui-datepicker td a {
  height: 20px;
  padding: 3px 3px 0 0;
  width: 25px;
}

.datepicker .ui-widget-header {
	background: #67CBE4;
	border: 1px solid #52A3BA;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.datepicker .ui-widget-content {
	border: 0;
}
.datepicker th {
	padding: 15px 4px 10px 4px;
}
.datepicker .ui-datepicker-multi .ui-datepicker-group table {
	margin: 0;
}
.ui-state-disabled.approvalDate,
.ui-state-disabled.uploadDate,
.ui-state-disabled.uploadRange {
	opacity: 1;
}


.datepicker .ui-datepicker-unselectable .ui-state-default,
.datepicker .ui-datepicker-unselectable .ui-state-default:hover {
	background: #F5FAFD;
	border: 1px solid #E9F1F7;
	color: #B6CCDC;
}
.datepicker .approvalDate .ui-state-default {
	background: #FFCFBF;
	border: 1px solid #B94B48;
}
.datepicker .uploadDate .ui-state-default {
	background: #FBD98B;
	border: 1px solid #FBB450;
}
.datepicker .uploadRange .ui-state-default {
	background: #FFF2DB;
	border: 1px solid #FBD98B;
}
.datepicker .ui-state-default {
	background: #DDEFF5;
	border: 1px solid #A6C9E2;
	color: #007BAF;
}
.datepicker .ui-state-default:hover {
	background: #B2C8E8;
	border: 1px solid #6986B3;
}
.datepicker .selectedDate .ui-state-default {
	background: #A2C800;
	border: 1px solid #6B7802;
	font-size: 14px;
	color: #333;
}
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
.datepicker .ui-datepicker-header { 
	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}
/* End from jQuery UI */

/* User profile form */
#userProfileForm input {
	margin-right: 10px;
}

#userProfileForm label {
	display: inline-block;
	margin: 0 5px 5px 0;
	width: 180px;
}

#userProfileForm input {
	width: 280px;
	margin-right: 6px;
}

#userProfileForm .g_firstNamelastName input {
	width: 134px;
}

#userProfileForm .g_zipcity input[name='zip'] {
	width: 70px;
}

#userProfileForm .g_zipcity input[name='city'] {
	width: 198px;
}

#userProfileForm .g_under18 {
	margin-top: 20px;
}

#userProfileForm .g_under18 input {
	width: auto;
}

#userProfileForm .g_password {
	position: relative;
	margin-bottom: 5px;
}

#userProfileForm .g_password label {
	margin-bottom: 0;
}

#userProfileForm .g_password span.message {
	display: block;
	padding-left: 190px;
	font-style: italic;
	color: gray;
}

#userProfileForm .g_passwordRepeat input,#userProfileForm .g_password input
	{
	width: 200px;
}

#userProfileForm .g_password .strength-indicator {
	position: absolute;
	left: 400px;
	top: 3px;
	height: 15px;
}

#userProfileForm .g_password .strength-indicator div {
	width: 20px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	background: #ccc;
}

#userProfileForm .g_password .strength-indicator.week div.s1 {
	background: #c00;
}

#userProfileForm .g_password .strength-indicator.medium div.s1,#userProfileForm .g_password .strength-indicator.medium div.s2
	{
	background: #fc0;
}

#userProfileForm .g_password .strength-indicator.strong div.s1,#userProfileForm .g_password .strength-indicator.strong div.s2,#userProfileForm .g_password .strength-indicator.strong div.s3
	{
	background: #a2c800;
}

#registrationform span.message {
	display: block;
	padding-right: 100px;
	padding-left: 188px;
	padding-top: 4px;
	font-size: 12px;
	color: gray;
	line-height: 1.2em;
}

#registrationform input {
	width: 280px;
	margin-right: 6px;
}

#registrationform .g_under18 {
	margin-top: 20px;
}

#registrationform .g_under18 input {
	width: auto;
}

#registrationform .g_acceptTermsOfBusiness input {
	width: auto;
}

#registrationform .g_zipcity input[name='zip'] {
	width: 70px;
}

#registrationform .g_zipcity input[name='city'] {
	width: 198px;
}

#registrationform .g_phone {
	margin-bottom: 5px;
}

#registrationform .g_phone label {
	margin-bottom: 0;
}

#registrationform .g_password {
	position: relative;
	margin-bottom: 5px;
}

#registrationform .g_password label {
	margin-bottom: 0;
}

#registrationform .g_password input {
	width: 200px;
}

#registrationform .g_password .strength-indicator {
	position: absolute;
	left: 400px;
	top: 3px;
	height: 15px;
}

#registrationform .g_password .strength-indicator div {
	width: 20px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	background: #ccc;
}

#registrationform .g_password .strength-indicator.week div.s1 {
	background: #c00;
}

#registrationform .g_password .strength-indicator.medium div.s1,#registrationform .g_password .strength-indicator.medium div.s2
	{
	background: #fc0;
}

#registrationform .g_password .strength-indicator.strong div.s1,#registrationform .g_password .strength-indicator.strong div.s2,#registrationform .g_password .strength-indicator.strong div.s3
	{
	background: #a2c800;
}

#registrationform .g_passwordRepeat input {
	width: 200px;
}

#registrationform .g_firstNamelastName input,#registrationform .g_u18_firstnameu18_lastname input
	{
	width: 180px;
}

/* End calculator */
/* Order form */
#orderform input {
	margin-right: 10px;
}

#orderform label {
	width: 180px;
}

#orderform .longlabel {
	width: auto;
}

#orderform .field_100 {
	width: 280px;
}

#orderform .field_75 {
	width: 195px;
}

#orderform .field_50 {
	width: 132px;
}

#orderform .field_25 {
	width: 70px;
}
#orderform .g_contact_zipcontact_city input[name='contact_zip'] {
	width: 70px;
}
#orderform .g_contact_zipcontact_city input[name='contact_city'] {
	width: 198px;
}
#orderform .g_under18 label,#orderform .g_otherShipping label,#orderform .g_agb label
	{
	width: auto;
}

#orderform input {
	width: 280px;
	margin-right: 6px;
}

#orderform input[type=checkbox] {
	width: auto;
	margin-right: 6px;
}

#orderform .g_contact_firstnamecontact_lastname input {
	width: 135px;
}

#orderform .g_u18_firstnameu18_lastname input {
	width: 132px;
}

#orderform .g_bill_firstnamebill_lastname input {
	width: 135px;
}

#orderform .g_shipping_firstnameshipping_lastname input {
	width: 132px;
}

#orderform .g_bill_zipbill_city input {
	width: 199px;
}

#orderform .g_shipping_zipshipping_city input {
	width: 195px;
}

#orderform .g_contact_phone input {
	width: 195px;
}

#orderform .g_u18_phone input {
	width: 195px;
}

#orderform .g_bill_zipbill_city input[name='bill_zip'] {
	width: 70px;
}

#orderform .g_shipping_zipshipping_city input[name='shipping_zip'] {
	width: 70px;
}

#orderform .submitContainer {
	margin: 20px 0 0 188px;
	width: 270px;
}

.submitContainer button {
	width: 267px;
}

#adcampaignform .g_maxPublishmentsAllowed input,#adcampaignform .g_priceColor input,#adcampaignform .g_priceBW input
	{
	width: 70px;
	margin-right: 5px;
}

#adcampaignform .g_zipcity input.f_zip {
	width: 70px;
	margin-right: 5px;
}

#adcampaignform .g_zipcity input.f_city {
	width: 132px;
	margin-right: 5px;
}

#adcampaignform .g_formatType label {
	width: auto;
	margin-right: 15px;
}

#adcampaignform .g_voucherColor,#adcampaignform .g_voucherBW {
	margin-top: 15px;
}

#adcampaignform .g_pausedColor,#adcampaignform .g_pausedBW {
	margin-top: 5px;
}

#adcampaignform .g_voucherColor input,
#adcampaignform .g_pausedColor input,
#adcampaignform .g_voucherBW input,
#adcampaignform .g_pausedBW input,
#adcampaignform .g_minimumQuantityColorSet input {
	width: auto;
}

#adcampaignform input.triggerRemoveCampaignColor,#adcampaignform input.triggerRemoveCampaignBW,#adcampaignform .restriction input.triggerAddRestriction,#adcampaignform .restriction input.triggerRemoveRestriction
	{
	background: transparent url(/images/icons/collapse.png) no-repeat;
	background-size: 24px;
	background-position: -4px 0;
	width: 16px;
	height: 18px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	outline: none;
}

#adcampaignform .restriction input.triggerAddRestriction {
	background-image: url(/images/icons/expand.png);
}

#adcampaignform input.triggerRemoveCampaignColor,#adcampaignform input.triggerRemoveCampaignBW
	{
	background-image: url(/images/icons/delete.png);
	background-position: right 1px;
	float: right;
	width: 90px;
	font-size: 13px;
	text-align: left;
	height: 19px;
}

#adcampaignform input.triggerRemoveCampaignColor:hover,#adcampaignform input.triggerRemoveCampaignBW:hover
	{
	text-indent: 0;
}

#adcampaignform .group .groupA {
	float: left;
	width: 283px;
}

#adcampaignform .group .groupB {
	float: right;
	width: 630px;
}

#adcampaignform .group .groupB h2 {
	margin-bottom: 10px;
}

.grouperror label,.fielderror label {
	color: red;
	font-weight: bold;
	font-style: italic;
}

.fielderrortext {
	color: red;
}

.group input {
	width: 250px;
}

.group .field input {
	width: auto;
}

.group textarea {
	width: 320px;
	height: 170px;
}

.fullwide .group input {
	width: 310px;
}

.fullwide .group input[name='contactFirstName'] {
	width: 150px;
	margin-right: 4px;
}

.fullwide .group input[name='contactLastName'] {
	width: 150px;
}

.fullwide .group input[name='billingZip'] {
	width: 80px;
	margin-right: 4px;
}

.fullwide .group input[name='billingCity'] {
	width: 220px;
}

.fullwide .group textarea {
	width: 310px;
	margin-bottom: 4px;
}

.fullwide .container {
	position: relative;
	padding-left: 250px;
}

.fullwide .container #companylogo {
	position: absolute;
	left: 0;
	top: 0;
}

.fullwide .container #companylogo img {
	max-width: 220px;
}

/* End order form */

/* Ads "widget" */
.sponsorlist li {
	padding: 5px 0 0 0;
	height: 85px;
	border-bottom: 1px solid #d6d6d6;
}

.sponsorlist li a.left {
	width: 150px;
	height: 70px;
	background: url('/css/images/partnerlogos/logospritesinactive.jpg?v=1')
		no-repeat 0 0;
}

.sponsorlist li a.left:hover {
	background: url('/css/images/partnerlogos/logospritesactive.jpg?v=1')
		no-repeat 0 0;
}

.sponsorlist li .right {
	width: 100px;
	text-align: center;
}

.sponsorlist li .right a {
	display: inline-block;
	margin: 21px 0 0 0;
	padding: 3px 0 5px 5px;
	width: 98px;
	height: 18px;
	background: url('images/partnerlogos/adbutton.png') no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
}

.sponsorlist.smallertext li a {
	font-size: 13px;
}
/* End Ads "widget" */
/* Find ideas */
#findideas .widget {
	margin-bottom: 0px; /* For the shadow */
}
/* End find ideas
/* Ads page */
.adslist td img {
	vertical-align: top;
}

.adslist li {
	padding: 20px 0;
	border-bottom: 1px solid;
}

.adslist .listleft {
	float: left;
	margin-right: 20px;
	width: 200px;
}

.adslist .listright {
	float: left;
	width: 360px;
}

.adslist h3 a {
	color: #007BAE;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.adslist .arrowlink {
	display: block;
}
/* End Ads page */

/* Get content*/
#appguide img {
	width: 320px;
	border: 1px solid #ccc;
}

#appguide li {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
/*
#appguide .toleft {
    text-align: left;
}
#appguide .toright {
    text-align: right;
}
*/
#appguide .toleft img {
	float: left;
	margin-right: 10px;
}

#appguide .toright img {
	float: right;
	margin-left: 10px;
}

#appeyecatcher {
	position: absolute;
	right: 10px;
	top: -25px;
}

#appsteps {
	margin-bottom: 20px;
	color: #444;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5em;
}
/* Video */
.videooverview .videoitem {
	margin: 0 0 20px 0;
	clear: left;
	height: 120px;
}

.videooverview .videoitem img {
	margin-right: 20px;
}
/* Footer */
#footer {
	margin-top: 20px;
	width: 100%;
	height: 45px;
	background: #fff url('images/footerbg.png') no-repeat;
	border: 1px solid #ccc;
}

#footer li {
	float: left;
	background: url('images/navi/naviline.png') no-repeat scroll right top
		transparent;
}

#footer a {
	display: block;
	padding: 0 20px;
	line-height: 45px;
	font-weight: bold;
	color: #333;
}

#subfooter {
	margin: 20px 0;
	font-size: 12px;
	text-align: center;
}

/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
 /* two-columns layout wider */
@media only screen and (max-width : 600px) {	
	.jq_submitbuttons .colLeft,
	.jq_submitbuttons .colRight {
		margin: 0 auto 20px;
	}		
}

/* two-columns layout normal*/
@media only screen and (max-width : 568px) {
  
  .calcareaheader-info {
		display: block;
    	margin-left: 16px;
	}
	
	#calcads .calcareaheader {
	    padding-bottom: 30px;
	}
	
	#calcads .company-adThumbnail {		    
	    width: 100px;
	}
	
	.calcads__removeAllContainer {
	    left: 16px;
	    top: 47px;
	}
	
	/** School search section **/
	.regionalAds__schoolSearch ,
	.regionalAds__zipSearch {
	    width: 100%;
	}
	
	.regionalAds__schoolSearch {
	    margin-bottom: 10px;
	}
	
	
   #calcform .regionalAds__zipField,
   #calcform .regionalAds__schoolField {
	    width: 180px;
	}
	
	#calcform .has-zip .regionalAds__zipField ,
	#calcform .has-schoolLabel .regionalAds__schoolField {
	    padding-right: 20px;
	    width: 160px;
	}		
	
	.regionalAds__schoolSearch .regionalAds__clearField,
	.regionalAds__zipSearch .regionalAds__clearField {		    
	    left: 165px;
	}
	/** End school search section **/
}

/*--- one-column layout ---*/  
@media only screen and (max-width: 480px) {
	/* Style adjustments for viewports up to 320px */
	#page {
		max-width: 320px;
	}
	.col_left,.col_main,.col_50,.col_30,.col_66 {
		width: 100%;
	}
	.col4 {
		margin: 20px auto;
	}
	#logo {
		margin-left: 0;
	}
	#homebanner,.pageheader,.sliderwrapper,#fblikes,.topmessage,#serviceno,#login
		{
		display: none;
	}
	#navilogo {
		float: left;
		display: block;
		width: 100%;
		margin: 0 auto;
		background: #fff;
		text-align: center;
	}
	#navilogo {
		display: none
	}
	#homebanner,.pageheader {
		display: none;
	}
	.js #naviselect {
		display: block;
		width: 90%;
		margin: 5px auto;
		padding: 10px;
		background: #fff;
		font-weight: bold;
	}
	#naviwrapper {
		clear: both;
		width: 320px;
		background: transparent;
	}
	.js #navigation {
		display: none;
	}
	#navigation {
		margin-bottom: 10px;
		height: auto;
	}
	#navigation li {
		width: 100%;
		background: url('images/navi/navibg.jpg');
		line-height: 2em;
	}
	#navigation li a {
		display: block;
		padding: 5px 0;
		text-align: center;
		font-weight: bold;
	}
	#navigation a.active {
		background: #c3c3c3;
	}
	#calculator .resultpanel {
		float: none;
		padding: 0;
		border: 0;
	}
	.listright { /* Ads */
		width: 100%;
	}
	
	#calcads .company-adThumbnail {		    
	    width: auto;
	}
	
	.shippingdate .calcareacontent {
		padding: 10px 0;
	}
	
	.shippingdate .optionheader {
		padding: 0 10px;
	}	
	
	#calendarCanvas {
        width: 278px;
	    background: transparent;
	    margin: 0 auto;
	    position: relative;				
	}
	
	#calendarCanvas #monthPrev,
	#calendarCanvas #monthNext {
        height: 25px;
        width: 25px;
	    position: absolute;
	    top: 13px;
	    left: -10px;    
	}			
		
	#calendarCanvas #monthNext {
	    left: 263px;
	}	
	    
    #calendarCanvas  .datepicker {
	    width: auto;
	    float: none;	    			
	}
	
	#calendarCanvas  .ui-datepicker {
	    margin: 0 auto;
	    width: 224px;
	}
	
	#calendarCanvas .datepicker .ui-datepicker-header {
		width: 222px;
	}
	
	#dateLegend,
	#shippingExtraInfo {
	  float: none;
	  width: auto;
	  padding-left: 10px;
	  padding-right: 10px;
	}
	
	#calculator .resultpanel .colLeft,
	#calculator .resultpanel .colRight {
		float: none;			
	}
}



form div.mandatoryInfo {
	margin-top: 20px;
	font-style: italic;
	color: #999;
}

form span.notMandatory {
	margin-left: 5px;
	display: none;
}

form span.mandatory {
	margin-left: 5px;
}

/* ADCAMPAIGN */
.adcampaignOverview {
	padding-top: 0;
}

.adcampaignOverview .widget {
	margin-bottom: 0;
}

.campaign {
	
}

.campaign .pagedetails {
	float: left;
	width: 283px;
	height: 200px;
	position: relative;
	background: transparent url(/images/adcampaign-layout.gif) no-repeat;
}

.campaign .soldoutCampaign {
	float: left;
	width: 283px;
	height: 200px;
	position: absolute;
	z-index: 10;
	background: transparent url(/images/calculator/ausgebucht_12.png)
		no-repeat;
}

.campaign .secretCampaign {
	width: 141px;
	height: 198px;
	z-index: 15;
	margin-left: 140px;
	background: transparent url(/images/calculator/secret_ad.png) no-repeat;
	background-position: 1px 1px;
}

.campaign .pagedetailsContainer {
	float: left;
	width: 283px;
	height: auto;
	margin-top: -15px;
}

.campaign .pagedetailsContainer .pagedetails {
	float: none;
	margin-bottom: 20px;
}

.adslist .campaign .pagedetails {
	margin-right: 10px;
}

.campaign .pagedetails img {
	position: absolute;
	border: 1px dotted #000;
	background: transparent;
}

.campaign .pagedetails.cover img,.campaign .pagedetails.cover_sw img {
	width: 142px;
	height: 198px;
	left: 0;
	top: 0;
}

.campaign .pagedetails.quarter_page_portrait img,.campaign .pagedetails.quarter_page_portrait_sw img
	{
	width: 35px;
	height: 198px;
	left: 139px;
	top: 0;
}

.campaign .pagedetails.quarter_page_landscape img,.campaign .pagedetails.quarter_page_landscape_sw img
	{
	width: 142px;
	height: 48px;
	left: 139px;
	top: 103px;
}

.campaign .pagedetails.quarter_page_landspace_double img, .campaign .pagedetails.quarter_page_landspace_double_sw img {
	width: 281px;
	height: 48px;
	left: 0px;
	top: 151px;
}

.campaign .pagedetails.din_a6_portrait img,.campaign .pagedetails.din_a6_portrait_sw img
	{
	width: 71px;
	height: 102px;
	left: 139px;
	top: 0;
}

.campaign .pagedetails.din_a5_landscape img,.campaign .pagedetails.din_a5_landscape_sw img
	{
	width: 142px;
	height: 102px;
	left: 139px;
	top: 0;
}

.campaign .pagedetails.din_a5_landscape_double img,.campaign .pagedetails.din_a5_landscape_double_sw img
	{
	width: 281px;
	height: 102px;
	left: 0;
	top: 0;
}

.campaign .pagedetails.din_a4_u2 img,
.campaign .pagedetails.din_a4_u2_sw img {
	width: 142px;
	height: 198px;
	left: 0;
	top: 0;
}
.campaign .pagedetails.din_a4_u3 img,
.campaign .pagedetails.din_a4_u3_sw img,
.campaign .pagedetails.din_a4_u4 img,
.campaign .pagedetails.din_a4_u4_sw img {
	width: 142px;
	height: 198px;
	left: 139px;
	top: 0;
}
.campaign .pagedetails.din_a3_landscape img,
.campaign .pagedetails.din_a3_landscape_sw img { 
	width: 281px; 
	height: 198px; 
	left: 0; 
	top: 0;
}
.campaign .pagedetails.din_a4_portrait img,.campaign .pagedetails.din_a4_portrait_sw img
	{
	width: 142px;
	height: 198px;
	left: 139px;
	top: 0;
}

.campaign .pagedetails.din_a3_landscape img,.campaign .pagedetails.din_a3_landscape_sw img
	{
	width: 281px;
	height: 198px;
	left: 0;
	top: 0;
}

.campaign .pagedetails.business_card {
	background: none;
	height: 100px;
}

.campaign .pagedetails.business_card img {
	width: 140px;
	height: 86px;
	left: 0;
	top: 0;
	border-style: solid;
}

.campaign .content {
	float: right;
	width: 600px;
}

table.stats {
	margin-bottom: 20px;
	border: 0;
	width: 100%;
}

table.stats tr.open th,table.stats tr.open {
	background: #67CBE4;
}

table.stats tbody th {
	text-align: left;
	padding: 0 5px;
	width: 25%;
}

table.stats tbody td {
	text-align: center;
	padding: 0 5px;
	width: 25%;
}

table.stats tbody td.currency {
	text-align: right;
}

.restriction {
	clear: left;
}
.restriction .group {
	display: inline-block;
	float: left;
	margin-right: 10px; 
	margin-bottom: 10px;
}
.restriction--value {
	width: 200px !important;
}
.triggerAddRestriction, .triggerRemoveRestriction {
	padding-top: 0px !important;
	margin-top: 0px !important;	
}
.triggerAddRestriction {
	padding-right: 10px;
}
.g_maxPublishmentsAllowed {
	clear:both;
	padding-top: 15px;
}

.campaign.hasColor .action .campaignColor {
	display: none;
}

.campaign.hasColor .group.campaignColor {
	display: block;
}

.campaign.hasColor .pagedetailsContainer .campaignColor {
	display: block;
}

.campaign.noColor .action .campaignColor {
	display: block;
}

.campaign.noColor .group.campaignColor {
	display: none;
}

.campaign.noColor .pagedetailsContainer .campaignColor {
	display: none;
}

.campaign.hasBW .action .campaignBW {
	display: none;
}

.campaign.hasBW .group.campaignBW {
	display: block;
}

.campaign.hasBW .pagedetailsContainer .campaignBW {
	display: block;
}

.campaign.noBW .action .campaignBW {
	display: block;
}

.campaign.noBW .group.campaignBW {
	display: none;
}

.campaign.noBW .pagedetailsContainer .campaignBW {
	display: none;
}

.campaign.hasColor.hasBW .group.campaignColor span.bluebutton {
	display: block;
}

.campaign.hasColor.hasBW .group.campaignBW span.bluebutton {
	display: block;
}

.campaign.hasColor.noBW .group.campaignColor span.bluebutton {
	display: none;
}

.campaign.noColor.hasBW .group.campaignBW span.bluebutton {
	display: none;
}

.campaign .group {
	position: relative;
}

/* SIDEBAR */
.team .member .photo {
	display: block;
	float: left;
	width: 60px;
	height: 84px;
	margin-right: 10px;
	background: transparent url(/images/team/photos-60.jpg) no-repeat;
	background-size: 60px;
	background-position: 0 0;
}

.team .member.p-schwarz .photo {
	background-position: 0 -258px;
}

.team .member.j-hueller .photo {
	background-position: 0 -165px;
	height: 91px;
}

.team .member.d-meisch .photo {
	background-position: 0 0;
}

.team .member.h-schwarz .photo {
	background-position: 0 -85px;
	height: 80px;
}

#cboxClose {
	display: none !important;
}

#greetingform div.radioContainer {
	width: 164px;
	height: 75px;
	padding: 10px;
	padding-top: 55px;
	margin-right: 10px;
	border: 1px solid #999999;
	float: left;
	position: relative;
	background: #fff;
}

#greetingform div.radioContainer:last-child {
	margin: 0;
}

#greetingform div.radioContainer.selected {
	background: #ddf0f6;
}

#greetingform div.radioContainer label {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 184px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
}

#greetingform div.radioContainer.TEXT_AND_IMAGE label,#greetingform div.radioContainer.TEXT_ONLY label
	{
	padding-top: 112px;
	background: transparent url(/images/greeting/type_text_image.png)
		no-repeat;
	background-position: 54px 10px;
}

#greetingform div.radioContainer.TEXT_ONLY label {
	background-image: url(/images/greeting/type_text.png);
}

#greetingform div.radioContainer.DONATION_ONLY label {
	padding-left: 30px;
	padding-top: 45px;
	text-align: left;
	width: 154px;
}

#greetingform div.DONATION_ONLY {
	margin-right: 0;
}

#greetingform .formContainer.image {
	
}

#greetingform .formContainer.image .image {
	float: left;
}

#greetingform .formContainer.image .image .container {
	width: 168px;
	height: 148px;
	border: 1px solid #cccccc;
	padding: 10px;
	background: #f5f5f5 url(/images/greeting/upload.png) no-repeat;
	background-position: center center;
	text-align: center;
	position: relative;
}

#greetingform .formContainer.image .image .container button {
	position: absolute;
	width: 168px;
	bottom: 10px;
	left: 10px;
}

#greetingform .formContainer.image .text {
	float: right;
}

#greetingform .formContainer.image .text textarea {
	width: 360px;
	height: 158px;
	border: 1px solid #cccccc;
	padding: 5px;
	resize: none;
}

#greetingform .formContainer.text {
	
}

#greetingform .formContainer.text .image {
	display: none;
}

#greetingform .formContainer.text .text {
	float: none;
}

#greetingform .formContainer.text .text textarea {
	width: 565px;
	height: 158px;
	border: 1px solid #cccccc;
	padding: 5px;
}

#donateform div.bank {
	float: left;
	width: 300px;
}

#donateform div.personal {
	float: right;
}

#donateform .group {
	margin-top: 5px;
}

#donateform .group label {
	display: block;
}

#donateform .group input {
	
}

#donateform .group.g_directDebit {
	position: relative;
	height: 70px;
}

#donateform .group.g_directDebit input {
	width: auto;
}

#donateform .group.g_directDebit label {
	position: absolute;
	display: block;
	line-height: 12px;
	width: 250px;
	top: 4px;
	left: 20px;
}

#donateform .group.g_donation {
	background: #DDF0F6;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 0;
}

#donateform .group.g_donation label {
	display: inline;
}

#donateform .group.g_donation input {
	width: 80px;
	margin-left: 10px;
	text-align: right;
}

.col_main .widgetcontent.greetingDone {
	width: 430px;
	min-height: 405px;
	padding-left: 170px;
	background-repeat: no-repeat;
	background-image: url(/images/greeting/done.png);
	background-position: 30px 30px;
}

.greetings {
	min-height: 400px;
}

.greetings .group.greeting {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #67CBE4;
}

.greetings .group.greeting:last-child {
	border: none;
	margin: 0;
	padding: 0;
}

.greetings .group.greeting .from {
	float: left;
}

.greetings .group.greeting .donation {
	float: right;
}

.greetings .group.greeting .text {
	float: left;
	margin-top: 10px;
}

.greetings .group.greeting .text.info {
	float: none;
	font-style: italic;
}

.greetings .group.greeting .image {
	width: 100px;
	height: 100px;
	border: 1px solid silver;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

ul.navigation li { }
	ul.navigation li.active { font-weight: bold; }
	ul.navigation li ul { margin-left: 30px; }
	ul.navigation li.active ul li { font-weight: normal; }

/* Member Overview */
table.offerOverview,
table.reservationOverview {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
}

	table.offerOverview td,
	table.reservationOverview td {
		overflow: hidden;
		margin: 0;
		float: none;
	}
	
		table.offerOverview .col1 { width: 71px; }
		table.offerOverview .col2 { width: 57px; }
		table.offerOverview .col3 { width: 76px; }
		table.offerOverview .col4 { width: 138px; }
		table.offerOverview .col5 { width: 117px; }
		
		table.offerOverview td.col1 { }
		table.offerOverview td.col2 { text-align: right; }
		table.offerOverview td.col3 { }
		table.offerOverview td.col4 { }
		table.offerOverview td.col5 { white-space: nowrap; }
	
		table.toolOverview .col1 { width: 265px; }
		table.toolOverview .col2 { width: 60px; }
		table.toolOverview .col3 { width: 80px; }
		table.toolOverview .col4 { width: 100px; }

		table.reservationOverview .col1 { width: 105px; }
		table.reservationOverview .col2 { width: 80px;}
		table.reservationOverview .col3 { width: 80px; }
		table.reservationOverview .col4 { width: 198px; }
		table.reservationOverview .col5 { width: 120px; }

	table.toolOverview thead tr,
	table.offerOverview thead tr,
	table.reservationOverview thead tr {
		zoom: 1;
		border: 1px solid #cccccc;
		background: #f1f1f1;
		background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f0f0f0) ); /* Safari 4-5, Chrome 1-9 */
		background: -webkit-linear-gradient(top, #f7f7f7, #f0f0f0);
		/* Safari 5.1+, Chrome 10+ */
		background: -moz-linear-gradient(top, #f7f7f7, #f0f0f0);
		/* Firefox 3.6+ */
		background: -ms-linear-gradient(top, #f7f7f7, #f0f0f0); /* IE 10 */
		background: -o-linear-gradient(top, #f7f7f7, #f0f0f0); /* Opera */
		background: linear-gradient(top, #f7f7f7, #f0f0f0); /* W3C */
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#f7f7f7", endColorStr="#f0f0f0" ); /* IE 7+ */
	}
	
	table.offerOverview thead th,
	table.toolOverview thead tr,
	table.reservationOverview thead th {
		padding: 5px 10px;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		color: #777777;
	}

	table.offerOverview tbody tr,
	table.toolOverview tbody tr,
	table.reservationOverview tbody tr { background: #fbfbfb; }
	
	table.offerOverview tbody tr:nth-child(2n),
	table.toolOverview tbody tr:nth-child(2n),
	table.reservationOverview tbody tr:nth-child(2n) { background: #f6f6f6; }

	table.offerOverview tbody td,
	table.toolOverview tbody td,
	table.reservationOverview tbody td {
		padding: 5px 10px;
		vertical-align: middle;
		text-align: center;
		font-weight: normal;
		border: 1px solid #cccccc;
	}

	table.offerOverview tbody td.state_ordered { background: #ff9999; }
	table.offerOverview tbody td.state_ordered_files { background: #e3eeb2; }
	
	table.toolOverview tbody td.state_todos { background: #ff9999; }
	table.toolOverview tbody td.state_finished { background: #e3eeb2; }
	
	table.reservationOverview tbody td.col4 a {
		background: transparent url(/images/icons/trashcan.png) no-repeat;
		background-position: 0 0;
		padding-left: 20px;
	}

#offerState { position: relative; }
	#offerState .nextStep {
		padding-left: 100px;
	}

	#offerState .stateType {
		width: 222px;
		height: 36px;
		padding-top: 2px;
		position: absolute;
		background: transparent url(/images/az_progressbar/az_progressgroup.png) no-repeat;
		background-position: 0 0;
		text-align: center;
	}
		#offerState .stateType.typeClient { 
			top: 0;
			left: 13px;
			width: 331px;
			background-image: url(/images/az_progressbar/az_progressgroup_big.png); 
		}
		#offerState .stateType.typePrintingplant {
			top: 0;
			right: 13px;
		}
	
	#offerState .stateLevel {
		position: relative;
		background: transparent url(/images/az_progressbar/az_progressbar_0.png) no-repeat;
		background-position: 0 35px;
		height: 130px;
	}
		#offerState .stateLevel.level10 { background-image: url(/images/az_progressbar/az_progressbar_1.png); }
		#offerState .stateLevel.level20 { background-image: url(/images/az_progressbar/az_progressbar_1.png); }
		#offerState .stateLevel.level25 { background-image: url(/images/az_progressbar/az_progressbar_2.png); }
		#offerState .stateLevel.level30 { background-image: url(/images/az_progressbar/az_progressbar_3.png); }
		#offerState .stateLevel.level40 { background-image: url(/images/az_progressbar/az_progressbar_3.png); }
		#offerState .stateLevel.level41 { background-image: url(/images/az_progressbar/az_progressbar_3.png); }
		#offerState .stateLevel.level42 { background-image: url(/images/az_progressbar/az_progressbar_3.png); }
		#offerState .stateLevel.level43, #offerState .stateLevel.level44, #offerState .stateLevel.level45 { background-image: url(/images/az_progressbar/az_progressbar_4.png); }
		#offerState .stateLevel.level47 { background-image: url(/images/az_progressbar/az_progressbar_4.png); }
		#offerState .stateLevel.level48 { background-image: url(/images/az_progressbar/az_progressbar_4.png); }
		#offerState .stateLevel.level49 { background-image: url(/images/az_progressbar/az_progressbar_4.png); }
		#offerState .stateLevel.level50 { background-image: url(/images/az_progressbar/az_progressbar_5.png); }
		#offerState .stateLevel.level55 { background-image: url(/images/az_progressbar/az_progressbar_6.png); }
		#offerState .stateLevel.level100 { background-image: url(/images/az_progressbar/az_progressbar_99.png); }

#offerState .stateLevel div {
	position: absolute;
	font-size: 11px;
	top: 76px;
	text-align: center;
	line-height: 12px;
}

#offerState .stateLevel div.level1 {
	left: 0;
}
	#offerState .stateLevel.level10 div.level1,
	#offerState .stateLevel.level20 div.level1 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel div.level2 {
	left: 104px;
}
	#offerState .stateLevel.level25 div.level2 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel div.level3 {
	left: 198px;
	width: 75px;
}
	#offerState .stateLevel.level30 div.level3,
	#offerState .stateLevel.level40 div.level3,
	#offerState .stateLevel.level41 div.level3,
	#offerState .stateLevel.level42 div.level3 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel div.level4 {
	right: 180px;
	width: 108px
}
	#offerState .stateLevel.level45 div.level4,
	#offerState .stateLevel.level47 div.level4,
	#offerState .stateLevel.level48 div.level4,
	#offerState .stateLevel.level49 div.level4 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel div.level5 {
	right: 100px;
}
	#offerState .stateLevel.level50 div.level5 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel div.level6 {
	right: 0;
}
	#offerState .stateLevel.level55 div.level6 { color: #27a5cd; font-size: 12px; font-weight: bold; }

#offerState .stateLevel.level10 div.level1 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level20 div.level1 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level25 div.level2 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level30 div.level3 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level40 div.level3 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level45 div.level4 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level50 div.level5 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}

#offerState .stateLevel.level55 div.level6 {
	font-size: 12px;
	font-weight: bold;
	color: #27a5cd;
}



.hint {
	font-style: italic;
	font-size: 12px;
}

.longlabelHint {
	font-size: 12px;
	color: #666666;
	margin-left: 27px;
}


/* =============================================================================
   Fileupload
   ========================================================================== */

.files .progress { width: 230px; }
table .files td { margin: 0; float: none; }
table .files td.name span,
table .files td.name a {
	display: block;
	line-height: 20px;
	max-width: 270px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table .files td.name span.date {
	line-height: 9px;
	font-size: 9px; 
}

table .files .template-upload td.name span,
table .files .template-upload td.name a {
	line-height: 30px;
}

table .files td.error { padding-top: 10px; border-top: 1px solid #dddddd; }
table .files td.col1 { width: 32px; }
table .files td.col2 span { max-width: 260px; display: inline-block; overflow: hidden; text-overflow: ellipsis; }
table .files td.col4 { width: 75px; line-height: 30px; }
table .files td.size { text-align: right; }
table .files td.col5 { width: 120px; text-align: right; }
table .files td.col6 { width: 15px; line-height: 30px; }

table.detailInfo { width: 100%; }
table.detailInfo td { border: 0 none; }

.btn-success {
	background-color: #a2c800;
	background-image: -moz-linear-gradient(top, #a2c800, #81a202);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a2c800), to(#81a202) );
	background-image: -webkit-linear-gradient(top, #a2c800, #81a202);
	background-image: -o-linear-gradient(top, #a2c800, #81a202);
	background-image: linear-gradient(to bottom, #a2c800, #81a202);
	background-repeat: repeat-x;
	border-color: #6b8702;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa2c800', endColorstr='#ff81a202', GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false );
	color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	background-color: #6b8702;
	background-image: none;
	color: #fff !important;
}



.btn-primary {
	background-color: #28afdb;
	background-image: -moz-linear-gradient(top, #28afdb, #1e8fb3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#28afdb), to(#1e8fb3) );
	background-image: -webkit-linear-gradient(top, #28afdb, #1e8fb3);
	background-image: -o-linear-gradient(top, #28afdb, #1e8fb3);
	background-image: linear-gradient(to bottom, #28afdb, #1e8fb3);
	background-repeat: repeat-x;
	border-color: #116988;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28afdb', endColorstr='#ff1e8fb3', GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false );
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #116988;
	background-image: none;
}

.btn.inactive,
.btn.disabled {
	color: #666 !important;
	border-color: #888 !important;
	background: #ccc !important;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
}
.btn.disabled,
.btn[disabled] {
	opacity: 1 !important;
}

.progress { margin-bottom: 0; }
.fileupload-progress.fade { display: none; }
.fileupload-progress.in { display: block; }



.hintblock {
	padding-left: 37px;
	margin-top: 15px;
	position: relative;
	min-height: 33px;
}

	.hintblock em {
		display: inline-block;
		width: 37px;
		height: 33px;
		position: absolute;
		left: 0;
		top: 0;
		background: transparent;
		background-repeat: no-repeat;
		background-position: -10px 0;
		background-image: url(/i/icons/az_om_customer_sprite.png);
	}

.hintblock--subtle {
	padding-left: 25px;
}
.hintblock--subtle .hintblock__icon--info {
	height: 30px;
	background-position: -10px -92px;
}


/* =============================================================================
   Approvalfile
   ========================================================================== */
.approvalSuccess,
.approvalFailed {
	width: 270px;
	float: left;
}
	.approvalFailed {
		float: right;
		width: 260px;
		padding-left: 20px; 
		border-left: 1px solid #ddd; 
	}
		.approvalFailed textarea { width: 240px; height: 90px; resize: none; }
		.approvalFailed span.errorMsg { display: none; }
		.approvalFailed button { margin-top: 10px; }
			.approvalFailed.error p { color: #222; }
			.approvalFailed.error textarea { border-color: #c00; }
			.approvalFailed.error span.errorMsg { 
				display: block;
				padding-left: 15px;
				background: transparent url(/i/icons/az_om_customer_sprite.png) no-repeat; 
				background-position: -10px -231px;
			}

.approvalSuccess h4,
.approvalFailed h4 {
	padding-left: 25px;
	background: transparent url(/i/icons/az_om_customer_sprite.png) no-repeat;
	margin-bottom: 10px;
}
	.approvalSuccess h4 { background-position: -10px -256px; }
	.approvalFailed h4 { background-position: -10px -286px; }


/* =============================================================================
   Message
   ========================================================================== */

.messageItem {
	width: 400px;
	margin-bottom: 30px;
}
.messageItem:last-child { margin-bottom: 0; }
	.messageItem.messageFromMe { }
	.messageItem.messageToMe { margin-left: 180px; text-align: right; }
	.messageItem.messageFromAdmin { margin-left: 180px; text-align: right; }
	.messageItem.messageFromCustomer { margin-left: 180px; text-align: right; }

	.messageItem span.sender {
		color: #666;
		text-align: inherit;
		font-size: 12px;
		padding: 0 20px;
	}
	.messageItem p.messageBubble {
		position: relative;
		border: 1px solid #bbb;
		padding: 15px 20px;
		text-align: left;
		
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-khtml-border-radius: 15px;
		border-radius: 15px;
		
		-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
		box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
	}
	.messageItem p.messageBubble:after {
		content: " ";
		display: block;
		position: absolute;
		bottom: -8px;
		width: 17px;
		height: 9px;
		background: red;
	}
		.messageItem.messageFromMe p.messageBubble { background: #e2eeb0; }
		.messageItem.messageFromMe p.messageBubble:after {
			background: url(/images/icons/message_from_me.gif) no-repeat;
			left: 3px;
		}
		.messageItem.messageToMe p.messageBubble { background: #def0f6; }
		.messageItem.messageToMe p.messageBubble:after {
			background: url(/images/icons/message_to_me.gif) no-repeat;
			right: 3px;
		}

		.messageItem.messageFromPrintshop p.messageBubble { background: #fff; }
		.messageItem.messageFromPrintshop p.messageBubble:after {
			background: url(/images/icons/message_from_printshop.gif) no-repeat;
			left: 3px;
		}
		.messageItem.messageFromCustomer p.messageBubble { background: #e2eeb0; }
		.messageItem.messageFromCustomer p.messageBubble:after {
			background: url(/images/icons/message_from_customer.gif) no-repeat;
			right: 3px;
		}
		.messageItem.messageFromAdmin p.messageBubble { background: #def0f6; }
		.messageItem.messageFromAdmin p.messageBubble:after {
			background: url(/images/icons/message_to_me.gif) no-repeat;
			right: 3px;
		}

	span.messageCounter {
		background: #67cbe4;
		padding: 2px 5px 1px 5px;
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		border-radius: 8px;
	}

	form .g_receiver { margin-top: 10px; }
		form .g_receiver label { width: 85px; display: inline-block; }
		form .g_receiver.grouperror select#F_receiver { border-color: #c00; }

	form .g_subject { margin-top: 5px; }
		form .g_subject label { width: 85px; display: inline-block; }
		form .g_subject select#F_subject { width: 50%; }
		form .g_subject.grouperror select#F_subject { border-color: #c00; }

	form .g_message { margin-top: 10px; }
		form .g_message textarea#F_message { width: 75%; height: 100px; resize: none; }
		form .g_message.grouperror textarea#F_message { border-color: #c00; }
		
	form > div.error {
		padding-left: 15px;
		background: transparent url(/i/icons/az_om_customer_sprite.png) no-repeat; 
		background-position: -10px -231px;
		font-size: 12px;
		line-height: 21px;
	}
	form > div.approvalFailed.error {
		background: none;
	}
	
	form button[name='messageSuccess'] { margin-top: 10px; }
	
/* =============================================================================
   Checklist
   ========================================================================== */
.checklistAdcampain,
.checklistColorpage {
	width: 280px;
	float: left;
}
.checklistColorpage { float: right; }

	.checklistFlags h4 > em,
	.checklistAdcampain h4 > em,
	.checklistColorpage h4 > em {
		display: inline-block;
		margin-right: 5px;
		font-weight: bold;
	}
	
	.checklistFlags .notCompleted,
	.checklistAdcampain .notCompleted,
	.checklistColorpage .notCompleted {
		border-color: #cc0000;
	}

	.checklistAdcampain2,
	.checklistColorpage2 {
		width: auto;
		float: none;
	}

	.checklistAdcampain > p,
	.checklistColorpage > p {
		/*min-height: 85px;*/
	}
	.checklistAdcampain2 > p,
	.checklistColorpage2 > p {
		min-height: 0;
	}
	.checklistAdcampain p.info,
	.checklistColorpage p.info {
		font-size: 12px;
		color: #999;
		line-height: 16px;
	}
	.checklistAdcampain table,
	.checklistColorpage table { margin-bottom: 10px; width: 100%; }
		.checklistAdcampain table th,
		.checklistColorpage table th { text-align: left; }
		.checklistAdcampain table tr,
		.checklistColorpage table tr { border-bottom: 1px solid #fff; }
		.checklistAdcampain table td,
		.checklistColorpage table td { padding: 5px; background: #DDF0F6; }
		.checklistAdcampain table td label {
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0;
		}
		.checklistColorpage table td label { 
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0; 
		}

	.checklistColorpage textarea {
		width: 255px;
		height: 79px;
		resize: none; 
	}
	.checklistColorpage2 textarea {
		width: 555px;
		height: 50px;
	}
	
.checklistFlags .fieldGroup { 
	position: relative;
	padding-left: 20px; 
}
	.checklistFlags .fieldGroup label { display: inline-block; }
	.checklistFlags .fieldGroup input { position: absolute; left: 0; top: 0; }
	.checklistFlags div.alert { display: none; }
	.checklistFlags.checked.complete_false div.alert { display: block; }
	
form#calcform label { display: inline-block; }



.alert {
	padding: 13px 20px 13px 40px;
	color: #333;
	margin-bottom: 20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	.customAlert > h4,
	.alert > h4 {
		font-family: arial, sans-serif; 
		font-size: 14px; 
		font-weight: bold;
		font-style: normal;
		margin-bottom: 10px;
		margin-left: -30px;
		padding-left: 30px;
		
		background-color: transparent;
		background-image: url(/i/icons/az_om_customer_sprite.png);
		background-repeat: no-repeat;

	}

	/*
	This is pretty much the Bootstrap alert, used for areas
	where we don't have Bootstrap included.
	We really need to split up this stylesheet
	 */
	.customAlert {
		padding: 13px 20px 13px 40px;
		color: #333;
		margin-bottom: 20px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		background-color: #fcf8e3;
		border: 1px solid #fbeed5;
		border-radius: 5px;
	}

	.alert--info {
		box-shadow: 3px 5px 4px -3px rgba(0, 0, 0, 0.5);
	}
	.alert--info > h4 {
		background-position: -10px -122px;
		color: #c09853;
	}

	.alert.IDEAL_UPLOAD_SOON { border-color: #fbb450; background-color: #fbd98b; }
	.alert.REPRINT_ORDER_NEEDED_SOON { border-color: #fbb450; background-color: #fbd98b; }
	.alert.IDEAL_UPLOAD_TODAY { } /* bootstrap style - class .alert */
	.alert.REPRINT_ORDER_TODAY { } /* bootstrap style - class .alert */
	.alert.IDEAL_UPLOAD_MISSED { }  /* bootstrap style - class .alert-error */
	.alert.REPRINT_ORDER_MISSED { }  /* bootstrap style - class .alert-error */
		.alert.IDEAL_UPLOAD_SOON > h4 { background-position: -10px -92px; color: #986c2e; }
		.alert.REPRINT_ORDER_NEEDED_SOON > h4 { background-position: -10px -92px; color: #986c2e; }
		.alert.IDEAL_UPLOAD_TODAY > h4 { background-position: -10px -122px; } /* bootstrap style - class .alert */
		.alert.REPRINT_ORDER_TODAY > h4 { background-position: -10px -122px; } /* bootstrap style - class .alert */
		.alert.IDEAL_UPLOAD_MISSED > h4 { background-position: -10px -152px; } /* bootstrap style - class .alert-error */
		.alert.REPRINT_ORDER_MISSED > h4 { background-position: -10px -152px; } /* bootstrap style - class .alert-error */
		.alert.specialOffer > h4 { background-position: -10px -122px; }


/* FB Share button - works for A and SPAN tag */
a.fb-share-button,
span.fb-share-button {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 0px 5px 0px 23px;
	background-color: #eee;
	background-image: url(../images/icons/facebook-icon.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
	
	font-size: 12px;
	line-height: 18px;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
a.fb-share-button:hover {
	background-color: #ddd;
	border-color: #ccc;
}
span.fb-share-button {
	background-color: #fff;
	color: #999;
	font-style: italic;
	padding-left: 21px;
	background-image: url(../images/icons/facebook-icon-grey.gif);
	cursor: default;
}


div.info {
	font-size: 12px;
	color: #999;
}
	div.info sup {
		font-weight: bold; 
	}

@media screen and (max-width: 320px) {
	#logout {
		display: none;
	}
	
	body.loveabi #main div.widgetcontent.content > div:nth-child(1) {
		background-image: none !important;
		padding-left: 0 !important;
	}
	
	#quizform label {
		display: block;
		margin: 5px 0 0 0;
		width: 280px;
	}
	
	#quizform input { 
		width: 280px; 
		margin-right: 0;
		box-sizing: border-box; 
	}
	#quizform .g_zipcity input[name='zip'] { 
		display: block; 
	}
	#quizform .g_zipcity input[name='city'] {
		width: 280px;
	}
	#quizform .g_answer {}
		#quizform .g_answer div.field { position: relative; }
		#quizform .g_answer div.field input {
			position: absolute;
			left: 0;
			top: 3px;
		}
		#quizform .g_answer div.field label {
			padding-left: 20px;
		}
	#quizform .g_acceptGiveawayPackage { }
		#quizform .g_acceptGiveawayPackage div.field { position: relative; }
		#quizform .g_acceptGiveawayPackage div.field input { position: absolute; left: 0; top: 5px; }
		#quizform .g_acceptGiveawayPackage div.field label { padding-left: 20px; margin-top: 0; margin-bottom: 10px; }
	#quizform .g_acceptNewsletter { }
		#quizform .g_acceptNewsletter div.field { position: relative; }
		#quizform .g_acceptNewsletter div.field input { position: absolute; left: 0; top: 5px; }
		#quizform .g_acceptNewsletter div.field label { padding-left: 20px; margin-top: 0; margin-bottom: 10px; }
	#quizform .g_acceptInfos { }
		#quizform .g_acceptInfos div.field { position: relative; }
		#quizform .g_acceptInfos div.field input { position: absolute; left: 0; top: 5px; }
		#quizform .g_acceptInfos div.field label { padding-left: 20px; margin-top: 0; }
	
	.widgetcontent h3.overview {
		line-height: 22px;
		margin-bottom: 8px;  
	}
	
	.shadow {
		-moz-box-shadow: 0 0 0 #ccc;
		-webkit-box-shadow: 0 0 0 #ccc;
		box-shadow: 0 0 0 #ccc;
	}
}

.pressitems {

}
.pressitems li {
	margin-bottom: 40px;
}

.pressitems__headline {
	margin-bottom: 15px;
	font-size: 1.285714285714286em
}

.pressitems__pressdownload {
	margin-bottom: 30px;
	text-align: center;
}

/**
 * Utility classes
 */
.u-textSmaller {
	font-size: 12px;
}
.u-text-small {
	font-size: 14px;
}
.u-text-italic {
	font-style: italic;
}
.u-border-bottomblue {
	border-bottom: 10px solid #67cbe4;
}

.u-box-border {
	box-sizing: border-box;
}

.imageblock {}
.imageblock--center {
	text-align: center;
}

.imageblock__image {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;

}
.imageblock__body {

}


/** SAYT */

input.sayt--valid {
	color: green;
}
input.sayt--invalid {
	color: red;
}

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	} /* Black prints faster: sanbeiji.com/archives/953 */
	a,a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: "";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	} /* Don't show links for images, or javascript/internal links */
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	} /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}

/*! Copyright (c) 2014 Luke Haas | MIT License | https://github.com/lukehaas/css-loaders/blob/step2/LICENSE */

/*
The MIT License (MIT)

Copyright (c) 2014 Luke Haas

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.loader:before,
.loader:after,
.loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	margin: 8em auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	-webkit-animation-delay: 0.16s;
	animation-delay: 0.16s;
}
.loader:before {
	left: -3.5em;
}
.loader:after {
	left: 3.5em;
	-webkit-animation-delay: 0.32s;
	animation-delay: 0.32s;
}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em #27a5cd;
	}
	40% {
		box-shadow: 0 2.5em 0 0 #27a5cd;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em #27a5cd;
	}
	40% {
		box-shadow: 0 2.5em 0 0 #27a5cd;
	}
}