body {
margin:0;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
line-height: 14px;
font-size: 0.75em;
margin:0;
text-align:center;
background: #ff7634; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzYzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff7634 0%, #ff8a2b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7634), color-stop(100%,#ff8a2b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff7634 0%,#ff8a2b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff7634 0%,#ff8a2b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff7634 0%,#ff8a2b 100%); /* IE10+ */
background: linear-gradient(top, #ff7634 0%,#ff8a2b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7634', endColorstr='#ff8a2b',GradientType=0 ); /* IE6-8 */
}
#designbody {
background-color:#fffff7;
text-align:left;
}
form { margin:0px; }
.SKW {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.7em; color:#777777; font-weight: }
.SNIP {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.9em; color:#ffffff; font-weight: }
.SKU {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#777777;line-height: 16px; line-weight: 16px;}
.SKUB {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#3a3a3a; line-height: 16px; line-weight: 16px;}
.SKU_B {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#777777;line-height: 13px;}
.SNU {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#777777; line-height: 16px}
.SNW {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#3a3a3a; font-weight: bold;}
.SGW {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#FF7635; font-weight: bold; line-height: 16px;}
.SGWBK {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.9em; color:#3a3a3a; font-weight: bold; line-height: 16px;}
.SUE { font-size:0.9em; color:#ffffff; font-weight: bold}
.SGWW {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 16px;}
.SGWWgroß {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.3em; color:#ffffff; font-weight: bold; line-height: 16px;}
.SGWW2 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.9em; color:#ffffff; font-weight: bold; line-height: 16px;}
.SKU_Bblack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#3a3a3a;line-height: 13px;}
.SGWWk {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#ffffff; font-weight: 16px; line-height: 16px;}
.SNWB {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#3a3a3a; font-weight: bold;}
.SKUB {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#000000;line-height: 13px;}
.foot {font-size:0.70em; color:#3a3a3a; line-height: 16px;}
.foot2 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#3a3a3a; font-weight: small; line-height: 18px;}
.klein {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#777777; font-weight: small; line-height: 10px;}
.klein2 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.75em; color:#ffffff; font-weight: small; line-height: 12px;}
.PVV {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#3a3a3a; font-weight: small; line-height: 21px;}
.foot3 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.5em; color:#fffff7; line-weight: 8px; line-height: 8px;}
.navi {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.70em; color:#3a3a3a; font-weight:; line-height: 9px;}
.navi2 {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size:0.8em; color:#3a3a3a; font-weight: bold; line-height: 16px;}
.Telefonnummer {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.7em; color:#FF7635; font-weight: bold; line-height: 16px;}
.Beratung {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.3em; color:#FF7635; font-weight: bold; line-height: 16px;}
.Telefon1 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:0.95em; color:#ffffff; font-weight: normal; line-height: 16px;}
.Telefon2 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#ffffff; font-weight: bold; line-height: 18px;}
.Anruf {font-family: Verdana; Arial, Helvetica, Sans-Serif; font-size: 7.5pt; color:#777777; font-weight: }
.Header {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 1em; color:#777777;line-height: 22px; line-weight: 16px; text-shadow: 1px 1px 5px #cdcdcd; }
.Leiste {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#3a3a3a; font-weight: bold; text-shadow: 2px 2px 5px #cdcdcd; }
h1 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.25em; color:#FF7635; font-weight: bold; line-height: 16px; text-shadow: 1px 1px 1px #cdcdcd;}
h2 {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.0em; color:#3a3a3a; font-weight: bold; }
a.teaser:focus { text-decoration:none; color:#777777;}
a.teaser:hover { text-decoration:normal; color:#777777;}
a.teaser:active { text-decoration:none; color:#777777;}
a { text-decoration:none; color:#777777; }
a:focus { text-decoration:none; color:#ff7635;}
a:hover { text-decoration:normal; color:#ff7635;}
a:active { text-decoration:none; color:#ff7635;}
.footer { text-decoration:none; color:#ffffff; }
a.footer { text-decoration:none; color:#ffffff; }
a.footer:hover { text-decoration:normal; color:#cdcdcd;}
a.footer:focus { text-decoration:normal; color:#ffffff;}
a.start1 { display:block; background:url("") no-repeat;}
a.start1:hover { display:block; background:url("HVersicherungh.jpg") no-repeat;}
a.start1:active { display:block; background:url("HVersicherunga.jpg") no-repeat;}
a.start1_open { display:block; background:url("") no-repeat;}
a.start1_open:hover { display:block; background:url("") no-repeat;}
a.start1_open:active { display:block; background:url("") no-repeat;}
a.start2 { display:block; background:url("") no-repeat;}
a.start2:hover { display:block; background:url("HVorsorgeh.jpg") no-repeat;}
a.start2:active { display:block; background:url(H"Vorsorgea.jpg") no-repeat;}
a.start3 { display:block; background:url("") no-repeat;}
a.start3:hover { display:block; background:url("HFinanzenh.jpg") no-repeat;}
a.start3:active { display:block; background:url("HFinanzena.jpg") no-repeat;}
a.start4 { display:block; background:url("") no-repeat;}
a.start4:hover { display:block; background:url("HInfocenterh.jpg") no-repeat;}
a.start4:aktiv { display:block; background:url("HInfocentera.jpg") no-repeat;}
a.start5 { display:block; background:url("") no-repeat;}
a.start5:hover { display:block; background:url("HStarth.jpg") no-repeat;}
a.start5:active { display:block; background:url("HStarta.jpg") no-repeat;}
a.start6 { display:block; background:url("nav_kundenbereich2.gif") no-repeat;}
a.start6:hover { display:block; background:url("nav_kundenbereich_mo2.gif") no-repeat;}
#yaoti {
position:absolute;
left:900px;
top: 300px;
width:166px;
height:345px;
}
form { margin:0px; }
#slice {height: 14px; padding-bottom: 5px; padding-left: 10px; padding-right: 0px; padding-top: 19px; position: relative; border-bottom-color: #000000; border-bottom-style: none; border-bottom-width: 0px; border-left-color: #979797; border-left-style: solid; border-left-width: 1px; border-right-color: #979797; border-right-style: solid; border-right-width: 1px; border-top-color: #000000; border-top-style: none; border-top-width: 0px; box-decoration-break: slice; -o-object-fit: auto; -o-object-position: 50% 50%; -o-transform-origin: 40px 0px; box-decoration-break: slice; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: 700;}
#center {
width:1000px;
text-align:left;
margin:0 auto;
}
#topbox{
margin: 0px 0px 0px 0px;
position:relative;
width:1000px;
height:160px;
background:url("Header6breit.jpg") no-repeat;
float: left;
border-left: 0px solid #cdcdcd;
border-right: 0px solid #cdcdcd;
border-bottom: 0px solid #777777;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#bottombox {
margin: 20px 0px 0px 0px;
width:1000px;
border-bottom: 1px solid #cdcdcd;
border-top: 1px solid #9f9f9f;
background-color:#ffffff;
float:none;
overflow:hidden;
border-left: 1px solid #9f9f9f;
border-right: 1px solid #cdcdcd;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 2px 2px 20px 3px #c14000;
-moz-box-shadow: 2px 2px 20px 3px #c14000;
box-shadow: 2px 2px 20px 3px #c14000;
}
#navbox{
margin: 15px 0px 0px 10px;
background-color:#ffffff;
float:left;
align:top;
width:240px;
overflow:hidden;
}
#contentbox{
float:left;
width:729px;
margin: 15px 10px 10px 10px;
}
#content {
padding:15px 20px 20px 20px;
background-color:#fafafa;
overflow:auto;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border-left: 1px solid #cdcdcd;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
#contentb {
padding:5px 10px 10px 10px;
background-color:#fafafa;
overflow:auto;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border-left: 1px solid #cdcdcd;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
#content2 {
padding:0px 0px 0px 0px;
background-color:#fafafa;
overflow:auto;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border-left: 1px solid #cdcdcd;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
#inhalt{
background-color:#fffff7;
}
#footervcu{
width: 100%;
text-align: left;
overflow:hidden;
line-height: 18px;
font-size: 7pt;
color: #ffffff;
}
#footervcu2{
width: 100%;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
line-height: 10px;
font-size: 0.70em;
text-align: left;
color: #777777;
}
#contentright {
float:right;
padding:15px 15px 0px 15px;
width:140px;
background-color:#ffffff;
border-left:0px solid #ffbb97;
}
div.suche{
background-color:#ff7635;
padding:5px;
color:#ffffff;
font-weight:normal;
font-size:1.2em;
margin-bottom:10px;
border: 1px solid #ff7635;
width:330px;
height:32px;
}
div.suche input{
font-family:Verdana, Arial, Helvetica, Sans-Serif;
}
div.suche input.textfield{
width:230px;
border: 0px solid #ff7635;
border-left-color:#D20000;
border-top-color:#D20000;
height:24px;
padding:5px 2px 2px 4px;
}
div.suche input.butt{
width:65px;
border: 1px solid #ff7635;
float:right;
background-color:#FF8951;
color:#ffffff;
height:29px;
margin-top:1px;
font-weight:normal;
font-size:0.75em;
}
div.rightbox1{
background-color:#fffff7;
padding:4px;
color:#ffffff;
font-weight:bold;
font-size:0.85em;
margin-bottom:0px;
}
div.rightbox{
width:130px;
background-color:#ff7635;
padding:5px;
color:#ffffff;
font-size:0.85em;
margin-bottom:10px;
border: 1px solid #ff7635;
border-left-color:#ff7635;
border-top-color:#ff7635;
}
div.rightbox input{
font-family:Verdana, Arial, Helvetica, Sans-Serif;
height:15px;
font-size:0.95em;
}
div.rightbox input.textfield{
width:83px;
color:#777777;
border: 1px solid #FCC6A4;
border-left-color:#D20000;
border-top-color:#D20000;
padding:4px 0px 0px 4px;
}
div.rightbox input.butt{
width:35px;
border: 1px solid #D20000;
float:right;
background-color:#EE7615;
color:#ffffff;
height:21px;
margin-top:0px;
padding:0px 0px 2px 3px;
}
#bottom{
float:left;
padding:5px 0 5px 0px;
width:900px;
color:#000000;
background-color:#777777;
}
.navi_first {width:217px; color:#777777; position: relative; top:0px; text-align:left; padding-left:0px; margin:0px 10px 0px 10px; border-left:0px solid #ffffff; border-right:0px solid #ffffff; }
a.navileft_first_passive {background-image:url(pfeilmr.gif);background-repeat:no-repeat; background-position: left; display:block; font-size: 1em; font-weight:normal; color:#777777; padding:6px 0px 5px 19px; text-decoration:none; background-color:#fafafa; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #ffffff;}
a.navileft_first_passive:hover {display:block; font-size: 1em; font-weight:normal; color:#3c3c3c; padding:6px 0px 5px 19px; background-color:#f0f0f0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #dddddd; }
a.navileft_first_active {background-image:url(pfeilmu.gif);background-repeat:no-repeat; background-position: left; display:block; font-size: 1em; font-weight:bold; color:#ff7634; padding:6px 0px 5px 19px; text-decoration:none; background-color:#fafafa ;border-bottom: 1px solid #fafafa; border-top: 1px solid #e9e9e9; text-shadow: 2px 2px 2px #cdcdcd; filter: dropshadow(color=#cdcdcd, offx=1, offy=1); }
a.navileft_first_active:hover {background-image:url(pfeilmu.gif);background-repeat:no-repeat; background-position: left; display:block; font-size: 1em; font-weight:bold; color:#ff7634; padding:6px 0px 5px 19px; text-decoration:none; background-color:#f0f0f0 ;border-bottom: 1px solid #e9e9e9; border-top: 1px solid #ffffff; text-shadow: 2px 2px 2px #cdcdcd; filter: dropshadow(color=#cdcdcd, offx=1, offy=1); }
.navi_second {font-size:0.9em; width:190px; position:relative; top:0px; text-align:left; padding-left:0px; padding-bottom:0px; margin: 0px 0px 0px 35px; border-top: 0px solid #ffffff; border-bottom:0px solid #dddddd;}
a.navileft_second_passive {display:block; line-height:0.9em; color:#777777; position: relative; bottom:0px; padding:7px 0px 8px 10px; text-decoration:none; background-color:#fafafa; border-bottom: 0px solid #777777; border-right: 0px solid #777777;}
a.navileft_second_passive:hover {display:block; line-height:0.9em; color:#3c3c3c; position: relative; bottom:0px; padding:7px 0px 8px 10px; text-decoration:none; background-color:#f0f0f0; border-bottom: 0px solid #777777; border-right: 0px solid #777777; }
a.navileft_second_active {display:block; font-weight:bold; line-height:0.9em; color:#ff7634; position: relative; bottom:0px; padding:7px 0px 8px 10px; text-decoration:none; background-color:#fafafa; border-bottom: 0px solid #777777; border-right: 0px solid #777777; text-shadow: 2px 2px 2px #cdcdcd; filter: dropshadow(color=#cdcdcd, offx=1, offy=1); }
a.navileft_second_active:hover {display:block; font-weight:bold; line-height:0.9em; color:#ff7634; position: relative; bottom:0x; padding:7px 0px 8px 10px; text-decoration:none; background-color:#f0f0f0; border-bottom: 0px solid #777777; border-right: 0px solid #777777; text-shadow: 2px 2px 2px #cdcdcd; filter: dropshadow(color=#cdcdcd, offx=1, offy=1); }
.navi_third {font-size:0.8em; width:185px; position: relative; top:10px; text-align:left; padding-left:40px;}
a.navileft_third_passive {display:block; line-height:0.8em; color:#777777; position: relative; bottom:6px; padding:0px 0px 10px 15px; text-decoration:none;}
a.navileft_third_passive:hover {display:block; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 10px 15px; text-decoration:none;}
a.navileft_third_active {display:block; font-weight:bold; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 10px 15px; text-decoration:none;}
a.navileft_third_active:hover {display:block; font-weight:bold; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 10px 15px;}
.navi_four {font-size:0.8em; width:185px; position: relative; top:10px; text-align:left; padding-left:20px;}
a.navileft_four_passive {display:block; line-height:0.8em; color:#777777; position: relative; bottom:6px; padding:0px 0px 7px 15px; text-decoration:none;}
a.navileft_four_passive:hover {display:block; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 7px 15px; text-decoration:none;}
a.navileft_four_active {display:block; font-weight:bold; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 7px 15px; text-decoration:none;}
a.navileft_four_active:hover {display:block; font-weight:bold; line-height:0.8em; color:#ff7635; position: relative; bottom:6px; padding:0px 0px 7px 15px;}
@media print {
body { background-color: #ffffff; text-align: left;}
.noprint { display:none; }
#topbox { display:none; }
#navbox { display:none; }
#contentbox { width:100%; background-color:transparent;}
#content { width:100%; background-color:transparent; overflow:visible;}
#inhalt { width:70%; background-color:transparent;}
#inhalt1 { width:100%; background-color:transparent;}
#topbox2 { display:none; }
#contentright { display:none; }
#center {background-color: transparent; width:100%; }
}
#bildkl {height:50px; width:50px; border:0;}
#haken {
padding:0px 0px 0px 0px;
background-color:#fafafa;
overflow:auto;
}
.tabset_tabs { margin:15px 0px 6px 0px; padding:0px ; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li { margin:0; padding:0; display:inline }
.tabset_tabs a { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.1em; color:#777777; font-weight: bold; line-height: 16px; padding:5px 15px 5px 15px; background-color:#cdcdcd ! important;border-bottom:0px solid #ff7634; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px; background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #c1c1c1 50%, #cdcdcd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#c1c1c1), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* IE10+ */
background: linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */
}
.tabset_tabs a:hover { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 16px; padding:5px 15px 5px 15px; background-color:#777777 ! important ;border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px; background: #7f7f7f; /* Old browsers */
background: -moz-linear-gradient(top, #7f7f7f 0%, #6b6b6b 50%, #777777 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f7f7f), color-stop(50%,#6b6b6b), color-stop(100%,#777777)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7f7f7f 0%,#6b6b6b 50%,#777777 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7f7f7f 0%,#6b6b6b 50%,#777777 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7f7f7f 0%,#6b6b6b 50%,#777777 100%); /* IE10+ */
background: linear-gradient(top, #7f7f7f 0%,#6b6b6b 50%,#777777 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7f7f', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
}
.tabset_tabs a.active { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 16px; padding:5px 15px 5px 15px; cursor:default; border-bottom:1px solid #ff7634; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px;
background: #ff8949; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmNmUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc2MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff8949 0%, #ff6e30 50%, #ff7634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8949), color-stop(50%,#ff6e30), color-stop(100%,#ff7634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* IE10+ */
background: linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8949', endColorstr='#ff7634',GradientType=0 ); /* IE6-8 */;
}
.tabset_tabs li.firstchild a { border-left-width:1px }
.tabset_content { background: #fafafa; width:445px; padding:0px 0px 0px 0px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; background-color:white; position:relative; z-index:1; display:none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; }
.tabset_content2 { background: #fafafa; width:725px; padding:0px 0px 0px 0px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; background-color:white; position:relative; z-index:1; display:none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0px; }
.tabset_label { display:none }
.tabset_content_active { background: #fafafa; display:block; }
@media aural{
.tabset_content,
.tabset_label { display:block }
}
#tabellelinks {height: 50px; vertical-align:center; border-right: 1px solid #cdcdcd; padding: 2px 5px 2px 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px;
}
#tabellerechts {height: 50px; vertical-align:center;padding: 2px 0px 2px 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;
}
#bottomnormal { background: #ff7634; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#bottomnormalhover {
}
#reiterkasteninnen {width:445px; height:5px; background-color:#ff7634; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px;
}
/* Navigation */
#navboxen {background-color:#fafafa ;padding: 0px 0px 0px 0px; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
border-left: 1px solid #cdcdcd;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
}
#navboxeninnen {border-top: 1px solid #9f9f9f;
border-left:1px solid #9f9f9f;
border-right:0px solid #d2d2d2;
border-bottom:0px solid #9f9f9f;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#navueberschrift {border-bottom: 1px solid #cdcdcd; padding:7px 10px 7px 10px; text-shadow: 2px 2px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=1, offy=1);background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #c1c1c1 50%, #cdcdcd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(50%,#c1c1c1), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* IE10+ */
background: linear-gradient(top, #e5e5e5 0%,#c1c1c1 50%,#cdcdcd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-9 */"
}
/* Footer */
#footertable {background-image:url(/static/vcu/footer.png);background-repeat: no-repeat; width: 1000px ;padding: 100px 0px 10px 0px; margin: 25px 0px 0px 0px; text-align:left;}
#footerlinks {padding: 5px 15px 5px 15px; width:125px; vertical-align:top; border-left: 0px solid #fdba9a; border-right: 1px solid #ff7634;
}
#footermitte {padding: 5px 15px 5px 15px; width:125px; vertical-align:top; border-left: 1px solid #fe9e51; border-right: 1px solid #ff7634;
}
#footerrechts {padding: 5px 15px 5px 15px; width:380px; vertical-align:top; border-left: 1px solid #fe9e51; border-right: 0px solid #ff6012;
}
/* Startseite Doppelter Kasten */
#skastenlinksaußen {background-color:#fafafa; width:270px; margin: 9px 10px 0px 0px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#skastenlinksinnen {padding: 5px 10px 6px 10px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:1.1em; color:#ffffff; font-weight: bold; line-height: 16px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 5px;
background: #ff8949; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmNmUzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjc2MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff8949 0%, #ff6e30 50%, #ff7634 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8949), color-stop(50%,#ff6e30), color-stop(100%,#ff7634)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* IE10+ */
background: linear-gradient(top, #ff8949 0%,#ff6e30 50%,#ff7634 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8949', endColorstr='#ff7634',GradientType=0 ); /* IE6-8 */;
}
#skastenlinksinnen2 {width:270px; height:5px; background-color:#ff7634;
}
/* Logos Versicherer */
#Logosss {padding:0px 0px 10px 0px; width:95px; height: 35px; border:0px;}
#Logosss2 {padding:0px 0px 10px 15px; width:95px; height: 35px; border:0px;}
// Das Element das angezeigt wird, wenn die Spalte abwärts sortiert ist
SortTable.up = String.fromCharCode(9660);
SortTable.alt_up = 'Aufwärts sortieren';
// Das Element das angezeigt wird, wenn die Spalte aufwärts sortiert ist
SortTable.down = String.fromCharCode(9650);
SortTable.alt_down = 'Abwärts sortieren';
// Farbe des Zeichens in der Spaltenüberschrift
SortTable.pointer_color = '#222';
// Die Bezeichnung der Klasse der Tabellen, die sortiert werden sollen
SortTable.className = 'sortable';
SortTable.init = function(){
var t = document.getElementsByTagName('table');
var ret = [];
var regEx = new RegExp('\\b' + SortTable.className + '\\b', 'i');
for(var i = 0; i < t.length; i++) {
if(SortTable.ok && t[i].className && regEx.test(t[i].className))
ret.push(new SortTable(t[i]));
}
return ret;
}
function SortTable(theTable) {
var self = this;
var DATE_DE = /(\d{1,2})\.(\d{1,2})\.(\d{2,4})|(\d{1,2})\.(\d{1,2})\.(\d{2,4})\s*(\d{1,2}):(\d{1,2})/;
var zebra = /\bzebra\b/i.test(theTable.className);
var tableBody = theTable.tBodies[0];
var header = theTable.tHead;
// SortTable Eventhandler, Dummy Funktionen
self.onstart = self.onsort = function() {};
this.length = function() { return tableBody.rows.length;};
this.sort = function(spalte) {
if(spalte < 0) {
spalte = header.rows[0].cells.length - 1;
}
header.rows[0].cells[spalte].onclick();
};
if(!header) {
/**
exisitert kein Headerelement:
neues Headerelement erzeugen und die erste Zeile dorthin umhängen
Header in die Tabelle einfügen
*/
header = theTable.createTHead();
header.appendChild(tableBody.rows[0]);
// Wenn die Tabelle ein tFoot Objekt hat, ist der Body [1]
tableBody = theTable.tBodies[1] || theTable.tBodies[0];
}
/**
Die Headerzeile mit den Events und dem Marker versehen
**/
var th = header.rows[0].cells;
var last_sort;
var offset = 0; // für colspan
for(var i = 0; i < th.length; i++) {
// soll die Spalte sortiert werden
if(th[i].className && /\bno_sort\b/i.test(th[i].className)) continue;
// click Event
th[i].onclick = ( function() {
// Den Zeiger einfügen
var pointer = document.createElement('span');
pointer.style.fontFamily = 'Arial';
pointer.style.fontSize = '80%';
pointer.style.visibility = 'hidden';
pointer.innerHTML = SortTable.down;
th[i].appendChild(pointer);
// Lokale Werte
var spalte = i + offset;
var desc = 1;
var ignoreCase = ((th[i].getAttribute('ignore_case') || th[i].title) == 'ignore_case');
var forceString = !!(th[i].className && /\bsort_string\b/i.test(th[i].className));
var locale_de = !!(th[i].className && /\blocale_de\b/i.test(th[i].className));
// und die Eventfunktion
return function() {
self.onstart(new Date());
// Der Aufruf, der eigentlichen Sortierfunktion
sort(spalte, desc, ignoreCase, forceString, locale_de);
// Sortierung umkehren
desc = -desc;
// Den Zeiger der zuletzt geklickten Spalte entfernen
if(last_sort != pointer) {
if(last_sort) last_sort.style.visibility = 'hidden';
pointer.style.visibility = '';
last_sort = pointer;
}
pointer.style.color = SortTable.pointer_color;
pointer.innerHTML = desc < 0 ? SortTable.down : SortTable.up;
this.title = desc < 0 ? SortTable.alt_down : SortTable.alt_up;
self.onsort(new Date());
return false;
};
})(); // Funktionsaufruf
th[i].style.cursor = 'pointer';
if(th[i].getAttribute('colspan')){
offset += th[i].getAttribute('colspan') -1;
}
}
/********************************************
* Hilfsfunktionen
********************************************/
function getValue(el, ignoreCase, forceString, locale_de) {
var val = getText(el).trim();
if(forceString) return ignoreCase ? val.toLowerCase() : val;
var d = val.match(DATE_DE);
if(d) {
if(!d[4]) d[4] = 0;
if(!d[5]) d[5] = 0;
}
if(locale_de) val = val.replace(/,/, '.');
return val == parseFloat(val) ? parseFloat(val) : // Zahl
d ? (new Date(d[3] + '/' + d[2] + '/' + d[1] + ' ' + d[4] + ':' + d[5]).getTime()) : // deutsches Datum
!isNaN(Date.parse(val)) ? Date.parse(val) :
ignoreCase ? val.toLowerCase() : val;
}
function getText(td) {
if(td.getAttribute('my_key')) {
return td.getAttribute('my_key');
} else if(td.childNodes.length > 0) {
// Enthält das Element HTML Knoten
var input = td.getElementsByTagName('input')[0];
if(input && input.type == 'text') {
return input.value;
} else if(td.getElementsByTagName('select')[0]) {
return td.getElementsByTagName('select')[0].value;
} else {
// Enthält die Zelle HTML Code wird dieser entfernt
return td.innerHTML.stripTags();
}
} else if(td.firstChild){
return td.firstChild.data;
}
return '';
}
/*
Die Sortierfunktion sortiert die angegebene Spalte.
*/
function sort(spalte, desc, ignoreCase, forceString, locale_de) {
/**
Die Reihen der Tabelle zwischenspeichern
*/
var rows = [];
var tr = tableBody.rows;
var tr_length = tableBody.rows.length;
for(var i = 0; i < tr_length; i++) {
rows.push(
{
elem: tr[i],
value: getValue(tr[i].cells[spalte], ignoreCase, forceString, locale_de)
});
}
// sortieren
rows.sort( function (a, b) {
return a.value.localeCompare ? desc * a.value.localeCompare(b.value) :
a.value == b.value ? 0 :
a.value > b.value ? desc : -desc;
}
);
// umhängen
var tCopy = tableBody.cloneNode(false);
for(var i = 0; i < tr_length; i++) {
if(zebra) {
rows[i].elem.className = rows[i].elem.className.replace(/( ?odd)/, "");
if(i % 2) rows[i].elem.className += ' odd' ;
}
tCopy.appendChild(rows[i].elem);
//tCopy.appendChild(rows[i].elem.cloneNode(true));
}
tableBody.parentNode.replaceChild(tCopy, tableBody);
tableBody = tCopy;
}
}
/**
* Entfernt HTML Tags funktioniert nicht,
* wenn innerhalb der Tags in Attributen HTML Tags die in Anführungszeichen stehen
*
*
*
*
*/
String.prototype.stripTags = function(){
// remove all string within tags
var tmp = this.replace(/(<.*['"])([^'"]*)(['"]>)/g, function(x, p1, p2, p3) { return p1 + p3;});
// now remove the tags
return tmp.replace(/<\/?[^>]+>/gi, '');
};
/*
stripNL() - Alle Newlines entfernen
trim([true/false]) - alle Leerzeichen am Anfang und Ende entfernen m. Parame doppelte einfach machen
ltrim() - Leerzeichen Links entfernen
rtrim() - Leerzeichen Rechts entfernen
*/
String.prototype.trim = function (ws)
{
if(!this.length) return "";
var tmp = this.stripNL().ltrim().rtrim();
if(ws) return tmp.replace(/ +/g, ' ');
else return tmp;
}
String.prototype.rtrim = function ()
{
if(!this.length) return "";
return this.replace(/\s+$/g, '');
}
String.prototype.ltrim = function ()
{
if(!this.length) return "";
return this.replace(/^\s+/g, '');
}
String.prototype.stripNL = function ()
{
if(!this.length) return "";
return this.replace(/[\n\r]/g, '');
}