







@font-face {
   font-family: TizaSansOT;
   local: Tiza Sans OT;
}

@font-face {
	font-family: TisaScWeb;
	src: url("font/TisaScWeb.eot");
}
@font-face {
	font-family: TisaScWeb;
	src: url("font/TisaScWeb.woff") format("woff");
}
@font-face {
	font-family: TisaWeb;
	src: url("font/TisaWeb.eot");
}
@font-face {
	font-family: TisaWeb;
	src: url("font/TisaWeb.woff") format("woff");
}

html,body   {height:100%; width:100%; position:relative; padding: 0; margin:0;}
body		{font-family: Arial, Helvetica, sans-serif; color: #000000; background: #fff;}
img			{border:0;}
img.icon	{cursor:pointer}
ul			{list-style:none; margin:0; padding:0}
fieldset	{border:0; padding:0; margin:0}
iframe		{-webkit-overflow-scrolling:touch!important; border:0; width:100%; height:100%}
select		{border-radius:0}
a, a:visited		{color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif}

.hidden		{display:none}
.visible	{display:block}
.block		{display:block}
.inline		{display:inline}

.alignleft  {text-align:left}
.aligncenter  {text-align:center}
.alignright  {text-align:right}
.valignTop  {vertical-align:top}
.valignBottom  {vertical-align:bottom}

.left, .floatleft	{float:left}
.right, .floatright	{float:right}
.clearboth      {clear:both!important; float:none!important; margin:0; padding:0}
.interactive	{cursor:pointer}

.underline	{border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 10px 0}
.background	{width:100%; height:100%; position:absolute;}

.colGreen	{color:#94b494}
.colBlue	{color:#82b0b8}

.touchable select, .touchable button, .touchable input	{font-size:110%}

div.slots.trenner	{margin:1px 30px 30px 30px}

div.slots > div.spalte > div.layout > div.wrapper	{padding:0px 0 1px 0}
div.slots > div.spalte.noPadding > div.layout > div.wrapper {padding:0!important}
div.slots > div.spalte.noPaddingTop > div.layout > div.wrapper {padding-top:0!important}
div.slots > div.spalte > div.layout {z-index:1}

div.slots > div.spalte.dots > div.layout {margin:0 10px 20px 10px;}
div.slots.frame > div.spalte.dots > div.layout {margin:0 10px 20px 10px;}
div.slots > div.spalte.dots:before {position:absolute; left:-2px; width:4px; background:url('/layout/images/system/icons/trenner_dott.png') repeat-y 50% 50%; content:""; height:100%}
div.slots > div.spalte.dots.eins:before	{display:none}
div.slots > div.spalte.line > div.layout {margin:0 0px 20px 10px;}
div.slots > div.spalte.line:before {position:absolute; left:-1px; width:1px; background-color:#b3b3b3; content:""; height:100%}
div.slots > div.spalte.line.eins:before	{display:none}
div.slots > div.spalte.frame > div.layout {border:1px solid #b3b3b3; margin:0 10px 20px 10px; background-color:#fff}

div.slots > div.spalte.frame > div.layout > div.wrapper {padding-top:10px}

div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {background-color:#fff; padding:1px 10px; margin:0 10px 0 10px;}
div.slots > div.spalte.white > div.layout > div.wrapper, div.slots > div.spalte > div.layout.white > div.wrapper {padding-top:10px!important}

div.slots > div.spalte.green > div.layout, div.slots > div.spalte > div.layout.green {background-color:#94b494; padding:20px; margin:0 10px 0 10px;}
div.slots > div.spalte.green > div.layout > div.wrapper, div.slots > div.spalte > div.layout.green > div.wrapper {background-color:#fff; padding:3px 0}

div.slots > div.spalte.blue > div.layout, div.slots > div.spalte > div.layout.blue {background-color:#94b494; padding:20px; margin:0 10px 0 10px;}
div.slots > div.spalte.blue > div.layout > div.wrapper, div.slots > div.spalte > div.layout.blue > div.wrapper {background-color:#fff; padding:3px 0}

div.slots > div.spalte.stoerer { margin-top: 60px;}
div.slots > div.spalte.stoerer > div.layout	{background-color:#fff; border-width:5px 1px 1px 1px; border-style:solid; border-color:#b3b3b3; margin:0 10px 0 10px;}
div.slots > div.spalte.stoerer.borderTopYellow > div.layout	{border-top-color:#f9ed43}
div.slots > div.spalte.stoerer.borderTopPetrol > div.layout	{border-top-color:#82b0b8}
div.slots > div.spalte.stoerer.borderTopGreen > div.layout	{border-top-color:#94b494}
div.slots > div.spalte.stoerer > div.layout > div.wrapper  { padding:80px 20px 20px 20px}


div.slots > div.spalte.stripes > div.layout, div.slots > div.spalte > div.layout.stripes			 {background:url('/layout/images/system/icons/bg-schraffur-petrol.png'); padding:15px; margin:0 10px 0 10px;}
div.slots > div.spalte.stripes.lBlue > div.layout,div.slots > div.spalte> div.layout.stripes.lBlue			 {background:url('/layout/images/system/icons/bg-schraffur-hellblau.png');}
div.slots > div.spalte.stripes.yellow > div.layout, div.slots > div.spalte > div.layout.stripes.yellow			 {background:url('/layout/images/system/icons/bg-schraffur-gelb.png');}
div.slots > div.spalte.stripes.lGreen > div.layout, div.slots > div.spalte > div.layout.stripes.lGreen			 {background:url('/layout/images/system/icons/bg-schraffur-gruen.png');}
div.slots > div.spalte.stripes > div.layout > div.wrapper, div.slots > div.spalte > div.layout.stripes > div.wrapper {background-color:#fff; padding-top:10px}
div.slots > div.spalte.shadow:before	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat top center; position:absolute; left:-10px; top:-10px; opacity:.5; width:67px; height:100%; max-height:232px; z-index: 0;}
div.slots > div.spalte.shadow:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:67px; z-index: 0;}

div.slots > div.spalte.center		{text-align:center}
div.slots > div.spalte.alignRight	{text-align:right}

/* Grid */
div.grid > .col-1 {width: 8.33%;}
div.grid > .col-2 {width: 16.66%;}
div.grid > .col-3 {width: 25%;}
div.grid > .col-4 {width: 33.33%;}
div.grid > .col-5 {width: 41.66%;}
div.grid > .col-6 {width: 50%;}
div.grid > .col-7 {width: 58.33%;}
div.grid > .col-8 {width: 66.66%;}
div.grid > .col-9 {width: 75%;}
div.grid > .col-10 {width: 83.33%;}
div.grid > .col-11 {width: 91.66%;}
div.grid > .col-12 {width: 100%;}
[class*="col-"] {float: left;}


a.screenreaderOnly, .screenreaderOnly {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} 
a.screenreaderOnly:focus {position:static; width:auto; height:auto;color:#82b0b8; padding: 3px} 


#navigation > ul > li > p > a:focus {color:#82b0b8;}
.transition {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}

h1, .h1, p.H1	{font-size:220%; line-height:120%; margin:0; padding:0; font-weight:normal; font-family:TisaWeb}
h2, .h2, p.H2	{font-size:170%; line-height:120%; margin:0; padding:0; font-weight:normal;  font-family:TisaWeb}
h3, .h3, p.H3	{font-size:150%; line-height:120%; margin:0; padding:0; font-weight:normal;  font-family:Arial}
h4, .h4, p.H4	{font-size:140%; line-height:140%; margin:0; padding:0; font-weight:normal; font-family:TisaWeb}
h5, .h5, p.H5	{font-size:120%; line-height:140%; margin:0; padding:0; font-weight:normal; font-family:Arial}

p	{margin-bottom:10px}

hr	{margin:20px 0; border:0; border-bottom:1px solid #b3b3b3}
hr.dotted	{border-bottom: 2px dotted #999}

a.hover-underline:hover {text-decoration:underline;}

span.betrag	{color:#277a8a; font-size:180%; font-weight:bold}

.spalte > .layout > .wrapper > *	{margin-left:10px; margin-right:10px; position:relative;}
.klappliste > div.content > div > .slots	{margin-left:-10px; margin-right:-10px}
.klappliste > div.content > div.farbfeld	{padding-left: 20px; padding-right: 20px;}
.klappliste .spalte.frame > .layout > .wrapper > *	{margin-left:15px; margin-right:15px;}

button	{cursor:pointer; background:#f9ed43; padding:4px 20px 4px 10px; border:1px solid #ffd402; margin:0; font-weight:bold; line-height:160%}

button 		{padding:5px 30px 5px 5px; border:0; margin:0 0 15px 0; font-weight:bold; position:relative; display:block; background:#f9ed43; border:1px solid #ffd402; text-align:left; font-size:100%}
button:hover	{background:#82b0b8; border:1px solid #277a8a; color:#fff}
button.max 		{width:calc(100% - 37px)}
button:after {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0 -175px; top:50%; margin-top:-8px; right:7px; content:" "; position:absolute; width:9px; height:15px; }
button:hover:after {background-position:-35px -175px;}
button.search:after {background-position: 0 -280px; top:8px; right:7px; width:18px; height:18px;}
button.search:hover:after {background-position: -35px -280px;}

button.p2 {background:#94b494; border:1px solid #94b494; color:#fff}
button.p2:after {background-position:-35px -175px;}
button.p2:hover	{background:#dfe8df; border:1px solid #94b494; color:#94b494}
button.p2:hover:after {background-position:-105px -175px;}

button.p3 {background:#82b0b8; border:1px solid #277a8a; color:#fff}
button.p3:after {background-position:-35px -175px;margin-top:-7px}
button.p3:hover	{background:#bed7dc; border:1px solid #82b0b8; color:#82b0b8}
button.p3:hover:after {background-position:-175px -175px;}

button.p4 {background:#fff; border:1px solid #277a8a; color:#277a8a}
button.p4:after {background-position:-140px -175px;}
button.p4:hover	{border:1px solid #ffd402; color:#ffd402}
button.p4:hover:after {background-position:-70px -175px;}

#header 	{position:relative;}
#header img	{width:100%;}
#header video	{width:100%;}
#header div.imgContainer	{position:relative; padding:0}
#header div.text.dark	{color:#222}
#header p	{font-size:120%; font-family:Arial; margin:0}
#header p.big	{font-size:180%; line-height:110%}
#header div.video	{width:50%; height:100%; position:absolute; top:0;left:0; background:url('/layout/images/system/icons/ic_video.png') 50% 50% no-repeat; z-index:1; visibility:visible; opacity:.7}
#header div.video:hover	{opacity:.95}
#header div.text a	{margin-top:15px; background:#f9ed43; position:relative; display:inline-block; padding:1px 5px 1px 15px; font-weight:bold; font-size:120%}
#header div.text a:hover	{background:#82b0b8; color:#fff}
#header div.text a:before {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; top:calc(50% - 5px); left:5px; width:6px; height:9px;}
#header div.text a:hover:before	{background-position:-35px -245px}

#header div.text a.button	{padding:5px 30px 5px 5px;font-size:130%; border:1px solid #ffd402 }
#header div.text a.button:hover		{border:1px solid #277a8a}
#header div.text a.button:before {background-position:0 -175px; top:8px; right:7px; left:auto; width:9px; height:15px;}
#header div.text a.button:hover:before	{background-position:-35px -175px}

#foot				{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0 #dfe8df; padding:10px 20px; position:relative; bottom:0; margin-top:40px}
#foot ul			{margin:0; padding:3px 0; list-style:none; color:#000; line-height:28px; position:relative; clear:both;}
#foot ul.social li			{float:left; margin:2px 15px 0 0;}
#foot ul li.divider			{display:none}
#foot ul li a		{padding-left:10px; position:relative; opacity:.8}
#foot ul li a:hover		{opacity:1}
#foot ul li a:after		{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -245px; content:" "; width:9px; height:15px; position:absolute; left:0; top:4px}

#foot ul.social li a		{padding-left:0px; margin:5px 0; opacity:1}
#foot ul.social li a:after		{display:none}



#autolink ul ul, #autolink div.control	{display:none}
#autolink ul li	{width:calc(25% - 15px)}


div.autocomplete				{background-color:#fff; border:1px solid #999; overflow-y:auto; overflow-x:hidden;}

div.autocomplete a				{padding:3px}
div.autocomplete a span.mark	{color:#6aa3b2}
div.autocomplete a:hover		{background-color:#f9ed43}
div.autocomplete a.active		{background-color:#f9ed43}

a.text			{text-decoration:none; margin-right:0; font-weight:bold; position:relative; width:auto!important; height:auto!important}
a.text.c3:hover, a.text		{background:#f9ed43; color:#000;}
a.text.c2				{background:#94b494; color:#fff;}
a.text:hover, a.text.c2:hover, a.text.c3		{background:#82b0b8; color:#fff;}

a.text.calculate	{padding:2px 4px 2px 20px;}
a.text.calculate:before {background:url(/layout/images/system/icons/Universal-Sprite.png) 0px -315px no-repeat; top:2px; left:2px; content:" "; position:absolute; width:14px; height:16px; }
a.text.calculate.c2:before,.text.calculate.c3:before ,.text.calculate:hover:before {background-position:-35px -315px}
a.text.calculate.c3:hover:before {background-position:0px -315px}

a.text.download	{padding:2px 4px 2px 15px}
a.text.download:before {background:url(/layout/images/system/icons/Universal-Sprite.png) -70px -245px no-repeat; top:4px; left:4px; content:" "; position:absolute; width:9px; height:15px; }
a.text.download.c2:before, .text.download.c3:before, .text.download:hover:before {background-position:-105px -245px}
a.text.download.c3:hover:before {background-position:-70px -245px}

.text.link	{padding:2px 4px 2px 15px; position:relative; display:inline-block; font-weight:bold; background-color:#f9ed43}
.text.link:hover	{background-color:#82b0b8}
.text.link:before {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; top:8px; left:6px; content:" "; position:absolute; width:9px; height:15px; }
.text.link.c2:before, .text.link.c3:before, .text.link:hover:before {background-position:-35px -245px}
.text.link.c3:hover:before {background-position:-0px -245px}

a.text.noback			{background:transparent!important}
a.text.noback:hover		{color:#000!important;}

a.text.c2.noback				{color:#94b494;}
a.text.c3.noback				{color:#82b0b8;}
a.text.link.c2.noback:before {background-position:-245px -630px}
a.text.link.c3.noback:before {background-position:-210px -630px}
a.text.link.c1.noback:hover  {color:#82b0b8!important;}
a.text.link.c1.noback:hover:before {background-position:-245px -630px}
a.text.link.c3.noback:hover:before {background-position:-210px -630px}

a.email			{position:relative; padding-left:10px; display:inline-block}
a.email:hover	{text-decoration:underline}
a.email:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -245px; content: " "; width: 9px; height: 15px; position: absolute; left: 0; top: 6px;}

div.spalte > div.layout > div.wrapper > a[name]	{position:absolute!important;}

/* FLEX-CONFIG */



div.abstand	{position:relative;}

div.bildschrift.rechts	{text-align:right}
div.bildschrift.zentriert	{text-align:center}

.button {padding:5px 25px 5px 5px; margin:0 0 15px 0; font-weight:bold; position:relative; display:inline-block; background:#f9ed43; border:1px solid #ffd402; cursor:pointer}
.button > a	{display:block; color:#000}
.button.max		{display:block}
.button:after {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0 -175px; content:" "; position:absolute; width:9px; height:15px;  top:50%; margin-top:-8px; right:7px;}
.button.ic_x:after {background-position:0 -210px; width:15px; right:4px;}
.button.ic_search:after {background-position:0 -280px; width:17px; height:17px; right:4px; }
.button:hover	{background:#82b0b8; border:1px solid #277a8a; color:#fff}
.button:hover > a	{display:block; color:#fff}
.button:hover:after {background-position:-35px -175px;  top:50%; margin-top:-8px; right:7px;}
.button.ic_search:after {background-position:0 -280px; width:17px; height:17px; right:4px; }
.button.ic_x:hover:after {background-position:-35px -210px;}
.button.addRechner:hover:before {background-position:-35px -315px;}
.button.addRechner {padding-left:25px}
.button.addRechner:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0px -315px; content:" "; position:absolute; width:14px; height:16px; left:5px; top:7px }


.button.p2 {background:#94b494; border:1px solid #94b494; color:#fff}
.button.p2 > a	{color:#fff}
.button.p2:after {background-position:-35px -175px; }
.button.p2.ic_x:after {background-position:-35px -210px;}
.button.p2:hover	{background:#dfe8df; border:1px solid #94b494; color:#94b494}
.button.p2:hover > a	{color:#94b494}
.button.p2:hover:after {background-position:-105px -175px; }
.button.p2.ic_x:hover:after {background-position:-105px -210px;}
.button.p2.addRechner:before {background-position:-35px -315px;}
.button.p2.addRechner:hover:before {background-position:-105px -315px;}

.button.p3 {background:#82b0b8; border:1px solid #277a8a; color:#fff}
.button.p3 > a	{color:#fff}
.button.p3:after {background-position:-35px -175px; }
.button.p3.ic_x:after {background-position:-35px -210px;}
.button.p3:hover	{background:#bed7dc; border:1px solid #82b0b8; color:#82b0b8}
.button.p3:hover > a	{color:#82b0b8}
.button.p3:hover:after {background-position:-175px -175px;}
.button.p3.ic_x:hover:after {background-position:-175px -210px;}
.button.p3.addRechner:before {background-position:-35px -315px;}
.button.p3.addRechner:hover:before {background-position:-175px -315px;}

.button.p4 {background:#fff; border:1px solid #277a8a; color:#277a8a}
.button.p4 > a	{color:#277a8a}
.button.p4:after {background-position:-140px -175px; }
.button.p4.ic_x:after {background-position:-140px -210px;}
.button.p4:hover	{border:1px solid #ffd402; color:#ffd402}
.button.p4:hover > a	{ color:#ffd402}
.button.p4:hover:after {background-position:-70px -175px; }
.button.p4.ic_x:hover:after {background-position:-70px -210px;}
.button.p4.addRechner:before {background-position:-140px -315px;}
.button.p4.addRechner:hover:before {background-position:-70px -315px;}

.button.p5 {background:#82b0b8; padding:0 5px 0 15px; color:#fff; border:1px solid #277a8a}
.button.p5 > a	{color:#fff}
.button.p5.ic_x {padding:0 5px 0 20px;}
.button.p5:after {background-position:-35px -245px; width:6px; height:9px; right:auto; left:5px; margin-top:-4.5px}
.button.p5.ic_x:after {background-position:-210px -350px; width:12px; height:12px;}
.button.p5:hover	{background:#bed7dc;}

div.contentbild	{margin:0 10px 20px 10px; overflow:hidden}
div.contentbild.noMarginBottom	{margin-bottom:0!important}
.spalte.frame div.contentbild	{margin-left:0; margin-right:0;}
div.slots.solo div.contentbild	{margin:0 -10px 20px -10px!important;}
div.contentbild div	{width:100%}
div.contentbild.center div	{width:auto; margin:0 auto}
#page.Landingpage #header > div.teaser > div.col1 div.contentbild	{margin-left:0; margin-right:0}

div.bildfeld	{padding:1px 0 1px 0; margin:15px 0 -2px 0 ;}
div.bildfeld > img	{width:100%; position:absolute; z-index:0}

div.download 	{margin-bottom:15px;}
div.download div.button				{position:relative; padding:2px 5px 2px 18px; margin:0; background-color:#f9ed43; display:inline-block; font-weight:bold}
div.download div.button:hover		{color:#fff; background:#82b0b8;}
div.download div.button:before		{background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -70px -245px; content:" "; position:absolute; width:9px; height:15px;  left:5px; top:6px }
div.download div.button:after		{display:none }
div.download div.button:hover:before		{background-position:-105px -245px;}
div.download span	{padding:0 3px}

div.dachzeile		{margin-bottom:0px; padding:0px}
div.dachzeile span	{background-color:#f9ed43; font-weight:bold; line-height:30px; white-space:pre-wrap; padding:4px; box-decoration-break:clone; -webkit-box-decoration-break:clone}

div.farbfeld		{padding:1px 0; position:relative; margin:0}
div.farbfeld.gruen		{background-color:#dfe8df;}
div.farbfeld.blau		{background-color:#bed7dc;}
div.farbfeld.stripes			 {background:url('/layout/images/system/icons/bg-schraffur-petrol.png');}
div.farbfeld.stripes.lBlue			 {background:url('/layout/images/system/icons/bg-schraffur-hellblau.png');}
div.farbfeld.stripes.yellow			 {background:url('/layout/images/system/icons/bg-schraffur-gelb.png');}
div.farbfeld.stripes.lGreen			 {background:url('/layout/images/system/icons/bg-schraffur-gruen.png');}

div.farbfeld.shadow:before		{content:" "; background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; border-top:1px solid #ddd; top:0; height:10px; width:100%; position:absolute;}


div.newBox			{padding:10px 0}
div.newBox > span		{background-color:#f9ed43; font-weight:bold; line-height:30px; white-space:pre-wrap; padding:4px; display:inline; left:10px; position:relative; margin-bottom:20px}

/* Klappliste mit gelbem Pfeil links */
div.klappliste				    {border-bottom:2px dotted #000; position:relative; text-align: left}
div.klappliste.borderTop	{border-top:2px dotted #000;}	
div.klappliste.noBorderBottom	{border-bottom:0;}

#content > div > div.klappliste		{margin:-15px 20px 15px 20px; padding:0}
div.klappliste > div.content	{margin-left:50px}

div.klappliste > div.head		{cursor:pointer; padding-top:10px; position:relative}
div.klappliste > .head h2	{margin-bottom:0px; padding:5px 0 10px 50px; line-height:30px}
div.klappliste > .head h4	{padding-left:50px; min-height:35px}

div.klappliste > div.head:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) -140px -490px; position:absolute; margin:10px 0 0 4px; width:29px; height:29px; left:0; top:0; content:" "; transition: transform .4s ease-in-out; webkit-transition: transform .4s ease-in-out}
.notTouchable div.klappliste > div.head:hover:after	{background-position:-210px -490px}
div.klappliste.open > div.head:after	{transform:rotate(90deg); -webkit-transform:rotate(90deg);}

div.klappliste.H2 > div.head:after	{margin:15px 0 0 5px; background-position: 0px -490px; width: 32px; height: 32px;}
.notTouchable div.klappliste.H2 > div.head:hover:after	{background-position: -70px -490px;}

#content > div > div.klappliste > div.head:after	{margin:12px 0 0 5px; background-position: 0px -490px; width: 32px; height: 32px;}
.notTouchable #content > div > div.klappliste > div.head:hover:after	{background-position: -70px -490px;}


/* Klappliste mit gruenem HG */
div.klappliste.green				{border-bottom:none; }
div.klappliste.green.borderTop	{border-top:none;}	
div.klappliste.green > div.head:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) -175px -245px; position:absolute; margin: 12px 0 0 10px; width:7px; height:11px; left:0; top:0; content:" "; transition: transform .4s ease-in-out; webkit-transition: transform .4s ease-in-out}
div.klappliste.green > div.head		{background-color:#94b494; color:#fff;margin-bottom:5px;padding-top: 5px;}
div.klappliste.green > .head h4	{min-height:20px; text-align:center; padding:0 24px; }
div.klappliste.green > .head h2	{min-height:20px; text-align:center; padding: 5px 0 5px 50px;}
.notTouchable div.klappliste.green > div.head:hover:after	{background-position:-175px -245px;}


div.lazyImage		{position:relative;overflow:hidden; background:url(/layout/script/aragscript/css/ajaxified.gif) center no-repeat }
div.lazyImage.done		{background-image:none}
div.lazyImage img	{position:absolute; width:100%; height:100%}
div.spalte.center div.lazyImage img	{left:0}

div.link		{margin-bottom:10px}
div.link.lined	{border-bottom:1px solid #b3b3b3}
div.link p 		{display:inline-block; background-color:#f9ed43; padding:1px 5px 1px 16px; border:0; margin:0 0 5px 0; font-weight:bold; position:relative;}
div.link:hover p	{background:#82b0b8; color:#fff}
div.link p:after {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; top:50%; margin-top:-4.5px; left:5px; width:6px; height:9px;}
div.link:hover p:after {background-position:-35px -245px}
div.link.jump p:after	{-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
div.link div.icon{background:#94b494; position:absolute; right:0px; top:0; height:22px; width:22px;}
div.link div.icon:before{background-position:-31px -312px;}

div.link.noback p	{background-color:transparent;}
div.link.noback:hover p	{color:#277a8a}
div.link.noback:hover p:after {background-position:-210px -630px;}

div.link.blau p	{background-color:transparent; color:#277a8a;}
div.link.blau p:after {background-position:-210px -630px;}
div.link.blau:hover p	{color:#000}
div.link.blau:hover p:after {background-position:0 -245px}

div.link.weissaufblau p	{background-color:#82b0b8; color:#fff;}
div.link.weissaufblau p:after {background-position: -35px -245px;}
div.link.weissaufblau:hover p	{color:#000}
div.link.weissaufblau:hover p:after {background-position:0 -245px}


div.link a:hover div.icon	{background-color:#82b0b8}

div.liste	{margin-bottom:10px; padding-left:20px; position:relative}
div.liste div.icon	{position:absolute; top:3px; left:0}
div.liste.text	{padding:0 0 0 35px}
div.liste.icon	{padding:0 0 0 55px;}
div.liste div.label	{position:absolute; width:30px; text-align:right; top:0;left:0;  font-family:TisaWeb; font-size:160%; color:#94b494}

div.aufzaehlung	{margin-bottom:10px; position:relative}
div.aufzaehlung > ul	{padding:0; margin:0}
div.aufzaehlung li	{position:relative; padding:0 0 5px 20px; margin:0}
div.aufzaehlung div.icon	{position:absolute; left:0; top:3px}

.mskeml > img	{margin:2px 2px -2px 2px!important; width:auto!important}

.siteactive 			{}
.siteactive > div		{padding:5px 150px 5px 100px; position:relative; border-bottom:1px solid #ddd;}	
.siteactive.noDate > div		{padding-left:0px;}	
.siteactive > div h5			{font-weight:bold;}
.siteactive > div h5:hover			{text-decoration:underline}
.siteactive > div > p			{margin:0}
.siteactive > div > a.link:before			{top:7px}
.siteactive > div > label			{position:absolute; left:0; top:5px}


.siteactiveFilter		{padding:15px; background-color:#dfe8df; height:34px;}
.siteactiveFilter > div		{line-height:34px}
.siteactiveFilter select		{width:auto; margin-right:5px}
.siteactiveFilter > button 	{margin-left: 15px}

.siteactivePager		{text-align:center; line-height:22px; margin-top:15px}
.siteactivePager div	{padding:0 15px; margin:0; background-color:transparent; display:inline-block; cursor:pointer; position:relative; vertical-align:middle}

.siteactivePager div.divide	{border-left:1px solid #000;}
.siteactivePager div.aktiv	{font-weight:bold}

.siteactivePager .but	{background-color:#f9ed43; height:32px; width:32px; margin:5px 10px; padding:0; display:inline-block}

.siteactivePager .but.inaktiv	{background-color:#b3b3b3; cursor:auto}
.siteactivePager .but:after {content:""; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position:absolute; left:10px; top:8px;width: 15px;height: 15px;}
.siteactivePager .but.start:after	{background-position:-280px -175px; left:10px;}

.siteactivePager .but.prev:after	{background-position:-210px -175px; left:14px;}
.siteactivePager .but.next:after	{background-position:0 -175px; left:14px;}
.siteactivePager .but.ende:after	{background-position:-245px -175px; left:10px;}


.subueberschrift	{margin-bottom:10px;}
.subueberschrift.back	{padding:0 5px; display:inline;}

.switch				{margin-bottom:15px; position:relative; border:1px solid #b3b3b3; border-left-width:0px }
.switch > a > div		{float:left; border-left:1px solid #b3b3b3; width:calc(50% - 1px); position:relative; padding:10px 0}
.switch > a:after		{clear:both; content:""; display:block}

.switch.col1 .col1, .switch.col2 .col2			{background-color:#f9ed43}

.switch div.ico.s2	{width:35px; height:35px;}
.switch div.ico.s2.no:before	{background-image:url('/layout/images/system/icons/sprite-rm-gruen.png')}
.switch.col1 .col1 div.ico.s2:before, .switch.col2 .col2 div.ico.s2:before	{background-image:url('/layout/images/system/icons/sprite-rm-schwarz.png')}
.switch.col1 .col1 div.ico.s2:after, .switch.col2 .col2 div.ico.s2:after	{border:2px solid #f9ed43}

div.tabelle				{border:1px solid #94b494; margin-bottom:15px}
div.tabelle.yellow		{border-color:#f9ed43;}

div.tabelle table		{table-layout:fixed; width:100%; border-collapse:collapse}
div.tabelle table thead	{background-color:#dfe8df; line-height:130%}
div.tabelle.yellow table thead	{background-color:#f9ed43;}
div.tabelle table thead td	{font-weight:bold}
div.tabelle table thead td.first {padding-left:40px;}
div.tabelle table thead	td.aligncenter {padding:0;}
div.tabelle table td {padding:12px 5px; vertical-align:top; position:relative;}
div.tabelle table td.first {padding-left:40px;}
div.tabelle table td.headline {font-weight:bold; font-size:110%; padding-left:30px;}
div.tabelle table td.checked		{text-align:center}
div.tabelle table td.checked:before {content:" "; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -525px; width:34px ; height:25px; display:inline-block}
div.tabelle table td.option			{text-align:center}
div.tabelle table td.option:before {content:" "; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -210px -525px; width:34px ; height:25px; display:inline-block}
div.tabelle table tbody	{margin:0 15px; position:relative;}
div.tabelle table tbody	 tr {border-bottom:2px solid #b3b3b3;}
div.tabelle table tbody	 tr:last-child {border-bottom:0px solid!important;}
div.tabelle table tbody	 tr.green {border-bottom:1px solid #dfe8df;}
div.tabelle table tbody	 tr.yellow {border-bottom:1px solid #f9ed43;}
div.tabelle table tbody	 tr.noborder {border-bottom:0px solid;}
div.tabelle table tfoot	{text-align:center; border-top:1px solid #dfe8df;}
div.tabelle table.yellow tfoot	{border-top:1px solid #f9ed43;}
div.tabelle table tfoot button	{margin-bottom:-1px; font-size:100%}
div.tabelle	div.tabInfoOpener {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -385px; width:19px; height:19px; position:absolute; top:15px; left:10px;}
div.tabelle td div.tabInfoOpener:hover {background-position:-35px -385px}
div.tabelle td.dark		{background-color:#dfe8df!important}
div.tabelle td.light		{background-color:#dfe8df!important}
div.tabelle.yellow td.dark		{background-color:#f9ed43!important}
div.tabelle.yellow td.light		{background-color:#fbf9db!important}

div.tabelle	td.open div.tabInfoOpener {background-position:-70px -385px}
div.tabelle	td.open div.tabInfoOpener:hover {background-position:-105px -385px}
div.tabelle	div.tabInfo {display:none}
div.tabelle	td.open div.tabInfo {display:block}
div.tabelle td.prozent div.skala	{border:1px solid #b3b3b3; position:relative; padding:3px; margin:5px 25px 5px 0}
div.tabelle td.prozent div.skala div.relevanz	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png'); height:16px; }

div.tabelle div.legende	{line-height:50px; color:#94b494}
div.tabelle div.legende span	{margin-right:20px}
div.tabelle div.legende div.icon	{margin:0 5px}

div.tabelle div.footer	{line-height:20px; color:#94b494; padding:5px}
div.tabelle div.footer span	{margin-right:20px}
div.tabelle div.footer div.icon	{margin:0 5px}

div.teaserBild		{}
div.teaserBild img	{margin:0 auto 10px 0; max-width:100%}
div.teaserBild div.text	{position:relative;}
div.teaserBild.fifty div.text	{width:50%; float:left}
div.teaserBild.fifty div.bild	{width:50%; float:left}
div.teaserBild.fifty div.bild img	{width:calc(100% - 15px); margin-top:5px}
div.teaserBild.drittel div.text	{width:67%; float:left}
div.teaserBild.drittel div.bild	{width:33%; float:left}
div.teaserBild.drittel div.bild img	{width:calc(100% - 15px); margin-top:5px}
div.teaserBild.center div.bild {text-align:center}

div.teaserBild div.button 		{display:inline-block; background-color:#f9ed43; padding:1px 5px 1px 16px; border:0; margin-top:10px; font-weight:bold; position:relative;}
div.teaserBild div.button:hover	{color:#fff; background-color:#82b0b8}
div.teaserBild div.button:after {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; margin-top:-4.5px; left:5px; width:6px; height:9px;}
div.teaserBild div.button:hover:after {background-position:-35px -245px;}

div.teaserIcon	{margin:0 0 15px 0; position:relative; text-align:left }
div.teaserIcon.noText	{margin:0 0 7px 0;}
div.teaserIcon	{padding:0 0 0 55px; min-height:40px}
div.teaserIcon.iconRight	{padding:0 55px 0 0; min-height:40px}
div.teaserIcon > div.ico	{position:absolute; top:0;left:0}
div.teaserIcon.iconRight > div.ico	{position:absolute; top:0;left:auto; right:0}

div.teaserIcon.noText .ueberschrift	{padding-top:10px}
div.teaserIcon > p	{padding:0; margin:0;}
div.teaserIcon.small	{padding:0 0 0 55px; min-height:60px}
div.teaserIcon div.button	{margin:10px 10px 0 0;}

div.teaserText p	{margin:0}
div.teaserText div.button 		{display:inline-block; background-color:#f9ed43; padding:1px 5px 1px 16px; border:0; margin:10px 0 15px 0; font-weight:bold; position:relative;}
div.teaserText div.button:hover	{color:#fff; background-color:#82b0b8}
div.teaserText div.button:after {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; left:5px; height:9px; margin-top:-4.5px;}
div.teaserText div.button:hover:after {background-position:-35px -245px;}

p.textblock		{margin:0 0 15px 0; position:relative;}
p.textblock.datum	{margin-bottom:10px; color:#b3b3b3}
p.textblock.intro	{font-size: 125%; line-height:125%;}
p.textblock.zitat	{font-size: 130%; line-height:130%; margin-bottom:10px; padding:0 10px; color:#94b494; font-family: TisaWeb;}
p.textblock.zitat:before	{content:"\""; position:absolute; left:0}
p.textblock.zitat:after	{content:"\"";}

div.trenner	{border-bottom:1px solid #b5cbb4; margin:20px 0 20px 0}
div.trenner.dotts	{background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; padding:2px 0; border:0px solid}

/* Stoerer oben in der Mitte einer Spalte (z.B. Alltagshelfer) */
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.ico:first-child { box-shadow: 0 0 0 3px #fff; left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5;}

/* Preisauszeichnung */
div.preisauszeichnung {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0 -945px; content:" "; position:absolute; width:196px; height:52px;  display:inline-block; margin-bottom:15px;}
div.preisauszeichnung > div.textblock {padding-top: 10px; text-align:center;}
div.preisauszeichnung > div.textblock .preis {font-size:200%;}
div.preisauszeichnung > div.textblock sup {font-size:40%; /*margin-left: -8px;*/}



/* FORMULARE */
form.arag	{font-size:100%}
form.arag	input[type=text], form.arag select, form.arag textarea	{margin:0; border-radius:0; border:1px solid #b3b3b3; width:100%; display:block; font-size:12px; line-height:16px}
form.arag	input[type=text], form.arag textarea		{padding:3px; margin:2px 0; width:calc(100% - 6px);}
form.arag	select	{width:calc(100%); height:24px !important; margin:2px 0}
form.arag	textarea		{min-height:120px}

form.arag fieldset	{background:#fff; border:0; border-bottom: 1px solid #b3b3b3; padding:15px 25px; margin:0; position:relative;}
form.arag fieldset.info	{background:#bed7dc; padding:1px 20px}
form.arag p	{padding:0 0 15px 0}
form.arag fieldset hr	{margin:20px 0; border:0; border-bottom:1px solid #b3b3b3}
form.arag fieldset hr.dotted	{border-bottom: 2px dotted #999}
form.arag .jforms fieldset hr	{margin:20px 10% 20px 0; border:0; border-bottom:1px solid #b3b3b3}
form.arag .jforms fieldset hr.full	{margin-right:0;}

form.arag div.row		{position:relative; padding: 2px 25px 2px 30%}
form.arag div.row		{padding: 5px 20% 5px 30%; line-height:190%}

form.arag div.row label	{position:absolute; left:0;}

form.arag img.info	{position:absolute; right:5px; top:10px}
form.arag .jforms img.info	{right:calc(20% - 50px)}

form.arag img.captcha	{float:left; display:inline; width:30%; height:30px; margin-top:2px}
form.arag input.captcha	{float:right; display:inline; width:67%; line-height:22px; text-align:center}

form.arag button.green	{float:right; color:#fff; padding-right:35px; border:0; background:url('/layout/images/system/icons/wht_arr_right.png') no-repeat calc(100% - 10px) 50% #277a8a}
form.arag .header		{background-color:#f9ed43; padding:15px 20px; font-size:110%}
form.arag .header .betrag	{float:right; font-weight:bold; font-size:130%}

form.arag .footer		{background-color:#fff; padding:15px 20px}
form.arag .footer .betraginfo	{float:right; text-align:right; margin-right:20px}
form.arag .footer .betrag		{font-weight:bold}


	/* ehemals s3, nun definiert fuer Mobile und Desktop(s3) */	
	div.ico	       {width:40px; height:40px; position:relative; display:inline-block;}
	div.ico.tr     {border-radius:20px}
	div.ico:before {position:relative; display:inline-block; content:" "}
	
	div.ico.no:before	{background:url('/layout/images/system/icons/sprite-is.png')}	
	div.ico.te:before	{background:url('/layout/images/system/icons/sprite-es.png')}
	div.ico.tr:before	{background:url('/layout/images/system/icons/sprite-rs.png')}
	
	div.ico.no:before	{margin:0; width:100%; height:100%}
	div.ico.te:before	{width:28px; height:28px; margin:6px 6px}
	div.ico.tr:before	{width:22px; height:22px; margin:8px 9px}
	
	div.ico.c1	{background:url('/layout/images/system/icons/bg-schraffur-gelb.png') center}
	div.ico.c2	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png') center}
	div.ico.c3	{background:url('/layout/images/system/icons/bg-schraffur-petrol.png') center}
	
	div.ico.no		{background-image:none;}
	div.ico.no.c1 {background-color:#f9ed43}
	div.ico.no.c2 {background-color:#94b494}
	div.ico.no.c3 {background-color:#277a8a}	
					
	div.ico.zahnschutz:before {background-position:0 0}
	div.ico.wohngebaude-schutz:before {background-position:0 -45px}	
	div.ico.wirtschaft-transprotversicherung:before {background-position:0 -90px}
	div.ico.werkverkehrsversicherung:before {background-position:0 -135px}
	div.ico.webaktiv:before {background-position:0 -180px}
	div.ico.unfall:before {background-position:0 -225px}
	div.ico.umweltschadenversicherung:before {background-position:0 -270px}
	div.ico.umwelthaftpflicht:before {background-position:0 -315px}
	div.ico.tierhalterhaftpflicht:before {background-position:0 -360px}
	div.ico.telefon:before {background-position:0 -405px}
	div.ico.sturm-und-hagelversicherung:before {background-position:0 -450px}
	div.ico.schutzbrief:before {background-position:0 -495px}
	div.ico.schriftlich-abschliessen:before {background-position:0 -540px}
	div.ico.reisegepaeckversicherung:before {background-position:0 -585px}
	div.ico.rechtsschutz:before {background-position:0 -630px}
	div.ico.rechtsschutz-wohnen:before {background-position:0 -675px}
	div.ico.rechtsschutz-verkehr:before {background-position:0 -720px}
	div.ico.rechtsschutz-privat:before {background-position:0 -765px}
	div.ico.rechtsschutz-beruf:before {background-position:0 -810px}
	div.ico.recht-und-heim:before {background-position:0 -855px}
	div.ico.rechner:before {background-position:0 -900px}
	div.ico.prozesskosten-schutz:before {background-position:0 -945px}
	div.ico.privathaftpflichtversicherung:before {background-position:0 -990px}
	div.ico.plus:before {background-position:0 -1035px}
	div.ico.pk-vorsorge:before {background-position:0 -1080px}
	div.ico.pk-unfall:before {background-position:0 -1125px}
	div.ico.pk-rechtsschutz:before {background-position:0 -1170px}
	div.ico.pk-hausrat:before {background-position:0 -1215px}
	div.ico.pk-haftpflicht:before {background-position:0 -1260px}
	div.ico.pk-gesundheit:before {background-position:0 -1305px}
	div.ico.pk-firma:before {background-position:0 -1350px}
	div.ico.pflege-zusatz-schutz:before {background-position:0 -1395px}
	div.ico.persoenliche-anwaltsberatung:before {background-position:0 -1440px}
	div.ico.per-telefon-abschliessen:before {background-position:0 -1485px}
	div.ico.paragraph:before {background-position:0 -1530px}
	div.ico.online-rechts-service:before {background-position:0 -1575px}
	div.ico.online-abschliessen:before {background-position:0 -1620px}
	div.ico.mit-berater-abschliessen:before {background-position:0 -1665px}
	div.ico.mediation:before {background-position:0 -1710px}
	div.ico.leitungswasserversicherung:before {background-position:0 -1755px}
	div.ico.kv-zusatz:before {background-position:0 -1800px}
	div.ico.kv-voll:before {background-position:0 -1845px}
	div.ico.krankenhaus-zusatzschutz:before {background-position:0 -1890px}
	div.ico.kranken-krankenhaus-tagegeld:before {background-position:0 -1935px}
	div.ico.juracheck:before {background-position:0 -1980px}
	div.ico.jagd-und-sporthaftpflicht:before {background-position:0 -2025px}
	div.ico.hausrat-schutz:before {background-position:0 -2070px}
	div.ico.haus-und-wohnungs-schutzbrief:before {background-position:0 -2115px}
	div.ico.haeckchen:before {background-position:0 -2160px}
	div.ico.glasbruchversicherung:before {background-position:0 -2205px}
	div.ico.gewerbeimmobilie:before {background-position:0 -2250px}
	div.ico.gesundheit:before {background-position:0 -2295px}
	div.ico.forderungsmanagement:before {background-position:0 -2340px}
	div.ico.firmen-rechtsschutz:before {background-position:0 -2385px}
	div.ico.feuerversicherung:before {background-position:0 -2430px}
	div.ico.fahrrad-diebstahl-schutz:before {background-position:0 -2475px}
	div.ico.existenzschutz:before {background-position:0 -2520px}
	div.ico.euro:before {background-position:0 -2565px}
	div.ico.ergaenzungstarife:before {background-position:0 -2610px}
	div.ico.elektronikversicherung:before {background-position:0 -2655px}
	div.ico.einbruchdiebstahlversicherung:before {background-position:0 -2700px}
	div.ico.betriebsunterbrechungsversicherung:before {background-position:0 -2745px}
	div.ico.betriebsschliessungsversicherung:before {background-position:0 -2790px}
	div.ico.betriebshaftpflicht:before {background-position:0 -2835px}
	div.ico.anwaltstelefon:before {background-position:0 -2880px}
	div.ico.lebensversicherung:before {background-position:0 -2925px}
	div.ico.rente-lebensversicherung-berufsunfaehigkeit:before {background-position:0 -2970px}
	div.ico.renditetresor:before {background-position:0 -3015px}
	div.ico.neue-anschrift:before {background-position:0 -3060px}
	div.ico.zahlungsweise-aendern:before {background-position:0 -3105px}
	div.ico.ausrufezeichen:before {background-position:0 -3150px}
	div.ico.fragezeichen:before {background-position:0 -3195px}
	div.ico.prozentzeichen:before {background-position:0 -3240px}
	div.ico.vereine-verbaende:before {background-position:0 -3285px}
	div.ico.sport:before {background-position:0 -3330px}
	div.ico.karneval:before {background-position:0 -3375px}
	div.ico.chor:before {background-position:0 -3420px}	
	div.ico.alltagshelferplus:before {background-position:0 -3465px}		
	div.ico.alltagshelfer:before {background-position:-1px -3513px}	
	div.ico.beihilfetarif:before {background-position:0 -3555px}	
	div.ico.traktor:before {background-position:0 -3600px}
	div.ico.verkehrsrechtsschutz-sofort:before {background-position:0 -3645px} 

@media (max-width: 600px) { 

	/* Stoerer Definition (Alltagshelfer), Icon hier mittlere Groesse (wie s2 bei Desktop) */	
	div.ico.stoerer.tr:before	{background:url('/layout/images/system/icons/sprite-rm.png')}	
	div.ico.stoerer.tr:before {width:34px; height:34px; margin:12px 13px}		
	div.ico.stoerer.tr	{border-radius:30px}
	div.ico.stoerer	{width:60px; height:60px}
	div.ico.stoerer:before {background-position:0 -5005px}	
		
	div.ico.stoerer.zahnschutz:before {background-position:0 0px}
	div.ico.stoerer.wohngebaude-schutz:before {background-position:0 -65px}
	div.ico.stoerer.wirtschaft-transprotversicherung:before {background-position:0 -130px}
	div.ico.stoerer.werkverkehrsversicherung:before {background-position:0 -195px}
	div.ico.stoerer.webaktiv:before {background-position:0 -260px}
	div.ico.stoerer.unfall:before {background-position:0 -325px}
	div.ico.stoerer.umweltschadenversicherung:before {background-position:0 -390px}
	div.ico.stoerer.umwelthaftpflicht:before {background-position:0 -455px}
	div.ico.stoerer.tierhalterhaftpflicht:before {background-position:0 -520px}
	div.ico.stoerer.telefon:before {background-position:0 -585px}
	div.ico.stoerer.sturm-und-hagelversicherung:before {background-position:0 -650px}
	div.ico.stoerer.schutzbrief:before {background-position:0 -715px}
	div.ico.stoerer.schriftlich-abschliessen:before {background-position:0 -780px}
	div.ico.stoerer.reisegepaeckversicherung:before {background-position:0 -845px}
	div.ico.stoerer.rechtsschutz:before {background-position:0 -910px}
	div.ico.stoerer.rechtsschutz-wohnen:before {background-position:0 -975px}
	div.ico.stoerer.rechtsschutz-verkehr:before {background-position:0 -1040px}
	div.ico.stoerer.rechtsschutz-privat:before {background-position:0 -1105px}
	div.ico.stoerer.rechtsschutz-beruf:before {background-position:0 -1170px}
	div.ico.stoerer.recht-und-heim:before {background-position:0 -1235px}
	div.ico.stoerer.rechner:before {background-position:0 -1300px}
	div.ico.stoerer.prozesskosten-schutz:before {background-position:0 -1365px}
	div.ico.stoerer.privathaftpflichtversicherung:before {background-position:0 -1430px}
	div.ico.stoerer.plus:before {background-position:0 -1495px}
	div.ico.stoerer.pk-vorsorge:before {background-position:0 -1560px}
	div.ico.stoerer.pk-unfall:before {background-position:0 -1625px}
	div.ico.stoerer.pk-rechtsschutz:before {background-position:0 -1690px}
	div.ico.stoerer.pk-hausrat:before {background-position:0 -1755px}
	div.ico.stoerer.pk-haftpflicht:before {background-position:0 -1820px}
	div.ico.stoerer.pk-gesundheit:before {background-position:0 -1885px}
	div.ico.stoerer.pk-firma:before {background-position:0 -1950px}
	div.ico.stoerer.pflege-zusatz-schutz:before {background-position:0 -2015px}
	div.ico.stoerer.persoenliche-anwaltsberatung:before {background-position:0 -2080px}
	div.ico.stoerer.per-telefon-abschliessen:before {background-position:0 -2145px}
	div.ico.stoerer.paragraph:before {background-position:0 -2210px}
	div.ico.stoerer.online-rechts-service:before {background-position:0 -2275px}
	div.ico.stoerer.online-abschliessen:before {background-position:0 -2340px}
	div.ico.stoerer.mit-berater-abschliessen:before {background-position:0 -2405px}
	div.ico.stoerer.mediation:before {background-position:0 -2470px}
	div.ico.stoerer.leitungswasserversicherung:before {background-position:0 -2535px}
	div.ico.stoerer.kv-zusatz:before {background-position:0 -2600px}
	div.ico.stoerer.kv-voll:before {background-position:0 -2665px}
	div.ico.stoerer.krankenhaus-zusatzschutz:before {background-position:0 -2730px}
	div.ico.stoerer.kranken-krankenhaus-tagegeld:before {background-position:0 -2795px}
	div.ico.stoerer.juracheck:before {background-position:0 -2860px}
	div.ico.stoerer.jagd-und-sporthaftpflicht:before {background-position:0 -2925px}
	div.ico.stoerer.hausrat-schutz:before {background-position:0 -2990px}
	div.ico.stoerer.haus-und-wohnungs-schutzbrief:before {background-position:0 -3055px}
	div.ico.stoerer.haeckchen:before {background-position:0 -3120px}
	div.ico.stoerer.glasbruchversicherung:before {background-position:0 -3185px}
	div.ico.stoerer.gewerbeimmobilie:before {background-position:0 -3250px}
	div.ico.stoerer.gesundheit:before {background-position:0 -3315px}
	div.ico.stoerer.forderungsmanagement:before {background-position:0 -3380px}
	div.ico.stoerer.firmen-rechtsschutz:before {background-position:0 -3445px}
	div.ico.stoerer.feuerversicherung:before {background-position:0 -3510px}
	div.ico.stoerer.fahrrad-diebstahl-schutz:before {background-position:0 -3575px}
	div.ico.stoerer.existenzschutz:before {background-position:0 -3640px}
	div.ico.stoerer.euro:before {background-position:0 -3705px}
	div.ico.stoerer.ergaenzungstarife:before {background-position:0 -3770px}
	div.ico.stoerer.elektronikversicherung:before {background-position:0 -3835px}
	div.ico.stoerer.einbruchdiebstahlversicherung:before {background-position:0 -3900px}
	div.ico.stoerer.betriebsunterbrechungsversicherung:before {background-position:0 -3965px}
	div.ico.stoerer.betriebsschliessungsversicherung:before {background-position:0 -4030px}
	div.ico.stoerer.betriebshaftpflicht:before {background-position:0 -4095px}
	div.ico.stoerer.anwaltstelefon:before {background-position:0 -4160px}
	div.ico.stoerer.lebensversicherung:before {background-position:0 -4225px}
	div.ico.stoerer.rente-lebensversicherung-berufsunfaehigkeit:before {background-position:0 -4290px}
	div.ico.stoerer.renditetresor:before {background-position:0 -4355px}
	div.ico.stoerer.neue-anschrift:before {background-position:0 -4420px}
	div.ico.stoerer.zahlungsweise-aendern:before {background-position:0 -4485px}
	div.ico.stoerer.ausrufezeichen:before {background-position:0 -4550px}
	div.ico.stoerer.fragezeichen:before {background-position:0 -4615px}
	div.ico.stoerer.prozentzeichen:before {background-position:0 -4680px}
	div.ico.stoerer.vereine-verbaende:before {background-position:0 -4740px}
	div.ico.stoerer.sport:before {background-position:0 -4810px}
	div.ico.stoerer.karneval:before {background-position:0 -4875px}
	div.ico.stoerer.chor:before {background-position:0 -4940px}
	div.ico.stoerer.alltagshelferplus:before {background-position:0 -5005px}	
	div.ico.stoerer.alltagshelfer:before {background-position:-1px -5073px}	
	div.ico.stoerer.beihilfetarif:before {background-position:-1px -5141px}	
	div.ico.stoerer.traktor:before {background-position:-1px -5209px}	
	div.ico.stoerer.verkehrsrechtsschutz-sofort:before {background-position:-1px -5274px}	
}
@media (min-width: 600px) { 
	
	div.ico.s1	{width:120px; height:120px}
	div.ico.s2	{width:60px; height:60px}	
	
	div.ico.s1.tr	{border-radius:60px}
	div.ico.s2.tr	{border-radius:30px}
		
	div.ico.no:after		{position:absolute; display:inline-block; content:" "; width:calc(100% - 2px); height:calc(100% - 2px); border:2px solid #fff; left:-1px; top:-1px; z-index:2}
	
	div.ico.s1.no:before	{border:2px solid #fff}
	div.ico.s1.no:before	{background:url('/layout/images/system/icons/sprite-il.png')}
	div.ico.s2.no:before	{background:url('/layout/images/system/icons/sprite-im.png')}
	
	div.ico.s1.te:before	{background:url('/layout/images/system/icons/sprite-el.png')}
	div.ico.s2.te:before	{background:url('/layout/images/system/icons/sprite-em.png')}
	
	div.ico.s1.tr:before	{background:url('/layout/images/system/icons/sprite-rl.png')}
	div.ico.s2.tr:before	{background:url('/layout/images/system/icons/sprite-rm.png')}
		
	div.ico.s1.te:before	{width:85px; height:85px; margin:17px 18px}
	div.ico.s2.te:before	{width:43px; height:43px; margin:8px 8px}
	
	div.ico.s1.tr:before	{width:68px; height:68px; margin:25px 26px}
	div.ico.s2.tr:before	{width:34px; height:34px; margin:12px 13px}
	
	div.ico.s1.zahnschutz:before {background-position:0 0px}
	div.ico.s1.wohngebaude-schutz:before {background-position:0 -125px}
	div.ico.s1.wirtschaft-transprotversicherung:before {background-position:0 -250px}
	div.ico.s1.werkverkehrsversicherung:before {background-position:0 -375px}
	div.ico.s1.webaktiv:before {background-position:0 -500px}
	div.ico.s1.unfall:before {background-position:0 -625px}
	div.ico.s1.umweltschadenversicherung:before {background-position:0 -750px}
	div.ico.s1.umwelthaftpflicht:before {background-position:0 -875px}
	div.ico.s1.tierhalterhaftpflicht:before {background-position:0 -1000px}
	div.ico.s1.telefon:before {background-position:0 -1125px}
	div.ico.s1.sturm-und-hagelversicherung:before {background-position:0 -1250px}
	div.ico.s1.schutzbrief:before {background-position:0 -1375px}
	div.ico.s1.schriftlich-abschliessen:before {background-position:0 -1500px}
	div.ico.s1.reisegepaeckversicherung:before {background-position:0 -1625px}
	div.ico.s1.rechtsschutz:before {background-position:0 -1750px}
	div.ico.s1.rechtsschutz-wohnen:before {background-position:0 -1875px}
	div.ico.s1.rechtsschutz-verkehr:before {background-position:0 -2000px}
	div.ico.s1.rechtsschutz-privat:before {background-position:0 -2125px}
	div.ico.s1.rechtsschutz-beruf:before {background-position:0 -2250px}
	div.ico.s1.recht-und-heim:before {background-position:0 -2375px}
	div.ico.s1.rechner:before {background-position:0 -2500px}
	div.ico.s1.prozesskosten-schutz:before {background-position:0 -2625px}
	div.ico.s1.privathaftpflichtversicherung:before {background-position:0 -2750px}
	div.ico.s1.plus:before {background-position:0 -2875px}
	div.ico.s1.pk-vorsorge:before {background-position:0 -3000px}
	div.ico.s1.pk-unfall:before {background-position:0 -3125px}
	div.ico.s1.pk-rechtsschutz:before {background-position:0 -3250px}
	div.ico.s1.pk-hausrat:before {background-position:0 -3375px}
	div.ico.s1.pk-haftpflicht:before {background-position:0 -3500px}
	div.ico.s1.pk-gesundheit:before {background-position:0 -3625px}
	div.ico.s1.pk-firma:before {background-position:0 -3750px}
	div.ico.s1.pflege-zusatz-schutz:before {background-position:0 -3875px}
	div.ico.s1.persoenliche-anwaltsberatung:before {background-position:0 -4000px}
	div.ico.s1.per-telefon-abschliessen:before {background-position:0 -4125px}
	div.ico.s1.paragraph:before {background-position:0 -4250px}
	div.ico.s1.online-rechts-service:before {background-position:0 -4375px}
	div.ico.s1.online-abschliessen:before {background-position:0 -4500px}
	div.ico.s1.mit-berater-abschliessen:before {background-position:0 -4625px}
	div.ico.s1.mediation:before {background-position:0 -4750px}
	div.ico.s1.leitungswasserversicherung:before {background-position:0 -4875px}
	div.ico.s1.kv-zusatz:before {background-position:0 -5000px}
	div.ico.s1.kv-voll:before {background-position:0 -5125px}
	div.ico.s1.krankenhaus-zusatzschutz:before {background-position:0 -5250px}
	div.ico.s1.kranken-krankenhaus-tagegeld:before {background-position:0 -5375px}
	div.ico.s1.juracheck:before {background-position:0 -5500px}
	div.ico.s1.jagd-und-sporthaftpflicht:before {background-position:0 -5625px}
	div.ico.s1.hausrat-schutz:before {background-position:0 -5750px}
	div.ico.s1.haus-und-wohnungs-schutzbrief:before {background-position:0 -5875px}
	div.ico.s1.haeckchen:before {background-position:0 -6000px}
	div.ico.s1.glasbruchversicherung:before {background-position:0 -6125px}
	div.ico.s1.gewerbeimmobilie:before {background-position:0 -6250px}
	div.ico.s1.gesundheit:before {background-position:0 -6375px}
	div.ico.s1.forderungsmanagement:before {background-position:0 -6500px}
	div.ico.s1.firmen-rechtsschutz:before {background-position:0 -6625px}
	div.ico.s1.feuerversicherung:before {background-position:0 -6750px}
	div.ico.s1.fahrrad-diebstahl-schutz:before {background-position:0 -6875px}
	div.ico.s1.existenzschutz:before {background-position:0 -7000px}
	div.ico.s1.euro:before {background-position:0 -7125px}
	div.ico.s1.ergaenzungstarife:before {background-position:0 -7250px}
	div.ico.s1.elektronikversicherung:before {background-position:0 -7375px}
	div.ico.s1.einbruchdiebstahlversicherung:before {background-position:0 -7500px}
	div.ico.s1.betriebsunterbrechungsversicherung:before {background-position:0 -7625px}
	div.ico.s1.betriebsschliessungsversicherung:before {background-position:0 -7750px}
	div.ico.s1.betriebshaftpflicht:before {background-position:0 -7875px}
	div.ico.s1.anwaltstelefon:before {background-position:0 -8000px}
	div.ico.s1.lebensversicherung:before {background-position:0 -8125px}
	div.ico.s1.rente-lebensversicherung-berufsunfaehigkeit:before {background-position:0 -8250px}
	div.ico.s1.renditetresor:before {background-position:0 -8375px}
	div.ico.s1.neue-anschrift:before {background-position:0 -8500px}
	div.ico.s1.zahlungsweise-aendern:before {background-position:0 -8625px}
	div.ico.s1.ausrufezeichen:before {background-position:0 -8750px}
	div.ico.s1.fragezeichen:before {background-position:0 -8875px}
	div.ico.s1.prozentzeichen:before {background-position:0 -9000px}
	div.ico.s1.vereine-verbaende:before {background-position:0 -9125px}
	div.ico.s1.sport:before {background-position:0 -9250px}
	div.ico.s1.karneval:before {background-position:0 -9375px}
	div.ico.s1.chor:before {background-position:0 -9500px}
	div.ico.s1.alltagshelferplus:before {background-position:0 -9625px}	
	div.ico.s1.alltagshelfer:before {background-position:-2px -9750px}	
	div.ico.s1.beihilfetarif:before {background-position:0 -9875px}		
	div.ico.s1.traktor:before {background-position:0 -10000px}	
	div.ico.s1.verkehrsrechtsschutz-sofort:before {background-position:0 -10125px}	
			
	div.ico.s2.zahnschutz:before {background-position:0 0px}
	div.ico.s2.wohngebaude-schutz:before {background-position:0 -65px}
	div.ico.s2.wirtschaft-transprotversicherung:before {background-position:0 -130px}
	div.ico.s2.werkverkehrsversicherung:before {background-position:0 -195px}
	div.ico.s2.webaktiv:before {background-position:0 -260px}
	div.ico.s2.unfall:before {background-position:0 -325px}
	div.ico.s2.umweltschadenversicherung:before {background-position:0 -390px}
	div.ico.s2.umwelthaftpflicht:before {background-position:0 -455px}
	div.ico.s2.tierhalterhaftpflicht:before {background-position:0 -520px}
	div.ico.s2.telefon:before {background-position:0 -585px}
	div.ico.s2.sturm-und-hagelversicherung:before {background-position:0 -650px}
	div.ico.s2.schutzbrief:before {background-position:0 -715px}
	div.ico.s2.schriftlich-abschliessen:before {background-position:0 -780px}
	div.ico.s2.reisegepaeckversicherung:before {background-position:0 -845px}
	div.ico.s2.rechtsschutz:before {background-position:0 -910px}
	div.ico.s2.rechtsschutz-wohnen:before {background-position:0 -975px}
	div.ico.s2.rechtsschutz-verkehr:before {background-position:0 -1040px}
	div.ico.s2.rechtsschutz-privat:before {background-position:0 -1105px}
	div.ico.s2.rechtsschutz-beruf:before {background-position:0 -1170px}
	div.ico.s2.recht-und-heim:before {background-position:0 -1235px}
	div.ico.s2.rechner:before {background-position:0 -1300px}
	div.ico.s2.prozesskosten-schutz:before {background-position:0 -1365px}
	div.ico.s2.privathaftpflichtversicherung:before {background-position:0 -1430px}
	div.ico.s2.plus:before {background-position:0 -1495px}
	div.ico.s2.pk-vorsorge:before {background-position:0 -1560px}
	div.ico.s2.pk-unfall:before {background-position:0 -1625px}
	div.ico.s2.pk-rechtsschutz:before {background-position:0 -1690px}
	div.ico.s2.pk-hausrat:before {background-position:0 -1755px}
	div.ico.s2.pk-haftpflicht:before {background-position:0 -1820px}
	div.ico.s2.pk-gesundheit:before {background-position:0 -1885px}
	div.ico.s2.pk-firma:before {background-position:0 -1950px}
	div.ico.s2.pflege-zusatz-schutz:before {background-position:0 -2015px}
	div.ico.s2.persoenliche-anwaltsberatung:before {background-position:0 -2080px}
	div.ico.s2.per-telefon-abschliessen:before {background-position:0 -2145px}
	div.ico.s2.paragraph:before {background-position:0 -2210px}
	div.ico.s2.online-rechts-service:before {background-position:0 -2275px}
	div.ico.s2.online-abschliessen:before {background-position:0 -2340px}
	div.ico.s2.mit-berater-abschliessen:before {background-position:0 -2405px}
	div.ico.s2.mediation:before {background-position:0 -2470px}
	div.ico.s2.leitungswasserversicherung:before {background-position:0 -2535px}
	div.ico.s2.kv-zusatz:before {background-position:0 -2600px}
	div.ico.s2.kv-voll:before {background-position:0 -2665px}
	div.ico.s2.krankenhaus-zusatzschutz:before {background-position:0 -2730px}
	div.ico.s2.kranken-krankenhaus-tagegeld:before {background-position:0 -2795px}
	div.ico.s2.juracheck:before {background-position:0 -2860px}
	div.ico.s2.jagd-und-sporthaftpflicht:before {background-position:0 -2925px}
	div.ico.s2.hausrat-schutz:before {background-position:0 -2990px}
	div.ico.s2.haus-und-wohnungs-schutzbrief:before {background-position:0 -3055px}
	div.ico.s2.haeckchen:before {background-position:0 -3120px}
	div.ico.s2.glasbruchversicherung:before {background-position:0 -3185px}
	div.ico.s2.gewerbeimmobilie:before {background-position:0 -3250px}
	div.ico.s2.gesundheit:before {background-position:0 -3315px}
	div.ico.s2.forderungsmanagement:before {background-position:0 -3380px}
	div.ico.s2.firmen-rechtsschutz:before {background-position:0 -3445px}
	div.ico.s2.feuerversicherung:before {background-position:0 -3510px}
	div.ico.s2.fahrrad-diebstahl-schutz:before {background-position:0 -3575px}
	div.ico.s2.existenzschutz:before {background-position:0 -3640px}
	div.ico.s2.euro:before {background-position:0 -3705px}
	div.ico.s2.ergaenzungstarife:before {background-position:0 -3770px}
	div.ico.s2.elektronikversicherung:before {background-position:0 -3835px}
	div.ico.s2.einbruchdiebstahlversicherung:before {background-position:0 -3900px}
	div.ico.s2.betriebsunterbrechungsversicherung:before {background-position:0 -3965px}
	div.ico.s2.betriebsschliessungsversicherung:before {background-position:0 -4030px}
	div.ico.s2.betriebshaftpflicht:before {background-position:0 -4095px}
	div.ico.s2.anwaltstelefon:before {background-position:0 -4160px}
	div.ico.s2.lebensversicherung:before {background-position:0 -4225px}
	div.ico.s2.rente-lebensversicherung-berufsunfaehigkeit:before {background-position:0 -4290px}
	div.ico.s2.renditetresor:before {background-position:0 -4355px}
	div.ico.s2.neue-anschrift:before {background-position:0 -4420px}
	div.ico.s2.zahlungsweise-aendern:before {background-position:0 -4485px}
	div.ico.s2.ausrufezeichen:before {background-position:0 -4550px}
	div.ico.s2.fragezeichen:before {background-position:0 -4615px}
	div.ico.s2.prozentzeichen:before {background-position:0 -4680px}
	div.ico.s2.vereine-verbaende:before {background-position:0 -4740px}
	div.ico.s2.sport:before {background-position:0 -4810px}
	div.ico.s2.karneval:before {background-position:0 -4875px}
	div.ico.s2.chor:before {background-position:0 -4940px}
	div.ico.s2.alltagshelferplus:before {background-position:0 -5005px}	
	div.ico.s2.alltagshelfer:before {background-position:-1px -5070px}	
	div.ico.s2.beihilfetarif:before {background-position:0 -5135px}		
	div.ico.s2.traktor:before {background-position:0 -5200px}		
	div.ico.s2.verkehrsrechtsschutz-sofort:before {background-position:0 -5265px}					
}


.icon	{position:relative; display:inline-block; vertical-align:middle;}
.icon:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}

.icon.arr_right 	{width: 9px;height: 15px;}
.icon.arr_right.c1:before	{background-position:0 -175px}
.icon.arr_right.c2:before	{background-position:-35px -175px}
.icon.arr_right.c3:before	{background-position:-70px -175px}
.icon.arr_right.c4:before	{background-position:-105px -175px}
.icon.arr_right.c5:before	{background-position:-140px -175px}
.icon.arr_right.c6:before	{background-position:-175px -175px}
.icon.arr_left				{width: 9px;height: 15px;}
.icon.arr_left:before		{background-position:-210px -175px;}
.icon.arr_to_end			{width: 15px;height: 15px;}
.icon.arr_to_end:before		{background-position:-245px -175px;}
.icon.arr_to_start			{width: 15px;height: 15px;}
.icon.arr_to_start:before	{background-position:-286px -175px;}

.icon.close 	{width: 15px;height: 15px;}
.icon.close.c1:before	{background-position:-0px -210px}
.icon.close.c2:before	{background-position:-35px -210px}
.icon.close.c3:before	{background-position:-70px -210px}
.icon.close.c4:before{background-position:-105px -210px}
.icon.close.c5:before	{background-position:-140px -210px}
.icon.close.c6:before	{background-position:-175px -210px}
.icon.close.c7:before	{background-position:-210px -210px}

.icon.link 	{width: 6px;height: 9px;}
.icon.link.c1:before	{background-position:0 -245px}
.icon.link.c2:before	{background-position:-35px -245px}

.icon.link2 	{width: 9px;height: 13px;}
.icon.link2.c1:before	{background-position:-43px -245px}
.icon.link2.c2:before	{background-position:-56px -245px}

.icon.download 	{width: 8px;height: 12px;}
.icon.download.c1:before	{background-position:-140px -245px}
.icon.download.c2:before	{background-position:-175px -245px}

.icon.lupe 	{width: 18px;height: 18px;}
.icon.lupe.c1:before	{background-position:0 -280px}
.icon.lupe.c2:before	{background-position:-35px -280px}

.icon.rechner 	{width: 14px;height: 16px;}
.icon.rechner.c1:before	{background-position:0px -315px}
.icon.rechner.c2:before	{background-position:-35px -315px}
.icon.rechner.c3:before	{background-position:-70px -315px}
.icon.rechner.c4:before	{background-position:-105px -315px}
.icon.rechner.c5:before	{background-position:-140px -315px}
.icon.rechner.c6:before	{background-position:-175px -315px}

.icon.telefon	{width: 16px;height: 16px;}
.icon.telefon:before	{background-position:0px -350px;}
.icon.telefon.c2:before	{background-position:-245px -350px;}

.icon.trenner	{width: 2px;height: 18px;}
.icon.trenner:before	{background-position:-35px -350px}

.icon.blob_sm 	{width: 13px;height: 13px;}
.icon.blob_sm.down.c1:before	{background-position:-70px -350px}
.icon.blob_sm.up.c1:before	{background-position:-105px -350px}
.icon.blob_sm.down.c2:before	{background-position:-140px -350px}
.icon.blob_sm.up.c2:before	{background-position:-175px -350px}

.icon.close_sm	{width: 12px;height: 12px;}
.icon.close_sm:before	{background-position:-210px -350px}

.icon.info	{width: 19px;height: 19px;}
.icon.info:before	{background-position:0 -385px;}
.icon.info:hover:before	{background-position:-35px -385px}

.icon.info_close	{width: 19px;height: 19px;}
.icon.info_close:before	{background-position:-70px -385px;}
.icon.info_close:hover:before	{background-position:-105px -385px}

.icon.facebook	{width: 32px;height: 32px;}
.icon.facebook:before	{background-position:0 -420px;}
.icon.facebook:hover:before	{background-position:-140px -420px}
.icon.twitter	{width: 32px;height: 32px;}
.icon.twitter:before	{background-position:-35px -420px;}
.icon.twitter:hover:before	{background-position:-175px -420px}
.icon.google	{width: 32px;height: 32px;}
.icon.google:before	{background-position:-70px -420px;}
.icon.google:hover:before	{background-position:-210px -420px}
.icon.youtube	{width: 32px;height: 32px;}
.icon.youtube:before	{background-position:-105px -420px;}
.icon.youtube:hover:before	{background-position:-245px -420px}
.icon.neu	{width:35px; height: 20px;}
.icon.neu.c1:before	{background-position:0 -455px;}
.icon.neu.c2:before	{background-position:-35px  -455px}

.icon.blobright	{width: 33px;height: 33px;}
.icon.blobright:before	{background-position:0 -490px;}
.icon.blobright:hover:before	{background-position:-70px -490px}

.icon.blobdown	{width: 33px;height: 33px;}
.icon.blobdown:before	{background-position:-34px -490px}
.icon.blobdown:hover:before	{background-position:-104px -490px}

.icon.blobright_sm	{width: 29px;height: 29px;}
.icon.blobright_sm:before	{background-position:-140px -490px}
.icon.blobright_sm:hover:before	{background-position:-210px -490px}

.icon.blobdown_sm	{width: 29px;height: 29px;}
.icon.blobdown_sm:before	{background-position:-175px -490px;}
.icon.blobdown_sm:hover:before	{background-position:-245px -490px}


.icon.haken		{width: 34px;height: 25px;}
.icon.haken.c1:before		{background-position:0 -525px}
.icon.haken.c2:before		{background-position:-35px -525px;}
.icon.haken.c3:before		{background-position:-70px -525px;}

.icon.haken_blobb		{width: 32px;height: 31px;}
.icon.haken_blobb.c1:before		{background-position:-105px -526px;}
.icon.haken_blobb.c2:before		{background-position:-140px -526px;}
.icon.haken_blobb.c3:before		{background-position:-175px -526px;}

.icon.haken.outline:before		{background-position:-210px -525px;}

.icon.list		{width: 6px;height: 13px;}
.icon.list.c1:before		{background-position:0 -560px}
.icon.list.c2:before		{background-position:-35px -560px}
.icon.list.c3:before		{background-position:-70px -560px}

.icon.menuliste		{width:18px; height: 18px;}
.icon.menuliste:before		{background-position:0 -595px}
.icon.menugallery		{width: 18px; height: 18px;}
.icon.menugallery:before		{background-position:-35px -595px}

.icon.star		{width: 16px;height: 16px;}
.icon.star:before		{background-position:0 -630px;}
.icon.star.on:before		{background-position:-70px -630px;}
.icon.star.half:before	{background-position:-35px -630px}

.icon.print	{width: 32px;height: 32px;}
.icon.print:before	{background-position:-105px -630px; width: 16px; height:16px; margin:8px 0 0 8px}
.icon.brief	{width: 32px;height: 32px;}
.icon.brief:before		{background-position:-140px -630px; width:20px; height:16px; margin:8px 0 0 6px}


.icon.social		{width: 32px;height: 32px;}
.icon.social:before		{width:20px; height:16px; margin:8px 0 0 6px}
.icon.social.Facebook:before		{margin-left:11px}
.icon.social.Google:before			{margin-left:11px}
.icon.social.Facebook.c1:before		{background-position:0px -665px;}
.icon.social.Twitter.c1:before		{background-position:-35px -665px}
.icon.social.Google.c1:before		{background-position:-70px -665px;}
.icon.social.Facebook.c2:before		{background-position:-140px -665px;}
.icon.social.Twitter.c2:before		{background-position:-175px -665px}
.icon.social.Google.c2:before		{background-position:-210px -665px;}
.icon.social.Facebook.c3:before		{background-position:0px -700px;}
.icon.social.Twitter.c3:before		{background-position:-35px -700px}
.icon.social.Google.c3:before		{background-position:-70px -700px;}

.icon.social-colored {width: 34px;height: 34px;}
.icon.social-colored.Facebook.c3:before	{background-position:0 0;}
.icon.social-colored.Twitter.c3:before	{background-position:-35px 0}
.icon.social-colored.Google.c3:before		{background-position:-70px 0;}
.icon.social-colored.LinkedIn.c3:before	{background-position:-105px 0;}
.icon.social-colored.Xing.c3:before			{background-position:-140px 0;}
.icon.social-colored.Blogger.c3:before	{background-position:-175px 0;}
.icon.social-colored.Pinterest.c3:before{background-position:-210px 0;}
.icon.social-colored.Instagram.c3:before{background-position:-245px 0;}
.icon.social-colored.Youtube.c3:before  {background-position:-280px 0;}

.icon.addFav		{width: 32px;height: 32px;}
.icon.addFav:before		{background-position:-140px -700px; width: 20px;height: 24px; margin:4px 0 0 6px}
.icon.addFav:hover:before		{background-position:-175px -700px}

.icon.removeFav		{width: 32px;height: 32px;}
.icon.removeFav:before		{background-position:-210px -700px; width: 20px;height: 24px; margin:4px 0 0 6px}
.icon.removeFav:hover:before		{background-position:-245px -700px}

.icon.socialOpen		{width: 32px;height: 32px;}
.icon.socialOpen:before		{background-position:-175px -595px; width: 22px; height: 24px; margin:4px 0 0 6px}

.icon.attention		{width:50px; height:52px;}
.icon.attention:before		{background-position:0 -735px;}

div.ic	{background: no-repeat 50% 50%;}
.navi div.ic	{background-image:url('/layout/images/system/icons/ic-navi.png'); width:30px; height:30px;}
.navi.active div.ic, .navi:hover div.ic	{background-image:url('/layout/images/system/icons/ic-navi-active.png')}
.search div.ic	{background-image:url('/layout/images/system/icons/ic-suche.png'); width:30px; height:30px;}
.search.active div.ic, .search:hover div.ic	{background-image:url('/layout/images/system/icons/ic-suche-active.png');}
.kontakt div.ic	{background-image:url('/layout/images/system/icons/ic-kontakt.png'); width:30px; height:30px;}
.kontakt.active div.ic, .kontakt:hover div.ic	{background-image:url('/layout/images/system/icons/ic-kontakt-active.png');}


.ekomicon	{position:relative; display:inline-block; vertical-align:middle;}
.ekomicon:before	{background:url('/layout/images/system/icons/eKomi-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}

.ekomicon.seal.big:before	{width:100px; height:100px;}
.ekomicon.seal.standard:before	{width:85px; height:85px;}
.ekomicon.seal.small:before	{width:75px; height:75px;}

.ekomicon.seal.default.big:before {background-position:-1px -35px;}
.ekomicon.seal.default.standard:before {background-position:-105px -35px;}
.ekomicon.seal.default.small:before {background-position:-210px -35px;}

.ekomicon.seal.gold.big:before {background-position:-1px -140px;}
.ekomicon.seal.gold.standard:before {background-position:-105px -140px;}
.ekomicon.seal.gold.small:before {background-position:-210px -140px;}

.ekomicon.seal.silber.big:before {background-position:0 -245px;}
.ekomicon.seal.silber.standard:before {background-position:-105px -245px;}
.ekomicon.seal.silber.small:before {background-position:-210px -245px;}

.ekomicon.seal.bronze.big:before {background-position:0 -350px;}
.ekomicon.seal.bronze.standard:before {background-position:-105px -350px;}
.ekomicon.seal.bronze.small:before {background-position:-210px -350px;}

.ekomicon.star.standard {width:21px; height:20px;}
.ekomicon.star.standard:before	{background-position:-140px 0;}
.ekomicon.star.standard.on:before	{background-position:-105px 0;}
.ekomicon.star.standard.half:before{background-position:-175px 0}

.ekomicon.star.big {width:33px; height:33px;}
.ekomicon.star.big:before	{background-position:-35px 0;}
.ekomicon.star.big.on:before	{background-position:0 0;}
.ekomicon.star.big.half:before{background-position:-70px 0}

.ekomicon.star.small:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}
.ekomicon.star.small {width:16px; height:16px;}
.ekomicon.star.small:before	{background-position:-280px -595px;}
.ekomicon.star.small.on:before {background-position:-210px -595px;}
.ekomicon.star.small.half:before {background-position:-245px -595px}
input[type=text],input[type=date]			{display:inline-block; width:calc(100% - 20px); line-height:21px; font-size:100%; margin:0 2px; padding:3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
input[type=password]		{display:inline-block; width:calc(100% - 20px); line-height:21px; font-size:15px; margin:0 2px; padding:3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}

input[type=number] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input[type=checkbox]				{position:relative; margin:0 5px 0 0}
.radio input[type=checkbox]				{margin-right:10px}
input[type=checkbox]:after			{background:url(/layout/images/system/icons/selectbox_aus.png) no-repeat; content:" "; position:absolute; width:20px; height:20px;}

input[type=checkbox]:checked:after	{background-image:url(/layout/images/system/icons/selectbox_an.png);}

input[type=radio]				{position:relative; margin:0 5px 0 3px}
input[type=radio]:after			{background:url(/layout/images/system/icons/radiobutton_aus.png) no-repeat; content:" "; position:absolute; width:20px; height:20px;}
input[type=radio]:checked:after	{background-image:url(/layout/images/system/icons/radiobutton_an.png);}

select	{background:url(tarifrechner/select/opener_yellow.png) no-repeat 100% center; 
			appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; 
			display:inline-block; width:100%; line-height:18px; font-size:100%; margin:0; padding:3px 22px 3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
.SAFARI select	{padding-right:25px;}

.MSIE select	{padding-right:3px}
.calendarCaller {background:#fff; border-radius:4px; width:24px; height:20px; line-height:20px; border:1px solid #94b494; border-top:5px solid #94b494; border-bottom:3px solid #94b494; padding:0 4px; margin:0 0 0 5px; cursor:pointer; display:inline; }
.calendarCaller:after	{content:"25";}

#Calendar	{padding:0; border-radius:10px; background-color:#b3b3b3; overflow:hidden; box-shadow: 1px 1px 10px #000}
#Calendar table	{table-layout:fixed; border-radius:5px; background-color:#ddd; color:#333; font-size:13px; margin:0px -1px -1px 0}
#Calendar table thead td	{font-weight:bold; background-color: #94b494; padding:8px;}
#Calendar table tfoot td	{font-weight:bold; background-color: #94b494; padding:8px;}
#Calendar a	{text-decoration:none; width:100%; height:100%; color:#333}
#Calendar a:hover	{font-weight:bold}
#Calendar td	{padding:8px; text-align:center; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3; width:auto;}
#Calendar td:hover	{background-color:#fff}
#Calendar td.kw	{background-color:#ddd; color:#fff}
#Calendar td.currentDay {background-color: #94b494}
#Calendar td.lastDate a{color:#000}
#Calendar td.otherMonth	{background-color:#ddd;}
#Calendar tfoot td {border-top:1px solid #b3b3b3}

div.info		{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -385px; width:19px; height:19px; position:relative}
div.info:hover		{background-position:-35px -385px}
div.info > div	{display:none; line-height:20px; padding:10px; border: 1px solid #bed7dc; background-color: #bed7dc; -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.4); -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.4); box-shadow: 3px 4px 5px rgba(0,0,0,.4); position:absolute; bottom:calc(100% + 8px); right:-150px; width:300px; z-index:25;}
div.info > div.right	{right:-50px}
div.info > div.left	{right:-250px}
div.info.down > div	{top:calc(100% + 8px); bottom:auto }
.notTouchable div.info:hover:before	{position:absolute; left:-100%; top:-50%; content:" "; z-index:26; width:300%; height:200%;}
.notTouchable div.info:hover:after	{position:absolute; left:calc(50% - 6px); top:-16px; content:" "; z-index:26; width:15px; height:15px; background-color: #bed7dc; -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.4); -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.4); box-shadow: 3px 4px 5px rgba(0,0,0,.4); transform: rotate(45deg);}
.notTouchable div.info.down:hover:after	{bottom:-16px; top:auto; z-index:24}
div.info.max > div	{width:600px; right:-300px}
div.info.max > div.right	{right:-15px}
div.info.max > div.left	{right:-550px!important}

.notTouchable div.info:hover > div	{display:block}
div.info > div h5	{margin:0 0 5px 0}
div.info ul		{margin:8px 0}
div.info li		{padding:2px 0 2px 20px; position:relative}
div.info li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}



div.scrollable.tabelle div.xStaticContainer.head	{background:url('tabelle/scrolltable/shadow_bottom.png') repeat-x bottom; padding-bottom:4px}
div.scrollable.tabelle div.xStaticContainer.foot	{background:url('tabelle/scrolltable/shadow_top.png') repeat-x top; padding-top:4px; margin:0 0 -1px 0}
div.scrollable.tabelle div.xStaticContainer table	{position:relative;}

div.scrollable.tabelle div.yStaticContainer.left	{background:url('tabelle/scrolltable/shadow_right.png') repeat-y right; padding-right:4px}
div.scrollable.tabelle div.yStaticContainer.right	{background:url('tabelle/scrolltable/shadow_left.png') repeat-y left; padding-left:4px}


.sortable div.sorter div.up		{background-image:url('tabelle/icon/sort_up.gif');}
.sortable div.sorter div.down	{background-image:url('tabelle/icon/sort_down.gif');}


div.slider.left  {top:0; left:0;height:100%; padding-right:8px; background:url('slider/left.png') right repeat-y;}
div.slider.right  {top:0; right:0;height:100%; padding-left:8px; background:url('slider/right.png') left repeat-y;}
div.slider.top  {top:0; left:0;width:100%; padding-bottom:8px; background:url('slider/top.png') bottom repeat-x;}
div.slider.bottom  {bottom:0; left:0;width:100%; padding-top:8px; background:url('slider/bottom.png') top repeat-x;}

div.slider.left div.icon  {top:50%; right:0; background:url('slider/openLeft.png') no-repeat;}
div.slider.right div.icon  {top:50%; left:0; background:url('slider/openRight.png') no-repeat;}
div.slider.top div.icon  {bottom:0; left:50%; background:url('slider/openTop.png') no-repeat;}
div.slider.bottom div.icon  {top:0; left:50%; background:url('slider/openBottom.png') no-repeat;}

.tarifrechner label.icon.checked div.haken	{background:url('tarifrechner/checkbox/haken.png') 50% 0 no-repeat; width:15px; height:15px; position:absolute; left:3px; top:3px}

.tarifrechner div.schieberegler	{background:url('tarifrechner/schieberegler/back.png') center repeat-x; height:30px; margin:10px 5px 45px 5px; position:relative; display:block; position:relative}
.tarifrechner div.schieberegler	div.left{background:url('tarifrechner/schieberegler/left.png') center left no-repeat; height:30px; width:5px; margin-left:-5px}
.tarifrechner div.schieberegler	div.right{background:url('tarifrechner/schieberegler/right.png') center right no-repeat; height:30px; width:5px; margin-right:-5px}
.tarifrechner div.schieberegler	div.indikator	{background:url('tarifrechner/schieberegler/indikator.png') center ; height:10px; width:50px; position:absolute; left:0; top:10px; display:inline-block}
.tarifrechner div.schieberegler	div.schieber {background:url('tarifrechner/schieberegler/schieber.png') top center no-repeat; height:40px; width:18px; z-index:1; position:relative; margin-left:-9px}
.tarifrechner div.schieberegler	ul li	{background:url('tarifrechner/schieberegler/skala.png') top center no-repeat; float:left; text-align:center; padding-top:40px; cursor:pointer }
.tarifrechner div.schieberegler	ul li.label	{background-image:url('tarifrechner/schieberegler/skalaLabel.png');}

.homepage h4, .homepage h2	{font-size:125%; margin-bottom:0}
.homepage p.subtext	{font-size:90%; margin:-5px 0 5px 0}
.homepage button	{width:100%; display:block }
.homepage select	{margin-bottom:10px}
.homepage .popupblocker	{display:none}
.homepage.popupblocker .popupblocker	{display:block}
.homepage .suche button	{position:absolute; right:0; height:28px; width:28px; padding:0}
.homepage .suche button:after	{right:3px; top:50%; margin-top:-8px}
.homepage .telicon::after {background:url(/layout/images/system/icons/Universal-Sprite.png) -248px -739px no-repeat; content: ""; display: inline-block; height: 32px; width: 32px; float: left; padding-right: 10px; margin-top: 7px;}


.multiteaser:after	{display:block; content:""; clear:both; position:relative;}
.multiteaser > div.container	{background-color:#dfe8df; position:relative;}
.multiteaser > div.container:after	{display:block; content:""; clear:both; position:relative;}
.multiteaser .row		{display:block; padding:15px 0}
.multiteaser .row:after	{display:block; content:""; clear:both; }
.multiteaser .column .wrapper	{padding:0 20px; position:relative}
.multiteaser div.ico	{margin-bottom:10px}
.multiteaser p.subtext	{padding:0 auto; margin:0 0 10px 0}
.multiteaser h4	{font-family: arial, sans; font-weight:bold; font-size:120%; padding:0}
.multiteaser .popupblocker	{display:none}
.multiteaser.popupblocker .popupblocker	{display:block}	

.sitemap > li		{border-bottom:1px solid #ddd; line-height:26px}
.sitemap > li > a	{padding:0 0 0 15px; position:relative}
.sitemap > li > a:before	{background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; top:3px; left:5px; width:6px; height:9px;}
.sitemap .l-1, .sitemap .l-2	{font-weight:bold}
.sitemap .l-3	{margin-left:10px;}
.sitemap .l-4	{margin-left:20px;}
.sitemap .l-5	{margin-left:30px;}
.sitemap .l-6	{margin-left:40px;}
.sitemap .l-7	{margin-left:50px;}

div.googlemap	{color:#000;}
div.googlemap .gm-style-iw		{min-width:200px}
div.googlemap .gm-style-iw a	{text-decoration:underline; margin-left:10px; position:relative; color:#000!important}
div.googlemap .gm-style-iw a:before {background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; top:6px; left:-10px; width:6px; height:9px;}
div.googlemap .gm-style-iw a.text.link	{margin-botton:5px;}
div.googlemap .gm-style-iw a.text.link:before {left:5px; top:50%; transform:translate(0,-50%)}

ul.gsaSuggest	{position:absolute; margin-top:44px; border:1px solid #b3b3b3; background-color:#fff; z-index:5000}
ul.gsaSuggest:empty	{display:none}
ul.gsaSuggest > li	{padding:5px;}
ul.gsaSuggest > li.aktiv	{background-color:#f9ed43}
#gsaGlobalSearch input	{border:1px solid #b3b3b3; font-size:140%; margin:0 10px 0 0; padding:5px 3px; width:190px; float:left;}	

#topscroller	{z-index:10; position:fixed; bottom:0px; right:0; margin:10px; background-color:#f9ed43; opacity:0; padding:2px 5px; font-size:80%; cursor:pointer;}
.touchable #topscroller		{right:0}
.touchable.SAFARI #topscroller		{margin-bottom:30px;}
#topscroller.visible	{opacity:1;}
#topscroller:before	{content:"nach oben"; position:relative; width:30px; padding:5px; display:inline-block}
#topscroller:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -175px no-repeat; content:" "; display:inline-block; width:10px; height:15px; margin:7px 5px; -moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.iframed #topscroller	{display:none}

#anwaltsuche fieldset button	{float:right; margin-top:15px}

#anwaltsuche div.anwalt p		{margin:0; padding:0; line-height:22px}
#anwaltsuche div.anwalt span.entfernung	{display:none}
#anwaltsuche div.anwalt p.fachanwalt	{font-weight:bold}
#anwaltsuche div.anwalt div.kanzlei a.karte	{color:#94b494; padding-left:20px; position:relative;}
#anwaltsuche div.anwalt div.kanzlei a.karte:hover	{text-decoration:underline}
#anwaltsuche div.anwalt div.kanzlei a.karte:before {background:url(/layout/images/system/icons/Universal-Sprite.png) -140px -350px no-repeat; content:" "; position:absolute; top:1px; left:0; width:13px; height:13px;}
#anwaltsuche div.mapContainer > div	{margin-top:15px}
#anwaltsuche div.meldung	{color:#f00; border:2px solid #f00; padding:10px; }
#anwaltsuche div.glossar {position:absolute; top:5px; right:5px;}


#dialog	{ background-color:rgba(0,0,0,.5)}
#dialog div.container.message.warning	{border:2px solid #f00}
#dialog div.container.message.error	{border:2px solid #f00}
#dialog p.buttonbar button	{display:inline-block; float:right; margin:0 0 0 10px; padding:0 5px}


#dialog div.container	{background-color:#fff; padding:0; box-shadow: 1px 1px 10px #000; max-height:80%; max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch!important;}
#dialog div.container.noback	{background-color:transparent; box-shadow:none; overflow:visible}
#dialog div.content	{padding:25px}
#dialog div.container.noback div.content	{padding:0}

#dialog div.closer	{width:31px; height:31px; margin:0 20px 0 0; background-color:#f9ed43; cursor:pointer; border-color:#ffd402; position:absolute}
#dialog div.closer:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; background-position:-0px -210px; width:15px; height:15px; margin:8px 0 0 8px}
#dialog div.container p.buttonbar	{border-top:1px solid #b3b3b3; padding-top:15px}

#dialog button:after	{display:none}
#dialog ul, #dialog p	{margin-bottom:10px}
#dialog h3	{color:#777; font-weight:100 ;margin:0 0 10px 0}
#dialog li		{padding:2px 0 2px 20px; position:relative}
#dialog li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}

.dialogMessage	{display:none}
#dialog .dialogMessage	{display:block}


#cloak		{display:none; position:fixed; width:100%; height:100%; top:0; left:0; opacity:.5; background:#000; z-index:10}
#cloak.active		{display:block}

/* Cookies */
#cookies {display:none;border-bottom: 1px #82b0b8 solid; margin: 0 auto 0; max-width: 980px; top:0; left:0; width: 100%; z-index:110; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; -webkit-transform: translate(0,-100%); transform: translate(0,-100%); background-color:#bed7dc}
#cookies.open {display:block; -webkit-transform: translate(0,0); transform: translate(0,0)}
#cookies > div.richtlinie {padding:10px;padding-right:50px;font-size: 14px; line-heigt: 18px; }
#cookies > div > a, #cookies > div > a:visited		{color:#277a8a; text-decoration:underline; }
#cookies > .accept {padding-left:20px;}
#cookies.open > .closer {cursor:pointer; top:9px; right:10px; position:absolute; float:left;width: 20px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; background-position:-0px -210px; width:15px; height:15px; margin:8px 0 0 8px;}

#keywordnavigation			{margin:20px}
#keywordnavigation h2		{margin-bottom:20px}
#keywordnavigation li		{float:left; padding:5px 10px; cursor:pointer; background-color:#82b0b8; color:#fff; font-weight:bold; margin:0 5px 5px 0}

#keywordlinks	{clear:both; min-height:20px}
#keywordlinks p	{margin:10px 0 0 0}

#page.Themenseite #kontakt	{margin-bottom:0}

#page.Themenseite #header	{position:relative; display:block}
#page.Themenseite #header > div.text	{background-color:rgba(256,256,256,.8); color:#000;padding:20px; }
#page.Themenseite #header > div.text li			{float:left; font-weight:bold; margin-right:8px; padding:0;}
#page.Themenseite #header > div.text p.date	{color:#b3b3b3; font-size:100%}
#page.Themenseite #header label			{background-color:#f9ed43; position:absolute; top:-20px; left:0; padding:0 10px; font-weight:bold; font-size:100%;}
#page.Themenseite #header > div.text a 			{background-color:#82b0b8; color:#fff; padding:2px 5px; z-index:2}
#page.Themenseite #header > div.text a:before		{display:none; background-position:-35px -245px}
#page.Themenseite #header > div.text a:hover 			{color:#000}
#page.Themenseite #header > div.text a:hover:before		{background-position:0px -245px}
#page.Themenseite #header > div.text H1 span		{white-space:nowrap; font-size:18px; color:#6a9069;}
#page.Themenseite #kontakt	{display:none}
#page.Themenseite #foot	{margin-top:0;}

#page.Themenseite.startseite #path	{background-color:#fff}
#page.Themenseite.startseite #header > div.text	{width:calc(100% - 20px); left:auto; top:auto; position:relative; padding:20px 10px; margin:-20px 0 0 0; text-align:center; transform:none; background-image: linear-gradient(180deg, rgba(228,237,230,.1) 0px, rgba(228,237,230,1) 20px); }}
#page.Themenseite.startseite #header > div.text:after	{display:block; content:""; clear:both}
#page.Themenseite.startseite #header > div.text h5	{font-weight:bold; margin:20px 0 5px 0}
#page.Themenseite.startseite #header > div.text div.themen	{margin:10px 0 0 0}
#page.Themenseite.startseite #header > div.text ul	{text-align:center}
#page.Themenseite.startseite #header > div.text li	{display:inline-block; margin:5px; float:none; }
#page.Themenseite.startseite #header > div.text li a	{margin:0; font-size:14px; line-height:20px; background-color:#277a8a; }
#page.Themenseite.startseite #header > div.text form	{width:70%; display:inline-block; position:relative; margin-top:10px; min-width:320px}
#page.Themenseite.startseite #header > div.text input	{width:calc(100% - 20px); border:1px solid #b3b3b3; line-height:24px; padding:1px 8px; height:26px; -webkit-transform: translate(0,-1px); transform: translate(0,0);}
#page.Themenseite.startseite #header > div.text button	{position:absolute; right:0; top:0; margin:0; padding:0}
#page.Themenseite.startseite #header > div.text button	{cursor: pointer;background: url('/layout/images/system/icons/ic-suche.png') center no-repeat; width: 30px;height: 30px;}
#page.Themenseite.startseite #header > div.text button:after	{display:none}

#page.Themenseite #path	{background-color:#dfe8df; color:#94b494; position:static;}
#page.Themenseite .funktionsleiste	{display:none}
#themennavigation div.star.aktiv	{background-position:-70px -630px}

#themennavigation #path a	{color:#6a9069; z-index:1}
#themennavigation #interface	{border-bottom:1px solid #b3b3b3; padding:0 20px 0 10px;}
#themennavigation #interface {position:relative; height:42px; margin:0}
#themennavigation #interface > li	{float:left; border:1px solid #82b0b8; height:32px; line-height:32px; margin-left:10px}
#themennavigation #interface > li.bewertung	{border:0px solid; cursor:pointer}
#themennavigation #interface > li.bewertung > *	{margin:8px 3px!important}
#themennavigation #interface > li.gemerkt	{float:right; padding:0 5px; cursor:pointer}
#themennavigation #interface > li.gemerkt:after	{content:"gemerkte Artikel"; margin-left:5px;}
#themennavigation #interface > li.showAll	{float:right; padding:0 5px; cursor:pointer}
#themennavigation #interface > li.showAll:after	{content:"alle Artikel";}
#themennavigation #interface > li.showAll span	{display:none}
#themennavigation #interface > li.sort		{border:none}
#themennavigation #interface > li.switch	{float:right; padding:0 5px;}
#themennavigation #interface > li.favorit	{float:right;}
#themennavigation #interface > li.back {background-color:#f9ed43; cursor:pointer; border-color:#ffd402}
#themennavigation #interface > li.back div.icon	{width:32px; height:32px;}
#themennavigation #interface > li.back div.icon:before	{margin:8px 10px}

#themennavigation #interface #bewertung:hover > div.hover a	{display:block; line-height:16px; margin-top:15px}
#themennavigation #interface #bewertung > div.hover	p	{margin:0; color:#000}
#themennavigation #interface div.select p	{width:70px}
#themennavigation #interface div.menugallery	{cursor:pointer}
#themennavigation #interface div.menugallery:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -595px; content: ""; position:relative; float:left; width:18px; height:18px; margin:7px 5px 0 0}
#themennavigation #interface div.menugallery:after {content:"Galerieansicht";}
#themennavigation #interface div.menuliste	{cursor:pointer}
#themennavigation #interface div.menuliste:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -595px; content: ""; position:relative; float:left; width:18px; height:18px; margin:7px 5px 0 0}
#themennavigation #interface div.menuliste:after {content:"Listenansicht";}


#themendialog	{position:absolute; width:100%; height:100%; overflow:hidden; bottom:54px;}
#themendialog > div	{background-color:#fff; padding:20px 20px 0 20px; position:absolute; left:0; bottom:0; width:90%; width:calc(100% - 40px); z-index:5;}
#themendialog > div	{transform: translate(0,100%); -webkit-transform: translate(0,100%);}
#themendialog > div > div.icon.close	{position:absolute; right:0; top:0; width:15px; height:15px; margin:5px; cursor:pointer}
#themendialog.social > div.social	{transform: translate(0,0); -webkit-transform: translate(0,0);}
#themendialog > div.bewertung:after	{position:absolute; left:60px; bottom:-8px; content:" "; z-index:26; width: 0; height: 0; width:15px; height:15px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#themendialog.bewertung > div.bewertung	{transform: translate(0,0); -webkit-transform: translate(0,0)}
#themendialog > div.favoriten:after	{position:absolute; left:60px; bottom:-8px; content:" "; z-index:26; width: 0; height: 0; width:15px; height:15px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#themendialog.favorit > div.favoriten	{transform: translate(0,0); -webkit-transform: translate(0,0)}


#themendialog > div.social li.social	{opacity:.5}
#themendialog > div.social ul > li.social > span.plchld {display:block}
#themendialog > div.social ul > li.social > span {display:none}
#themendialog > div.social ul.aktiv > li.social	{padding:6px 5px; height:20px; opacity:1}
#themendialog > div.social ul.aktiv > li.social	> span.plchld {display:none}
#themendialog > div.social ul.aktiv > li.social	> span {display:block}

#themendialog > div > *		{margin-bottom:15px;}
#themendialog p		{font-size:90%; margin-bottom:10px}
#themendialog li	{border-bottom:1px solid #ddd; position:relative;}

#themendialog #bewerten	div.message	{display:none; padding-top:5px}
#themendialog #bewerten.disabled div.message	{display:block}
#themendialog #bewerten.disabled div.star	{display:none}
#themendialog #bewerten.disabled a	{display:none}
#themendialog div.icon.star	{width:24px; height:24px; margin:0 15px 20px 0}
#themendialog div.icon.star:before	{background-position:-105px -595px}
#themendialog div.icon.star.on:before	{background-position:-70px -595px}
#themendialog div.icon.star:hover:before	{background-position:-140px -595px}


#themennavigation #themenliste .klappliste	{display:none}
#themennavigation #themenliste.inhalt .klappliste	{display:block}

#themennavigation #themenliste		{padding:20px; position:relative;}
#themennavigation #themenliste.init	{height:300px; background:url('/layout/images/working.gif') no-repeat center #fff}
#themennavigation #themenliste.init > ul > li	{display:none}
#themennavigation #themenliste.list > ul > li	{background:#fff; border:1px solid #94b494; padding:2px 5px; margin-bottom:10px; position:relative; line-height:14px}
#themennavigation #themenliste.list > ul > li.themen	{display:none}
#themennavigation #themenliste.list > ul > li.blue	{background:#bed7dc}
#themennavigation #themenliste.list > ul > li.green	{background:#b5cbb4}
#themennavigation #themenliste.list li img	{display:none}
#themennavigation #themenliste.list li p.teaser	{display:none}
#themennavigation #themenliste.list li a.keyword	{position:absolute; right:100px; top:5px}
#themennavigation #themenliste.list li div.neu	{float:left; margin:2px 5px 0 0}
#themennavigation #themenliste.list .klappliste ul	{margin-bottom:10px}
#themennavigation #themenliste.list .klappliste li	{position:relative; border:1px solid #b3b3b3; padding:2px 3px; margin:0 0 10px 0}
#themennavigation #themenliste.list div.more	{display:none}

#themennavigation #themenliste.gallery	{padding-right:0;}
#themennavigation #themenliste.gallery > ul	{float:left; padding:0; width:31%; width:calc(33.3333% - 20px); margin-right:20px}
#themennavigation #themenliste.gallery > ul > li	{background:#fff; border:1px solid #94b494; padding:0; margin-bottom:20px; position:relative; line-height:14px;}


#themennavigation #themenliste.gallery > ul > li		{transition: transform .6s ease-out; webkit-transition: transform .6s ease-out}
#themennavigation #themenliste.gallery > ul > li.invisible	{-ms-transform: scale(.0,.0);  -webkit-transform: scale(.0,.0); transform: scale(.0,.0); height:0; margin:0; padding:0}
#themennavigation #themenliste.gallery > ul > li.invisible img	{display:none}
	
	
#themennavigation #themenliste.gallery > ul > li.blue	{background:#bed7dc}
#themennavigation #themenliste.gallery > ul > li.green	{background:#b5cbb4}
#themennavigation #themenliste.gallery > ul > li:before	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left center; position:absolute; left:-21px; top:-15px; opacity:.5; width:20px; height:232px; z-index: 1;}
#themennavigation #themenliste.gallery > ul > li:after	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center bottom; position:absolute; right:-20px; margin-top:1px; opacity:.5; width:346px; height:23px; z-index:1;}
#themennavigation #themenliste.gallery > ul > li img	{z-index:5; margin-bottom:10px; width:100%}
#themennavigation #themenliste.gallery > ul > li h5	{padding:5px 20px 10px 20px; margin:0; font-family:TisaWeb; font-size:130%; line-height:120%}
#themennavigation #themenliste.gallery > ul > li.themen h5	{padding:15px 20px 10px 20px;}
#themennavigation #themenliste.gallery > ul > li.themen a.thema	{background-color:#82b0b8; padding:3px; color:#fff; display:inline-block; font-weight:bold}
#themennavigation #themenliste.gallery > ul > li.themen a.thema:hover	{background:#bed7dc;}
#themennavigation #themenliste.gallery > ul > li p.teaser	{padding:0 20px 20px 20px; margin:0; font-size:100%; line-height:120%}
#themennavigation #themenliste.gallery > ul > li div.bewertung	{padding:0 20px 20px 20px}
#themennavigation #themenliste.gallery > ul > li div.neu	{position:absolute; left:10px; top:10px}
#themennavigation #themenliste.gallery > ul > li ul	{padding:0 17px; position:relative; clear:both; float:none}
#themennavigation #themenliste.gallery > ul > li.themen	ul {margin-bottom:15px}
#themennavigation #themenliste.gallery > ul > li.themen	ul li.clearboth	{margin-top:15px}
#themennavigation #themenliste.gallery > ul > li li	{display:inline-block; white-space:nowrap; position:relative; margin:3px 3px}
#themennavigation #themenliste.gallery > ul > li li a	{padding:2px 5px 2px 15px; margin:0}
#themennavigation #themenliste.gallery > ul > li li a:before	{top:4px}
#themennavigation #themenliste.gallery div.more	{margin:10px auto; border:1px solid #277a8a; color:#277a8a; display:inline; text-align:center; padding:5px 10px; font-weight:bold; cursor:pointer}
#themennavigation #themenliste.gallery div.more:hover	{background-color:#bed7dc}
#themennavigation #themenliste.gallery.ALL div.more	{display:none}


#SEARCH						{line-height:30px; height:30px; font-size:110%}
#suchergebnis div.head			{padding:10px 0 5px 0}
#suchergebnis h2			{padding:0 0 0 50px}
#suchergebnis .searchitem	{border-bottom:1px solid #b3b3b3; position:relative; margin-top:5px}
#suchergebnis .searchitem h5	{font-weight:bold}	
#suchergebnis .searchitem h5:hover	{text-decoration:underline;}	
#suchergebnis .searchitem > a > div	{position:absolute; right:0; bottom:0px}
#suchergebnis .searchitem > a > p	{margin:0px 0px 10px 0}
#suchergebnis a.button.p5		{margin:20px 0 30px 0!important}
#suchergebnis .klappliste > div.content	{margin-left:50px!important}


#vpsuche fieldset.search .captcha	{float:left; margin-top:15px}
#vpsuche fieldset.search button {float:right; margin-top:10px}
#vpsuche div.gst label	{width:70px; float:left}
#vpsuche div.gst div.googlemap	{height:330px;}
#vpsuche div.gst button	{margin-right:15px}
#vpsuche div.partner	{}
#vpsuche div.partner div.links p	{width:33.333333%; float:left; display:inline-block; position:relative; padding:10px 0 5px 0; margin:0; border-bottom:1px solid #b3b3b3}
#vpsuche div.partnerDetail label	{width:70px; float:left}
#vpsuche div.partnerDetail p:after	{content:""; display:block; clear:both;}
#vpsuche div.partnerDetail img		{float:right}
#vpsuche div.meldung div.icon		{float:left}
#vpsuche div.meldung	{color:#f00; border:2px solid #f00; padding:10px; }
#vpsuche div.meldung:after	{display:block; content:""; clear:both}

#versicherungsSelector		{padding-top:15px}
#versicherungsSelector	li	{float:left; width:11%; min-width:100px; text-align:center; margin-bottom:15px; line-height:120%}
#versicherungsSelector.aenderungsmeldung	li	{width:116px}
.slots.duo21 #versicherungsSelector.aenderungsmeldung	li	{width:25%}
#versicherungsSelector	li div.ico	{margin-bottom:10px}
#versicherungsSelector	li > a[href] > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-petrol.png')}
#versicherungsSelector	li:hover > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-gelb.png')}


div.themenselector	{position:relative}
div.themenselector select	{margin-bottom:15px; width:auto}
div.themenselector > .SSI > .subueberschrift 	{display:none}
div.themenselector .textblock span	{font-size:150%; display:block; padding:10px 0; margin:0}
div.themenselector > div > ul li	{position:relative; padding:3px 5px 3px 15px;}
div.themenselector > div > ul li p	{padding:0; margin:0;}
div.themenselector > div > ul li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}
div.themenselector > div > ul li.label:before	{display:none}
div.themenselector ul.versicherungen	{float:right; background-color:#dfe8df; padding: 10px 20px;}
div.themenselector ul.versicherungen li.label	{font-weight:bold; padding:5px 5px 5px 0px; }
div.themenselector ul.spezialthemen	{width:40%; margin:20px 0}

.vereine-verbaende-selector	li	{cursor:pointer}
.vereine-verbaende-selector	li > div.ico.c1, .vereine-verbaende-selector	li > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-gruen.png')}
.vereine-verbaende-selector li.aktiv > div.ico.c1 {background-image: url("/layout/images/system/icons/bg-schraffur-petrol.png");}
.vereine-verbaende-selector	li:hover > div.ico.c1, .vereine-verbaende-selector	li:hover > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-petrol.png')}


#viewportDetection	{position:fixed; right:-10px; top:-10px;}
@media screen and (min-width: 601px){ 
	#viewportDetection	{width:2px; height:2px;}
	body    {overflow-y:scroll; font-size: 90%; line-height:140%;}
body.overlayed	{overflow:hidden; margin-left:-8px;}

iframe	{overflow:auto; -webkit-overflow-scrolling:touch;}
.iframe-preview {width:100%; max-width:100%; margin:0; height:610px}

.mobileView, .mobile	{display:none!important}

html.notTouchable .touch	{display:none}
html.touchable .notTouch	{display:none}

#page	{max-width:980px; min-width:600px; margin:0 auto 60px auto; position:relative; background:#fff; box-shadow: 0 0 14px #999}
#logo	{position:absolute; left:-1px; clip:rect(0px 129px 157px 1px); z-index:5}
#head	{height:64px;}
#page.Landingpage #head	{z-index:1;}
#head:after				{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "}

#suche	{position:absolute; right:0; top:0; margin:18px 20px 0 0 ; z-index:101;}
#suche:before	{cursor:pointer; box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; right:0; top:0; background:url('/layout/images/system/icons/ic-suche.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""}
#suche #SuchFeld	{border:1px solid #b3b3b3; font-size:140%; margin:0 10px 0 0; padding:5px 3px; width:190px; float:left;}	
#suche form	{position:absolute; width:310px; height:38px; display:none; right:0; top:30px; margin:5px 0 0 0; padding:10px; background-color:#fff; box-shadow: 2px 2px 6px rgba(0,0,0,.3)}
#suche.overlay form	{display:block}
#suche button	{margin-bottom:0}


#navigation	{position:absolute; top:0px; right:0px; margin:20px 0 0 0; display:block; line-height:200%; text-align:right; z-index:100}
#navigation	> div.navi	{display:none}
#navigation.open	{width:100%}
#navigation > ul	{padding:0px 49px 0 0; margin:0; float:right;}
#navigation > ul > li 		{float:left; font-weight:bold; cursor:pointer;}
#navigation > ul > li:after 		{content:""; position:absolute; height:70%; top:15%; width:1px; background-color:rgba(0,0,0,.25);}
#navigation > ul > li:last-of-type:after 	{display:none}
.MSIE #navigation > ul > li:last-of-type:after 	{display:block}
.MSIE #navigation > ul > li:nth-of-type(2):after 	{display:none!important}
#navigation > ul > li.home	{display:none}
#navigation > ul > li > span	{position:relative; z-index:5}
#navigation > ul > li > p	{position:relative; margin:0; padding:0;}
#navigation > ul > li > p:before	{top:0; left:0; position:absolute; content:""; display:block; width:100%; height:100%; z-index:2}
#navigation > ul > li.nosub > p:before	{display:none}
#navigation.open > ul > li.open > p:after 		{position:absolute; display:block; bottom:-10px; left:calc(50% - 15px); z-index:2; content:""; width:32px; height:16px; background:url('/layout/images/system/icons/desktop_menu_indikator.png') bottom center no-repeat;}
#navigation.open > ul > li.nosub.open > p:after	{display:none}
#navigation > ul > li > p 	{font-size:105%; line-height:200%; padding:0 10px}

#navigation > ul > li.active > p > a 		{color:#82b0b8!important;}

#navigation ul > li > div.container			{display:none; font-size:105%; line-height:100%; padding:0 10px; margin:6px 0;position:absolute; margin:10px 0 0 0; padding:10px 0 10px 0; width:100%; right:0; background-color:#f7faf7; box-shadow:0 0 10px rgba(0,0,0,.2)}
#navigation.open ul > li.open > div.container	{display:block;}
#navigation ul > li > div.container p		{margin:0;padding:0}
.notTouchable #navigation ul > li > div.container a:hover		{background-color:#f9ed43}


#navigation ul > li.open > div.container > ul		{margin:0; opacity:1;}
#navigation ul > li > div.container > ul > li 	{width:23%; width:calc(25% - 20px); padding:0 10px; float:left; display:inline; text-align:left; overflow:hidden; font-weight:bold; padding-bottom:3px;}
#navigation ul > li > div.container > ul > li li 	{display:none}
#navigation ul > li > div.container > ul > li li.c0 	{display:block}
#navigation ul > li > div.container > ul > li li.c1 	{display:block}
#navigation ul > li > div.container > ul > li li.c2 	{display:block}
#navigation ul > li > div.container > ul > li li.c3 	{display:block}
#navigation ul > li > div.container > ul > li li.more 	{display:block}
#navigation ul > li > div.container > ul > li li	{font-weight:normal; border-bottom:1px solid #dfe8df;}
#navigation ul > li > div.container > ul > li li ul	{display:none}
#navigation ul > li > div.container > ul > .clearboth	{height:15px; display:block}
#navigation ul > li > div.container a, #navigation ul > li > div.container li.opener 	{line-height:140%; display:block; padding:5px; cursor:pointer}
#navigation ul > li > div.ic	{position:absolute; top:-7px}

#header > div.text	{position:absolute; left:50%; left:calc(50% + 16px); top:50%; transform:translate(0,-70%); -webkit-transform:translate(0,-70%); margin-right:5%; color:#fff; font-family:calibri; z-index:5;}
#header > div.text > H1 	{margin-bottom:10px}
#header > div.imgContainer	{position:relative;}
#header > div.imgContainer > img	{display:block}
#page.Landingpage H1	{position:absolute; top:-45px; left:140px;}
#page.Landingpage #header				{margin-bottom:20px; background-color:#dfe8df;}
#page.Landingpage > div > div.right	{margin:15px 25px 0 0}
#page.Landingpage #header > div.teaser	{z-index:2; font-size:80%}
#page.Landingpage #header > div.teaser > div	{position:relative; margin:0 15px; float:left}
#page.Landingpage #header > div.teaser div.button	{padding-left:30px}
#page.Landingpage #header > div.teaser div.button a	{font-size:160%; line-height:180%;}
#page.Landingpage #header > div.teaser div.button:before	{top:13px; left:6px}
#page.Landingpage #header > div.teaser > div.col1	{padding:15px 0 0 0; width:calc(50% - 42px)}
#page.Landingpage #header > div.teaser > div.col2	{background-color:#fff; margin:0 55px 20px 15px; width:calc(50% - 70px); color:#333; border:1px solid #b3b3b3; left:auto; float:left; z-index:2; top:0}
#page.Landingpage #header > div.teaser > div.col2 > div {padding:20px;}
#page.Landingpage #header > div.teaser > div.col2 .tarifrechner{font-size:115%}
#page.Landingpage #header > div.teaser > div.col2.nopadding > div	{padding:0}

#page.Landingpage #header > div.teaser > div.col2 > div	{z-index:1; position:relative; background-color:#fff}
#page.Landingpage #header > div.teaser > div.col2:before	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat center; position:absolute; left:-30px; top:-10px; opacity:.5; width:67px; height:232px; z-index: 0;}
#page.Landingpage #header > div.teaser > div.col2:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center; position:absolute; right:-20px; margin-top:-35px; opacity:.5; width:346px; height:67px; z-index: 0;}

.iframed #page	{box-shadow:none}
.iframed #head, .iframed #header, .iframed #foot, .iframed #logo, .iframed #navigation, .iframed #suche	{display:none}

#foot ul li			{float:left; margin:0 15px 0 0;}
#foot ul:after	{content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; display:block; clear:both; margin-top:6px}
#foot ul.metanav:after	{display:none}
#foot ul.metanav 	{margin-right:100px}
#foot ul:empty	{display:none}
#foot .copyright	{position:absolute; right:20px; bottom:15px; font-size:11px}

#kontakt			{position:relative; margin-bottom:20px; height:74px; width:100%; max-width:980px;}
#kontakt > div.transition 		{position:absolute;  width:100%; max-width:980px; height:74px; top:0}
#kontakt.open > div.transition		{box-shadow:0 0 5px rgba(0,0,0,.5); z-index:200; }

ul.funktionsleiste	{position:absolute; width:100%; background-color:#94b494; padding:5px 0 0 0; color:#fff; font-weight:bold; top:0px; height:45px}
ul.funktionsleiste:hover	{z-index:21;}
ul.funktionsleiste:after	{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "; z-index:1}
ul.funktionsleiste li	{float:left; text-align:center; line-height:20px; cursor:pointer; width:25%; position:relative; overflow:hidden; white-space:nowrap;}
ul.funktionsleiste li.toggle	{display:none}
ul.funktionsleiste li:before	{position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; content:""; display:block}
ul.funktionsleiste li > div	{display:inline-block; text-align:left}
ul.funktionsleiste li > div > span	{font-weight:bold; letter-spacing:5}
ul.funktionsleiste li > div > span:before	{position:relative; display:inline-block; top:4px; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -350px; width:16px; height:16px}
ul.funktionsleiste li.email > div > span:before	{transform: rotate(-90deg) scale(1); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); top:2px; left:-2px}
ul.funktionsleiste li:first-child	{text-align:left; font-weight:bold;}
ul.funktionsleiste li:first-child > div > span		{margin-left:20px; display:inline-block}
ul.funktionsleiste li.telefon	{cursor:default}
ul.funktionsleiste li.telefon > div > span:before	{background-position: -0px -350px; top:3px}

ul.funktionsleiste div.icon	{margin:-3px 10px 0 5px}
ul.funktionsleiste button	{line-height:90%; margin:0;padding:5px 8px 5px 15px}
ul.funktionsleiste img	{margin: 0px 5px 0 0; vertical-align:middle}
ul.funktionsleiste p	{margin:-10px 0 0 0; font-size:80%!important; font-weight:normal}
ul.funktionsleiste #berater	{overflow:hidden;}
ul.funktionsleiste #berater .icon	{z-index:2}

ul.funktionsleiste li:after	{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -350px; content:" "; height:50%; width:2px; position:absolute; left:-1px; top:25%}
ul.funktionsleiste li:first-child:after	{display:none}
ul.funktionsleiste a	{color:#fff}

#dialogLayer				{width:100%; background-color:#fff; height:0; top:0; overflow:hidden; position:relative;}
#kontakt.open #dialogLayer	{position:absolute; height:calc(100% - 50px); top:50px}
.ANDROID #kontakt.open #dialogLayer	 {height:90%; }

#dialogLayer > div	{width:100%; height:100%; z-index:3}
.SAFARI #dialogLayer div	{overflow-y:auto; -webkit-overflow-scrolling:touch;}
#dialogLayer iframe	{height:100%; width:100%; overflow:auto}
#dialogLayer div.closer	{position:absolute; top:5px; right:15px; height:35px; width:35px; z-index:101; background-color:transparent; cursor:pointer; display:none}
#kontakt.open #dialogLayer div.closer	{display:block}
#dialogLayer div.closer:after 	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -105px -210px; content:""; position:absolute; top:10px; left:10px; width: 15px;height: 15px;}
#dialogLayer div.closer:hover:after 	{background-position:-140px -210px;}

#path	{padding: 10px 20px 10px 20px; font-size:11px; line-height:16px; height:16px; bottom:-15px}
#kontakt #path	{position:absolute;}
#header > #path	{border-bottom:1px solid #ddd}
#kontakt.open #path	{display:none}
#path li	{float:left; margin:0 15px 0 0; display:inline-block}
#path li > *	{color:#000; opacity:.5; padding:0 0 0 10px; position:relative;}
#path li > *:after	{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -210px -245px; content:" "; margin:0; height:8px; width:6px; position:absolute; left:0; top:4px}
#path li > a:hover	{opacity:1}

div.column	{float:left}
div.divider	{border-top:2px dotted #777; margin: 20px 0; clear:both}

div.slots	{position:relative; margin:20px 10px}
div.klappliste div.slots	{margin:20px 0px}
div.slots.frame	{margin:15px 20px; padding:20px 0; border:1px solid #b3b3b3}
div.slots.frame	> div.spalte{margin-bottom:0px!important}
div.slots.shadow		{background-color:#fff}
div.slots.shadow:before	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left top; position:absolute; left:-20px; top:-10px; opacity:.5; width:20px; height:232px; z-index: 0;}
div.slots.shadow:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:20px; z-index: 0;}

div.slots > div.spalte {position:relative; float:left}
div.slots > div.spalte:hover {z-index:2}
div.slots > div.spalte > div.layout {margin:0; position:relative}
div.slots > div.spalte > div.layout > div.wrapper {margin:0; position:relative}

div.bildfeld > div.slots	{opacity:.9}

/* SLOT SOLO */
div.slots.solo div.spalte	{width:100%;}
div.slots.solo div.spalte.withPadding	{width:80%; padding-right:10%; padding-left:10%}

/* SLOT DUO */
div.slots.duo > div.spalte {width:50%;}

div.slots.duo12 > div.spalte.eins {width:33.333%;}
div.slots.duo12 > div.spalte.zwei {width:66.666%;}

div.slots.duo21 > div.spalte.eins {width:66.666%;}
div.slots.duo21 > div.spalte.zwei {width:33.333%;}

/* SLOT TRIO */
div.slots.trio div.spalte {width:33.333%; }

/* SLOT QUART */
div.slots.quart > div.spalte {width:25%;}

/* SLOT Trenner*/
div.klappliste > div > div.content	{margin-left:50px;}
div.autocomplete			{max-height:400px; margin-top:23px}
div.bildfeld > div	{margin-top:22px!important}
.siteactive > div > a.link			{position:absolute; right:0; bottom:5px}
.siteactivePager label	{position:absolute; left:0px; top:10px}
.switch div div.ico		{float:left; margin:2px 10px 0 10px;}
div.teaserIcon.s1	{padding:0 0 0 135px; min-height:120px}
div.teaserIcon.s2	{padding:0 0 0 75px; min-height:60px}
div.teaserIcon.iconRight.s1	{padding:0 135px 0 0; min-height:120px}
div.teaserIcon.iconRight.s2	{padding:0 75px 0 0; min-height:60px}
div.teaserIcon.noText.s1 .ueberschrift	{padding-top:50px;}
div.teaserIcon.noText.s2 .ueberschrift	{padding-top:20px}

.tarifrechner .betrag	{float:left;}
.tarifrechner.small .betrag	{float:none; margin-bottom:15px}
.tarifrechner table.tabbed	{border:1px solid #b3b3b3}
.tarifrechner table.tabbed td {border-left:1px solid #b3b3b3;}
.tarifrechner.small table.tabbed td	{width:100%; display:inline-block; border-left:0px; border-bottom:1px solid #b3b3b3}
.tarifrechner.small table.tabbed td:last-child	{ border-bottom:0px solid #b3b3b3}
.tarifrechner.small table.tabbed.description td.selected:after	{display:none}

.tarifrechner table.tabbed.description td.selected:after	{position:absolute; left:calc(50% - 10px); bottom:-20px; content:" "; z-index:10; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #dfe8df; border-left: 10px solid transparent;}


.homepage	{position:relative; z-index:10; clear:both; background-color:#dfe8df; padding:0 20px}
.homepage:after	{display:block; content:""; clear:both; position:relative;}
.homepage > div.container	{top:-55px; position:relative; border:1px solid #b3b3b3; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); margin-bottom:-35px}
.homepage > div.container:after	{display:block; content:""; clear:both; position:relative;}
.homepage .row		{display:block; margin-bottom:15px}
.homepage .row:after	{display:block; content:""; clear:both; position:relative;}
.homepage .column	{width:33.333%; float:left; margin-top:20px; overflow:hidden}
.homepage h4	{font-family: arial, sans; font-weight:bold; font-size:120%; padding:0 0 5px 0}
.homepage .suche	{width:auto; background-color:#bed7dc; padding:15px 20px 15px 20px; clear:both;}
.homepage .suche:after	{display:block; content:""; clear:both; position:relative;}
.homepage .suche h4	{display:inline-block; line-height:26px; }
.homepage .suche button	{position:absolute; right:0; top:0; height:28px; width:28px; padding:0; background-color:#82b0b8; border-color:#82b0b8}
.homepage .suche button:after	{right:3px; top:50%; margin-top:-8px; background-position:-35px -280px!important}
.homepage .suche .fieldContainer	{width:calc(100% - 260px); display:inline-block;}
.homepage .suche input	{line-height:26px; height:26px; padding:0 5px; border-color:#b3b3b3}

.homepage .column .wrapper	{padding:0 20px; position:relative}
.homepage .column.c2 .wrapper	{border-left:2px dotted #999}
.homepage .column.c3 .wrapper	{border-left:2px dotted #999}

.homepage div.ico	{margin-bottom:10px}	

.multiteaser	{position:relative; z-index:10; padding:0 20px; margin-top:-55px; margin-bottom:15px}
.CHROME .multiteaser	{margin-bottom:35px}
.multiteaser > div.container	{border:1px solid #b3b3b3; box-shadow:0 0 5px rgba(0,0,0,.3);}

.multiteaser .column.c2 .wrapper	{border-left:2px dotted #999}
.multiteaser .column.c3 .wrapper	{border-left:2px dotted #999}
.multiteaser .row.col3 .column	{width:33.333%; display:inline; overflow:hidden}

#versicherungen		{overflow:auto; clear:both; text-align:center}
#versicherungen:after		{display:block; content:""; clear:both; position:relative;}
#versicherungen a	{display:inline-block; width:11%; text-align:center; font-size:85%; float:left;}
#versicherungen a:hover	{cursor:pointer}
#versicherungen p	{margin:0 0 10px 0}


.iframed div.quickeditMenu	{display:none}
div.quickeditMenu		{position:fixed; right:20px; top:0; box-shadow:0px 0px 8px #000; padding:2px 5px 5px 5px; background-color:#94b494; border-radius:0 0 5px 5px; z-index:1000}
div.quickeditMenu > div	{display:inline; float:left; width:20px; height:20px; margin:3px 0 0 2px; cursor:pointer}
div.quickEditOpener	{background: url(/layout/images/system/qeContent.png)}
div.quickEditNew	{background: url(/layout/images/system/qeDustbin.png)}
div.imperiaDashboard	{background: url(/layout/images/system/qeDashboard.png)}
div.quickEditNew	{background: url(/layout/images/system/qeNewSite.png)}
div.quickEditMobile	{background: url(/layout/images/system/qeViewMobile.png)}
div.quickEditKill	{background: url(/layout/images/system/qeDustbin.png); margin-left:15px!important}

div.quickEdit	{display:none; position:absolute; margin-top:2px; width:20px; height:20px; overflow:hidden; background: url(/layout/images/system/qeContent.png); cursor:pointer; z-index:1000}
body.quickEdit div.quickEdit	{display:block}
div.quickEdit a	{width:100%; height:100%}
body.quickEdit div.quickeditmarker	{width:100%; height:100%; position:absolute; background-color:#000; opacity:.5; filter:alpha(opacity=50, style=0); z-index:1000; top:0; left:0}

//objects


input[type=checkbox]:after			{top:-1px; left:0;}
input[type=radio]:after			{top:0px; left:-3px;}

#anwaltsuche div.anwalt div.kanzlei div.col	{width:33%; float:left; display:inline-block; margin-top:15px}
#anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete	{width:calc(33% - 20px); padding:0 0 0 20px; border-left:1px solid #b3b3b3}
#dialog div.container.message > div.content > div	{width:400px; line-height:150%}

#page.Themenseite #header > div.text	{margin-right:5%; transform:translate(0,-65%); -webkit-transform:translate(0,-65%);}
#page.Themenseite.uebersicht #header > div.text	{transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}

#themennavigation #interface	{background:url('/layout/images/system/divshadow.png') no-repeat center 0; border-top:1px solid #b3b3b3; padding-top:10px}
#themennavigation #interface > li.favorit	{border-right:0px solid; margin-right:-10px}
#themennavigation #interface > li.switch div.icon	{margin:0 5px 0 0}
#themennavigation #interface > li.social  	{cursor:pointer}
#themendialog > div.bewertung	{margin-left:250px; width:200px; padding:10px} 
#themendialog.bewertung > div.bewertung	{ margin-bottom:13px}
#themendialog > div.social .button	{position:absolute; bottom:0px}
#themendialog > div.social .button.p3	{right: 50%; right:calc(50% + 15px);}
#themendialog ul	{float:right; width:40%; width:calc(50% - 40px); margin-left:20px}
#themennavigation #themenliste.list li div.bewertung	{position:absolute; right:5px; top:5px}

#suchergebnis .searchitem	{padding:0 100px 0 0;}
#vpsuche					{margin-top:20px}
#vpsuche div.gst div.gmap	{width:50%; float:right;}

div.themenselector ul.versicherungen	{width:50%; margin-left:15px;}
div.themenselector ul.versicherungen li	{float:left; width:calc(50% - 20px) }
div.themenselector ul.versicherungen li.label	{float:left; width:calc(100% - 20px) }
div.themenselector ul.spezialthemen li	{padding-left:50%}
div.themenselector ul.spezialthemen li label	{position:absolute; left:15px; }

.jforms div.glossar		{position:absolute}
.jforms.message	{width:600px; color:#fff}

/* Reiter */
div.reiter                 		 {margin:0 0 15px 0; position:relative; width:98%;}
div.reiter > ul.pager	         { left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); position:relative; display:inline-block; z-index:2;}
div.reiter > ul.pager li         {display:inline-block; padding: 15px 35px; font-size:100%;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }
div.reiter > ul.pager li:first-child	{border-left:1px solid #ddd;}
div.reiter > ul.pager li:hover   {text-decoration:underline; cursor:pointer}
div.reiter > ul.pager li.aktiv   {background-color:#f9ed43;  position:relative;}
div.reiter > ul.pager li.aktiv:before {content: " "; width:100%; height:100%; border:1px solid #f4c403;position:absolute; left:-1px; top:-1px}

/* Pfeil auf Reiter zeigend */
div.reiter > ul.pager li.aktiv:after  {z-index:99; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -280px -630px; margin: 38px auto; left:50%;transform: translate(-50%); width:16px; height:9px; text-align: center; content:" "; display: block; position:absolute; }

/* Reiter-Content */
div.reiter > div.content   				  {padding:10px 0 ; position:relative;}
div.reiter > div.content > div.page       {padding:0; margin:0; }
div.reiter > div.content > div.page.aktiv {z-index:2;  border: 1px solid #ddd; margin-top:20px; padding:20px;}	
}

@media screen and (min-width: 601px) and (max-width: 850px) { 
	#head	{height:56px;}
	#suche	{margin-top:12px}
	#navigation	{margin:14px 0 0 0}
	#header > div.text {font-size:80%}
	#header > div.text > H1 {margin-bottom:0;}
	#kontakt.open #dialogLayer		{top:30px; height:calc(100% - 30px);}
	#page.Landingpage H1	{left:130px; font-size:200%; top:-40px}
	#page.Landingpage > div > div.right	{margin:10px 25px 0 0}
	.switch div.ico			{display:none}
	.switch	{text-align:center}
	div.bildfeld		{min-height:0!important; background-color:#dfe8df; margin-top:10px}
	div.bildfeld > img	{position:relative;}
	div.bildfeld > div.slots > div.spalte {width:100%;}
	
	
}

@media screen and (min-width: 601px) and (max-width: 750px) { 
	#head	{height:46px;}
	#suche	{margin-top:7px}
	#navigation	{margin:10px 0 0 0}
	#header {font-size:80%; line-height:140%}
	#header > div.text > H1 {margin-bottom:5px; line-height:110%}
	div.slots.quart > div.spalte {width:50%;}
	#page.Landingpage H1	{left:100px; font-size:200%; top:-37px}
	#page.Landingpage > div > div.right	{margin:10px 25px 0 0}
	.siteactivePager .but	{-ms-transform: scale(.8,.8);  -webkit-transform: scale(.8,.8); transform: scale(.8,.8); margin-left:0; margin-right:0}	
	.homepage h4 {font-size:100%;}
	.homepage .telicon::after{padding-right: 5px;}
}

/* z.B. Samsung Galaxy S5 Landscape */
@media screen and (min-width: 601px) and (max-width: 650px) { 
	#head	{height:36px;}
	#suche	{margin-top:3px}
	#navigation	{margin:8px 0 0 0; font-size:80%}
	#header {font-size:70%; line-height:140%}
	#header > div.text > H1 {margin-bottom:5px; line-height:100%}
	#page.Landingpage H1	{left:100px; font-size:180%; top:-30px}
	#page.Landingpage > div > div.right	{margin:5px 15px 0 0}
	.multiteaser img {display: none;}
	#hp-kontakt  {width: 150%;}	
	#dialogLayer div.closer::after { top: 25px;}
	#dialogFrame {margin-top:10px;}	
	
	div.reiter > ul.pager li {display:inline-block; padding: 15px; font-size:100%;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }

}


@media only screen and (max-device-width: 480px) {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
	

@media screen and (max-width: 600px){
	#viewportDetection	{width:1px; height:1px;}
	body	{font-size:70%}
	body { overflow-y:scroll; -webkit-overflow-scrolling:touch; font-size: 80%; line-height:150%;}
.hWiper	{overflow-x:scroll; overflow-y:show; -webkit-overflow-scrolling:touch; margin:0 -20px; padding:10px 20px;}

body.overlayed #page	{position:fixed; overflow:hidden; z-index:0}

.desktop	{display:none!important}

.iframed #page	{box-shadow:none;}
.iframed #content	{margin-top:20px}
.iframed #head, .iframed #header, .iframed #foot, .iframed #logo, .iframed #navigation, .iframed #suche	{display:none}

.iframe-preview {width:100%; max-width:100%; margin:0; height:300px}

#page		{width:100%; overflow:hidden; padding:0; margin:0; min-width:320px}

#content	{overflow:hidden}

#logo	{z-index:3; position:absolute; top:0; left:0;}

#head	{z-index:2; padding:0; position:absolute; top:0; width:100%;}
#head ul	{display:block; height:50px; padding:10px 15px 3px 0  }
#head li 	{float:right; margin: 5px 5px 5px 10px; box-shadow:0 0 6px #000;}

#page > div > div.layer		{position:fixed; height:100%; width:100%; background:rgba(0,0,0,.3); z-index:5}
#page > div > div.layer.overlay	{z-index:6}


#navigation			{left:100%; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#navigation.overlay	{left:0px;}

#navigation:before	{box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; left:-45px; top:15px !important; background:url('/layout/images/system/icons/ic-navi.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""}
#navigation.overlay:before	{left:10px;}

#navigation a		{display:block; padding:0; font-size:140%; line-height:120%; padding:7px 0}
#navigation > ul	{margin:0 0 0 55px; padding-left:20px; display:block; background-color:#fff; height:100%; overflow:auto;}
#navigation li		{border-bottom:1px solid #ddd; overflow:hidden}
#navigation > ul > li:first-of-type		{margin-top:10px}

#navigation ul li > div.container {position:relative;}
#navigation ul li > div.container ul {visibility:hidden; position:absolute}
#navigation ul li.open > div.container > ul	{visibility:visible; position:relative}
#navigation ul li.open > div.container li.open > ul	{visibility:visible; position:relative}

#navigation li p	{margin:0;padding:0;position:relative;}
#navigation li p:before	{top:0; left:-20px; position:absolute; content:""; display:block; width:100%; height:100%; padding:0 10px; z-index:2; text-align:right; line-height:100%;}
#navigation ul li.open > p	{background-color:#f9ed43;}

#navigation ul li:last-of-type	{border-bottom:0px}
#navigation ul ul ul li:nth-last-of-type(2)	{border-bottom:0px}
#navigation li.more	{display:none}
#navigation li.nosub > p:before	{display:none}
#navigation li.overview > p:before	{display:none}


#navigation ul a {padding-left:5px}
#navigation ul ul a {padding-left:15px}
#navigation ul ul ul a {padding-left:25px}
#navigation ul ul ul ul a {padding-left:35px}
#navigation ul ul ul ul ul a {padding-left:45px}





#suche			{left:100%; top:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#suche.overlay		{left:0px;}
#suche form		{position:relative; display:inline-block; height:calc(100% - 20px); width:calc(100% - 75px); margin-left:55px; padding:10px; background-color:#fff}	


#suche:before	{box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; left:-85px; top:15px; background:url('/layout/images/system/icons/ic-suche.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""}
#suche.overlay:before	{left:10px;}

#suche div.container form	{padding:10px; position:relative;}
#suche.overlay div.search	{left:0px;}
#suche input	{width:96%; padding:2%; line-height:200%; font-size:120%}
#suche button	{text-align:left; margin:10px 0; font-size:140%; line-height:160%;}

#header 	{margin-bottom:15px}
#header div.text	{margin-top:10px; padding:0 10px}

#kontakt	{position:relative;}
			
ul.funktionsleiste		{transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; height:40px; overflow:hidden; margin:0 0 20px 0; padding:0; font-weight:bold; position:relative; display:block; box-shadow: 0 5px 5px rgba(0,0,0,.1); font-size:120%}
ul.funktionsleiste li	{cursor:pointer; overflow:hidden; position:relative; padding:10px 0 10px 30px; position:relative; color:#94b494; border-bottom:1px solid rgba(149,180,148,.2);}
ul.funktionsleiste li.toggle	{cursor:pointer; background-color:#94b494; color:#fff;}
ul.funktionsleiste li.toggle:before	{background-position-x:-70px; transition: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); margin-top:1px}
ul.funktionsleiste.show li.toggle:before	{transition: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);margin:-1px 0 0 -3px}

ul.funktionsleiste li:before	{position:absolute; display:inline-block; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -140px -350px; left:10px; top:12px; width:16px; height:16px;}
ul.funktionsleiste li.email:before	{transition: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); margin-top:-2px}
ul.funktionsleiste li:after	{position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; content:""; display:block}

ul.funktionsleiste li.telefon * 	{color:#94b494!important;}
ul.funktionsleiste li.telefon:before	{background-position: -245px -350px; left:8px}
ul.funktionsleiste li.telefon:after	{display:none}
ul.funktionsleiste li.telefon p	{font-size:80%!important; display:block}

ul.funktionsleiste li > div  p	{display:none}

#path	{display:none}

#dialogLayer		{bottom:-100%; left:0; position:fixed; width:100%; height:100%; background-color:#fff; z-index:100}
#kontakt.open #dialogLayer	{bottom:0%}
#dialogLayer > div	{width:100%; height:100%; background-color:#fff; margin:0;}
.SAFARI #dialogLayer > div	{-webkit-overflow-scrolling: touch; overflow-y: scroll;}
#dialogLayer iframe	{overflow-y:auto; -webkit-overflow-scrolling:touch; display:none}
#kontakt.open #dialogLayer iframe	{display:block}				
#dialogLayer div.closer	{position:absolute; top:10px; right:10px; height:35px; width:35px; z-index:101; background-color:transparent}
#dialogLayer div.closer:after 	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -105px -210px; content:""; position:absolute; top:10px; left:10px; width: 15px;height: 15px;}


#header	> div.imgContainer			{overflow:hidden}
#header	> div.imgContainer	img		{width:200%; display:block}

#page.Landingpage > div > div.right		{display:none}
#page.Landingpage #header > h1		{padding:10px}
#page.Landingpage #header > div.teaser > div.col1{padding:10px;}
#page.Landingpage #header > div.teaser > div.col2 {border:1px solid #f9ed43; margin:9px}
#page.Landingpage #header > div.teaser > div.col2 > div {padding:15px;}
#page.Landingpage #header > div.teaser > div.col2.nopadding > div	{padding:0}




div.divider	{border-top:2px dotted #777; margin: 10px 0 10px 0; clear:both}

div.slots > div.spalte {margin-bottom:10px!important; position:relative;}
div.slots > div.spalte > div.layout	{margin-bottom:0!important}

div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {padding: 0px; margin:0}

div.slots > div.spalte.shadow:before	{display:none}
div.slots > div.spalte.shadow:after		{display:none}

div.slots > div.spalte.alignRight {text-align: left;}


#header div.video	{display:none}
#autolink ul li	{width:auto}
div.autocomplete				{height:60%; margin-top:73px}

div.slots.duo12 div.spalte.eins div.contentbild {max-width:300px; margin:0 auto; height:auto!important}
div.slots.duo21 div.spalte.zwei div.contentbild {max-width:300px; margin:0 auto; height:auto!important}

div.bildfeld		{min-height:0!important;}
div.bildfeld > img	{position:relative; margin:0 10px; width:calc(100% - 20px)}

div.farbfeld		{padding:15px 0 1px 0}

div.klappliste				{margin-left:0!important; margin-right:0!important; padding 0 5px}
div.klappliste > div.head:after		{margin-top:7px}
#content > div > div.klappliste		{margin:-15px 0px 15px 0px;}
div.klappliste > div.content	{margin-right:10px; margin-left:10px;}
div.link div.icon	{width:25px; height:25px}	

.siteactive > div		{padding:5px 10px 5px 80px; position:relative; border-bottom:1px solid #ddd;}	

.siteactive > div > a.link			{margin:10px 0;}
.siteactiveFilter	{display:none}
.siteactivePager div	{padding:0 10px;}

.siteactivePager label	{display:block}

.siteactivePager .but	{margin:5px; padding:0}
.siteactivePager .but.start	{display:none}
.siteactivePager .but.ende	{display:none}

.switch div		{text-align:center}

div.tabelle				{overflow:hidden; -webkit-overflow-scrolling:touch!important;}
div.tabelle table		{margin:0px;}
.SAFARI div.tabelle table		{font-size:90%;}
.FIREFOX div.tabelle table		{font-size:90%;}
div.tabelle table tfoot	{display:nonee}
div.tabelle table tfoot div.button	{padding:5px; font-size:90%; line-height:110%}
div.tabelle table tfoot div.button:after	{display:none}
div.tabelle table td	{padding:5px; overflow:hidden}
div.tabelle table thead td.first {padding-left:5px;}
div.tabelle table td.first {padding-left:5px;}
div.tabelle table td.checked:before {-ms-transform: scale(.5,.5);  -webkit-transform: scale(.5,.5); transform: scale(.5,.5);}
div.tabelle td.prozent div.skala	{display:none}

div.tabelle	div.tabInfoOpener {top:auto; left:auto; display:block; position:relative; }

div.teaserBild div.text	{position:relative; width:100%!important;}
div.teaserBild div.bild	{position:relative; width:100%!important;}
div.teaserBild div, .slot.trio div.teaserBild div	{position:relative; margin:0 0 10px 0}


form.arag div.row		{padding: 5px 0; line-height:190%}

form.arag div.row label	{position:relative; display:block}

.switch div.ico			{display:none}

.tarifrechner button	{width:100%}
.tarifrechner .betrag	{margin:0 0 10px 0}
.tarifrechner table.tabbed 	{border-left:1px solid #b3b3b3; border-top:1px solid #b3b3b3;}
.tarifrechner table.tabbed td	{width:100%; width:calc(100% - 1px); display:inline-block; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3;}


#homepage	{ margin:50px 0 0 0; position:relative;}
.homepage:before	{content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; position:absolute; top:-25px; left:0}

.homepage .green .column.c1	{width:100%}
.homepage form	{margin-bottom:20px}

.homepage h4, .multiteaser h4	{margin-bottom:5px}
.homepage p.subtext	{margin-top:-10px;}
.homepage {margin:0 0 20px 0; border:0}
.homepage .column	{width:100%!important; float:none; margin:0; overflow:hidden}
.homepage .column.suche	{display:none}
.homepage .column .wrapper	{border-left:0;  padding:0px 10px;}
.homepage .green {padding-top:10px; margin-top:-1px;background-color:#dfe8df;}
.homepage select {margin-bottom:10px}

.homepage .suche	{width:auto; background-color:#bed7dc; padding:15px 10px 1px 10px; clear:both; margin-bottom:15px}
.homepage .suche:after	{display:block; content:""; clear:both; position:relative;}

.homepage .suche input	{line-height:26px; height:26px; padding:0 5px;}

.multiteaser	{margin:15px 0}
.multiteaser .column	{margin-bottom:15px}

#versicherungen a	{display:inline-block;float:left; width:33.333%!important;text-align:center;}
#versicherungen a>p	{padding:0; margin:0 0 25px 0}


/* Stoerer oben in der Mitte einer Spalte (z.B. Alltagshelfer) */
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.stoerer {-webkit-transform: translate(-50%,-170%); left:48%;}
div.slots > div.spalte.stoerer > div.layout > div.wrapper  { padding:35px 20px 20px 20px}

//objects
input[type=checkbox]:after			{top:-1px; left:-1px;}
input[type=radio]:after			{top:-2px; left:-2px;}
.calendarCaller	{display:none}
#topscroller:before		{display:none}
#anwaltsuche fieldset	{padding-bottom:40px}
#anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete	{margin-top:15px}
#dialog div.container	{width:100%;}
#keywordnavigation			{margin:20px 10px}
#page.Themenseite #header	{background-color:#dfe8df; }

#page.Themenseite #header:after	{content:""; display:block; position:relative; height:1px}
#page.Themenseite #header > div.text	{margin:-85px 20px 20px 20px; position:relative;}
#page.Themenseite.uebersicht #header > div.text	{margin:-85px 20px 20px 20px;}
#themennavigation #interface > li	{position:relative;}
#themennavigation #interface > li.switch div.icon	{margin:0 15px 0 -8px}

#themennavigation #interface > li.gemerkt	{display:none;}
#themennavigation #interface > li.gemerkt:after	{content:"Fav";}
#themennavigation #interface > li.email		{display:none}
#themennavigation #interface > li.drucken	{display:none}
#themennavigation #themenliste.gallery > ul	{width:95%; width:calc(100% - 20px);}

#themennavigation #interface div.menugallery {margin:0 -4px 0 2px}
#themennavigation #interface div.menuliste {margin:0 -4px 0 2px}
#themennavigation #interface div.menugallery:after {content:"";}
#themennavigation #interface div.menuliste:after {content:"";}

#page.Themenseite.startseite #header > div.text input	{width:calc(50%); line-height:24px; padding:1px 8px; height:26px; transform: translate(0,-2px);}
#page.Themenseite.startseite #header > div.text button { right: 20%; top:-1px;}

#themendialog div.favoriten a > span.add {display:inline}
#themendialog div.favoriten a > span.remove {display:none}
#themendialog div.favoriten.add a > span.add {display:none}
#themendialog div.favoriten.add a > span.remove {display:inline}

#suchergebnis .searchitem	{padding:0 0 30px 0;}

#vpsuche fieldset.search > *	{display:block; margin:0 0 15px 0;}
#vpsuche fieldset.search label	{font-size:120%}
#vpsuche fieldset.search input[type=text]	{display:block; width:90%}
#vpsuche fieldset.search button	{display:block; width:90%; float:none}
#vpsuche div.gst div.gmap	{width:100%;}
#vpsuche div.gst p	{clear:both}
#vpsuche div.partner div.links p	{width:100%;}

div.themenselector ul.versicherungen	{margin:15px 0}
div.themenselector ul.spezialthemen	{width:auto;}
div.themenselector select {width:90%;}

.jforms	.row	{padding:5px 30px 5px 0px;}
.jforms .row > label	{display:block; position:relative; margin-left:0; width:auto; float:none; font-weight:bold}
.jforms div.glossar		{position:relative; float:left; margin-right:5px}
.jforms.message	{max-width:80%; color:#fff}

iframe {max-width:100%}


/* Preisauszeichnung */
div.preisauszeichnung > div.textblock sup {vertical-align: text-top;}

/* Reiter */
div.reiter                 		 {margin:0 0 15px 0; position:relative; float:left; width: 95%;}
div.reiter > ul.pager	         {list-style: outside none none; margin: 0 !important;}
div.reiter > ul.pager li       {float: left; overflow: hidden; font-size:70%; padding: 10px 0 !important; white-space: nowrap; width: calc(49%); cursor: pointer; padding: 5px 10px; text-align: center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
div.reiter > ul.pager::after   {clear:both; display:block; content:""}	    

div.reiter > ul.pager li:nth-child(odd)	{border-left:1px solid #ddd;}
div.reiter > ul.pager li:first-child, div.reiter > ul.pager li:nth-child(2) {border-top:1px solid #ddd;}
div.reiter > ul.pager li.aktiv                {background-color:#f9ed43; position:relative;}


div.reiter > div.content   				        {padding:10px 0 ; position:relative; width:calc(98% + 2px);}
div.reiter > div.content > div.page.aktiv {border: 1px solid #ddd; padding: 20px;}	

#cookies.open {position:fixed; opacity: 0.9;}	
}

.pv_groupconnect	{position:absolute; top:-41px; right:15px; }
#homepage .pv_groupconnect	{top:-41px;}
body.overlayed .pv_groupconnect	{display:none}

.eKomiAuszeichnungenSiegel h5 {font-size: 105%;}
.eKomiAuszeichnungenSiegel .desc {padding-top:10px;}		
.eKomiAuszeichnungenSiegel .desc p {margin-top:0;}	
.eKomiAuszeichnungenSiegel .seal {width:80px; height:80px;float:left; margin-right:10px; margin-top: 8px;}	
.eKomiAuszeichnungenSiegel .siegel-reihe {width: 100%;min-height:100px;}


#eKomi-all-reviews-output .siteactivePager label {left: 0; margin: 50px 0; margin-left:40%; position:absolute; top:inherit;}

@media screen and (max-width: 600px){
	.pv_groupconnect	{position: fixed; right: 95px; top:15px!important; width:30px; height:30px; z-index: 5}
	.pv_groupconnect > div {width:30px!important; height:30px!important; box-shadow: 2px 2px 4px rgba(0,0,0,.3);}
	.pv_groupconnect > div > div:before	{
    background: url('/layout/images/system/icons/ic-chat.png') center no-repeat;
    position:absolute;
    width: 30px;
    height: 30px;
    display: inline-block;
    content: "";}
    .pv_groupconnect #pv_startChat	{background-image:none; background-color:transparent!important}
	.pv_popupConnect	{display:none!important}
	.pv_popupconnect	{display:none!important}
}

@media (max-width: 650px) { 
	
}

@charset "UTF-8";.suchergebnis,.suchergebnis *{box-sizing:border-box;}.suchergebnis{padding:10px;}.suchergebnis:after{content:' ';display:table;clear:both;}.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin:0 0 0 103px;max-width:625px;}.suchergebnis .filter-wrapper{display:none;}.suchergebnis #filter-output{float:left;width:29.8%;}.suchergebnis #filter-output li.active > a,.suchergebnis #filter-output li.active > span{font-weight:bold;}.suchergebnis #filter-output li a{font-size:14px;}.suchergebnis #filter-output li{position:relative;}.suchergebnis #filter-output li.active > a{padding-right:15px;}.suchergebnis #filter-output li.active > a:after{position:absolute;right:8px;top:8px;display:inline-block;width:14px;height:14px;content:'';background:url('../googlesearch/img/ic_remove-filter.png') center no-repeat;}.suchergebnis .filter-toggle{display:none;}.suchergebnis #filter-output > ul{margin-bottom:30px;}.suchergebnis #filter-output > ul li{border-bottom:1px solid #cbcbcb;padding:5px 0 4px 0;}.suchergebnis #filter-output > ul ul{border-top:1px solid #cbcbcb;padding-left:20px;}.suchergebnis #filter-output > ul ul li:last-of-type{border-bottom:0;padding-bottom:0;}.suchergebnis #filter-output .filterToggle{display:inline-block;width:10px;height:10px;margin-right:7px;cursor:pointer;background:url('../googlesearch/img/arrow_right.png') center no-repeat;}.suchergebnis #filter-output .filterToggleActive{background:url('../googlesearch/img/arrow_down.png') center no-repeat;}.suchergebnis .formular{position:relative;padding-right:100px;margin:27px 0 20px 103px;}.suchergebnis .formular input[type=text]{width:100%;height:37px;padding:5px 10px;margin:0;box-shadow:none;}.suchergebnis .formular button{position:absolute;right:0;top:0;height:37px;padding:6px 30px 6px 10px;}.ui-autocomplete{border:1px solid #cbcbcb;border-top:0;background:#fff;z-index:10;}.ui-autocomplete li{padding:5px 10px;font-size:15px;cursor:pointer;font-weight:bold;}.ui-autocomplete li.ui-state-focus{background:#ffed00;}.ui-autocomplete li .ui-state-highlight{font-weight:normal;}.suchergebnis .meldung{margin-bottom:19px;}.suchergebnis .meldung p,.suchergebnis .sort{margin:0;font-size:13px;color:#808080;}.suchergebnis .ergebnisse ol{padding:0;margin:0;list-style:none;}.suchergebnis .ergebnisse ol li{margin-bottom:23px;}.suchergebnis .ergebnisse .result .title a{display:inline-block;font-size:18px;line-height:1.2;color:#1a0dab;}.suchergebnis .result .file{color:#808080;font-size:13px;line-height:18px;}.suchergebnis .result .icon{float:left;margin:2px 5px 0 0;max-width:16px;max-height:16px;width:auto;height:auto;cursor:default;}.suchergebnis .preview{float:left;margin:2px 6px 0 0;}.suchergebnis .ajax_loader{min-height:32px;list-style:none;background:url(../googlesearch/img/google-ajax-loader.gif) 50% 50% no-repeat;}.suchergebnis .ergebnisse .result .title a:hover{text-decoration:underline;}.suchergebnis .ergebnisse .snippet-line{display:block;}.suchergebnis .ergebnisse .result .url{margin-top:-2px;font-size:14px;color:#006621;}.suchergebnis .ergebnisse .result .url-expanded{display:none;}.suchergebnis .ergebnisse .result .description{font-size:13px;line-height:1.4;color:#545454;}.suchergebnis .rechtschreibpruefung{border-bottom:1px solid #ededed;margin:0 0 21px 103px;padding:0 0 23px;}.suchergebnis .rechtschreibpruefung p{margin:0;color:#dd4b39;font-size:18px;line-height:21px;}.suchergebnis .rechtschreibpruefung p a{color:#1a0dac;}.suchergebnis .rechtschreibpruefung p a i{font-style:normal;}.suchergebnis .meldung p.fehler{color:#dd4b39;}.suchergebnis .vorschlaege h2{font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:1.2;}.suchergebnis .vorschlaege ol{padding-top:0;margin:12px 0 0 0;}.suchergebnis .vorschlaege ol li{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;}.suchergebnis .keymatch{background-color:rgba(251,237,66,0.30);padding:8px;border:1px solid rgba(255,212,2,0.3);}div.ui-documentpreview{border:1px solid black;z-index:1000;}div.ui-documentpreview span.ui-documentpreview-pagenr{color:#d8d8d8;}@media only screen and (max-width :767px){.suchergebnis h1,.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin-left:0;float:none;width:100%;clear:both;max-width:initial;}.suchergebnis .meldung{clear:none;}.suchergebnis .ergebnisse .title img{float:none;margin-top:-5px;}.suchergebnis .ergebnisse .result .title a{display:inline;}.suchergebnis .ergebnisse .url{word-wrap:break-word;clear:both;}.suchergebnis .ergebnisse .snippet-line{display:inline;}.suchergebnis .filter-toggle{display:block;float:right;padding:7px 45px 7px 10px;border:1px solid #94b494;background:#b4cab4;color:#fff;}.suchergebnis .filter-toggle:after{width:14px;background:#b4cab4 url(../googlesearch/img/arrow_down-white.png) right center no-repeat;background-size:14px auto;}.suchergebnis .filter-toggle:hover,.filter-toggle-active .filter-toggle{color:#000;border-color:#fff;background:#fff;}.suchergebnis .filter-toggle:hover:after,.filter-toggle-active .filter-toggle:after{background:#fff url(../googlesearch/img/arrow_down.png) right center no-repeat;background-size:14px auto;}.suchergebnis:before{opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}.filter-toggle-active:before{content:' ';width:100%;left:0;min-height:100%;height:100%;background-color:rgba(0,0,0,0.75);position:fixed;top:0;display:block;z-index:150;opacity:1;}.filter-toggle-active .filter-wrapper{display:none;position:relative;z-index:160;}.suchergebnis #filter-output{position:absolute;right:0;top:35px;width:100%;visibility:hidden;overflow:hidden;background:#fff;opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}.filter-toggle-active #filter-output{max-height:none;visibility:visible;opacity:1;}.suchergebnis #filter-output > ul,.suchergebnis #filter-output > ul ul{clear:both;}.suchergebnis #filter-output > ul li{display:block;padding:0;}.suchergebnis #filter-output > ul li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}.suchergebnis #filter-output .filterToggle{float:left;height:35px;width:40px;}.suchergebnis #filter-output > ul li span + a{float:left;}.suchergebnis #filter-output > ul li a,.suchergebnis #filter-output > ul > .active > span{padding:9px 0 7px 45px;display:inline-block;}.suchergebnis #filter-output > ul li span + a{padding-left:0;}.suchergebnis #filter-output > ul ul{position:relative;border-top:none;padding:0 0 0 34px;}.suchergebnis #filter-output > ul ul li{border-bottom:none;position:relative;}.suchergebnis #filter-output > ul ul li:before{content:' ';width:200%;height:1px;background:#cbcbcb;position:absolute;top:0;left:-50%;}.suchergebnis #filter-output li.active > a:after{top:3px;width:30px;height:30px;}}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}.clearfix{display:block;}.ui-helper-hidden-accessible{display:none;}@media (max-width:600px) and (orientation:portrait){.desktop{display:block;}}
	