body    {overflow-y:scroll;}

iframe	{overflow:auto; -webkit-overflow-scrolling:touch;}

.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 0 auto; position:relative; box-shadow: 0 0 11px #bbbbbb;}
#logo	{position:absolute; left:-1px; width: 129px;height: 157px; clip:rect(0px 129px 157px 1px)}
#head	{z-index:10; position:relative; height:64px; min-width:600px; width:100%;}
#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:" "}
*/
body.navigation #head		{z-index:11}

#suche	{position:absolute; right:0; top:0; margin:18px 20px 0 0 ; z-index:3;}
#suche div.ic		{cursor:pointer}
#suche #SuchFeld	{border:1px solid #ccc; 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; left:-300px; margin:5px 0 0 0; padding:10px; background-color:#fff; box-shadow: 2px 2px 6px rgba(0,0,0,.3)}
#suche.open 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:2}
#navigation.active	{width:100%}
.MSIE #navigation	{margin-top:28px;}
#navigation > ul	{padding:0px 49px 0 0; margin:0; float:right}
#navigation > ul > li 		{float:left; padding-bottom:10px; font-weight:bold; cursor:pointer;}
.small #navigation > ul > li 		{font-size:12px;}
#navigation > ul > li > span	{position:relative; z-index:5}
#navigation > ul > li.open > span:after 		{position:absolute; display:block; bottom:-16px; left:calc(50% - 15px); content:""; width:32px; height:16px; background:url('bilder/desktop_menu_indikator.png') bottom center no-repeat;}

#navigation > ul > li > span:before 		{width:100%; height:100%; top:0; left:0; content:""; position:absolute; z-index:2}
#navigation > ul > li.nosub 		{background-image:none!important;}
#navigation > ul > li.active > a, #navigation > ul > li.active > span 		{color:#67a2ad;}
.MSIE #navigation > ul > li 		{padding-bottom:15px}

#navigation ul > li > div.container			{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 ul > li > div.container	> a		{display:block; position:relative; text-align:left; margin:10px 10px 0 10px}
.notTouchable #navigation ul > li > div.container a:hover		{background-color:#f9ed43}
.MSIE #navigation ul > li > div.container			{margin-top:15px}

#navigation > ul > li > a	{font-size:105%; line-height:100%; padding:0 10px; border-right:1px solid rgba(0,0,0,.25); cursor:pointer}
#navigation > ul > li:last-child > a	{border-right:0px solid}
#navigation > ul > li > a:empty	{display:none}
#navigation > ul > li > span	{font-size:105%; line-height:100%; padding:0 10px; border-right:1px solid rgba(0,0,0,.25);}

#navigation > ul > li > div	{font-size:105%; line-height:100%; padding:0 10px; margin:6px 0;}
#navigation ul > li > div.container			{display:none;}
#navigation ul > li.open > div.container	{display:block;}

#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	{font-weight:normal; border-bottom:1px solid #e1e9e1;}
#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.container li.more	{height:0; overflow:hidden; border-bottom-width:0px}
#navigation ul > li > div.container ul.open > li.more	{height:28px; overflow:show; border-bottom-width:1px}
#navigation ul > li > div.container div.clearboth		{height:10px}
#navigation ul > li > div.ic	{position:absolute; top:-7px}


#header > div.text	{position:absolute; left:50%; left:calc(50% + 16px); margin-right:5%; color:#fff; font-family:calibri; z-index:5;}
#header > div.text > H1 	{font-size:36px; line-height:100%; margin-bottom:10px}
#header > div.imgContainer	{position:relative;}
.small #header > div.text > p	{display:none}
.medium #header > div.text {font-size:75%}
#page.Landingpage H1	{position:absolute; top:-45px; left:150px; font-size:260%}
#page.Landingpage #header				{margin-bottom:20px; background-color:#dfe8df; font-size:80%}
#page.Landingpage #header > div.teaser	{z-index:2}
#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:after	{top:15px}
#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 #ccc; left:auto; float:left; z-index:2}
#page.Landingpage #header > div.teaser > div.col2 > div{padding:20px;}
#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('bilder/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('bilder/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				{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0 #e1e9e1; padding:10px 20px; position:relative; bottom:0; margin-top:40px}
#foot ul			{margin:0; padding:3px 0 9px 0; list-style:none; color:#000; line-height:28px; position:relative; clear:both;}
#foot ul li			{float:left; margin:0 15px 0 0;}
#foot ul li.divider			{display:none}
#foot ul li div.icon			{margin:10px 0}
#foot ul.column		{padding:0; list-style:none; color:#000; position:relative}
#foot ul.column li	{width:25%; margin:0; padding:0}
#foot ul li a		{padding-left:10px; position:relative; opacity:.8}
#foot ul li a:after		{background: url('bilder/Universal-Sprite.png') no-repeat 0 -245px; content:" "; width:9px; height:15px; position:absolute; left:0; top:4px}
#foot ul li a.icon		{padding-left:0px; margin:5px 0}
#foot ul li a.icon:after		{display:none}
#foot ul li a:hover		{opacity:1}


#foot ul:after	{content:" "; background:url('bilder/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; position:absolute; bottom:0; left:0}
#foot ul.metanav:after	{display:none}
#foot ul:empty	{display:none}
#foot .copyright	{position:absolute; right:20px; bottom:15px; font-size:11px}

