/* Font inclusion */

@font-face {font-family: 'FFMetaWebProNormal';src: url('webfonts/2F11B8_0_0.eot');src: url('webfonts/2F11B8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F11B8_0_0.woff2') format('woff2'),url('webfonts/2F11B8_0_0.woff') format('woff'),url('webfonts/2F11B8_0_0.ttf') format('truetype');}
@font-face {font-family: 'FFMetaWebProBold';src: url('webfonts/2F11B8_1_0.eot');src: url('webfonts/2F11B8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F11B8_1_0.woff2') format('woff2'),url('webfonts/2F11B8_1_0.woff') format('woff'),url('webfonts/2F11B8_1_0.ttf') format('truetype');}
@font-face {font-family: 'FFMetaWebProMedium';src: url('webfonts/2F11B8_2_0.eot');src: url('webfonts/2F11B8_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F11B8_2_0.woff2') format('woff2'),url('webfonts/2F11B8_2_0.woff') format('woff'),url('webfonts/2F11B8_2_0.ttf') format('truetype');}


/* Body Definition */
body {
	background-color:          #ffffff;
	margin:                    0;
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
	font-size:                 13px;
	overflow-y:                scroll;
}
td {
	font-size:                 13px;
}
img {
	border:                    0;
}

.clear {
	float: none;
	clear: both;
}

/* Relogin Restore */

div.tpl_restore_relogin {
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
	font-size:                 10px;
	font-weight:               bold;
	text-align:                right;
	color:                     #ffffff;
	background:                #000000;
	width:                     1200px;
	height:                    15px;
	margin-left:               -600px;
	padding:                   0 10px 0 0;
	position:                  absolute;
	top:                       0;
	left:                      50%;
	z-index:                   2;
	box-sizing:                border-box;
	-moz-box-sizing:           border-box;
	-webkit-box-sizing:        border-box;
}

div.tpl_restore_relogin a, div.tpl_restore_relogin a:link, div.tpl_restore_relogin a:visited, div.tpl_restore_relogin a:active, div.tpl_restore_relogin a:hover {
	color:                     #ffffff;
}

/* Title Container (rot) */

#tpl_titlecontainer {
	width: 100%;
	margin: 0;
	padding:0;
	background-color:          #d70a1e;
}

/* Title Box (rot) */

#tpl_titlebox {
	position:                  absolute;
	left:                      50%;
	top:                       0;
	margin-left:               -600px;
	width:                     1200px;
	height:                    115px;
	font-family:               'FFMetaWebProMedium', Verdana, Arial, sans-serif;
	font-size:                 13px;
	color:                     #ffffff;
	background-color:          #d70a1e;
	-moz-box-sizing:           border-box;
	-webkit-box-sizing:        border-box;
	box-sizing:                border-box;
	padding:                   20px 0 0 25px;
}

#tpl_titlebox #tpl_topnavi {
	position:                  absolute;
	left:                      296px;
	top:                       90px;
	background-color:          #d70a1e;
}

#tpl_titlebox #tpl_title {
	float:                     right;
	margin-top:                40px;
	font-weight:               normal;
}


#tpl_titlebox #tpl_topnavi ul {
	margin-top:                0;
	margin-left:               0;
	padding:                   0;
}

#tpl_titlebox #tpl_topnavi ul li {
	margin:                    0;
	padding:                   0 10px 0 0;
	list-style:                none;
	float:                     left;
	color:                     #ffffff;
}

#tpl_topnavi ul li a,
#tpl_topnavi ul li a:visited,
#tpl_titlebox #tpl_topnavi ul li a:active {
	color:                     #ffffff;
	text-decoration:           none;
}

#tpl_topnavi ul li a:hover {
	text-decoration:           underline;
}


#tpl_titlebox #tpl_topnavi ul li:before {
	padding-right:             10px;
	content:                   "| ";
}

#tpl_titlebox #tpl_topnavi ul li:nth-child(1):before {
	padding-right:             0;
	content:                   "";
}

#tpl_loggedin {
	position:                  absolute;
	right:                     10px;
	top:                       125px;
	font-size:                 10px;
	color:                     #888888;
}

