@charset "utf-8";
/* CSS Document */
/* index */
body#index {
  background: url(../images/logo.jpg);
  background-size: 54%;
  background-repeat: no-repeat;
  background-position: center 60px;
  font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
}
#datenschutz #header, #presseSeite #header, #kontaktSeite #header, #angeboteSeite #header {
  height: 40px;
}
#logoBG {
  background: url(../images/logo.jpg);
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: center 10px;
}
#datenschutz #logoBG {
  background-size: 50% auto;
  background-position: center 25%;
}
body#kuenstlerAuswahl #logoBG {
  background: url(../images/logo.jpg);
  background-size: auto 40%;
  background-repeat: no-repeat;
  background-position: center 10px;
}
#wallpaper {
  background-image: url(../images/logo250.gif);
  background-repeat: repeat;
  background-size: auto 20%;
}
#projektBG {
  background-image: url("../images/logoWhite250.png");
  background-repeat: repeat;
  background-size: auto 20%;
  background-color: #31719F;
}
#galerieName {
  margin-top: 2%;
  padding: 0;
  margin-bottom: 3%;
}
/*Angebote*/
.carousel-inner {
  padding: 20px 0 30px 0;
  background-color: #b1b1b1
}
.carousel-caption {
  bottom: -20px;
  padding-bottom: 0;
  color: #fff;
  text-align: center;
  z-index: 10;
  font-size: 80%;
  line-height: 110%;
}
.carousel-caption.captionTitle {
  position: absolute;
  right: 15%;
  top: -12px;
  left: 15%;
  z-index: 12;
  padding-top: 0;
  padding-bottom: 5px;
  color: #fff;
  text-align: center;
}
.captionName {
  text-transform: uppercase;
  letter-spacing: 1px;
}
#galerienote {
  display: block;
  font-size: 80%;
  line-height: 120%;
  margin-top: 10px;
  color: #009999;
  width: 100%;
  text-align: center;
}
/* Kontakt */
#kontaktInfo {
  text-align: center;
  font-size: 100%;
  width: 100%;
}
#kontaktInfo p {
  margin-bottom: 5%;
  font-size: 110%;
}
img#email {
  width: 210px;
}
a#roteBTN {
  display: block;
  margin-top: 20px;
  color: #F3C;
  text-transform: uppercase;
  letter-spacing: 1px;
}
a#roteBTN:hover {
  color: #999;
}
#mainTitle {
  text-align: center;
  font-size: 180%;
  letter-spacing: 2px;
  padding-bottom: 1%;
  font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
}
/*Verbindungen zu Begeistern*/
#verbindungen {
  text-align: center;
  padding-top: 0;
  padding-bottom: 1%;
}
#mainTitle.fluid .largetitle {}
.asterisk {
  display: block;
  text-align: center;
  font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
  letter-spacing: 10px;
  font-size: 200%;
  color: #34BBC1;
  margin-bottom: -15px;
  padding-left: 10px;
}
#verbindungen a {
  font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #237798;
  font-size: 120%;
  margin: 10px auto 8px auto;
  display: block;
}
#verbindungen a:hover {
  color: #9F9F30;
}
/*Impressum*/
#impressumInfo {}
/* Kuenstler */
.kname {
  display: block;
  font-size: 120%;
  line-height: 100%;
  color: #000;
  margin: 10px 0 14px 0;
}
a.kname {
  color: #007D7D;
}
a.kname:hover {
  color: #999;
}
/* Presse */
.pubname {
  font-size: 160%;
  line-height: 110%;
  padding-bottom: 5px;
}
#column1 {
  text-align: center;
  padding-top: 1%;
}
#column2 {
  text-align: center;
}
#column3 {
  text-align: center;
  padding-top: 1%;
}
#column4 {
  text-align: center;
  padding-top: 1%;
}
#column1 a, #column2 a, #column3 a, #column4 a {
 font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: italic;
  color: #CC9933;
  font-size: 110%;
  margin: 5px auto 2px auto;
  display: block;
  text-decoration: none;
}
#column1 a:hover, #column2 a:hover, #column3 a:hover, #column4 a:hover {
  color: #CCCC00;
}
#column1 a:visited, #column2 a:visited, #column3 a:visited, #column4 a:visited {
  color: #6699CC;
}

