/*@import url(https://fonts.googleapis.com/css?family=Scada:400,700);*/
@import "content.css";
@import "slider.css";
@import "powermail.css";
@import "picanim.css";
@import "../fonts/Scada/stylesheet.css";

body {
	background: url("../images/bg-patter.jpg") repeat-y scroll center 525px transparent;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: 'Scada', Arial, Helvetica, sans-serif;*/
}

.unsichtbar {
position: absolute;
width: 0px;
height: 0px;
left: -3000px;
top: -3000px;
}



#layout01 {
	background: url("../images/mainmenu-back.jpg") repeat-x scroll center top transparent;
    border-bottom: 2px solid #FFFFFF;
    display: none;
    height: 70px;
    margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 9999;
}

#layout01Thumbnails {
float: left;
height: 64px;
position: absolute;
right: 16px;
top: 275px;
width: 906px;
}

#layout04 {
	margin-top: 434px;
	float: left;
	
}

#layout07 {
	float: left;
    padding-top: 43px;
    position: relative;
    z-index: 20;
}

#layout09 {
	float: left;
	margin: 0 0 0 2px;
	padding: 0 26px 0 23px;
	position: relative;
	width: 530px;
	min-height: 350px;
	
	-webkit-box-shadow: 0 2px 7px -4px rgba(179, 179, 179, 0.8);
	-moz-box-shadow: 0 2px 7px -4px rgba(179, 179, 179, 0.8);
	box-shadow: 0 2px 7px -4px rgba(179, 179, 179, 0.8);
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 530px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(530px,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 530px); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 530px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}

#layout08 {
	float: left;
    margin-top: 43px;
    position: relative;
    width: 72px;
    z-index: 10;
}

#inhalt-bg {
	float: left;
	background: url("../images/inhalt-bg.png") center top no-repeat transparent;
	top: 317px;
	color: #FFFFFF;
	float: left;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 20px;
	left: 0px;
	padding: 12px 0 11px 0;
	position: absolute;
	width: 980px;
	z-index: 999;
	margin: 0 0 0 0px;
	height: 154px;
}

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

#wrap-subnavi {
	background: url("../images/subnaviback.png") repeat-y scroll 6px 0px transparent;
	float: left;
	margin: 0 0 0px;
	width: 980px;
}

#wrap-content {
	background: url("../images/content-bg.png") 323px top repeat-y transparent;
	float: left;
	margin: 0 0 0px;
	width: 980px;
}

#wrap-LebenmTurm {
	background: url("../images/contentback.png") repeat-y scroll 0px 0px transparent;
	float: left;
	margin: 0 0 0px;
	width: 980px;
}

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

#preLoad {
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#wrap {
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	width: 100%;
	background: url("../images/bg.jpg") no-repeat scroll center top transparent;
}
#alles {
	margin: 0 auto;
	width: 980px;
	position: relative;
	z-index: 4;
}

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

#headerImage {
	float: left;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 1;
}
#headerImages {
}

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

#page {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	width: 980px;
	float: left;
}
#pageWrap {
	width: 980px;
	/*float: left;*/
	border-top: none;
	
	background: #FFFFFF;
	position: relative;
}

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

#logo {
	background: url("../images/headerlogo.png") no-repeat scroll 0 0 transparent;
	display: block;
    float: left;
    height: 129px;
    left: 0;
    position: absolute;
    top: 0;
    width: 287px;
    z-index: 1;
}
#logo .schwabenprogress {
	background: url("../images/logo-schwabenprogress.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 58px;
    margin: 15px 0 0 10px;
    width: 200px;
}
#logo .lebenamturm {
	background: url("../images/logo-lebenamturm.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 62px;
    margin: 15px 0 0 10px;
    width: 200px;
}
#logo .tylerservice {
	background: url("../images/logo-tylerservice.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 78px;
    margin: 15px 0 0 10px;
    width: 200px;
}
#logo .hausdergeborgenheit {
	background: url("../images/logo-hausdergeborgenheit.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 54px;
    margin: 15px 0 0 10px;
    width: 200px;
}
#logo .spmobiledienste {
	background: url("../images/logo-spmobiledienste.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    float: left;
    height: 75px;
    margin: 10px 0 0 10px;
    width: 200px;
}

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


/*----------------------MAINMENU----------------------*/

