﻿/* CSS-Datei der Raiffeisenbank Grevenbroich */
html { scrollbar-face-color: #b4b8b9;scrollbar-arrow-color: #ffffff;scrollbar-highlight-color: #ffffff;scrollbar-3dlight-color: #979a9b;scrollbar-shadow-color: #ffffff;scrollbar-darkshadow-color: #979a9b;scrollbar-track-color: #e8e8e8;}
body  {background-color:#FFFFFF; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-size: 5pt; }
p, h1, h2, h3, ul, ol, li, div, b, i, td, th, caption { font-family:verdana,geneva,arial,sans-serif; color:#616161; text-decoration:none;}
p.bannerklein { padding-left: 5px; font-size:9px; margin-top:2px }
p.fuss { font-size:10pt;color:#ffffff; text-align:center; font-weight:600}
a { font-family: verdana,arial,helvetica,sans-serif; color:#ff8000; text-decoration:none; }
a.norm:hover  { color:#ff5900; border-bottom: #ff5900 1px dashed; background-color:#edf68e; }
#meinebank {position: absolute; top:0px; right:100px;}
p.justify { font-size:10pt; text-align:justify;}
p.menutop { font-size:10pt; color:#ffffff;text-align:center; font-weight:500 } 
a.menu { font-size:10pt; color:#b4b8b9; text-decoration:none; font-weight:600; display:block; border:none; border:solid 1px #ffffff }
a.menu:hover  { font-size:10pt; color:#ffffff; border: #b4b8b9 1px solid; background-color:#b4b8b9 }
td.tabmenub { height: 22px; font-size:10pt; background:#0066b3; color:#ffffff; text-align:center; font-weight:600 }
td.tabmenuo { height: 22px; font-size:10pt; background:#ff6600; color:#ffffff; text-align:center; font-weight:600 }
td.tabmenuueber { height: 18px; font-size:10pt; background:#0066b3; color:#ffffff; text-align:center; font-weight:400 }
td.tabmenuueberre { height: 18px; font-size:10pt; background:#ff6600; color:#ffffff; text-align:center; font-weight:400 }
td.tabueber {font-size:11pt; color:#FFFFFF; background:#B4B8B9; text-align:left; height: 25px; font-weight:700 }
td.tabuebergross {font-size:11pt; color:#FFFFFF; background:#B4B8B9; text-align:left; height: 45px; font-weight:700 }
td.einssechsnull { width: 160px }
td.einssechsacht { width: 168px }
td.menu {border-left: 6px solid #b4b8b9}
td.rahmen { text-align:center;}
td.rahmenaussen { width: 170px }
p.klitzeklein {font-size:5pt;}
p.fastklitzeklein {font-size:6pt;}
table.start { border: 1px solid #b4b8b9; width:100%;}
td.startlinie { border: 1px solid #b4b8b9; }
table.filiale { border: 1px solid #b4b8b9; width:100%; }
table.linie { border: 1px solid #b4b8b9; width:100%; border-collapse:collapse; border-spacing:0px; }
table.hundert  { width:100%; }
td.filiale {background: #f1f1f1 }
td.filialelinks {text-align:left; background: #f1f1f1 }
td.links { font-size:10pt; text-align:left; }
td.rechts { font-size:10pt; text-align:right;  }
td.center  { font-size:10pt; text-align:center;  }
table.fuss { border: 1px solid #b4b8b9}
td.fuss { height: 14px;font-size:7pt; background:#f1f1f1; text-align:center;}
h1.start {font-size:11pt; color:#FFFFFF; background:#b4b8b9; text-align:left; font-weight:700; margin-top:0px; margin-bottom:0px; padding:4px 3px 4px 3px; }
h1.hintergrund {font-size:10pt; color:#FFFFFF; text-align:left; font-weight:600; margin-top:0px; margin-bottom:0px; padding:4px 3px 4px 3px; }
h2.start {font-size:9pt; color:#FFFFFF; background:#b4b8b9; text-align:left; font-weight:700; margin-top:0px; margin-bottom:0px; padding:4px 3px 4px 3px; }
h2.ueber {font-size:11pt; text-align:left; margin: 4px; margin-bottom:0px; font-weight:700}
h2.hintergrund {font-size:9pt; color:#FFFFFF; text-align:justify; font-weight:500; margin-top:0px; margin-bottom:0px; padding:4px 3px 4px 3px; }
#seitenueber {font-size:11pt; color:#FFFFFF; background:#b4b8b9; text-align:left; font-weight:700; padding:4px 3px 4px 3px;}
#seitenueberklein {font-size:10pt; color:#FFFFFF; background:#b4b8b9; text-align:left; font-weight:500; padding:4px 3px 4px 3px;}
#brotkr { background:#eeeeee; font-size:7pt;text-align:left;}
#box1 img {float:left; margin:2px 10px 2px 2px; }
#box1 p { font-size:10pt; text-align:justify; border: 1px solid #b4b8b9; padding:5px; }
#float img { float:left; margin: 0 0 0 0; }
#float p { border: 1px solid black; padding: 5px; font-size:10pt; text-align:justify; margin: 7px; }
ul.listenohnep { margin: 0 4px 0 4px; margin-right:4px; padding-left:18px; font-size:9pt; line-height:150%; text-align:justify;  }
ul.listenohneph { margin: 0 4px 0 4px; margin-right:4px; padding-left:18px; font-size:9pt; line-height: 2.0; text-align:justify;  }
ul.listenrand { margin: 0 4px 0 4px; margin-right:4px; padding-left:28px; font-size:9pt; line-height:150%; text-align:justify;  }
ul.listenrandh { margin: 0 4px 0 4px; margin-right:4px; padding-left:28px; font-size:9pt; line-height: 2.0;text-align:justify;  }
ol.listenohnep { margin: 0 4px 0 4px; margin-right:4px; padding-left:30px; font-size:9pt; line-height:150%; text-align:justify;  }
ul.listen { margin:0; padding-left:20px; font-size:9pt; font-weight:600; line-height:150%; text-align:left;  }
ul.listennormal { margin:0; padding-left:17px; font-size:9pt; text-align:justify;  }
ul.listart { margin:0; padding-left:18px; font-size:8pt; font-weight:600; text-align:justify;  }
/* Startseite*/
h1.norm {font-size:11pt; text-align:left; font-weight:700; }
h1.center {font-size:12pt; text-align:center; color:red; font-weight:700; }
p.start {font-size:10pt; text-align:justify;}
p.startlinks {font-size:10pt; text-align:left;}
p.startrechts {font-size:10pt; text-align:right;}
p.startrechts {font-size:10pt; text-align:right;}
p.startfett {font-size:10pt; font-weight:700; text-align:justify;}
p.startfettcenter {font-size:10pt; font-weight:700; text-align:center;}
p.zurueck {font-size:10pt; font-weight:700; text-align:left;}
p.vor {font-size:10pt; font-weight:700; text-align:right;}
p.startrand {font-size:10pt; text-align:justify; margin: 4px;}
p.startrandh {font-size:10pt; text-align:justify; margin: 4px; line-height: 1.5;}
p.handcursor {font-size:10pt; color:#ff8000; text-align:justify; margin: 4px; cursor:hand;cursor:pointer;}
p.startrandfett {font-size:10pt; text-align:justify; font-weight:700; margin: 4px;}
p.startrandfettcenter {font-size:10pt; text-align:center; font-weight:700; margin: 4px;}
p.startfettrechts {font-size:10pt; text-align:right; font-weight:700; margin: 4px;}
p.startrandcenter {font-size:10pt; text-align:center; margin: 4px;}
p.klein {font-size:8pt; text-align:justify; margin: 4px;}
p.kleinfett {font-size:8pt; text-align:justify; font-weight:700; margin: 4px;} 
p.kleinfettrechts {font-size:8pt; text-align:right; font-weight:700; margin: 4px;} 
p.kleinrechts {font-size:8pt; text-align:right; margin: 4px;} 
p.kleincenter {font-size:8pt; text-align:center; margin: 4px;}
p.kleincenterfett {font-size:8pt; text-align:center; font-weight:700; margin: 4px;} 
table.rand {border:1px solid #b4b8b9;}
table.randstart {border:0px solid #b4b8b9; cellpadding:0; cellspacing:0;}
/* Formular*/
fieldset { border:1px solid #b4b8b9; margin:0; padding: 0 20px 0 20px; width:400px; float:left; }
legend { color:#b4b8b9; font:bold italic 18px Arial, sans-serif;}
ul.formular { margin:0; padding:20px; list-style:none;}
li.formular { background:#b4b8b9; margin:0 0 10px 0; padding:0px; width:350px; text-align:left; }
li div {background:silver; padding:1px; margin:0; }
li.buttons { background:transparent; border:none; }
label { color:#ffffff; background:#b4b8b9; font:bold 12px Verdana, Arial, sans-serif; padding-left:4px; }
label:hover { COLOR: #ff6600 }
#nachricht, #nachrichta, #nachrichtb, #absender, #anschrift, #telefon, #empfaenger, #email, #lose, #belastungskonto, #gutschriftskonto, #gewinne { color:#0066b3; background:#f5f5f5; margin:0; padding:2px 0 2px 0; width:100%; border:none; font:bold 12px Verdana, Arial, sans-serif; }
#nachricht { height:150px; overflow:auto; }
#nachrichta { height:140px; overflow:auto;}
#nachrichtb { height:120px; overflow:auto; }
#nachricht:focus, #nachrichta:focus, #nachrichtb:focus, #absender:focus, #anschrift:focus, #empfaenger:focus, #telefon:focus, #email:focus, #lose:focus, #belastungskonto:focus, #gutschriftskonto:focus, #gewinne:focus { color:#0066b3; background:#ffff78; }
#senden, #reset { color:#ffffff; background:#b4b8b9; border:1px solid #d8d8d8; font:bold 12 px Arial, sans-serif; cursor:pointer; width:8em; padding:0; margin:0; }
#sendenbreit    { color:#ffffff; background:#b4b8b9; border:1px solid #d8d8d8; font:bold 12 px Arial, sans-serif; cursor:pointer; width:180px; padding:0; margin:0; }
/* Menü links*/
#menu {width:170px; margin:0px;padding:0px; font-size:9pt; color:#b4b8b9; font-weight:600; font-family:verdana,geneva,arial, sans-serif}
#menu ul, #menu li {list-style-type: none; padding: 0px; margin: 0px;}
#menu li a:link, #menu li a:visited, #menu li a:active {display:block; border: solid 1px #979a9b; background-image:url(bilder1/menuhinter1.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 22px;line-height: 22px;}
#menu li a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg);color:#ffffff;}
#menu li.a a:link, #menu li.a a:visited, #menu li.a a:active {display:block; border: solid 1px #979a9b; background-image:url(bilder1/menuhinter2.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 22px;line-height: 22px;}
#menu li.a a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg);color:#ffffff;}
#menu li.eins a:link, #menu li.eins a:visited, #menu li.eins a:active {display:block; border: solid 1px #979a9b;background-image:url(bilder1/menuhinter1a.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 20px;line-height: 20px;}
#menu li.eins a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg); color:#ffffff;}

#menu li.einsa a:link, #menu li.einsa a:visited, #menu li.einsa a:active {display:block; border: solid 1px #979a9b; background-image:url(bilder1/menuhinter2.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 20px;line-height: 20px;}
#menu li.einsa a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg); color:#ffffff;}

#menu li.zwei a:link, #menu li.zwei a:visited, #menu li.zwei a:active {display:block; border: solid 1px #e4e9ea; background-image:url(bilder1/menuhinter1b.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 15px;line-height: 15px;}
#menu li.zwei a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg); color:#ffffff;}

#menu li.zweia a:link, #menu li.zweia a:visited, #menu li.zweia a:active {display:block; border: solid 1px #979a9b; background-image:url(bilder1/menuhinter2.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 15px;line-height: 15px;}
#menu li.zweia a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg); color:#ffffff;}

/* Menü rechts*/
#menure {width:170px; margin:0px;padding:0px; font-size:10pt; color:#b4b8b9; font-weight:600; font-family:verdana,geneva,arial, sans-serif}
#menure ul, #menure li {list-style-type: none; padding: 0px; margin: 0px;}
#menure li a:link, #menure li a:visited, #menure li a:active {display:block; border: solid 1px #979a9b; background-image:url(bilder1/menuhinter1.jpg);color:#61617a;text-decoration:none;margin-bottom: 1px;margin-top: 1px;padding-left: 5px;height: 26px;line-height: 26px;}
#menure li a:hover {background-color:#b4b8b9; background-image:url(bilder1/menuhinter2.jpg);color:#ffffff;}

/* Nav-Banner */
#navcontainer {border-top: #262626 1px solid; padding-left: 8px; background: #b8b8b8; font: 13px verdana, geneva, arial, sans-serif; font-weight:600}
#navlist {padding-right: 0px; list-style: none none outside; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
@media all {#navlist {text-align: left}}
#navlist li {padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; bottom: 12px; line-height: 1.6em; padding-top: 0px; position: relative}
unknown {padding-right: 0px; padding-left: 0px; background: #000000; Padding-bottom: 4px; margin: 0px 3px 0px 0px; padding-top: 4px}
#navlist a {border-right: #ff6600 1px solid; padding-right: 5px; border-top: #ff6000 1px solid; display: inline; padding-left: 5px; right: 3px; background: #f1f1f1; padding-bottom: 3px; margin: 0px; border-left: #ff6000 1px solid; cursor: pointer; color: #ff6600; bottom: 2px; padding-top: 3px; border-bottom: #ff6000 1px solid; position: relative; height: 1em; text-decoration: none}
#navlist a:link {border-right: #ff6600 1px solid; padding-right: 5px; border-top: #ff6600 1px solid; display: inline; padding-left: 5px; right: 3px; background: #f1f1f1; padding-bottom: 3px; margin: 0px; border-left: #ff6000 1px solid; cursor: pointer; color: #ff6600; bottom: 2px; padding-top: 3px; border-bottom: #ff6000 1px solid; position: relative; height: 1em; text-decoration: none}
#navlist a:visited {border-right: #ff6600 1px solid; padding-right: 5px; border-top: #ff6600 1px solid; display: inline; padding-left: 5px; right: 3px; background: #f1f1f1; padding-bottom: 3px; margin: 0px; border-left: #ff6000 1px solid; cursor: pointer; color: #ff6600; bottom: 2px; padding-top: 3px; border-bottom: #ff6000 1px solid; position: relative; height: 1em; text-decoration: none}
#navlist a:hover {right: 1px; background: #b8b8b8; color: #ffffff; bottom: 1px; position: relative}
#navlist a:active {right: 0px; background: #b8b8b8; color: #ffffff; bottom: 0px; position: relative}
#navlist li#active {padding-right: 0px; display: inline; padding-left: 0px; background: #b8b8b8; padding-bottom: 0px; margin: 0px 3px 0px 0px; bottom: 13px; padding-top: 0px; position: relative}
unknown {background: #000; margin: 0px 4px}
#navlist #active a {border-right: #262626 1px solid; padding-right: 5px; border-top: #262626 1px solid; padding-left: 5px; right: 0px; background: #b8b8b8; padding-bottom: 0px; margin: 0px; border-left: #262626 1px solid; cursor: text; color: #ffffff; bottom: 0px; padding-top: 2px; position: relative; border-bottom-style: none}
#navlist #active a:link {border-right: #262626 1px solid; padding-right: 5px; border-top: #262626 1px solid; padding-left: 5px; right: 0px; background: #b8b8b8; padding-bottom: 0px; margin: 0px; border-left: #262626 1px solid; cursor: text; color: #ffffff; bottom: 0px; padding-top: 2px; position: relative; border-bottom-style: none}
#navlist #active a:visited {border-right: #262626 1px solid; padding-right: 5px; border-top: #262626 1px solid; padding-left: 5px; right: 0px; background: #b8b8b8; padding-bottom: 0px; margin: 0px; border-left: #262626 1px solid; cursor: text; color: #ffffff; bottom: 0px; padding-top: 2px; position: relative; border-bottom-style: none}
#navlist #active a:hover {border-right: #262626 1px solid; padding-right: 5px; border-top: #262626 1px solid; padding-left: 5px; right: 0px; background: #b8b8b8; padding-bottom: 0px; margin: 0px; border-left: #262626 1px solid; cursor: text; color: #ffffff; bottom: 0px; padding-top: 2px; position: relative; border-bottom-style: none}

/*jungekunden*/

a.pics:hover {left: 2px; top: 1px; position: relative}
/* Baufi-Formular */
input.rechner { border-left: white thin solid; border-right: white thin solid; border-top: white thin solid; border-bottom: #848484 thin solid; color:#0066b3; font-weight:600; text-align:right; float:right; width:100px; }
input.rechnerklein { border-left: white thin solid; border-right: white thin solid; border-top: white thin solid; border-bottom: #848484 thin solid; color:#0066b3; font-weight:600; text-align:right; float:right; width:40px; }
input.sendenbreit { color:#ffffff; background:#b4b8b9; border:1px solid #d8d8d8; font:bold 12 px Arial sans-serif; cursor:pointer; width:18em; padding:0; margin:0; }

/* Scroller */
#scroller { margin: 0 auto 0 auto; width: 550px; }
#scrollera { margin: 0 auto 0 auto; width: 500px; }
#scroller635 { margin: 0 auto 0 auto; width: 635px; }