/* General */ 
.formcontainer {
	font-size: 180%;
	margin-top: 20px;
}

form, label, input, textarea, select, option {
	font-size: 100%;
    font-weight: 400;
}

form {
	width: 100%;
}

form h3 {
	font-size: 140% !important;
	margin-bottom: 0.75em;
	padding-bottom: 0.25em;
	width: 100%;
}

.smartphone form h3 {
	font-size: 120% !important;
	width: 100%;
}

label {
	line-height: 160%;
}

label small {
	font-size: 12px;
	position: relative;
	bottom: 4px;
	margin-left: 6px;
}

/* Formularelemente */
div[class^=column] label {
	display: block;
	line-height: 150%;
}

.input {
	border-collapse: separate;
	box-sizing: border-box;
	display: table;
	position: relative;
	width: 100%;
}

.input select {
	width: 100%;
}

.chosen-container-multi, .chosen-container-single {
	color: #000;
}

.input input, .input select, .input textarea, .chosen-container-multi .chosen-choices, .chosen-container-single .chosen-single {
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	box-sizing: border-box;
	color: #000;
	display: table-cell;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
	line-height: 137.5%;
	margin: 0;
	padding: 0.3em;
	width: 100%;
}

.input input:focus, .input textarea:focus {
	background-color: #f6f6f6;
    border: #aaa solid 1px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-moz-box-shadow   : 0 0 6px rgba(0, 0, 0, .2);
	-o-box-shadow     : 0 0 6px rgba(0, 0, 0, .2);
	box-shadow        : 0 0 6px rgba(0, 0, 0, .2);
}
.chosen-container-multi.chosen-container-active, .chosen-container-single.chosen-container-active {
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	-moz-box-shadow   : 0 0 6px rgba(0, 0, 0, .2);
	-o-box-shadow     : 0 0 6px rgba(0, 0, 0, .2);
	box-shadow        : 0 0 6px rgba(0, 0, 0, .2);
}
.chosen-container-multi.chosen-container-active .chosen-drop, .chosen-container-single.chosen-container-active .chosen-drop {
	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
	-moz-box-shadow   : 0 6px 6px rgba(0, 0, 0, .2);
	-o-box-shadow     : 0 6px 6px rgba(0, 0, 0, .2);
	box-shadow        : 0 6px 6px rgba(0, 0, 0, .2);
}
.chosen-container-multi.chosen-container-active.drop-up .chosen-drop, .chosen-container-single.chosen-container-active.drop-up .chosen-drop {
	-webkit-box-shadow: 0 -6px 6px rgba(0, 0, 0, .2);
	-moz-box-shadow   : 0 -6px 6px rgba(0, 0, 0, .2);
	-o-box-shadow     : 0 -6px 6px rgba(0, 0, 0, .2);
	box-shadow        : 0 -6px 6px rgba(0, 0, 0, .2);
}
.chosen-container-multi.chosen-container-active .chosen-choices, .chosen-container-single.chosen-container-active .chosen-single,
.chosen-container-multi.chosen-container-active .chosen-results, .chosen-container-single.chosen-container-active .chosen-results {
	/*background-color: #f6f6f6;*/
	border-color: #aaa;
}

.input textarea {
	line-height: 125%;
	padding: .25em .25em;
}

/* Buttons */
.button, input[type=submit], input[type=button] {
	background-color: green;
	background-image: url('../images/icons/submit.png');
	background-position: right 12px top -92px;
	background-position-x: 92%;
	background-position-y: -93px;
	background-repeat: no-repeat;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	float: right;
	line-height: 200%;
	padding: 0 2.5em 0 1em;
	text-align: left;
	width: auto;
}
.button:hover, input[type=submit]:hover, input[type=button]:hover,
.button:hover, input[type=submit]:focus, input[type=button]:focus {
	background-color: #295605;
}

.ie8 .button:hover, .ie8 input[type=submit]:hover, .ie8 input[type=button]:hover,
.ie8 .button:hover, .ie8 input[type=submit]:focus, .ie8 input[type=button]:focus {
	background-color: #295605;
}

.smartphone input[type=submit], .tablet input[type=submit] {
	background-position: right 12px top -95px;
}

/* Input Icons */
.input span {
	background-image: url('../images/icons/symbols_small.png');
	background-color: #ccc;
	border: #cdcdcd solid 1px;
	box-sizing: border-box;
	display: table-cell;
	width: 32px;
}
.smartphone .input span, .tablet .input span {
	width: 30px;
}

