@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 640px){

body{
  -webkit-text-size-adjust: none; /* Turn off iphone font resizing */
}
h1{
  margin:0px;
  line-height:120%;
}
.leftcontent h1{
  margin:0 5%;
  line-height:120%;
}

.wideimage{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}

#container,
#headercontainer,
#header,
#slideshowcontainer{
  width:100%;
  height:auto;
  margin:0px;
  position:relative;
}
.skizzencontainer,
.button2{
  display:none;
}

#headercontainer{
  background:url("../img/mobile/schraffur.gif") repeat-x top left;
  padding-top:23px;
}
#header{
}
#slideshowcontainer{
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  padding-bottom:0px;
  background:none;
}
#slideshow{
  width:100%;
  position:relative;
  left:0px;
  top:0px;
  height:auto;
  display:block;
}

#submit{
  position:relative;
  margin-top:10px;
  left:auto;
  bottom:auto;
}

.pix_diapo{
  /*background:url("../img/mobile/mobilebg.jpg") repeat top left;*/
  background:url("../img/mobile/schraffur.gif") repeat-x bottom left #fff;
  padding-bottom:46px;
}
.stickercontainer{
  width:30%;
  position:absolute;
  top:55%;
  right:5%;
}
#sticker{
  position:relative;
  top:0px;
  left:0px;
}
.buttons{
  width:40%;
  height:auto;
  left:0px;
  top:-6%;
  z-index:5;
}
.button1 img{
  -webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.2);
  background-color:#fff;
}



#content{
  width:100%;
}
.leftcontent{
  width:100%;
  float:none;
  margin:0px;
}
.rightcontent{
  width:100%;
  float:none;
  margin-top:5%;
}
.column{
  -moz-column-count: 1;
  -moz-column-gap: 0px;
  -webkit-column-count: 1;
  -webkit-column-gap: 0px;
  column-count: 1;
  column-gap: 0px;
  
  margin:0 5%;
}
#formular{
  padding-top: 23px;
  height:auto;
  width:100%;
  display:block;
}
#bgForm{
  width:95%;
  margin:0px;
  padding:3%;
  height:auto;
  position:relative;
  padding-bottom: 23px;
  background-color:#dbd2e2;
}
form{
  position:relative;
  width:100%;
}
label{
  float:none;
  display:block;
}
label.right{
  margin-left:0px;
}
.cell.leftfloat,
.cell.rightfloat{
  float:none;
  width:96%;
  margin:2%;
}
input,
input.medium,
input.large,
input.small{
  width:100%;
  font-size:16px;
}
input#agb,
input#newsletter,
input#gender1,
input#gender2{
  width:20px;
  height:20px;
}
#submit{
  float:none;
}
button.send{
  position:relative;
  right:0px;
  width:100%;
}
.tb_text{
  width:85%;
  margin:0px;
  margin-left:3%;
}
.box_finder,
.box_fb{
  margin:0 auto;
  width:50%;
}
.box_finder img,
.box_fb img{
  width:100%;
}
.impressum{
  clear:both;
  padding-top:5%;
  text-align:center;
  float:none;
}

/***************** CAMERA ********************/

.camera_pag{
  position:relative;
  top:0px;
  left:0px;
  width:auto;
  background-color: #444;
  height:8px;
  padding:6px 0;
}
.camera_pag_ul{
  display:block;
  width:90px;
}
.camera_prev {
  left: 0;
  top:50%;
}
.camera_next {
  right: 0;
  left:auto;
  top:50%;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
}

/*********************************************/

}


.typo3-messages .typo3-message{
 width:auto;
}