#mainMenue {
	
	width: 980px;
	position: relative;
	z-index: 9999;
	margin: 0 auto;
}
#menue {
	float: left;
}
#menue ul {
	margin:0px;
	padding:0px;
	float: left;
}
#menue ul#nav ul {
	visibility:hidden;
}
#menue ul#nav li:hover > ul {
	visibility:visible;
}
#menue ul li {
	float: left;
	left: 0px;
	top: 0px;
	list-style-type: none;
	position:relative;
	z-index: 99;
	background: url("../images/menue.jpg") right top no-repeat;
}
#menue ul li a {
	text-decoration: none;
	display: block;
	color: #404040;
	font-size: 16px;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-weight: bold !important;
	padding: 15px 15px;
	margin:0px;
	text-transform: uppercase;
	line-height: 16px;
}
#menue ul li.menueebene0Active, #menue ul li.menueebene0 {
	/*width: 147px;*/
	paddding: 0 2px;
	height: 69px;
}
#menue ul li.menueebene1Active, #menue ul li.menueebene1 {
	/*width: 150px;*/
	paddding: 0 2px;
	height: 69px;
	
}
#menue ul li a.menueebene0, #menue ul li a.menueebene0Active, 
#menue ul li a.menueebene1, #menue ul li a.menueebene1Active, 
#menue ul li a.menueebene2, #menue ul li a.menueebene2Active, 
#menue ul li a.menueebene3, #menue ul li a.menueebene3Active, 
#menue ul li a.menueebene4, #menue ul li a.menueebene4Active, 
#menue ul li a.menueebene5, #menue ul li a.menueebene5Active {
	padding: 27px 10px;
}