#tpl_loggedin a,
#tpl_loggedin a:visited,
#tpl_loggedin a:active,
#tpl_loggedin a:focus,
#tpl_loggedin a:hover {
	color:                     #888888;
	text-decoration:           none;
}

#tpl_loggedin a:hover {
	text-decoration:           underline;
}




/* Hauptinhalt */

#tpl_main {
	position:                  absolute;
	width:                     1200px;
	left:                      50%;
	margin-left:               -600px;
	top:                       180px;
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
}

#tpl_left {
	position:                  absolute;
	left:                      0;
	top:                       0;
	width:                     23%;
	padding-left:              25px;
	padding-top:               10px;
	-moz-box-sizing:           border-box;
	-webkit-box-sizing:        border-box;
	box-sizing:                border-box;
	background-color:          #fff;
}

#tpl_right {
	position:                  absolute;
	right:                     0;
	top:                       0;
	width:                     76%;
	color:                     #888888;
	border-left:               2px dotted #ccc;
	-moz-box-sizing:           border-box;
	-webkit-box-sizing:        border-box;
	box-sizing:                border-box;
	padding-left:              10px;
	min-height:                600px;
}

div.tpl_divider {
	width:                     95%;
	/* border-top:                1px dotted #ccc; */
	padding-top:               6px;
	font-size:                 16px;
}

div.tpl_divider ul {
	padding:                   4px 0 2px 6px;
}

div.tpl_divider ul li {
	font-size:                 14px;
	line-height:               18px;
}

div.tpl_divider a, div.tpl_divider a:active,
div.tpl_divider a:visited, div.tpl_divider a:focus, div.tpl_divider span {
	color:                     #000000;
	text-decoration:           none;
	font-family:               'FFMetaWebProBold', Verdana, Arial, sans-serif;
	padding-bottom:            4px;
}

div.tpl_active, div.tpl_active a, div.tpl_active a:active,
div.tpl_active a:visited, div.tpl_active a:focus, div.tpl_active ul li,
div.tpl_active ul li a, div.tpl_active ul li a:active, div.tpl_active ul li a:visited {
	color:                     #d70a1e;
}

ul.tpl_menu li.tpl_active, ul.tpl_menu li.tpl_active a,
ul.tpl_menu li.tpl_active a:active, ul.tpl_menu li.tpl_active a:visited {
	color:                     #d70a1e;
}

ul.tpl_menu {
	margin-top:                0;
	margin-left:               0;
	padding:                   0;
}

ul.tpl_menu li, ul.tpl_menu li a,
ul.tpl_menu li a:active, ul.tpl_menu li a:visited {
	color:                     #888888;
	margin:                    0;
	list-style:                none;
	text-decoration:           none;
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
}

ul.tpl_menu li a:hover, div.tpl_divider a:hover {
	text-decoration:           underline;
}

h2 {
	font-family:               'FFMetaWebProBold', Verdana, Arial, sans-serif;
	font-size:                 20px;
	font-weight:               normal;
	color:                     #d70a1e;
	padding:                   0;
}

a, a:active, a:visited, a:focus {
	color:                     #d70a1e;
	text-decoration:           none;
}

a:hover {
	text-decoration:           underline;
}

td.calc-header b, td.admin-header b,
td.report-header b, td.wiki-header b, td.shop-header b,
td.workflow-header b, td.docselect-header b, div.admin-header b,
div.calc-header b, div.forms-header b, div.gallery-header b,
div.media-header b, div.report-header b,
div.shop-header b, div.wiki-header b, div.workflow-header b, div.webedit-header b {
	font-weight:               normal;
}

td.calc-header a, td.admin-header a,
td.report-header a, td.wiki-header a, td.shop-header a,
td.workflow-header a, td.docselect-header a, div.admin-header a,
div.calc-header a, div.gallery-header a,
div.media-header a, div.report-header a, div.shop-header a,
div.wiki-header a, div.workflow-header a, div.webedit-header a {
	color:                     #888888;
}