#kontakt	{position:relative; z-index:2; margin-bottom:20px; }
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:" ";}
#kontakt.fixed	{z-index:3; position:fixed;  max-width:980px; min-width:600px; width:100%; top:0px; box-shadow:0 0 10px #999}
.cloak #kontakt.fixed	{ box-shadow:0 0 10px #000}
.cloak.funktionsleiste #kontakt	{z-index:11}
ul.funktionsleiste		{background-color:#95b494; height:40px; padding:5px 20px; color:#fff; font-weight:bold; position:relative; z-index:2}
ul.funktionsleiste span	{font-weight:normal; font-size:100%; letter-spacing:5}
ul.funktionsleiste li	{float:left; text-align:center; line-height:20px; cursor:pointer; width:25%; position:relative; overflow:hidden; white-space:nowrap;}
.small ul.funktionsleiste li	{line-height:40px}
ul.funktionsleiste li > div	{margin:0 auto; display:inline-block; text-align:left; padding:0 10px; position:relative; max-width:calc(100% - 20px)}
ul.funktionsleiste li.telefon	{text-align:left; cursor:default ; font-weight:bold}
ul.funktionsleiste li.right	{float:right; margin-right:15px; margin-left:20px}
ul.funktionsleiste div.icon	{margin:-3px 10px 0 0}
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:normal; font-size:80%!important; font-weight:normal;}
ul.funktionsleiste #berater	{overflow:hidden; display:block; margin-right:20px}
ul.funktionsleiste #berater	.icon {width:12px; position:absolute; right:0; bottom: 4px; z-index:2}
.small ul.funktionsleiste p	{display:none}
ul.funktionsleiste li:after	{background: url('bilder/Universal-Sprite.png') no-repeat -35px -350px; content:" "; margin:10px 0; height:25px; width:2px; position:absolute; left:-1px; top:0}
ul.funktionsleiste li.telefon:after	{display:none}
ul.funktionsleiste select	{height:24px; margin-top:3px}
ul.funktionsleiste a	{color:#fff}

#path	{padding: 12px 20px 12px 20px; font-size:12px; line-height:16px; height:16px}
#kontakt.fixed #path	{background-color:#fff;font-size:12px; }
#path li {float:left; color:#434A4F; position:relative;}
#path li a {color:#8E9295;}
#path li+li:before { content:'>'; margin-left:8px; margin-right:8px;}
#path li:last-child { color:#434A4F !important;}
#xpath li:last-child:after { content:'';}


#dialogLayer	{background-color:#fff; z-index:1; position:absolute; width:100%;  box-shadow: 0 0 8px #000; overflow:hidden}
#dialogLayer > div	{width:100%; height:100%;}
.SAFARI #dialogLayer div	{overflow-y:auto; -webkit-overflow-scrolling:touch;}
#dialogLayer iframe	{height:100%; width:100%; overflow:auto}
#dialogLayer div.icon.close	{position:absolute; top:5px; right:5px; height:30px; width:30px; cursor:pointer}
#dialogLayer div.icon.close:hover:before	{background-position:-175px -210px}

div.column	{float:left}
div.divider	{border-top:2px dotted #666; 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 #ccc}
div.slots.frame	> div.spalte{margin-bottom:0px!important}
div.slots.shadow		{background-color:#fff}
div.slots.shadow:before	{content:" ";background:url('bilder/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('bilder/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%;}

/* 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%; }
body.medium div.slots.trio > div.spalte {width:100%;}

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

/* SLOT Trenner*/

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


body.small div.slots div.spalte	{width:100%!important; padding:0; margin:0; border:0}

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('bilder/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 {border-left:1px solid #ccc; margin:0 0px 20px 10px;}
div.slots > div.spalte.frame > div.layout {border:1px solid #ccc; 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:#95B494; 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:#95B494; 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.stripes > div.layout, div.slots > div.spalte > div.layout.stripes			 {background:url('bilder/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('bilder/bg-schraffur-hellblau.png');}
div.slots > div.spalte.stripes.yellow > div.layout, div.slots > div.spalte > div.layout.stripes.yellow			 {background:url('bilder/bg-schraffur-gelb.png');}
div.slots > div.spalte.stripes.lGreen > div.layout, div.slots > div.spalte > div.layout.stripes.lGreen			 {background:url('bilder/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('bilder/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('bilder/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:67px; z-index: 0;}

/* Radios */
/* remove standard-styles */

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */

input[type='radio'] {
  width:auto;
  float:left;
  margin-right:8px;
  background:transparent;
  border:none;
}

input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='radio'] + label {
  cursor: pointer;
  margin-right: 24px;
}

input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #434a4f;
    background: white;
    margin-right: 8px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

form label {
 line-height:30px;
}

label.required::after {
  font-size: 7px;
  vertical-align: super;
  position:relative;    
  content: "★";  
}

label.requiredL::before {
  font-size: 7px;
  vertical-align: super;
  position:relative;   
  content: "★";  
}

input[type='radio']:hover  + label::before {
  border: 1px solid #fe5000;
  //background:#434a4f;
  box-shadow: inset 0 0 0 4px white;
}

input[type='radio']:checked  + label::before {
  border: 1px solid #fe5000;
  background:#fe5000;
  box-shadow: inset 0 0 0 4px white;
}

a.secondaryButton {
 color:#fe5000 !important;
 border:1px solid #fe5000 !important;
 padding: 2px 16px 2px 16px !important;
 display:block;
 text-align:center;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

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

input:focus {
	outline:none;
}