#menue ul li.menueebene2Active, #menue ul li.menueebene2 {
	/*width: 152px;*/
	paddding: 0 2px;
	height: 69px;
}
#menue ul li.menueebene3Active, #menue ul li.menueebene3 {
	/*width: 148px;*/
	paddding: 0 2px;
	height: 69px;
}
#menue ul li.menueebene4Active, #menue ul li.menueebene4 {
	/*width: 139px;*/
	paddding: 0 2px;
	height: 69px;
}
#menue ul li.menueebene5Active, #menue ul li.menueebene5 {
	/*width: 121px;*/
	paddding: 0 2px;
	height: 69px;
}
#menue ul li a.menueebene0Active, #menue ul li a.menueebene0Active:hover, #menue ul li a.menueebene1Active, #menue ul li a.menueebene1Active:hover, #menue ul li a.menueebene2Active, #menue ul li a.menueebene2Active:hover, #menue ul li a.menueebene3Active, #menue ul li a.menueebene3Active:hover, #menue ul li a.menueebene4Active, #menue ul li a.menueebene4Active:hover #menue ul li a:hover, #menue ul li a.menueebene5Active, #menue ul li a.menueebene5Active:hover #menue ul li a:hover {
	background: none;
}
#menue ul li.menueebene0Active, #menue ul li.menueebene0Active:hover, #menue ul li.menueebene0:hover, #menue ul li.menueebene0Active, #menue ul li.menueebene0Active:hover, #menue ul li.menueebene0:hover, #menue ul li.menueebene1Active, #menue ul li.menueebene1Active:hover, #menue ul li.menueebene1:hover, #menue ul li.menueebene1Active, #menue ul li.menueebene1Active:hover, #menue ul li.menueebene1:hover, #menue ul li.menueebene2Active, #menue ul li.menueebene2Active:hover, #menue ul li.menueebene2:hover, #menue ul li.menueebene2Active, #menue ul li.menueebene2Active:hover, #menue ul li.menueebene2:hover, #menue ul li.menueebene3Active, #menue ul li.menueebene3Active:hover, #menue ul li.menueebene3:hover, #menue ul li.menueebene3Active, #menue ul li.menueebene3Active:hover, #menue ul li.menueebene3:hover, #menue ul li.menueebene4Active, #menue ul li.menueebene4Active:hover, #menue ul li.menueebene4:hover, #menue ul li.menueebene4Active, #menue ul li.menueebene4Active:hover, #menue ul li.menueebene4:hover, #menue ul li.menueebene5Active, #menue ul li.menueebene5Active:hover, #menue ul li.menueebene5:hover, #menue ul li.menueebene5Active, #menue ul li.menueebene5Active:hover, #menue ul li.menueebene5:hover {
	background: #fcfcfc;
	color: #404040;
	-webkit-box-shadow: inset 0px 6px 15px 2px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: inset 0px 6px 15px 2px rgba(0, 0, 0, 0.46);
	box-shadow: inset 0px 6px 15px 2px rgba(0, 0, 0, 0.46);
}
#menue ul li a.menueebene0Active, 
#menue ul li a.menueebene1Active, 
#menue ul li a.menueebene2Active, 
#menue ul li a.menueebene3Active, 
#menue ul li a.menueebene4Active, 
#menue ul li a.menueebene5Active, 
#menue ul li a:hover, 
#menue ul li.menueebene0Active, #menue ul li a.menueebene0:hover, #menue ul li.menueebene0:hover a.menueebene0, 
#menue ul li.menueebene1Active, #menue ul li a.menueebene1:hover, #menue ul li.menueebene1:hover a.menueebene1, 
#menue ul li.menueebene2Active, #menue ul li a.menueebene2:hover, #menue ul li.menueebene2:hover a.menueebene2, #menue ul li.menueebene2Active a, 
#menue ul li.menueebene3Active, #menue ul li a.menueebene3:hover, #menue ul li.menueebene3:hover a.menueebene3, #menue ul li.menueebene3Active a, 
#menue ul li.menueebene4Active, #menue ul li a.menueebene4:hover, #menue ul li.menueebene4:hover a.menueebene4, 
#menue ul li.menueebene5Active, #menue ul li a.menueebene5:hover, #menue ul li.menueebene5:hover a.menueebene5, #menue ul li.menueebene5Active a, 
#menue ul li.menueebene0Active, #menue ul li.menueebene0Active:hover, #menue ul li.menueebene0:hover, #menue ul li:hover.menueebene0Active, #menue ul li.menueebene0Active a, 
#menue ul li.menueebene1Active, #menue ul li.menueebene1Active:hover, #menue ul li.menueebene1:hover, #menue ul li:hover.menueebene1Active, #menue ul li.menueebene1Active a, 
#menue ul li.menueebene2Active, #menue ul li.menueebene2Active:hover, #menue ul li.menueebene2:hover, #menue ul li:hover.menueebene2Active, 
#menue ul li.menueebene3Active, #menue ul li.menueebene3Active:hover, #menue ul li.menueebene3:hover, #menue ul li:hover.menueebene3Active, 
#menue ul li.menueebene4Active, #menue ul li.menueebene4Active:hover, #menue ul li.menueebene4:hover, #menue ul li:hover.menueebene4Active, #menue ul li.menueebene4Active a, 
#menue ul li.menueebene5Active, #menue ul li.menueebene5Active:hover, #menue ul li.menueebene5:hover, #menue ul li:hover.menueebene5Active {
	color: #404040;
}
#menue ul li ul {
	left: 0px;
}
#menue ul li.menueebene0 ul, #menue ul li.menueebene0Active ul, 
#menue ul li.menueebene1 ul, #menue ul li.menueebene1Active ul, 
#menue ul li.menueebene2 ul, #menue ul li.menueebene2Active ul, 
#menue ul li.menueebene3 ul, #menue ul li.menueebene3Active ul, 
#menue ul li.menueebene4 ul, #menue ul li.menueebene4Active ul, 
#menue ul li.menueebene5 ul, #menue ul li.menueebene5Active ul {
	/*background: url(../images/menue.png) left top repeat;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}

#menue ul li.menueebene3:hover ul, #menue ul li.menueebene3Active:hover ul, 
#menue ul li.menueebene3 ul:hover, #menue ul li.menueebene3Active ul:hover, 
#menue ul li.menueebene4:hover ul, #menue ul li.menueebene4Active:hover ul, 
#menue ul li.menueebene4 ul:hover, #menue ul li.menueebene4Active ul:hover {
	left: auto;
    right: 0;
}


#menue ul li ul ul, #menue ul li ul ul ul {
	left: 210px;
}
#menue ul li.menueebene4 ul ul, #menue ul li.menueebene4Active ul ul {
	left: -212px;
}
/* Ebene 2 */
	
	#menue ul li ul {
	display:none;
	width:210px;
	float:none;
	position:absolute;
	z-index:1000;
	top:70px;
	left: 0px;
	padding: 0 0 0 0;
	border:1px solid #FFB40A;
	border-bottom:0;
	margin: 0px;
}
#menue ul ul {
	width:210px;
	border:1px solid #FFB40A;
	border-top:0;
	border-bottom:0;
	margin:-6px 0 0 0;
}
#menue ul li ul li {
	background-image: none;
	background-color: transparent;
	padding: 0;
	margin: 0px !important;
}
#menue ul ul li:hover a {
	background-image: none;
}
#menue ul li ul li a {
	display: block;
	text-decoration: none;
	color: #404040 !important;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	width: 197px !important;
	border-bottom: 1px solid #FFB40A !important;
	font-size: 11px;
	background-image: none !important;
	border: none;
	height: auto;
	text-transform:none;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
}
#menue ul li ul li a:hover {
	display: block;
	text-decoration: none;
	color: #ffffff;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	width: 197px;
	border-bottom: 1px solid #FFB40A;
	letter-spacing: 0px;
	font-size: 11px;
	background-image: none !important;
}
/* Ebene 3 */
	#menue ul ul ul {
	display:none;
	float:none;
	position:absolute;
	top:-1px;
	border:0;
	border:1px solid #FFB40A;
	background-color: #FFB40A;
	border-bottom:0;
}
#menue ul li ul li ul li:hover {
	background-image: none;
}
#menue ul li ul li ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	width: 197px !important;
	border-bottom: 1px solid #FFB40A !important;
	font-size: 11px;
	background-image: none !important;
	border: none;
	height: auto;
	text-transform:none;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
}
#menue ul ul ul li a:hover {
	background-color:#FFB40A;
	display: block;
	text-decoration: none;
	color: #ffffff;
	float:right;
	font-weight: normal;
	text-align: left;
	padding: 8px 5px 8px 8px !important;
	width: 197px;
	border-bottom: 1px solid #FFB40A;
	letter-spacing: 0px;
	font-size: 11px;
	height:auto;
}
#menue ul li ul li a.pfeilSub {
	background:url(../images/submenu.gif) no-repeat right center !important;
}
#menue ul li ul li a:hover.pfeilSub, #menue ul li ul li:hover {
	background-color:#FFB40A;
}
#menue li:hover ul, #menue li.over ul {
	display:block;
}
/* Subnavi */
#subnavi {
	float: left;
	width: 285px;
	padding: 15px 0 180px 0px;
	margin: 48px 30px 0 10px;
	/*background-color: #fdfdfd;*/
	
	
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */

}
/* Ebene 1 */
#subnavi ul {
	float:left;
}
#subnavi ul li {
	display:block;
	clear:both;
	float: left;
}
#subnavi ul li a {
	padding: 12px 5px 11px 15px;
	color:#3f3f3f;
	font-size: 15px;
	text-decoration: none;
	float: left;
	width: 245px;
	margin: 0 10px;
	clear: both;
	display:block;
	font-weight: normal;
	border-bottom: 1px dotted #7f7f7f;
	/*text-transform: uppercase;*/
}
#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
	/*background:url("../images/subnavi-aktive.png") no-repeat 12px center !important;*/
	padding: 12px 5px 11px 15px;
	color:#3f3f3f;
	font-size: 15px;
	text-decoration: none;
	float: left;
	width: 245px;
	font-weight: bold;
	border-bottom: 1px dotted #7f7f7f;

}
#subnavi ul li a:hover {
	font-weight: normal;
	background: #ededed;
}
/* Ebene 2 */