img#leporello {
  width: 40%;
	
}
img#kessener {
  width: 20%;
}
img#wirtschaft {
  width: 40%;
	margin-top: 10px;
}
img#zeitkunst {
  width: 35%;
	
}
img#artline {
  width: 35%;
	
}
img#wuspecial {
  width: 40%;
	
}
img#mainpost {
  width: 15%;
}
#column1 img, #column2 img, #column3 img, #column4 img {
  margin-bottom: 5px;
}
/*Datenschutz*/
#datenschutz #mainTitle {
  font-size: 120%;
  line-height: 120%;
}
#datenschutz #mainTitle .mainTitleSub {
  font-size: 90%;
  font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: italic;
  letter-spacing: 0;
}
#datenschutz .textTitle {
 font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: italic;
  text-transform: uppercase;
  font-size: 100%;
  line-height: 110%;
  text-align: center;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  margin-left: 0;
  margin-top: 8px;
  color: #000;
}
#datenschutz #column1 a, #datenschutz #column2 a {
  color: #007D7D;
font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
}
#datenschutz #column1 a:hover, #datenschutz #column3 a:hover {
  color: #999;
}
#datenschutz p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  text-align: left;
}
#datenschutz p.indent {
  text-indent: 20px;
}
#datenschutz p#signature {
  margin-top: 20px;
  text-align: right;
}
/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  body#index {
    background: url(../images/logo.jpg);
    background-size: 42%;
    background-repeat: no-repeat;
    background-position: center 60px;
    font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
  }
	#logoBG {
  background: url(../images/logo.jpg);
  background-size: auto 96%;
  background-repeat: no-repeat;
  background-position: center center;
}
	body#kuenstlerAuswahl #logoBG {
  background: url(../images/logo.jpg);
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center 10px;
}
  #galerieName {
    margin-top: 2%;
    padding: 0;
  }
  /*Angebote*/
  .carousel-caption {
    bottom: -10px;
    padding-bottom: 0;
    font-size: 100%;
    line-height: 130%;
  }
  .carousel-caption.captionTitle {
    top: -5px;
    left: 15%;
    z-index: 12;
    padding-top: 0;
    padding-bottom: 20px;
  }
  /*Kontakt*/
  #kontaktInfo {
    font-size: 115%;
    line-height: 130%;
  }
  #kontaktInfo p {
    margin-bottom: 2%;
  }
  img#email {
    width: 240px;
  }
  /* Presse */
  img#leporello {
    width: 60%;
  }
  img#kessener {
    width: 20%;
  }
  img#wirtschaft {
    width: 65%;
  }
  img#zeitkunst {
    width: 55%;
  }
  img#artline {
    width: 55%;
  }
  img#wuspecial {
    width: 60%;
  }
  img#mainpost {
    width: 15%;
  }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  body#index {
    background: url(../images/logo.jpg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center 40px;
    font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
  }
  /*Angebote*/
  .carousel-caption {
    bottom: -10px;
    padding-bottom: 0;
    font-size: 100%;
    line-height: 130%;
  }
  .carousel-caption.captionTitle {
    top: -5px;
    left: 15%;
    z-index: 12;
    padding-top: 0;
    padding-bottom: 20px;
  }
  /*Kontakt*/
  #kontaktInfo {
    font-size: 115%;
    line-height: 130%;
  }
  #kontaktInfo p {
    margin-bottom: 2%;
  }
  img#email {
    width: 240px;
  }
  /* Presse */
  img#leporello {
    width: 55%;
  }
  img#kessener {
    width: 30%;
  }
  img#wirtschaft {
    width: 60%;
  }
  img#zeitkunst {
    width: 50%;
  }
  img#artline {
    width: 50%;
  }
  img#wuspecial {
    width: 60%;
  }
  img#mainpost {
    width: 20%;
  }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  body#index {
    background: url(../images/logo.jpg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center 40px;
    font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
  }
  #galerieName {
    padding: 0;
  }
  /*Kontakt*/
  #kontaktInfo {
    font-size: 120%;
    line-height: 140%;
  }
  #kontaktInfo p {
    margin-bottom: 2%;
  }
  /* Presse */
  .pubname {
    font-size: 140%;
  }
  img#leporello {
    width: 70%;
  }
  img#kessener {
    width: 40%;
  }
  img#wirtschaft {
    width: 70%;
    padding-top: 0;
  }
  img#zeitkunst {
    width: 60%;
  }
  img#artline {
    width: 60%;
  }
  img#wuspecial {
    width: 80%;
  }
  img#mainpost {
    width: 30%;
    padding-top: 0px;
  }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  body#index {
    background: url(../images/logo.jpg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center 10px;
    font-family: "classico-urw", Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
  }
  /*Kontakt*/
  #kontaktInfo {
    font-size: 125%;
    line-height: 140%;
  }
  #kontaktInfo p {
    margin-bottom: 2%;
  }
  img#email {
    width: 280px;
  }
}