.input .chosen-container span {
	background-image: none;
	background-color: transparent;
	border: none;
	box-sizing: border-box;
	display: table-cell;
	width: auto;
}

.ie .input > span, .safari .input > span {
	border: 0;
}

.input span.email-icon {
	background-position: 7px -188px;
}
.input span.phone-icon {
	background-position: 7px -591px;
}
.input span.fax-icon {
	background-position: 7px -990px;
}
.input span.city-icon {
	background-position: 7px -1391px;
}
.input span.country-icon {
	background-position: 7px -1391px;
}
.input span.street-icon {
	background-position: 7px -1791px;
}
.input span.zipcode-icon {
	background-position: 7px -1791px;
}
.input span.name-icon {
	background-position: 7px -2191px;
}

.smartphone .input span.email-icon,
.tablet .input span.email-icon {
	background-position: 6px -191px;
}
.smartphone .input span.phone-icon,
.tablet .input span.phone-icon {
	background-position: 6px -593px;
}
.smartphone .input span.fax-icon,
.tablet .input span.fax-icon {
	background-position: 6px -992px;
}
.smartphone .input span.city-icon,
.tablet .input span.city-icon {
	background-position: 6px -1393px;
}
.smartphone .input span.country-icon,
.tablet .input span.country-icon {
	background-position: 6px -1393px;
}
.smartphone .input span.street-icon,
.tablet .input span.street-icon {
	background-position: 6px -1793px;
}
.smartphone .input span.zipcode-icon,
.tablet .input span.zipcode-icon {
	background-position: 6px -1793px;
}
.smartphone .input span.name-icon,
.tablet .input span.name-icon {
	background-position: 6px -2193px;
}

/* Checkbox, Radiobox */
label.checkboxcontainer, label.radioboxcontainer {
	color: #555;
    cursor: pointer;
	display: block;
    line-height: 177%;
    position: relative;
}

.privacy label.checkboxcontainer, .privacy label.radioboxcontainer {
	display: block;
}

#itemcontainer label.checkboxcontainer input + span, #itemcontainer label.radioboxcontainer input + span {
	top: 0;
}

label.checkboxcontainer input + span, label.radioboxcontainer input + span {
	cursor: pointer;
	display: block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 16px;
}
.tablet label.checkboxcontainer input + span, .tablet label.radioboxcontainer input + span {
	top: 5px;
}
.smartphone label.checkboxcontainer input + span, .smartphone label.radioboxcontainer input + span {
	top: 6px;
}

label.checkboxcontainer + span {
	top: 6px;
}

label.radioboxcontainer + span {
	top: 11px;
}

label.checkboxcontainer input[type="checkbox"] + span {
	background: url('/layout/images/icons/input.png') no-repeat;
	opacity: 0.75;
}

.largescreen label.checkboxcontainer input[type="checkbox"] + span {
	background-position: 0 0;
}

.ie8 label.checkboxcontainer input[type="checkbox"] + span {
	background: none;
}

label.checkboxcontainer.deactivated input[type="checkbox"] + span {
	opacity: 0.1;
	cursor: default;
}
label.checkboxcontainer.deactivated input[type="checkbox"]:hover + span {
	opacity: 0.1;
}
label.checkboxcontainer.deactivated input[type="checkbox"]:checked + span {
	opacity: 0.1;
}

label.checkboxcontainer:hover input[type="checkbox"] + span {
	opacity: 1;
}

label.checkboxcontainer input[type="checkbox"]:checked + span {
	background-position: 0 -100px;
	opacity: 1;
}

label.radioboxcontainer input[type="radio"] + span {
	background: url('/layout/images/icons/input.png') no-repeat 0 -297px;
	opacity: 0.75;
}

.ie8 label.radioboxcontainer input[type="radio"] + span {
	background: none;
}

label.radioboxcontainer:hover input[type="radio"] + span {
	opacity: 1;
}

label.radioboxcontainer input[type="radio"]:checked + span {
	background-position: 0 -397px;
	opacity: 1;
}

label.checkboxcontainer input[type="checkbox"], label.radioboxcontainer input[type="radio"] {
	opacity: 0;
	z-index: -1;
}

label.checkboxcontainer a {
	color: #000;
	text-decoration: none;
}

label.checkboxcontainer a:hover {
	text-decoration: underline;
}