#subnavi ul ul {
	border:medium none;
	float:left;
	padding:8px 0;
	width:203px;
}
#subnavi ul li ul {
	list-style:none;
}
#subnavi ul li ul li {
	background: none;
	border: none;
}
#subnavi ul li ul li a {
	margin: 0 10px;
	padding: 5px 5px 6px 40px;
	color:#3f3f3f;
	float: left;
	width: 220px;
	background: none;
	border: none;
	text-transform: none;
	font-size: 15px;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
}
#subnavi ul li ul li a:hover {
	text-decoration: underline;
	margin: 0 10px;
	padding: 5px 5px 6px 40px;
	color:#3f3f3f;
	float: left;
	width: 220px;
	background: none;
	border: none;
	text-transform: none;
	font-size: 15px;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
}


#subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover {
	margin: 0 10px;
	padding: 5px 5px 6px 65px;
	color:#3F3F3F;
	border: none;
	text-decoration:none;
	font-weight: bold;
	float: left;
	width: 195px;
	font-size: 15px;
	text-transform: none;
	background:url("../images/subnavi-aktive.png") no-repeat 38px center !important;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
}
#subnavi ul li ul li a:hover {
	font-weight: normal;
}
/* Ebene 3 */
#subnavi ul ul ul {
	border:medium none;
	float:left;
	padding:4px 0;
	width:202px;
	border: none;
	background: none;
}
#subnavi ul li ul {
	list-style:none;
}
#subnavi ul li ul li ul li {
}
#subnavi ul li ul li ul li a {
	margin:0 10px;
	padding: 5px 5px 6px 65px;
	font:15px 'Scada', Arial, Helvetica, sans-serif;
	float: left;
	width: 195px;
	background-image: none;
	border: none;
}
#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
	margin:0 10px;
	padding: 5px 5px 6px 90px;
	font:15px 'Scada', Arial, Helvetica, sans-serif;
	color:#3F3F3F;
	border: none;
	text-decoration:none;
	font-weight: normal;
	float: left;
	width: 170px;
	background:url("../images/subnavi-aktive.png") no-repeat 62px center !important;
	font-weight: bold;
}
#subnavi ul li ul li ul li a:hover {
	font-weight: normal;
}

