@import url('bootstrap_min.css');

 

@import url('bootstrap-responsive.css');

 

@import url('style-default.css');

html,

body,

h1,

h2,

h3,

h4 {

  margin: 0;

  padding: 0;

}

body {

  font-family: 'PT Sans', sans-serif;

  font-size: 13px;

  color: #555555;

}

@font-face {

  font-family: 'philosopherregular';

  src: url('font/philosopher-regular-webfont.eot');

  src: url('font/philosopher-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/philosopher-regular-webfont.woff') format('woff'), url('font/philosopher-regular-webfont.ttf') format('truetype'), url('font/philosopher-regular-webfont.svg#philosopherregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'philosopherbold';

  src: url('font/philosopher-bold-webfont.eot');

  src: url('font/philosopher-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/philosopher-bold-webfont.woff') format('woff'), url('font/philosopher-bold-webfont.ttf') format('truetype'), url('font/philosopher-bold-webfont.svg#philosopherbold') format('svg');

  font-weight: normal;

  font-style: normal;

}

#wrapper {

  width: 100%;

  margin: 0 auto;

}

a {

  color: #05a9c5;

  text-decoration: underline;

}

a:hover {

  text-decoration: none;

}

h1,

h2,

h3,

h4 {

  font-weight: normal;

}

h1 {

  color: #05a9c5;

  font-family: 'philosopherregular';

  font-size: 24px;

}

h2 {

  font-family: 'philosopherregular';

  font-size: 20px;

}

h2.stdh2 {

  border-bottom: 1px solid #555555;

  margin: 25px 0 25px 0;

  clear: both;

}

.fotosuche-wrapper h2.stdh2 {

  margin-top: 10px;

}

.fotosuche-wrapper .teamset-auswahl {

  width: 410px;

  float: left;

  padding: 0 10px 10px 10px;

  background: #cccccc;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: #05A9C5 solid 1px;

}

.fotosuche-wrapper .teamset-auswahl .formButtonContainer {

  margin-bottom: 4px;

}

.fotosuche-wrapper .startnummern-suche {

  width: 410px;

  float: right;

  padding: 0 10px 10px 10px;

  background: #cccccc;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

  border: #05A9C5 solid 1px;

}

.fotosuche-wrapper .startnummern-suche .formButtonContainer {

  margin-bottom: 10px;

}

.all-picture {

  clear: both;

  float: right;

  font-weight: bold;

}