label.checkboxcontainer input[type=checkbox]:focus + span {
	background-color: #aaa;
	-webkit-box-shadow: 0 0 5px #aaa, 0 0 10px #aaa;
	-moz-box-shadow   : 0 0 5px #aaa, 0 0 10px #aaa;
	-o-box-shadow     : 0 0 5px #aaa, 0 0 10px #aaa;
	box-shadow        : 0 0 5px #aaa, 0 0 10px #aaa;
}

.ie8 label.checkboxcontainer input[type=checkbox]:focus + span,
.ie9 label.checkboxcontainer input[type=checkbox]:focus + span {
	background-color: transparent;
}

/* Mandatory / Required */
.mandatory, .required {
	font-weight: bold;
}
.mandatory:after, .required:after {
	color: #dd0000;
	content: ' *';
}

/* Form Error */
label.has-error {
	/*color: #dd0000;*/
}

.input.has-error input[type=text], .input.has-error input[type=email], .input.has-error input[type=date], .input.has-error input[type=time], .input.has-error input[type=tel], .input.has-error textarea, .chosen-container-multi.has-error .chosen-choices, .chosen-container-single.has-error .chosen-single {
	border-color: #dd0000;
	box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
}
.input.has-error input[type=text]:focus, .input.has-error input[type=email]:focus, .input.has-error input[type=date]:focus, .input.has-error input[type=time]:focus, .input.has-error input[type=tel]:focus, .input.has-error textarea, .chosen-container-multi.has-error .chosen-choices:focus, .chosen-container-single.has-error .chosen-single:focus {
	border-color: #dd0000;
	box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 0 3px rgba(221, 0, 0, 0.1);
}

.checkboxcontainer.has-error, .radioboxcontainer.has-error {
	color: #dd0000;
}

.checkboxcontainer.has-error input + span, .checkboxcontainer.has-error input:focus + span {

}

.input + span.help-block, .checkboxcontainer + span.help-block, .radioboxcontainer + span.help-block, .chosen-container + span.help-block {
	color: #dd0000;
	display: block;
	font-size: 14px;
	line-height: 125%;
	margin-top: .5em;
}
.input + span.help-block:hover, .checkboxcontainer + span.help-block:hover, .radioboxcontainer + span.help-block:hover {
	color: #dd0000;
	text-decoration: none;
}

/* Spezifische Angaben */
.blockcontainer.brightbackground {
    background-color: #eee;
    margin-bottom: 3%;
    padding: 2%;
}

.smartphone .blockcontainer.brightbackground {
    padding: 4%;
}

.blockcontainer {
    margin: 0 0 1.5%;
    position: relative;
    width: 96%;
}

.smartphone .blockcontainer {
    width: 92%;
}

#itemcontainer .col-13 {
	padding: 0 0.5em;
}
#itemcontainer .col-13:first-child {
	padding: 0 1em 0 0;
}
#itemcontainer .col-13:last-child {
	padding: 0 0 0 1em;
}

.brightbackground {
    background-color: #fff;
}

#foundandsendform .halfcontainer {
	background: #f4f4f4;
	box-sizing: border-box;
	float: left;
	margin-right: 2.4%;
	padding: 15px;
	width: 100%;
}
#foundandsendform .halfcontainer:nth-child(odd) {
	margin-right: 0;
}

.item {
	background-color: #fff;
	border: 2px solid #fff;
	box-sizing: border-box;
	padding: 2.4%;
}
.item:after {
    content: '';
    display: block;
    clear: both;
}
.item:hover {
	background-color: #e5e5e5;
	border: 2px solid rgba(88, 88, 88, 0.1);
	cursor: pointer;
}
.item:hover p {
	color: #FF7E00;
}

.item.selected {
	background-color: #e5e5e5;
	border: 2px solid rgba(88, 88, 88, 0.1);
}

.item.selected p {
	color: #e87d00
}

.item .checkboxcontainer {
	margin: 0;
}

.item-icon {
	background-image: url('../images/icons/item-symbols.png');
	background-repeat: no-repeat;
	float: none;
	height: 45px;
	left: 50%;
	margin-left: -20px;
	margin-right: 0;
	position: relative;
	width: 40px;
}

.item p {
	clear: both;
	font-weight: bold;
	margin-left: 0;
	text-align: center;
}

.item hr {
	margin: 1em 0;
}

.extras .trennlinie {
	border-top: 1px solid #aaa;
}

.extras td:last-child {
	color: green;
	text-align: center;
}

.item label {
	float: left;
	font-size: 88.88%;
	margin-right: 10px;
}

.tablet .item label {
	margin-right: 4px;
}

.item label.checkboxcontainer {
	margin: 17px 0 0 17px;
}