/* Touchmenue */

#touchmenuClick {
    /*background: url("../images/subnavi-head.png") scroll 0 0 no-repeat transparent;*/
    background: none repeat scroll 0 0 #FFB40A;
    color: #FFFFFF;
    float: left;
    font-family: 'Scada',Arial,Helvetica,sans-serif;
    font-size: 20px;
    height: 24px;
    left: 0;
    margin: 0 0 0 10px;
    padding: 12px 0 11px 25px;
    position: absolute;
    top: 437px;
    width: 260px;
    z-index: 8888;
}
#touchmenuClick h2 {
    color: #FFFFFF;
    font-family: 'Scada', Arial, Helvetica, sans-serif;
    font-size: 20px;
  
}

/*----------------------subnaviFooter----------------------*/

#subnaviFooter {
	bottom: 0;
    float: left;
    height: 0px;
    left: -317px;
    position: absolute;
    width: 285px;
    
    -webkit-box-shadow: 0 3px 5px 1px rgba(179, 179, 179, 0.8);
	-moz-box-shadow: 0 3px 5px 1px rgba(179, 179, 179, 0.8);
	box-shadow: 0 3px 5px 1px rgba(179, 179, 179, 0.8);
}

/*----------------------CATEGORY----------------------*/

#activesite {
	background: none repeat scroll 0 0 transparent;
    bottom: 0;
    height: 100px;
    left: -315px;
    position: absolute;
    width: 285px;
}
/*#activesite.schwabenprogress {
	background: url("../images/logo-schwabenprogress.png") no-repeat scroll center top transparent;
}
#activesite.lebenamturm {
	background: url("../images/logo-lebenamturm.png") no-repeat scroll center top transparent;
}
#activesite.tylerservice {
	background: url("../images/logo-tylerservice.png") no-repeat scroll center top transparent;
}
#activesite.hausdergeborgenheit {
	background: url("../images/logo-hausdergeborgenheit.png") no-repeat scroll center top transparent;
}
#activesite.spmobiledienste {
	background: url("../images/logo-spmobiledienste.png") no-repeat scroll center top transparent;
}*/


.category {
	background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 75px;
    left: -4px;
    margin-bottom: 12px;
    position: relative;
    top: 0;
    width: 75px;
    z-index: 9;
}

#quickSchwabenprogress {
	/*background: url("../images/site-schwabenprogress.png") no-repeat scroll right top transparent;*/
}
#quickTurm {
	/*background: url("../images/site-lebenamturm.png") no-repeat scroll right top transparent;*/
}
#quickTyler {
	/*background: url("../images/site-tylerservice.png") no-repeat scroll right top transparent;*/
}
#quickGeborgenheit {
	/*background: url("../images/site-hausgeborgenheit.png") no-repeat scroll right top transparent;*/
}
#quickMobileDienste {
	/*background: url("../images/site-spmobiledienste.png") no-repeat scroll right top transparent;*/
}

