@charset "utf-8";
/* CSS Document */
body { font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size: 15px; color: #444444; margin: 0px; padding: 0px; }
form { margin: 0px; padding: 0px; }
img { border: 0px }
a { color: #066fb2; text-decoration: none; }
a:hover { text-decoration: underline; }
.breaker { height: 1px; overflow: hidden; clear: both; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#header { width: 100%; background-color: #efefef }
#headerwrapper { width: 1010px; margin: 0 auto; position: relative; height: 130px; background: #efefef url(/images/page/headbg.jpg) right top no-repeat; }
#header #logo { margin-left: 10px; padding-top:17px; }
#headnav ul { display: block; position: absolute; top: 0px; right: 0px; padding: 5px; list-style: none outside none; margin: 0; color: #fff; background-color: #066fb2 }
#headnav li { display: inline-block; margin: 0; border-right: 1px solid #fff; padding: 0px 6px 0px 6px; position: relative; font-size: 13px; font-weight: bold; }
#headnav li a { color: #fff; }
#headnav li:last-child { border-right: 0px; }
#navi { width: 100%; padding: 3px; }
#naviwrapper { width: 1000px; margin: 0 auto; }
#navi ul { display: block; list-style: none outside none; margin: 0; padding: 20px 0px; color: #fff }
#navi li { font-size: 16px; display: inline-block; margin: 0; padding: 0px 16px 0px 20px; position: relative; background: url(/images/page/navdot.png) no-repeat transparent 0px 4px }
#navi li:last-child { padding: 0px 0px 0px 20px; }
#navi li a { color: #444; font-size: 16px; }
#content h2, .lh2, .grid3_1 h2, .grid3_2 h2, .grid3_3 h2, .grid2_1 h2, .grid2_2 h2, .grid21_1 h2, .grid21_1 h2 { font-size: 26px; font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; font-weight:normal; }
h2.blue { color: #066fb2;  }
ul.ckbox li { list-style: none; padding: 0px 0px 10px 25px; background: transparent url(/images/page/check.png) no-repeat }
.gridfull h1 { font-size: 35px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; margin: 0; padding: 0px 0px 20px 0px; }
.gridfull h1 span { color: #066fb2; }
.gridfull h2 span { color: #066fb2; }
.gridfullintro { background: url(/images/page/bluemark.png) repeat-y #efefef; padding: 10px 10px 10px 50px }
.gridfullintro h1 { margin:0; padding: 0px 0px 10px 0px;font-size: 35px; width: 700px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif; }
.gridfullintro h1 span { color: #066fb2; }
.gridfullintro p { width: 700px; }
.gridfullad { float: right; }
.grid3_1 { width: 305px; margin-right: 47px; float: left; }
.grid3_2 { width: 305px; margin-right: 47px; float: left; }
.grid3_3 { width: 305px; margin-right: 0px; float: left; }

.grid2_1 { width: 48%; margin-right: 4%; float: left; }
.grid2_2 { width: 48%; margin-right: 0px; float: left; }

.gridreiter_1 { width: 49%; margin-right: 2%; float: left; }
.gridreiter_2 { width: 49%; margin-right: 0px; float: left; }

.reiter { background: url(/images/page/bluemark.png) repeat-y #efefef; padding: 5px 5px 1px 50px; }
.reiter h2 {font-size: 26px; padding:0px; margin:0px; }
.reiter.off { background: url(/images/page/greymark.png) repeat-y #f5f5f5; padding: 5px 5px 1px 50px; color: #7f7f7f ; text-decoration:none; }
.reiter.off:hover {color:#066fb2; text-decoration:none; background: url(/images/page/bluemark.png) repeat-y #efefef;}
.reiter.off a.rt:hover {color:#066fb2; text-decoration: none; }


.reiteron { background:  url(/images/page/reiteron.png)  no-repeat #fff ; height:15px; width:30px;}

.grid21_1 { width: 670px; margin-right: 35px; float: left; }
.grid22_2 { width: 305px; margin-right: 0px; float: left; }
#content p, #footer p { line-height: 23px; }
#content { width: 1010px; margin: 0 auto; position: relative; }

.rightad { margin: 40px 0px 30px 0px; padding: 2px 2px 2px 3px; font-size:11px; color:#aaa; background-color: #efefef; }
.footerad { padding: 2px 0px 10px 0px; background-color: #efefef; width: 1010px; margin: 0 auto; position: relative; text-align:center; font-size:11px; color:#aaa; }

.leftblueline { background: url(/images/page/bluemark.png) repeat-y #efefef; padding: 10px 10px 10px 50px }

.hoverbox { position: relative; }
.hoverbox p { position: absolute; bottom: 10px; display: none; font-size: 16px; display: nones; margin: -30px 0px 0px 0px; padding: 0px 0px 0px 5px; color: #fff; font-weight: bold; text-shadow: 2px 2px #000000; }
.hoverbox p:after { content: " »" }
.hoverbox a { color: #fff; }
.hoverbox:hover p { display: block; }


.spacer30 { height: 30px; overflow: hidden; clear: both; }

#footer { width: 100%; background-color: #e8e8e8 }
#footerwrapper { width: 1010px; margin: 0 auto; }
#footerwrapper a { color: #444; }
#subfooter { width: 100%; padding: 5px; background-color: #066fb2; text-align: center; color: #fff; }
#subfooter a { color: #fff; }


.faqbackbutton {
    background-color: #066FB2;
    border: 3px solid #066FB2;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;

	width:100%;
	
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    margin: 15px 0 0 0;
    padding: 2px 12px;
}

.faqbackbutton:hover { background-color: #30a820; border: 3px solid #30a820; }

.faqinside { position:absolute; width:300px; right:10px; padding-top:7px;}

.faq { background-color: #e8e8e8; padding: 20px 10px 10px 50px; margin-bottom:30px; }
.faq h2 { cursor:pointer; font-weight:bold !important; color:#444 !important; font-size:16px !important;  padding:0 0 15px; margin:0; font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important;  }
.faq h2:before {     content: " »";}
.faqklapp { margin:0px 0px 20px 0px;}


/* RECHNER display:none;  */


#calc { }
#calc.bgon { background-color: #f5f5f5; padding:3px 20px 20px 20px; min-height:600px;}

.calcadbig { margin: 0px 0px 30px 0px; text-align: center; background: #efefef; padding: 10px; }
#calc .calcinput { margin: 0px 0px 20px 0px; }

#calc h2 { color:#333; font-weight:normal;}

/* Radios */

#calc input[type=radio].calc-radio { display: none; }
#calc input[type=radio].calc-radio + label.calc-radiolabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 16px; vertical-align: middle; cursor: pointer; }
#calc input[type=radio].calc-radio:checked + label.calc-radiolabel { background-position: 0 -32px; }
#calc label.calc-radiolabel { background-image: url(/images/calc/radio.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


#calc input[type=checkbox].calc-checkbox { display: none; }
#calc input[type=checkbox].calc-checkbox + label.calc-checkboxlabel { padding-left: 37px; padding-right: 30px; height: 32px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; }
#calc input[type=checkbox].calc-checkbox:checked + label.calc-checkboxlabel { background-position: 0 -32px; }
#calc label.calc-checkboxlabel { background-image: url(/images/calc/check.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#calc .button { float:left; padding:2px 12px 2px 12px; background-color: #f4a027; margin: 0; border: 3px solid #f4a027; font-size:16px; font-weight:bold; border-radius: 3px; height: 30px; color: #fff; cursor: pointer; }
#calc .button:hover { background-color: #30a820; border: 3px solid #30a820; }

#calc .calcinput .calclabel { width:200px; float:left; padding-top:5px;}
#calc .calcinput .calcinput { width:200px; float:left;  margin: 0px; }
#calc .calcinput .calchelp, #calc .resultbox .calchelp { position:relative; width:30px; cursor:pointer; height:30px; display:block; float:left; background:url(/images/calc/help.png) no-repeat transparent;}
#calc .calcinput .calchelp .helptext, #calc .resultbox .calchelp .helptext, #calc .calcinput .calcdel .deltext {position:absolute; display:none; width:300px; top:-3px; left:40px;  padding:10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
background-color: #efefef;
}
#calc .calcinput .calchelp:hover .helptext, #calc .resultbox .calchelp:hover .helptext, #calc .calcinput .calcdel:hover .deltext { display:block;}

#calc .calcinput .calcdel { position:relative; display:block; float:left; width: 28px; height: 28px; border-radius: 14px; background-color: red; cursor:pointer; color:#F8F8F8; text-align:center; font-weight:bold; vertical-align:middle; padding:0; margin:0 }
#calc .calcinput .calcdel .deltext { color:#444 }

#calc input[type="text"] {
    border: 3px solid #f4a027;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #aaa inset;
    height: 25px;
    margin: 0 10px 15px 0;
    padding: 0 5px 0 5px;
	text-align: right;
	width: 136px;
}

#calc input[type="text"].green {
    border: 3px solid #30a820;
}

#calc input[type="text"].red {
    border: 3px solid #de3737;
}

#calc input[type="text"]:focus {
    border: 3px solid #30a820;
}

#calc select {
    border: 3px solid #f4a027;
    border-radius: 3px;
    box-shadow: 5px 5px 5px #aaa inset;
    height: 30px;
    margin: 0 10px 15px 0;
    padding: 0 0 0 5px;
	width:150px;
}

#calc .resultbox {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    margin: 0 0 20px 0;
    padding: 10px;
	background-color:#efefef;
	box-shadow: 0 3px 3px rgba(100, 100, 100, .3);
}

#calc .resulttable {
    margin: 0 0 20px 0;
}

#calc .resulttable table { clear: both; padding: 4px 4px 4px 4px; margin: 15px 0px 25px 0px; width: 100%; font-size: 15px; line-height: 18px; border: 1px solid #d5d5d5; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 3px rgba(100, 100, 100, .3); }
#calc .resulttable table td { font-size: 13px; color: #666; padding: 10px; }
#calc .resulttable table th { text-align:left; padding: 10px; border-bottom: 1px solid #d5d5d5; background-color: #066fb2; color: #fff; font-size: 14px; font-weight: bold;  }
#calc .resulttable table tr.even td { background-color: #EEE; }
#calc .resulttable .tabelleunter { padding: 2px 0px 8px 0px;  font-size: 11px; color: #999999; }
/* #calc .resulttable table tr.year td { background-color: #78caff; } */
#calc .resulttable table tr.month { display:none; }

#calc .resultbox .StInfo .helptext {position:absolute; display:none; width:200px; top:-75px; left:10px;  padding:10px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
background-color: #efefef;
}
#calc .resultbox .StInfo {position:relative; cursor:pointer}
#calc .resultbox .StInfo:hover .helptext { display:block;}

#calc .resultbox .ErgRow { padding:6px 0 }
#calc .resultbox .LeftRow { float:left; width: 190px; padding-right:12px; text-align: right; padding-top: 5px }
#calc .resultbox .RightRow { float:left }
#calc .resultbox .ErgBetr { padding:4px 8px; margin-right:10px; background-color:#FFF; display:block; text-align:right; font-size: 1.2em; font-weight: bold; color: #444; width:160px }

#calc .resulttable table td.txtr ,#calc .resulttable table th.txtr{ text-align:right; }

#calc .calcinput .error { clear:left; color:#fff; font-size:12px; background-color:#de3737; text-align:center; padding:3px; margin-bottom:10px; width:350px; }

.resultswitch { text-align:right; margin-bottom:-10px; margin-top:-15px;}
.resultswitch a { margin-left:10px; cursor:pointer}
.resultswitch a.sel { font-weight:bold; content:}
.resultswitch a.sel:before { content:'▼ '}
/* .resultswitch a:before { content:'▶ '} */