/* 00-fonts.css */

@font-face {
	font-family: 'Muli';
	font-weight: 400;
	font-style: normal;
	src: url('/fonts/Muli-regular/Muli-regular.eot');
	src: url('/fonts/Muli-regular/Muli-regular.eot?#iefix') format('embedded-opentype'),
		local('Muli'),
		local('Muli-regular'),
		url('/fonts/Muli-regular/Muli-regular.woff2') format('woff2'),
		url('/fonts/Muli-regular/Muli-regular.woff') format('woff'),
		url('/fonts/Muli-regular/Muli-regular.ttf') format('truetype'),
		url('/fonts/Muli-regular/Muli-regular.svg#Muli') format('svg');
}

@font-face {
	font-family: 'Muli';
	font-weight: 700;
	font-style: normal;
	src: url('/fonts/Muli-700/Muli-700.eot');
	src: url('/fonts/Muli-700/Muli-700.eot?#iefix') format('embedded-opentype'),
		local('Muli Bold'),
		local('Muli-700'),
		url('/fonts/Muli-700/Muli-700.woff2') format('woff2'),
		url('/fonts/Muli-700/Muli-700.woff') format('woff'),
		url('/fonts/Muli-700/Muli-700.ttf') format('truetype'),
		url('/fonts/Muli-700/Muli-700.svg#Muli') format('svg');
}

@font-face {
	font-family: 'icons';
	src: url('/fonts/icons/icons.eot');
	src: url('/fonts/icons/icons.eot?#iefix') format('embedded-opentype'),
		url('/fonts/icons/icons.woff2') format('woff2'),
		url('/fonts/icons/icons.woff') format('woff'),
		url('/fonts/icons/icons.ttf') format('truetype'),
		url('/fonts/icons/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* 01-general.css */


body {
border:0;
margin:0;
padding:0;
background:#e6e6e6;
font-family: Muli, sans-serif;
font-weight: 400;
font-size:14px;
line-height:normal;
}
table {
border-collapse:collapse;
}
table, tr, td, th {
margin:0;
padding:0;
}
td, th {
vertical-align:top;
text-align:left;
}
a {
color: #ffaa00;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
font-family: Muli, sans-serif;
font-size:28px;
margin:0 0 24px 0;
padding:0;
font-weight:700;
}

h2 {
font-family: Muli, sans-serif;
font-size:21px;
margin: 15px 0;
padding: 0;
font-weight:700;
}
h3 {
font-family: Muli, sans-serif;
font-size:16px;
margin: 10px 0;
padding: 0;
font-weight:700;
}
.indent {
padding-left:15px;
}
.clear{
clear:both;
}
.right {
float:right;
margin-left:15px;
}
.left {
float:left;
margin-right:15px;
}
.more::after {
content:" »";
}

.less::before {
content:"« ";
}
span.currency {
font-variant:small-caps;
}

strong, b, th, .error {
font-weight: 700;
font-family: Muli, sans-serif;
}
.error {
color:red;
}

.columns {
columns:2 400px;
column-gap:20px;
margin:-10px 0;
}
.columns .columnblock {
page-break-inside: avoid;
break-inside: avoid;
padding:10px 0;
}
.columnblock .b {
margin:0px;
}

#version {
display:none;
}


/* 02-layout.css */


#m {
position:relative;
text-align:left;
background:#fff7e5;
}
#h {
background:#e6d5b9;
width:100%;
height:50px;
border-bottom:5px #fff solid;
}
#h #logo1 {
background:url(/img/cam.png) no-repeat;
background-size:contain;
height:60px;
width:100px;
position:absolute;
top:0px;
left:0px;
z-index:2;
}

#c {
position:relative;
margin:0;
padding:20px;
}
#f {
text-align:center;
font-size:12px;
color:#888;
height:40px;
overflow:hidden;
padding-top:10px;
border-top:5px white solid;
}
.footer {
margin:20px -20px -20px -20px;
padding:20px;
border-top:5px #fff solid;
background:#feeecc;
}

@media screen and (max-width: 450px) {
#cart .b {
border:0;
box-shadow:none;
border-radius:0px;
}
#h #logo2::before {
content:"Fotostudio Meister";
position:absolute;
right:20px;
top:10px;
font-size:28px;
font-weight:700;
}

}


/* 10-box.css */


.b {
border-radius:5px;
box-shadow:0 0 5px 0 #ccc;
background:#fff;
padding:15px;
box-sizing: border-box;
margin-bottom:20px;
overflow:hidden;
}

.b h2:first-child, .b h2:first-child + h2 {
margin-top:0px;
padding-top:0px;
}


/* 11-gray.css */


.gray {
margin:0px -15px;
width:100%;
width:calc(100% + 30px);
}
.gray tr:nth-child(odd) td, .gray tr:nth-child(odd) th {
background:#eee;
}
.gray tr:hover td, .gray tr:hover th {
}
.gray td, .gray th {
padding:5px;
}
.gray td:first-child, .gray th:first-child{
padding-left:15px;
}
.gray td:last-child, .gray th:last-child{
padding-right:15px;
}
.gray th {
width:200px;
}


/* 12-thumbnails.css */