#quickSchwabenprogress-info {
	float: left;
    left: 71px;
    position: relative;
    bottom: 72px;
    width: 233px;
}
#quickSchwabenprogress-Pic {
	position: absolute;
	left: -229px;
	top: 0;
}
#quickTurm-info {
	float: left;
    left: 71px;
    position: relative;
    bottom: 72px;
    width: 181px;
}
#quickTurm-Pic {
	position: absolute;
	left: -177px;
	top: 0;
}
#quickTyler-info {
	float: left;
    left: 71px;
    position: relative;
    bottom: 72px;
    width: 181px;
}
#quickTyler-Pic {
	position: absolute;
	left: -177px;
	top: 0;
}
#quickGeborgenheit-info {
	float: left;
    left: 71px;
    position: relative;
    bottom: 72px;
    width: 181px;
}
#quickGeborgenheit-Pic {
	position: absolute;
	left: -177px;
	top: 0;
}
#quickMobileDienste-info {
	float: left;
    left: 71px;
    position: relative;
    bottom: 72px;
    width: 181px;
}
#quickMobileDienste-Pic {
	position: absolute;
	left: -177px;
	top: 0;
}






/*----------------------FOOTER----------------------*/

#footerwrap {
	background-color: #f8b828 ;
	float: left;
	height: 195px;
	position: relative;
	width: 100%;
	z-index: 99;
	bottom: 0;
	margin: 30px 0 0px 0;
}

#footer {
	width: 980px;
	height: 195px;
	margin: 0 auto;
	color: #404040;
}

#footer a {
	text-decoration: none;
	color: #404040;
}

#footerschriftzug {
	width: 501px;
	float: left;
	position: absolute;
}

#footerschriftzug img {
	width: 532px;
padding: 60px 0px 0 220px;
}

#footeromi {
	display: none;
	/*position: absolute;
	float: left;
	left: 0;
	bottom: 0;*/
}

#footer-info {
	float: left;
	width: 80%;
	margin: 7px 0px 0 1%;
}
#footer-info.footer-info-home {
	width: 67%;
}

#footer-ueberschrift {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #000000;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin: 10px 0;
	padding: 0 0 10px 0;
}

#footer-ue-1 {
	float: left;
	width: 57%;
	background: url("../images/kontakt.png") no-repeat 0px top transparent;
	padding: 0 0 0 30px;
}

#footer-ue-2 {
	float: left;
	width: 30%;
	background: url("../images/tagesbetreuung.png") no-repeat 0px top transparent;
	padding: 0 0 0 30px;
}

#footer-text {
	float: left;
	width: 100%;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#footer1 {
	float: left;
	width: 30%;
}

#footer2 {
	float: left;
	width: 30%;
}

#footer3 {
	float: left;
	width: 39%;
}

#footer-qr {
	float: right;
	width: 16.5%;
	margin: 0 10px 0 0%;
}
#footer-qr.footer-qr-home {
	width: 29.5%;
}

#footer-qr img {
	position: relative;
	bottom: 15px;
	right: 0;
	float: right;
}
#footer-qr p {
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
}

/*----------------------SUCHE----------------------*/

#suchbereich {
	/*background: none repeat scroll 0 0 #FFFFFF;*/
	/*-webkit-box-shadow: 0px 0px 4px 3px rgba(110, 110, 110, 0.2);
	box-shadow: 0px 0px 4px 3px rgba(110, 110, 110, 0.2);*/
	z-index: 999;
	float: left;
	height: 20px;
	margin: 0px 0 0 10px;
	background: #fce3a9;
	overflow: hidden;
	padding: 5px 0px 5px 5px;
	position: relative;
	left: 545px;
	top: 15px;
	width: 240px !important;
}
#suchbereich.suchbereich-home {
	left: 400px;
}
#suchbereich p {
	color: #404040;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 0 5px 0;
	font-weight: bold;
}
#suchbereich .bereich1 {
	background: none repeat scroll 0 0 transparent;
	float: left;
	padding: 0px 0 0;
	border-bottom: 1px dotted #404040;
}
#suchbereich .suche {
	border: none;
	color: #404040;
	float: right;
	font-family: 'Scada', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: transparent;
	font-weight: normal;
	margin: 0;
	padding: 2px 5px;
	width: 205px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
