@charset "utf-8";

*		{ margin: 0px; padding: 0px; border: 0px; }
html	{ height: 100.2%; }
body	{ background-color: #ffffff; }


body {/*DrHorsch mobilefirst	- zweispaltig für Terminvereinbarung online*/
background: #b1c700; /*falls bild nicht vorhanden*/
background-image: url(../images/hgges.jpg);
background-position: center top;
background-attachment: scroll;
background-repeat: no-repeat;
color: black;
font-family: arial, Verdana, tahoma, Arial;
line-height: 130%;
font-size: small;
margin: 5px 0px 0px 0px; /*V5 Blaurand, der beim Scrollen verschwindet*/
padding: 0px 0px 0px 0px;
text-align: center;	/* !!! */
      margin: 0;
      padding: 0;
text-align: left;	/* !!! */
	width: 100%;
}


* {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
  }
  
  .cf:after {
    content: " "; 
    display: table; 
  }

  .cf:after {
    clear: both;
  }
	img {
	  max-width: 100%;
	  height: auto;
	  margin: 0;
	  padding: 0;
	}



.klammer {
	width: 80%;
	width: 100%;
	margin: auto;	/*zentriert auf der Seite*/
}


/*wrapper*/
#wrapper {
width: 954px;
//height: 750px;
//overflow-y: hidden;
//background: green;
margin: 0px auto; /* !!! */
text-align: left; /* !!! */
}


#block1 {
	width: 100%;
	min-height: 20px;
//	background: yellow;
}

#position-111 {
	width: 305px;
	float: left;
}

#position-112 {
	width: 610px;
	float: left;
}

#position-113 {
	width: auto;
	float: left;
}


#block2 {
	width: 100%;
	float: left;
margin: 45px 0 55px 0;
}

#block21 {
	width: 250px;
//	background: green;
margin: 0 60px 0 0;
float: left;
}

#block51 {
	width: 600px;
	min-height: 20px;
//	background: orange;
margin: 0 0;
float: left;
}

#block4 {
	float: left;
}

#block41 {
	width: 250px;
//	background: blue;
margin: 0px 65px 0px 0;
float: left;
}


#block31 {
	width: 630px;
	background: none;
float: left;
}

#position-311 {
	width: 64%;
	float: left;
}

#position-312 {	/*zweite Spalte neben Kontakt*/
	width: 28%;
	float: right;
	border-left: 1px solid #808080;
	padding-left: 35px;
}


#position-411 {
	width: auto;
}

#position-412 {
	width: auto;
}


/*einschub aus Audyvid*/


img.smart {	/*Bilder Referenzen Event*/
	width: 100%;
	padding: 30px 0 10px 0;
	margin: auto;	/*zentriert auf der Seite - wirkt nicht*/
}


.cols-2 .column-1 {
    width: 100%;
    float: none;
}



.cols-2 .column-2 {
    width: 100%;
    float: none;
    margin: 0px;
}



table.smart {
    width: 99%;
    height: auto;
    background: transparent none repeat scroll 0% 0%;
	margin: auto;	/*zentriert auf der Seite */
	padding: 0;
}


.zweispaltig {
	height: auto;
}




.breezkontakt {
	padding-left: 0px;
}


/*einschub Ende aus Audyvid*/

/*ergänzung dazu*/

.platzhalter {
    width: 100%;
    float: none;
    margin: 0px;
}