.largescreen .item label.checkboxcontainer {
	margin: 17px 0 0 17px;
	float: none;
	position: absolute;
}

.quantitycontainer {
	display: inline-block;
}

.quantitycontainer.noinput {
	height: 0;
	position: absolute;
}

.quantitycontainer.noinput > div {
	visibility:  hidden;
}

.smartphone .chosen-container-single .chosen-single div,
.tablet .chosen-container-single .chosen-single div {
    background-position: 3px -1791px;
}
.smartphone .chosen-container-active.chosen-with-drop .chosen-single div,
.tablet .chosen-container-active.chosen-with-drop .chosen-single div {
    background-position: 3px -1894px;
}

.item .chosen-container-multi .chosen-choices, .item .chosen-container-single .chosen-single {
    padding: 0 0.375em;
}
.tablet .item .chosen-container-multi .chosen-choices, .tablet .item .chosen-container-single .chosen-single {
    padding: 0 0.1em;
}


.item .chosen-container-single .chosen-single div {
    background: url('/layout/images/icons/select.png') repeat 9px -89px #cdcdcd;
}
.smartphone .item .chosen-container-single .chosen-single div, .tablet .item .chosen-container-single .chosen-single div {
    background-position: 7px -91px;
}

.item .chosen-container-active.chosen-with-drop .chosen-single div,
.tablet .item .chosen-container-active.chosen-with-drop .chosen-single div {
	background: url('/layout/images/icons/select.png') repeat 9px -291px #cdcdcd;
	border-left: 1px solid #b4b4b4;
}
.smartphone .item .chosen-container-active.chosen-with-drop .chosen-single div,
.tablet .item .chosen-container-active.chosen-with-drop .chosen-single div {
	 background-position: 7px -293px;
}

.laptop{
	background-position: 0px 9px;
}
.tablet {
	background-position: 5px -98px;
}
.smartphone {
	background-position: 9px -198px;
}
.charger {
	background-position: 0px -295px;
}
.ski {
	background-position: 10px -398px;
}
.poles {
	background-position: 2px -496px;
}
.skibooth {
	background-position: 4px -594px;
}
.snowboard {
	background-position: 3px -694px;
}	
.wallet {
	background-position: 5px -790px;
}	
.passport {
	background-position: 7px -894px;
}
.key {
	background-position: 5px -992px;
}
.jewelry{
	background-position: 5px -1092px;
}
.beautycase {
	background-position: 4px -1193px;
}
.bag {
	background-position: 5px -1291px;
}
.garmentbag {
	background-position: 4px -1392px;
}
.camera {
	background-position: 5px -1488px;
}
.slr {
	background-position: 1px -1591px;
}
.other02, .other210 {
	background-position: 4px -1688px;
}

/* hover */
.item:hover .laptop,
.item.selected .laptop	{
	background-position: -60px 9px;
}
.item:hover .tablet,
.item.selected .tablet {
	background-position: -55px -98px;
}
.item:hover .smartphone,
.item.selected .smartphone {
	background-position: -51px -198px;
}
.item:hover .charger,
.item.selected .charger {
	background-position: -60px -295px;
}
.item:hover .ski,
.item.selected .ski {
	background-position: -50px -398px;
}	
.item:hover .poles,
.item.selected .poles {
	background-position: -58px -496px;
}
.item:hover .skibooth,
.item.selected .skibooth {
	background-position: -56px -594px;
}
.item:hover .snowboard,
.item.selected .snowboard {
	background-position: -57px -694px;
}
.item:hover .wallet	,
.item.selected .wallet{
	background-position: -55px -790px;
}
.item:hover .passport,
.item.selected .passport {
	background-position: -53px -894px;
}
.item:hover .key,
.item.selected .key {
	background-position: -55px -992px;
}
.item:hover .jewelry,
.item.selected .jewelry {
	background-position: -55px -1092px;
}
.item:hover .beautycase,
.item.selected .beautycase {
	background-position: -56px -1193px;
}
.item:hover .bag,
.item.selected .bag {
	background-position: -55px -1291px;
}
.item:hover .garmentbag,
.item.selected .garmentbag {
	background-position: -56px -1392px;
}
.item:hover .camera,
.item.selected .camera	{
	background-position: -55px -1488px;
}
.item:hover .slr,
.item.selected .slr {
	background-position: -59px -1591px;
}
.item:hover .other02, .item.selected .other02,
.item:hover .other210, .item.selected .other210 {
	background-position: -56px -1688px;
}


/* icons für die Tabelle */