#suchbereich .bereich2 {
	float: left;
	height: 20px;
	width: 20px;
	padding: 1px 0 0;
}



#suchbereich .sucheAbsenden {
	height: 14px;
	width: 14px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}



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

#nachOben {
    background: url("../images/nachoben.png") no-repeat scroll center top transparent;
    bottom: 0;
    color: #FFB40A;
    display: block;
    float: left;
    font-size: 18px;
    padding: 35px 0 0;
    position: absolute;
    right: -180px;
    text-align: center;
    width: 100px;
    
    /*text-shadow: 1px 1px 1px #666666;
    filter: dropshadow(color=#666666, offx=1, offy=1);*/
}
#drucken a {
	background: url("../images/drucken1.gif") no-repeat scroll 0 2px transparent;
    color: #787878;
    font-size: 11px;
    padding: 2px 0 2px 22px;
}
#drucken {
	border-top: 1px dotted #353535;
    color: #787878;
    float: left;
    padding: 15px 0;
    width: 100%;
}

#nachOben a:hover, #drucken a:hover {
	/*color: #1B7046;*/
	text-decoration: underline;
}


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

DIV.csc-textpic-center .csc-textpic-center-outer {
	right: 0 !important;
	padding-bottom: 15px;
}
DIV.csc-textpic-center .csc-textpic-center-inner {
	right: 0 !important;
}



.publishSystemNotify {
	display: none;
}

#contentbereich .slideBlock .contentelement div div, #contentbereich .slideBlock1 .contentelement div div, #contentbereich .slideBlock2 .contentelement div div, #contentbereich .slideBlock3 .contentelement div div {
	background: transparent;
	margin: 0;
	padding: 0px 0;
	width: auto;
	float: none;
}

.powermail_fieldset {
    border: medium none;
    margin-bottom: 0;
    margin-top: 20px;
}

.powermail_field {
    border: 1px solid #d4d4d4;
    padding: 1.4%;
}

form h3 {
	display: none;
}

.parsley-required, .parsley-custom-error-message {
	list-style: none;
	color: red;
}

/* COOKIE */

/*--Breakpoints--*/
#cookie-law {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	padding: 10px 1em;
}
@media only screen and (min-width: 360px) {
	#cookie-law {
		padding: 10px 1.6em;
	}
}
@media only screen and (min-width: 640px) {
	#cookie-law {
		padding: 10px 2em;
	}
}
@media only screen and (min-width: 960px) {
	#cookie-law {
		padding: 10px 2em;
	}
}
@media only screen and (min-width: 1280px) {
	#cookie-law {
		padding: 10px 2em;
	}
}
#cookie-law p .more-cookie-banner {
	color: #fff;
	text-decoration: underline;
	white-space: nowrap;
	-webkit-transition: color 200ms ease 0s;
	-moz-transition: color 200ms ease 0s;
	-o-transition: color 200ms ease 0s;
	transition: color 200ms ease 0s;
}
#cookie-law p .more-cookie-banner:hover {
	color: #d9d9d9;
}
#cookie-law p .close-cookie-banner {
	color: #000;
	text-decoration: none;
	display: inline-block;
	padding: 6px 25px;
	background: #fff;
	border-radius: 4px;
	width: 100%;
	margin-top: 12px;
	-webkit-transition: background 200ms ease 0s;
	-moz-transition: background 200ms ease 0s;
	-o-transition: background 200ms ease 0s;
	transition: background 200ms ease 0s;
}
@media only screen and (min-width: 480px) {
	#cookie-law p .close-cookie-banner {
		margin-left: 12px;
		margin-top: 0;
		width: auto;
	}
}
#cookie-law p .close-cookie-banner:hover {
	background: #cccccc;
}
#cookie-law ~ #wrap #footerwrap {
	margin-bottom: 128px;
}
@media only screen and (min-width: 370px) {
	#cookie-law ~ #wrap #footerwrap {
		margin-bottom: 107px;
	}
}
@media only screen and (min-width: 480px) {
	#cookie-law ~ #wrap #footerwrap {
		margin-bottom: 74px;
	}
}
@media only screen and (min-width: 770px) {
	#cookie-law ~ #wrap #footerwrap {
		margin-bottom: 53px;
	}
}