@charset "utf-8";

*		{ margin: 0%; padding: 0%; border: 0%; }
html, body	{ height: 100%; }


body {/*mobilefirst - cgf - 9er - fließend - farbige Kasterl - identisch mit cms_sbl_kontaktseite-mBild*/
background: #808080; /*falls bild nicht vorhanden*/
font-family: 'Nunito', sans-serif; font-weight: 700;
font-size: 14px; /*Fontsizechange auf dieser Basis berechnen sich die em-Schriften*/
line-height: 130%;
color: #454545;
text-align: left;	/* !!! */
}

.clear {/*modkd*/
   	 float: none;
   	 clear: both;
	 height: 1px;
	 background: transparent;
	 width: 1px;
}	


/* *** Rahmen des Anmelde-Formulars *** */
fieldset.input {
border: 0%;
}	


/* --------------------------
ICONS RÄNDER ENTFERNEN 
-------------------------- */
td.buttonheading img {
border: 0 none;
text-decoration: none;
}

img a {
border: 0 none;
text-decoration: none;
}



/*----------------------------------
BEGINN LAYOUT
----------------------------------*/


/**/
.verlinkt {
overflow: hidden;
background: none;
display: block;
width: 100%;
height: 100%;
}


.verlinkt a {
position: absolute;
height: 100%;
width: 100%;
}


.wrapper {
  width: 100%;
margin: 0 auto; /* !!! */
text-align: left; /* !!! */
background: #808080;
}

.wrapper a {	/*hebt die Formatierung für a nach dem Wrapper wieder auf*/
position: static;
height: 100%;
width: 100%;
}

.box {
position:relative;
width: 50%;
background: none;
 
	display: block;
	background: none;
	margin: auto 0;

	/*Start vertikale Zentrierung*/
	position: absolute;
	top: 50%;
	left: 25%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	/*Ende vertikale Zentrierung*/
}


.box:before {
content: "";
display:block;
padding-top: 100%;
}
 
.box .content {
 position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

#block1	{
	width: 90%;
	height: 5%;
	background: none;
	margin: 0 5%;
	padding: 0%;
}

#block2	{
	width: 90%;
	height: 90%;
	background: #ebebeb;
	margin: 0 5%;
	padding: 0%;
}


#position-101 {
	width: 33.3333%;
	height: 33.3333%;
	background: none;
	margin: 0% auto;
	padding: 0%;
	float: left;
}


#position-102 {
	width: 33.3333%;
	height: 33.3333%;
	background: none;
	margin: 0% auto;
	padding: 0%;
	float: left;
}


#position-103 {
	width: 33.3333%;
	height: 33.3333%;
	background: none;
	margin: 0% auto;
	padding: 0%;
	float: left;
}


#position-201 {
	width: 33.3333%;
	height: 66.6666%;
	background: none;
	margin: 0% auto;
	padding: 0%;
	float: left;
}


#position-202 {
	width: 66.6666%;
	height: 66.6666%;
	background: none;
	margin: 0% auto;
	padding: 0%;
	float: left;
}






#block3	{
	width: 90%;
	height: 5%;
	background: none;
	margin: 0 5%;
	padding: 0%;
}

#position-501 {
	width: 100%;
	height: 100%;	/**/
	background: none;
	margin: 0%;
	padding: 0%;
}