input[type="submit"] {

  background-color: #06b8d7;

  background: -webkit-gradient(linear, left top, left bottom, from(#06b8d7), to(#05aac6));

  background: -webkit-linear-gradient(top, #06b8d7, #05aac6);

  background: -moz-linear-gradient(top, #06b8d7, #05aac6);

  background: -ms-linear-gradient(top, #06b8d7, #05aac6);

  background: -o-linear-gradient(top, #06b8d7, #05aac6);

  border: 1px solid #0596AF;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;

  color: #FFFFFF;

  height: 30px;

  cursor: pointer;

}

input[type="submit"]:hover {

  background: #05AAC6;

}

select,

input[type="text"],

textarea {

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  background: #F9F9F9;

  border: 1px solid #EAEAEA;

  padding: 5px 0px;

}

select {

  padding: 5px 5px 5px 0px;

}

.fotobestellung-startnummernset {

  width: 410px;

  background: #ccc;

  float: right;

  padding: 10px;

  border: solid 1px #008FC3;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

.fotobestellung-teamset {

  width: 410px;

  background: #ccc;

  float: right;

  padding: 10px;

  border: solid 1px #008FC3;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}

/* ====== WARENKORB ====== */

.warenkorb-wrapper {

  clear: both;

}

.warenkorb-details {

  width: 100%;

  width: 100%;

}

.warenkorb-details hr {

  border: none;

  height: 1px;

  background: #ccc;

}

.warenkorb-details td {

  vertical-align: middle;

}

.warenkorb-details .td-first {

  text-align: left;

}

.warenkorb-details .td-second {

  text-align: left;

}

.warenkorb-details .td-third {

  text-align: right;

  width: 100px;

}

.warenkorb-details .td-fourth {

  text-align: right;

  width: 100px;

}

.warenkorb-details .td-last {

  text-align: center;

  vertical-align: middle;

  padding-top: 5px;

}

.step-status {

  overflow: hidden;

}

.step-status #warenkorbleiste {

  float: left;

  width: 100%;

  margin: 10px 0 20px 0;

}

.step-status #warenkorbleiste td {

  text-align: left;

}

.step-status #warenkorbleiste .td-step1 {

  width: 188px;

}

.step-status #warenkorbleiste .td-step2 {

  width: 232px;

}

.step-status #warenkorbleiste .td-step3 {

  width: 242px;

}

.step-status #warenkorbleiste .td-arrow {

  text-align: center;

}

.kundendaten {

  clear: both;

  margin-top: 50px;

  /*

    .formButtonContainer {

        width: 355px;

        float: left;

 

        .submitButtonBlue {

            float: right;

            height: 50px;

        }

    }

    */

 

}

.kundendaten fieldset {

  border: none;

}

.kundendaten fieldset ul {

  margin: 0;

  padding: 0;

}

.kundendaten fieldset ul li {

  list-style: none;

  margin-bottom: 15px;

}

.kundendaten fieldset ul li label {

  width: 80px;

  display: block;

  float: left;

}

.kundendaten fieldset ul li input {

  width: 260px;

}

.kundendaten fieldset ul li select {

  width: 260px;

}

.kundendaten fieldset ul li textarea {

  width: 260px;

  height: 150px;

}

input.eingabeinputpflichtfehler,

select.eingabeselectboxpflichtfehler {

  border: 1px dotted #f00;

  background: #ff9999;

}

.textmeldung {

  padding: 5px;

  margin-bottom: 15px;

}

.textmeldung p {

  padding-top: 7px;

}

.textmeldung p,

.textmeldung img {

  float: left;

}

.textmeldung img {

  margin: 0px 0px 0 0;

}

.meldung-fehler,

.meldung-ok {

  background: #f00;

  color: #fff;

  font-weight: bold;

}

.meldung-fehler a,

.meldung-ok a {

  color: #fff;

}

.meldung-ok {

  background: #009F0F;

}

.meldung-ok p {

  padding-top: 20px;

  padding-left: 10px;

}

textarea {

  font-family: 'PT Sans', sans-serif;

  font-size: 14px;

}

.table-teamset,

.table-startnummer {

  clear: both;

}

.table-startnummer {

  margin-top: 2px;

}

.imageContainer {

  float: left;

  margin-right: 20px;

  margin-bottom: 20px;

}

.imageContainer img {

  border: none;

}

.submitButtonGrey {

  background: #cccccc;

  /* Old browsers */

 

  background: -moz-linear-gradient(top, #aaaaaa 0%, #cccccc 100%);

  /* FF3.6+ */

 

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100%, #cccccc));

  /* Chrome,Safari4+ */

 

  background: -webkit-linear-gradient(top, #aaaaaa 0%, #cccccc 100%);

  /* Chrome10+,Safari5.1+ */

 

  background: -o-linear-gradient(top, #aaaaaa 0%, #cccccc 100%);

  /* Opera 11.10+ */

 

  background: -ms-linear-gradient(top, #aaaaaa 0%, #cccccc 100%);

  /* IE10+ */

 

  background: linear-gradient(to bottom, #aaaaaa 0%, #cccccc 100%);

  /* W3C */

 

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#cccccc', GradientType=0);

  /* IE6-9 */

 

  border: 1px solid #999999;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;

  color: #FFFFFF;

  height: 30px;

  cursor: pointer;

  font-weight: bold;

}

.submitButtonGrey:hover {

  background: #cccccc;

  /* Old browsers */

 

  background: -moz-linear-gradient(top, #999999 0%, #cccccc 100%);

  /* FF3.6+ */

 

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #cccccc));

  /* Chrome,Safari4+ */

 

  background: -webkit-linear-gradient(top, #999999 0%, #cccccc 100%);

  /* Chrome10+,Safari5.1+ */

 

  background: -o-linear-gradient(top, #999999 0%, #cccccc 100%);

  /* Opera 11.10+ */

 

  background: -ms-linear-gradient(top, #999999 0%, #cccccc 100%);

  /* IE10+ */

 

  background: linear-gradient(to bottom, #999999 0%, #cccccc 100%);

  /* W3C */

 

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc', GradientType=0);

  /* IE6-9 */

 

  border: 1px solid #999999;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;

  color: #FFFFFF;

  height: 30px;

  cursor: pointer;

  font-weight: bold;

}

.button-einzelbestellung {
	clear: both;
	text-align: left;
}
.toogle-fotosets-wrapper {
	float: right;
	padding: 5px 0;
	cursor: pointer;
	margin-bottom: 20px;
}



.toogle-fotosets-wrapper a {
	font-weight: bold;
	display: block;
}

.fotobestellung .preis {
	position: absolute; 
	left: 10px; 
	bottom: -5px; 
	color: ##008fc3; 
	font-weight: bold; 
	font-size: 14px;
	color: #008FC3;
}

.fotobestellung h2 {
	padding: 0;
	margin-top: -10px;
	
}

.fotosets-beschreibung {
	width: 410px;
	float: left;
	
}

.kundendaten fieldset ul li input[type=checkbox] {
    width: 20px;
}

.kundendaten .form-check-label {
    width: 400px;
    display: block;
    float: left;
	padding-left: 40px;
margin-top: -20px;
}

.meldung-warenkorb {
  background: #007eba;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.meldung-warenkorb a {
  color: #fff;
}