/* Allgemeine Styles */
* { margin:0; padding:0; }
*:focus { outline: 0; }
      
html,body                   { background-image: url(/static/orprd/hg.jpg);
                              background-position:top center; 
                              background-color: #edf0f3;
                              background-attachment: fixed;
                              background-repeat: no-repeat;
                              font-size: 12pt; color: #676767;
                              font-family: Arial,trebuchet,Verdana;
                            }
                            
img                         { border: 0; }
.imgleft                    { float: left; margin-right:30px; margin-bottom:20px; }
.imgright                   { float: right; margin-left:30px; margin-bottom:20px; }
  
a:focus                     { outline:none; }
a                           { color:#144478; }
a:link                      { text-decoration:none; }
a:visited                   { text-decoration:none; }
a:active                    { text-decoration:none; }
a:hover                     { color:#144478; text-decoration:none; }

[placeholder]:focus::-webkit-input-placeholder  { transition: opacity 0.5s 0.5s ease; opacity: 0; }
::-webkit-input-placeholder                     { font-size: 9pt; color: #144478; font-family: 'Julius Sans One',sans-serif; text-align: center; }
:-moz-placeholder                               { font-size: 9pt; color: #144478; opacity: 1; font-family: 'Julius Sans One',sans-serif; text-align: center; }
::-moz-placeholder                              { font-size: 9pt; color: #144478; opacity: 1; font-family: 'Julius Sans One',sans-serif; text-align: center; }
:-ms-input-placeholder                          { font-size: 9pt; color: #144478; font-family: 'Julius Sans One',sans-serif; text-align: center; }

.wrap                       { max-width: 1200px; margin: 0 auto; }

#navigation                 { height: 61px; margin-top: 48px; background-color: #fff; }
#navigation .wrap           { max-width: 1225px; }
#logo                       { float: left; width: 310px; height: 61px; position: relative; }
#logo-inner                 { position: absolute; top: -48px; left: 0; width: 310px; height: 195px;
															/*background-image: url(/static/orprd/hg-logo.png);
                              background-repeat: no-repeat; background-position: top left;*/
														}
#logohg                     { position: absolute; width: 310px; height: 195px; top: 0px; left: 0; z-index: 10; display: block; }
#logo-bild                  { padding-left: 99px; padding-top: 31px; position: relative; z-index: 20; }
#logo-bild img              { display: block; }
#claim-bild                 { padding-left: 42px; padding-top: 12px; position: relative; z-index: 20; }
#claim-bild img             { display: block; }
#navigations-bereich        { float: left; width: 74%; height: 61px; }



/* Ausklapp Navigation */

#nav                                { max-width: 1200px; margin: 0 auto; padding-right: 10px; }
#nav ul                             { list-style: none; text-align: justify; }
#nav li                             { display: inline-block; text-align: -webkit-match-parent; text-transform: uppercase; }
#nav a                              { color: #144478; padding: 22px 9px 5px 9px; display: block; font-size: 13pt; }

#nav li ul li                       { padding-right: 0px; }
#nav li ul li a                     { padding-right: 20px !important; }

#nav ul li                          { position: relative; }
#nav ul li ul li                    { position: relative; clear: left; }
#nav ul li ul li ul li              { position: relative; clear: left; }
#nav ul li ul li ul li ul li        { position: relative; clear: left; }

#nav ul li a                        { float: left; padding-right: 15px; }
#nav ul li a.maintext               { /*padding-top: 7px;*/ padding-bottom: 18px; padding-right: 9px; font-weight: bold; }
#nav ul li ul li a.subtext          { float: left; /*border-bottom: 1px solid #00998a;*/ display: block; width: 260px; height: 17px; padding: 12px 5px 12px 5px; font-size: 12pt; text-transform: none; }
#nav ul li ul li ul li a.subtext    { float: left; /*border-bottom: 1px solid #00998a;*/ display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; }
#nav ul li ul li ul li ul li a.subtext { float: left; /*border-bottom: 1px solid #00998a;*/ display: block; width: 210px; height: 17px; padding: 12px 5px 12px 5px; }

#nav ul li ul                       { position: absolute; z-index: 1000; left: 0; top: 61px; padding: 0 10px;
                                      background-color: #fff;
																		}
#nav ul li ul li ul                 { position: absolute; z-index: 900; left: 265px; top: 0; }
#nav ul li ul li ul li ul           { position: absolute; z-index: 800; left: 215px; top: 0; }

#nav ul li ul                       { overflow: visible !important; }

.mainliclick                        { width: 15px; height: 24px; padding-top: 19px !important; }
.mainli:hover .mainliclick          { padding-top: 14px !important; }
.mainli:hover .arrow-down           { border-top-color: transparent; border-bottom-color: #144478; }

.sub1liclick                        { position: absolute; top: 0px; right: 0px; width: 34px; height: 34px; text-align: right; }
.sub1li:hover .sub1liclick          { right: 6px; }
.sub1li:hover .arrow-right          { margin-right: 10px; border-left-color: transparent; border-right-color: #144478; }

.sub2liclick                        { position: absolute; top: 0px; right: 0px; width: 34px; height: 34px; text-align: right; }
.sub2li:hover .sub2liclick          { right: 6px; }
.sub2li:hover .arrow-right          { margin-right: 10px; border-left-color: transparent; border-right-color: #144478; }

.arrow-down                         { border: 6px solid #144478; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;
                                      border-right-color: transparent;
                                      border-bottom-color: transparent;
                                      border-left-color: transparent;
                                    }
.arrow-left                         { border: 6px solid #144478; font-size: 0; line-height: 0; height: 0; padding-right: 10px; margin: 0;
                                      border-top-color: transparent;
                                      border-bottom-color: transparent;
                                      border-left-color: transparent;
                                    }
.arrow-right                        { border: 6px solid #144478; font-size: 0; line-height: 0; height: 0; padding-right: 10px; margin: 0;
                                      border-right-color: transparent;
                                      border-bottom-color: transparent;
                                      border-top-color: transparent;
                                    }
                                    
#nav li ul li a                     { padding-right: 0px !important; }

.submenuleft                        { left: -215px !important; }
.last-sub1lia                       { border-bottom: none !important; }
.last-sub2lia                       { border-bottom: none !important; }

.foot100                            { padding-left: 100%; }

/* /Ausklapp Navigation */




#head-mobile                { display: none; width: 100vw; position: fixed; z-index: 999; height: 60px; }
#head-mobile-inner          { height: 60px; background-color: #fff; position: relative; }
#head-mobile-logo           { position: absolute; top: 5px; left: 10px; }
#head-mobile-logo img       { display: block; max-height: 50px; }
#head-mobile-nav-button     { text-align: right; font-size: 25px; color: #144478; cursor: pointer; position: absolute; right: 20px; top: 3px; padding: 14px; }
#head-mobile-claim          { color: #fff; text-align: center; padding: 16px 0 9px 0; }

#mobile-abstand-top         { height: 60px; display: none; }

#mobile-navigation          { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; }
#nav-content                { width: 90vw; height: 100vh; background-color: #fff; padding-left: 5px; padding-right: 5px; overflow-y: auto; }
#ios-menu-korrektur         { width: 100%; height: 70px; }
#mnav-head                  { position: relative; text-align: center; padding-top: 15px; color: #144478; font-size: 18pt; border-bottom: 2px solid #144478; padding-bottom: 10px; }
#nav-close                  { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; }
#mnav-body                  { padding-top: 5px; }
#mnav-body a                { text-decoration: none; color: #144478; }
#mnav-body ul               { list-style: none; padding: 0; margin: 0; }
#mnav-body ul li a          { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #144478; display: block; font-size: 15pt; }
#mnav-body ul li            {  }
.manv0                      { padding-left: 20px; }
.manv1                      { padding-left: 40px; }
.manv2                      { padding-left: 60px; }
.manv3                      { padding-left: 80px; }
.mnavli0                    { position: relative; }
.mnavli1                    { position: relative; }
.mnavli2                    { position: relative; }
.mnavli3                    {  }
.show-sub-nav               { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; }
.marrow                     { border: 6px solid #144478; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
.isclicked .marrow          { border-top-color: transparent; border-bottom-color: #144478; }
.show-sub-nav.isclicked     { top: -2px; padding-top: 0; padding-bottom: 12px; }
.mnavul1                    { display: none; }
.mnavul2                    { display: none; }
.mnavul3                    { display: none; }





#content                            {  }
#content .wrap 											{  }
#head-text	 												{ height: 85px; }
#seitentitel                        { padding: 26px 0 0 306px; font-style: italic; }
#seitentitel h1                     { font-weight: normal; font-size: 24pt; }
#start-text                         { text-shadow: -2px 3px 1px rgba(118, 118, 118, 0.75); color: #fff; text-align: center; font-size: 28pt; padding-left: 310px; font-style: italic; font-weight: bold; padding-top: 26px; }
#inhalt 														{ float: right; width: 78%; padding-top: 25px; }

#inhalt h2      				           	{ font-weight: normal; padding-bottom: 15px; font-size: 16pt; }
#inhalt p               				   	{ padding-bottom: 20px; }
#inhalt ul                 					{ padding-left: 17px; }
#inhalt ol                 					{ padding-left: 34px; }
.content-trenner            				{ height: 25px; }

#inhalt-text                        { padding-left: 43px; padding-bottom: 25px; font-size: 11pt; }
#start-spalte-links 								{ float: left; width: 401px; padding-left: 40px; }
#start-spalte-rechts 								{ float: right; width: 351px; padding-right: 25px; }
#infoboxen 													{ float: left; width: 242px; padding-top: 25px; }
#infoboxen-inner                    { width: 220px; }

#websuche                           { padding-bottom: 40px; }
#suchwort                           { width: 142px; padding: 4px; border: 0; color: #144478; background-color: #c7d30a; margin-left: 16px; }
#suche-submit                       { color: #144478; padding-left: 17px; font-size: 14pt; }


.start-box                          { padding-bottom: 75px; color: #fff; }
.start-box img                      { display: block; margin-bottom: 15px; max-width: 100%; }
.start-box-inner                    { max-width: 351px; 
																			background-image: url(/static/orprd/hg-start-box.png);
                                      background-position: bottom right;
                                      background-repeat: no-repeat;
                                    }
#start-spalte-links .start-box-inner { max-width: 401px; }
.start-box-titel                    { padding: 25px 25px 0 25px; font-weight: bold; font-size: 14pt; font-weight: bold; font-style: italic; }
.start-box-inhalt                   { padding: 25px; font-size: 10pt; line-height: 130%; }
.start-box-inhalt p                 { padding-bottom: 17px; }
.start-box-inhalt a                 { color: #c7d30a; }
.start-box-inhalt img               { display: block; }

.ifb-outer                          { background-color: #144478; margin-bottom: 50px; }
.ifb 																{ display: table; padding: 15px 15px 15px 10px; }
.ifb-inner                          { display: table-row; }
.ifb-pic                            { display: table-cell; width: 35px; padding-right: 4px; vertical-align: middle; }
.ifb-inhalt                         { display: table-cell; color: #fff; }
.ifb-headline                       { font-style: italic; font-weight: bold; }
.ifb-text                           { display: block; font-size: 10pt; }

#vbb-fahrinfo                       { padding-bottom: 25px; }
#vbb-info			                      { padding-bottom: 50px; }
.vbb-box-head                       { background-color: #144478; padding: 5px 15px; font-size: 10.5pt; color: #fff; }
.vbb-box-inhalt                     { padding: 15px; font-size: 10pt; background-color: #fff;
																			background-image: url(/static/orprd/hg-vbb-boxen.png);
                                      background-repeat: no-repeat; background-position: bottom right;
																		}
.vbb-feld                           { padding-bottom: 10px; }
.vbb-feld label                     { color: #144478; display: inline-block; width: 35px; }
.vbb-feld input[type="text"]        { background-color: #c7d30a; color: #144478; width: 142px; padding: 4px; border: 0; }
#vbbfUm                             { width: 38px; text-align: center; margin-right: 8px; }
#lblvbbfAn                          { width: 22px; }
#vbbfAn                             { margin-right: 10px; }
#lblvbbfAb                          { width: 22px; }
#vbbiUm                             { width: 38px; text-align: center; margin-right: 8px; }
#lblvbbiAn                          { width: 22px; }
#vbbiAn                             { margin-right: 10px; }
#lblvbbiAb                          { width: 22px; }
.vbb-submit                         { display: inline-block; color: #144478; font-weight: bold; cursor: pointer; }
.vbb-submit i                       { font-size: 14pt; }


footer                              { display: block; background-color: #fff; }
#wrap-fusszeile                     { max-width: 1200px; margin: 0 auto; padding-bottom: 20px; padding-top: 15px; }
#fusszeile                          {  }
#fusszeile ul                       { list-style: none; text-align: justify; }
#fusszeile ul li                    { text-align: -webkit-match-parent; display: inline-block; position: relative; text-transform: uppercase; }
#fusszeile ul li a                  { color: #144478; }
#fuss100                            { padding-left: 100%; }
#copyright                          { text-align: center; color: #1f1d21; font-family: Verdana, Arial, Helvetica; font-size: 10pt; opacity: 0.7; padding: 0 15px; }
#mobile-footer-nav          				{ text-align: center; padding: 0 0 15px 0; text-transform: uppercase; font-size: 9pt; }
#mobile-footer-nav a                { color: #144478; }



/* 
 * ## Kontaktformular ## 
 */
.form_row                   { padding-bottom: 8px; }
.ip_text                    { float:left; width:135px; margin-right:10px; padding-top:4px;}
.ip_text_long               { float:left; width:235px; margin-right:10px; padding-top:4px;}
.input                      { float:left; }
.ip_long                    { width:270px; }
.ip_plz                     { float:left; width:50px; margin-right:5px; }
.ip_ort                     { float:left; width:211px; }
.ip_anliegen                { width:270px; height:150px; }



/* Partner Liste */
#partner-liste              {  }
.partner                    { margin-bottom:30px; width:590px; }
.partner-titel              {  }
.partner-anschrift          { margin-bottom:2px; }
.ans_left                   { float:left; width:160px; background-image:url("/static/orp/hg-white-50.png"); margin-right:2px; }
.ans_right                  { float:left; width:358px; background-image:url("/static/orp/hg-white-50.png"); }
.partner-telefon            { margin-bottom:2px; }
.tel_left                   { float:left; width:160px; background-image:url("/static/orp/hg-white-50.png"); margin-right:2px; }
.tel_right                  { float:left; width:358px; background-image:url("/static/orp/hg-white-50.png"); }
.partner-telefax            { margin-bottom:2px; }
.fax_left                   { float:left; width:160px; background-image:url("/static/orp/hg-white-50.png"); margin-right:2px; }
.fax_right                  { float:left; width:358px; background-image:url("/static/orp/hg-white-50.png"); }
.partner-www                { margin-bottom:2px; }
.www_left                   { float:left; width:160px; background-image:url("/static/orp/hg-white-50.png"); margin-right:2px; }
.www_right                  { float:left; width:358px; background-image:url("/static/orp/hg-white-50.png"); }



.ui-datebox-gridplus								{ margin-right: 13px; }
.datebox-input-icon                 { display: none; }
.ui-datebox-datebox-groups input    { width: 90% !important; }
.ui-datebox-datebox-button          { width: 70%; }
.ui-datebox-controls                { width: 94%; }
.ui-datebox-datebox-groups          { margin-top: 5px; }


.ibox                               { margin-bottom: 50px; }
.ibox-content                       { background-color: #fff; }
.ibox-link                          { display: block; text-align: center; }
.ibox-img                           { display: block; margin: 0 auto; }
.ibox-text                          { padding: 10px 10px; }

div.infolayer               				{ display:none; position:absolute; max-width:350px; xheight:80; background-color:white; border:1px solid silver; text-align:left; font-size:8pt; padding:5px; }
div.infolayer p             				{ padding-bottom:0px !important; }

#fpl-include                        { color: #000 !important; }
.hoverline:hover td                 { background-color: rgba(56, 96, 140, 0.25); }
td.fp_station                       { height: 20px; }
td.fp_zeit 													{ width: 68px; height: 20px; }


#cookie-info                        { position: fixed; bottom: 10px; z-index: 10000; width: 100%; }
#cookie-info-content                { max-width: 625px; margin: 0 auto;  background-color: #fff; color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #144478; }
#cookie-info-text                   { font-size: 9pt; }
#cookie-info-button									{  }
#cookie-info-button span            { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #144478; margin-top: 10px; cursor: pointer; font-size: 10pt; }
#cookie-info-spacer                 { height: 105px; width: 100%; background-color: #fff; }


#designbody													{ background: none; background-color: #fff; color: #000; font-size: 14px; font-family: Arial,Verdana,Helvetica; }
#designbody ul,ol             			{ padding-left: 21px; }
#designbody p                 			{ padding-bottom: 17px; }
.mceContentBody 										{ padding-top: 0px !important; }