div.shop-detail span:after {
	content:                   '\A';
	white-space:               pre;
}

div.shop-detail span.icon:after {
	content:                   '';
	white-space:               normal;
}

.sysMsg b {
	font-weight:               normal;
}

.tblcell-form {
	padding-top:               5px;
}


/* Webeditor */
img.webeditpreview2 {
	height:                    150px;
}

.webedit-content, .webedit-documents {
	color:                     #000000;
}





/* Kalkulation */

div.calc-productdetail {
	background-color:          #888888;
	width:                     90px;
	height:                    90px;
	font-size:                 0em;
	color:                     transparent;
	border-radius:             90px;
	padding-top:               17px;
	-moz-box-sizing:           border-box;
	-webkit-box-sizing:        border-box;
	box-sizing:                border-box;
	overflow-x:                hidden;
	overflow-y:                hidden;
}

div.calc-productdetail-active {
	background-color:          #DD4433;
	cursor:                    pointer;
}







div.dropdown,
div.dropdownLarge,
input.fileField,
input.textField,
input.textFieldCity,
input.textFieldFlex,
input.textFieldLarge,
input.textFieldMid,
input.textFieldMid2,
input.textFieldMLarge,
input.textFieldSml,
input.textFieldSmlR,
input.textFieldStreet,
select.selectField,
select.selectFieldFlex,
select.selectFieldLarge,
select.selectFieldMid,
select.selectFieldMid2,
select.selectFieldMid3,
select.selectFieldMLarge,
select.selectFieldSml,
select.selectFieldTitle,
select.selectFieldVSml,
textarea.textareaField,
textarea.textareaFieldFlex,
textarea.textareaFieldLarge,
textarea.textareaFieldMid2,
textarea.textareaFieldMLarge,
textarea.textareaFieldVLarge
{
	background-color:          #EEEEEE;
	color:                     #000000;
	padding:                   6px 8px 6px 8px!important;
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
	font-size:                 13px;
	border:                    1px solid #ddd;
	-webkit-box-sizing:        border-box;
	-moz-box-sizing:           border-box;
	box-sizing:                border-box;
}

input[type=text], textarea {
	-webkit-transition:        all 0.30s ease-in-out;
	-moz-transition:           all 0.30s ease-in-out;
	-ms-transition:            all 0.30s ease-in-out;
	-o-transition:             all 0.30s ease-in-out;
	outline:                   none;
	border:                    1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
	box-shadow:                0 0 3px rgba(215, 10, 30, 1);
	border:                    1px solid rgba(215, 10, 30, 1);
}

input[readonly], textarea[readonly], select[readonly] {
	border:                    0;
	background-color:          #eae7dc;
	color:                     #000000;
}

input.required, select.required, textarea.required, input.required[readonly], textarea.required[readonly], select.required[readonly] {
	background-color:          #ffdddd;
}


input.textFieldSml {
	width:                     85px;
}

div.checkbox-required {
	border:                    0;
	background-color:          #ffdddd;
	padding-right:             20px;
}

select.selectFieldTitle {
	width:                     73px;
}

input.textFieldStreet {
	width:                     452px;
}

#selfregistertable input.textFieldStreet {
	width:                     212px;
}

input.textFieldCity {
	width:                     364px;
}

#selfregistertable input.textFieldCity {
	width:                     212px;
}



/* Placeholder-Texte in schwarz */
::-webkit-input-placeholder {
	color:                     #000000;
}
::-moz-placeholder {
	color:                     #000000;
}
:-ms-input-placeholder {
	color:                     #000000;
}
:-moz-placeholder {
	color:                     #000000;
}



/* Submit Buttons */

input.submitButton,
input.submitButtonLarge,
input.submitButtonMid,
input.submitButtonSml,
input.submitButtonVSml,
button.submitButton,
button.submitButtonLarge,
button.submitButtonMid,
button.submitButtonSml,
button.submitButtonVSml
{
	padding:                   6px 8px 6px 8px!important;
	font-family:               'FFMetaWebProNormal', Verdana, Arial, sans-serif;
	font-size:                 13px;
}





/* Responsive CSS */

