@charset "utf-8";

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


body {/*mobilefirst - cgf - 9er - fließend - farbige Kasterl - modifiziert für cms_sbl_tex*/
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-901 {	/*Content*/
	width: 95.0617284%;	/*Breite 40px weniger*/
	height: 61.7283951%;	/*Höhe 40px weniger, dafür margin-oben und unten*/
	background: none;
	margin: 2.31481481% 0% 0% 0%;	/*margin-oben und unten 20px*/
	padding:  0% 2.469135802% 0% 2.469135802%;
	overflow: auto;
}







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

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