div.thumbnails {
margin:0px -20px 0px -5px;
text-align:center;
}
.thumbnail {
display:inline-block;
border:5px #fff solid;
border-radius:5px;
box-shadow:0 0 5px 0 #ccc;
margin:0 15px 15px 0;
width:160px;
height:160px;
background:#fff;
}


/* 13-tabs.css */

.tabs {
clear:both;
}
.tabs ul.nav {
margin:0px -5px 20px -5px;
padding:0;
border:0;
list-style:none;
display:block;
}
.tabs ul.nav li {
display:block;
}
.tabs .nav a {
color:#000;
font-size:20px;
text-decoration:none;
text-align:center;
display:block;
float:left;
width:44px;
overflow:hidden;
border:5px #fff solid;
padding:4px 0;
box-shadow:0 0 5px 0 #ccc;
border-radius:5px;
margin:5px;
background:#e6d6b8;
box-sizing: border-box;
}
.tabs .nav a:hover, .tabs .nav a.hover, .tabs .ui-tabs-active a {
background:#ffdd99 !important;
}
.tabs .nav a:active{
background:#ffaa00;
}
.tab {
clear:both;
padding-top:15px;
}


/* 14-autocomplete.css */

.autocomplete {
display:block;
margin:0px;
padding:0px;
border-radius: 0px 0px 5px 5px;
box-shadow:0 0 5px 0 #ccc;
background:#fff;
overflow:hidden;
}
.autocomplete.cities {
width:200px;
}
.autocomplete.countries {
width:300px;
}
.ui-helper-hidden-accessible {
display:none;
}
.ui-menu-item {
cursor:pointer;
margin:0px;
padding:2px 20px;
display:block;
}
.ui-menu-item:hover {
background:#ffdd99;
}


/* 15-buttons.css */

.nextprev {
height:40px;
margin-top:10px;
}
.button.large, button.large {
width:250px;
}
button, input, select, option {
font-family:Muli, sans-serif;
}
button, .button, .tabs .nav .button {
color:#000;
font-size:16px;
text-decoration:none;
display:block;
width:170px;
border:5px #fff solid;
box-shadow:0 0 5px 0 #ccc;
border-radius:5px;
background:#e6d6b8;
box-sizing: border-box;
cursor:pointer;
padding:6px 0px;
height:40px;
text-align:center;
}

button:hover, .button:hover {
background:#ffdd99;
}
button:active, .button:active {
background:#ffaa00;
}


/* 16-lightbox.css */


#cartLink:before {
float:left;
display:block;
margin:10px;
}
#cartLink {
display:block;
color:#000;
font-size:16px;
text-decoration:none;
display:block;
margin-right:10px;
width:250px;
border:5px #fff solid;
border-radius:5px;
background:#e6d6b8;
box-sizing: border-box;
cursor:pointer;
padding:8px 0 0 0;
margin:5px 10px 0px -5px;
height:60px;
text-align:left;
font-weight:normal;
float:left;
line-height:normal;
}
#cartLink:hover {
background:#ffdd99;
}
#cartLink:active {
background:#ffaa00;
}
.lb-data .lb-caption {
font-size:16px;
}


/* 20-cart.css */

.price {
text-align:right;
}
td.price {
white-space: nowrap;
}
.photo h2:nth-of-type(1) {
float:left;
}
.photo h2:nth-of-type(2) {
text-align:right;
}
.photo .thumbnail {
position:absolute;
top:-190px;
left:0px;
}
.photo {
margin-top:210px;
position:relative;
min-height:170px;
}
.photo input {
text-align:right;
width:100%;
max-width:100px;
}

.photo col:nth-of-type(1) {
min-width:50px;
width:5%;
}
.photo col:nth-of-type(2) {
min-width:100px;
width:35%;
}
.photo col:nth-of-type(3) {
min-width:100px;
width:20%;
}
.photo col:nth-of-type(4) {
min-width:100px;
width:15%;
}
.photo col:nth-of-type(5) {
min-width:100px;
width:15%;
}
#clearButton {
position:absolute;
left:-190px;
top:0px;
display:block;
}

#sum {
margin:0px 0px 20px 190px;
position:relative;
}


#sum table {
width:100%;
}

#sum table td, #sum table th {
width:50%;
}
#sum table td:last-child, #sum table th:last-child {
text-align:right;
}

.packages {
margin:-5px 0px;
width:100%;
}
.gray .packages tr:nth-child(odd) td, .gray .packages tr:nth-child(odd) th {
background:transparent;
}
.gray .packages td, .gray .packages th {
padding:0px 0px 5px 15px;
}


/* 30-snap.css */


.snapData col:nth-of-type(2){
width:100px;
}
.snapData input, .snapData select {
width:100%;
max-width:300px;
}
.snapData td + td input{
max-width:200px;
}


/* 40-icons.css */

[data-icon]:before {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: none;
	width: 1em;
	margin-right: .2em;
	margin-left: .2em;

	text-align: center;

	font-variant: normal;
	text-transform: none;

	line-height: 1em;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color:black;
}

[data-icon="locked"]:before { content: '\e800'; }
[data-icon="unlocked"]:before { content: '\e807'; }
[data-icon="trash"]:before { content: '\e809'; }
[data-icon="key"]:before { content: '\e80a'; }
[data-icon="cart"]:before { content: '\e806'; }


/* style.css */




h1 {
margin:0 20px;
}

input[type=checkbox], input[type=radio] {
width:auto;
}