@media all and (max-width: 1200px) {
	#tpl_titlebox, #tpl_main {
		width:                   100%;
		margin-left:             0;
		left:                    0;
	}
	#tpl_titlebox #tpl_claim {
		display:                 none;
	}
}

@media all and (max-width: 500px) {
	#tpl_titlebox #tpl_title {
		display:                 none;
	}
}











/* WEB-EDITOR Felder */
#f_editorialtitle {
	height:                    50px;
}
#f_editorialtext {
	height:                    350px;
}
#f_introtext, #f_herausforderung, #f_profil, #f_wirbieten, #f_bewerbung, #f_footer, .toppharmLarge {
	height:                    200px !important;
}

#webedit-navi-back, #webedit-navi-calc, #webedit-navtop-back, #webedit-navtop-next {
	font-size:                 18px;
	font-weight:               bold;
}

/* shop-336 */

.none {
	display:                   none !important;
}

div.productpreview {
	position:                  relative;
	float:                     right;
	width:                     300px;
	height:                    300px;
	margin-left:               20px;
}

div.productpreview.left {
	float:                     left;
	height:                    100%;
}

.productpreview span {
	display:                   block;
}

.productpreview img {
	border:                    1px solid black;
	max-width:                 99%;
	max-height:                99%;
}

.productpreview.wait img {
	padding:                   80px 30px;
}

div.wrapper-amountprice {
	margin:                    20px 0 0;
}

div.price,
div.addinfos {
	margin-top:                20px;
}

ul.amountlist {
	list-style-type:           none;
	padding:                   0;
	margin:                    0;
	width:                     300px;
}

ul.amountlist span {
	display:                   inline-block;
	text-align:                right;
}

ul.amountlist span.radio {
	width:                     21px;
}

ul.amountlist span.amount {
	width:                     65px;
}

ul.amountlist span.perex {
	width:                     100px;
}

ul.amountlist span.price {
	width:                     110px;
}

ul.amountlist .amount-ex {
	padding-left:              5px;
}

ul.amountlist .price-currency,
ul.amountlist .perex-currency {
	padding-right:             5px;
}

/* Campaign Archive */

div.archive-campaign span.name {
	height:                    20px;
}

ul.overview-list li span:not(.icon) {
	vertical-align:            middle !important;
}




/* Buchmontage */
#booklets-gridpage .booklets-searchform input.textField,
#booklets-gridpage .booklets-searchform select.selectField,
#booklets-gridpage .booklets-searchform input.submitButton {
	width:                     200px;
}



/* Kalender */
img.calimage {
	margin-top:                5px;
}



/* unerwuenschte Bemerkungen */
#wrapper-output-address #wrapper-comment, #wrapper-output-userdef #wrapper-comment, #wrapper-output-order #wrapper-input, #wrapper-output-order #wrapper-addinfo {
	display:                   none !important;
}


input.is-invalid, select.is-invalid, textarea.is-invalid {
	color:                     #dc3545;
	border:                    1px solid #dc3545;
	background-image:          url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
	background-repeat:         no-repeat;
	background-position:       right 5px center;
	background-size:           1.2em 1.2em;
}

select.is-invalid {
	background-position:       right 15px center;
}

input.is-invalid, select.is-invalid, textarea.is-invalid {
	color:                     #dc3545;
	border:                    1px solid #dc3545;
	background-image:          url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1JyB2aWV3Qm94PScwIDAgMTIgMTInPjxjaXJjbGUgY3g9JzYnIGN5PSc2JyByPSc0LjUnLz48cGF0aCBzdHJva2UtbGluZWpvaW49J3JvdW5kJyBkPSdNNS44IDMuNmguNEw2IDYuNXonLz48Y2lyY2xlIGN4PSc2JyBjeT0nOC4yJyByPScuNicgZmlsbD0nI2RjMzU0NScgc3Ryb2tlPSdub25lJy8+PC9zdmc+);
	background-repeat:         no-repeat;
	background-position:       right 5px center;
	background-size:           1.2em 1.2em;
}

select.is-invalid {
	background-position:       right 15px center;
}