#products .selecteditems tr td.productname {
	background-image: url('../images/icons/item-symbols.png');
	background-repeat: no-repeat;
	background-size: 45px auto;
	padding-left: 22px;
	width: 34%;
}

.ie8 #products .selecteditems tr td.productname {
	background-image: none;
}

tr[id^=laptop] td.productname {
	background-position: -26px 13px;
}
tr[id^=tablet] td.productname {
	background-position: -23px -35px;
}
tr[id^=smartphone] td.productname {
	background-position: -21px -80px;
}
tr[id^=charger] td.productname {
	background-position: -26px -124px;
}
tr[id^=ski] td.productname {
	background-position: -22px -171px;
}	
tr[id^=poles] td.productname {
	background-position: -23px -217px;
}
tr[id^=skibooth] td.productname {
	background-position: -25px -259px;
}
tr[id^=snowboard] td.productname {
	background-position: -25px -305px;
}
tr[id^=wallet] td.productname {
	background-position: -26px -347px;
}
tr[id^=passport] td.productname {
	background-position: -23px -394px;
}
tr[id^=key] td.productname {
	background-position: -24px -438px;
}
tr[id^=jewelry] td.productname {
	background-position: -24px -483px;
}
tr[id^=beautycase] td.productname {
	background-position: -24px -529px;
}
tr[id^=bag] td.productname {
	background-position: -24px -573px;
}
tr[id^=garmentbag] td.productname {
	background-position: -24px -619px;
}
tr[id^=camera] td.productname {
	background-position: -24px -661px;
}
tr[id^=slr] td.productname {
	background-position: -24px -707px;
}
tr[id^=other02] td.productname,
tr[id^=other210] td.productname {
	background-position: -24px -752px;
}

.tablet tr[id^=laptop] td.productname,
.smartphone tr[id^=laptop] td.productname {
	background-position: -27px 6px;
}
.tablet tr[id^=tablet] td.productname,
.smartphone tr[id^=tablet] td.productname {
	background-position: -27px -42px;
}
.tablet tr[id^=smartphone] td.productname,
.smartphone tr[id^=smartphone] td.productname {
	background-position: -26px -88px;
}
.tablet tr[id^=charger] td.productname,
.smartphone tr[id^=charger] td.productname {
	background-position: -27px -132px;
}
.tablet tr[id^=ski] td.productname,
.smartphone tr[id^=ski] td.productname {
	background-position: -26px -179px;
}	
.tablet tr[id^=poles] td.productname,
.smartphone tr[id^=poles] td.productname {
	background-position: -26px -222px;
}
.tablet tr[id^=skibooth] td.productname,
.smartphone tr[id^=skibooth] td.productname {
	background-position: -26px -267px;
}
.tablet tr[id^=snowboard] td.productname,
.smartphone tr[id^=snowboard] td.productname {
	background-position: -26px -311px;
}
.tablet tr[id^=wallet] td.productname,
.smartphone tr[id^=wallet] td.productname {
	background-position: -26px -354px;
}
.tablet tr[id^=passport] td.productname,
.smartphone tr[id^=passport] td.productname {
	background-position: -26px -401px;
}
.tablet tr[id^=key] td.productname,
.smartphone tr[id^=key] td.productname {
	background-position: -26px -444px;
}
.tablet tr[id^=jewelry] td.productname,
.smartphone tr[id^=jewelry] td.productname {
	background-position: -26px -490px;
}
.tablet tr[id^=beautycase] td.productname,
.smartphone tr[id^=beautycase] td.productname {
	background-position: -26px -536px;
}
.tablet tr[id^=bag] td.productname,
.smartphone tr[id^=bag] td.productname {
	background-position: -27px -580px;
}
.tablet tr[id^=garmentbag] td.productname,
.smartphone tr[id^=garmentbag] td.productname {
	background-position: -27px -625px;
}
.tablet tr[id^=camera] td.productname,
.smartphone tr[id^=camera] td.productname {
	background-position: -26px -669px;
}
.tablet tr[id^=slr] td.productname,
.smartphone tr[id^=slr] td.productname {
	background-position: -26px -715px;
}
.tablet tr[id^=other02] td.productname,
.tablet tr[id^=other210] td.productname,
.smartphone tr[id^=other02] td.productname,
.smartphone tr[id^=other210] td.productname {
	background-position: -26px -759px;
}


.smartphone .hasDatepicker + img.ui-datepicker-trigger,
.tablet .hasDatepicker + img.ui-datepicker-trigger {
    background-position: left 2px;
}