a { text-decoration: none; cursor: hand; display: block }
.link { color: #6666cc; font-weight: normal; font-size: 100%; text-transform: none; display: inline }
.link:hover { color: #6699ff; background-color: #f5f5f5 }

a.inline { color: #cc3333; text-transform: none; display: inline }
a.inline:hover { color: #ff6666; background-color: #f0f0f0 }

a.lvl5, a.lvl5a { color: #444; background-color: #eee; padding: 2px 5px 4px }
a.lvl5a { color: #900 }

body{
        scrollbar-3d-light-color: #ffffff;
        scrollbar-arrow-color: #FFFFFF;
        scrollbar-base-color: #000000;
        scrollbar-dark-shadow-color: #002694;
        scrollbar-face-color: #9191FF;
        scrollbar-highlight-color: #F0FAFF;
        scrollbar-shadow-color: #005F9E;
        color: #333;
        font-family: Verdana, Geneva, Helvetica, "sans-serif !important";
        margin: 0px;
        padding: 0px;
        background-color: #DBDCFB;
}
INPUT,SELECT,TEXTAREA {font-family: Verdana,Arial; font-size:8pt; color:#6D6DBF}
TD,DIV {font-family: Arial,Helvetica; font-size:8pt}
div { display: block; padding: 0px; margin: 0px; border: 0px; }
div#logo {
        position: absolute;
        top: 5px;
        margin: 0px 0px 5px 5px;
}
div#subnav { float: left; padding-top: 25px; border-bottom: 1px solid #ccc; width: 158px }
div#subnav p.text { color: #333; font-weight: normal; font-size: 65%; line-height: 125%; 
        margin: 2px 0px 5px; padding: 3px }
div#topnav   {
        color: #CC9900;
        position: absolute;
		right: 5px;
        width: 460px;
        text-align: right;
        font-size: 10pt;
        font-weight: bold;
        text-transform: none;
        letter-spacing: normal;
}

div#box1{
        background: #C8C8FF url(homepagekopf_bestellmarkt.gif) no-repeat;
        width: 760px;
        height: 60px;
        position: absolute;
        top: 50px;
        left: 0px;
		z-index: 2;
}

div#box2{
        width: 758px;
        padding: 5px;
        top: 25px;
        left: 1px;
        vertical-align: top;
                  border-right-color: #ffffff;
                        border-right-style: solid;
                        border-right-width: 1px;
}

div#box3a{
        width: 250px;
        padding: 2px;
        position: absolute;
        top: 150px;
}
div#box3b{
        width: 500px;
        position: absolute;
        top: 120px;
        left: 260px;
        background-color: White;
}
div#box3c{
        width: 250px;
        padding: 5px;
        position: absolute;
        top: 60px;
        left: 506px /*border: 1px solid black;*/
}

div#box4{
        background: #E9E9FF;
        height: 600px;
        width: 245px;
        position: absolute;
        top: 50px;
        left: 800px;
        overflow: auto;
        z-index: 3;
        
}
div#boxkunden{
        width: 800px;
                  height: 600px;
        position: absolute;
        top: 10px;
        left: 160px;
        border-right-color: #CC9900;
                        border-right-style: solid;
                        border-right-width: 1px;
        background-color: White;
                  overflow: auto;
}
div#boxkundenlinks{
       width: 150px;
        padding: 2px;
        position: absolute;
                  border-right-color: #CC9900;
                        border-right-style: solid;
                        border-right-width: 1px;
        top: 60px;
}

div#clear{
        clear:both;
}
div#box_scroll{

        border: 1px solid black;
        height: 250px;
        overflow: auto;
}
div#box_scroll_2{

        border: 1px solid black;
        height: 150px;
        overflow: auto;
}
/* image styles */
form.inline {
        display: inline-block;
        padding-bottom: 5px;
}
img{ border: none;}
img#logo{ position: absolute; top: 14px; left: 15px; width: 750px; height: 68px; }
img.left { float: left; margin-right: 8px; }
img.right { float: right; margin-left: 8px; }
/* paragraph styles */

input.search {
        color: #333;
        border: solid 1px #ccc;
        width: 110px;
}

input.submit {
        background-color: #6666cc;
        border: outset 1px #bfac0e;
        text-align: center;
        width: 140px;
        cursor: hand;
        color: White;
}
input.loeschen {
        background-color: #DC143C;
        border: outset 1px #bfac0e;
        text-align: center;
        width: 140px;
        cursor: hand;
        color: White;
}
input.submit_schmal {
        background-color: #6D6DBF;
        border: outset 1px #bfac0e;
        text-align: center;
        width: 92px;
        cursor: hand;
        color: White;
}
input.submit_all {
        background-color: #6D6DBF;
        border: outset 1px #bfac0e;
        text-align: center;
        color: White;
        cursor: hand;
}
input.submit_ok {
        font-size: 0px;
        background-color: #F6FBFF;
        cursor: hand;
        background-image: url(../_ok.gif);
        width: 18px;
        height: 18px;
        color: Lime;
        background-position: center;
}
input.submit_bearbeiten {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_bearbeiten.gif);
        width: 18px;
        height: 18px;
        color: Yellow;
}
input.submit_loeschen {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_loeschen.gif);
        width: 18px;
        height: 18px;
        color: Red;
}
input.submit_mail {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_mail.gif);
        width: 18px;
        height: 18px;
        color: White;
}
input.submit_melden {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_melden.gif);
        width: 18px;
        height: 18px;
        color: #FFFFCC;
}
input.submit_kaufen {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../wkeinfuegen.gif);
        width: 18px;
        height: 18px;
        color: #6C90D7;
}
input.submit_kaufen_loeschen {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../wkloeschen.gif);
        width: 18px;
        height: 18px;
        color: Red;
}
input.submit_hilfe {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_hilfe.gif);
        width: 18px;
        height: 18px;
        color: White;
}
input.submit_zurueck {
        font-size: 0px;
        background-color: #F6FBFF;
        background-position: center;
        cursor: hand;
        background-image: url(../_zuruecksetzen.gif);
        width: 18px;
        height: 18px;
        color: Navy;
}

input.text { border: solid 1px #ccc; width: 280px }
input.angaben { border: solid 1px #66cccc; width: 180px }
input.tabellentitel { border: solid 1px #66cccc; width: 240px }
input.email { border: solid 1px #66cccc; width: 200px }
input.schueler {
        border: solid 1px #66cccc;
        width: 100px;
}
input.login { border: solid 1px #66cccc; width: 140px }
input.blank {
        border: 1px solid White;
        width: 140px;
}
input.titel { border: solid 1px #66cccc; width: 40px }
input.zahl { border: solid 1px #66cccc; width: 20px }
input.datum { border: solid 1px #66cccc; width: 60px }
li { font-size: 70%; line-height: 125%; margin: 0px 0px 2px; padding: 0px }
ol { margin: 4px 0px 4px 30px }
label {
        font-size: 11px;
}
label.schmal {
        width: 80px;
}
label.schmal_r {
        width: 80px;
        text-align: right;
        padding-right: 5px;
        padding-left: 5px;
}
label.breit {
        width: 160px;
        text-align: right;
        padding-right: 5px;
}
label.breit_l {
        width: 160px;
        text-align: left;
        padding-right: 5px;
}
label.breit_2 {
        width: 300px;
        text-align: right;
        padding-right: 5px;
}
label.breit_check {
        width: 210px;
        text-align: left;
        padding-right: 5px;
}
.lesen {font-size: 10pt; }
p  { color: #333; font-weight: normal; line-height: 125%; 
        margin: 10px 5px 0px 10px; padding: 0px;
        font-size: 8pt; }

p.download  {
        color: #333;
        font-weight: normal;
        line-height: 125%;
        background-color: #eee;
        margin: 5px 0px 10px;
        border: solid 1px #ddd;
}
p.download_einzug  {
        color: #333;
        font-weight: normal;
        line-height: 125%;
        background-color: #eee;
        margin: 5px 0px 10px;
        border: solid 1px #ddd;
        padding-left: 50px;
}
p.footer { color: #999; font-size: 70%; line-height: 125%; margin: 15px 0px 0px }
p.headline    {
        color: Navy;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px;
        padding: 2px 2px 2px 5px;
        border-bottom: 3px solid #708090;
}
p.headline2    {
        color: #000033;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px;
        padding: 12px 2px 2px 5px;
        background: transparent;
}
p.nl_topnav { color: #fff; font-weight: normal; line-height: 125%; margin: 5px 0px 10px }
p.sitetitle   { color: black; font-weight: bold; font-size: 140%; line-height: 110%; text-align: center; margin: 15px 0px 0px }
p.title { color: #009; font-weight: bold; font-size: 110%; line-height: 110%; margin: 15px 0px 0px }
p.subtitle { color: #66c; font-weight: bold; font-size: 12px; line-height: 110%; text-align: justify; margin: 10px 10px 10px 10px; padding: 10px 0px 10px 10px; }
p.subtitle2 {
        color: White;
        font-weight: bold;
        font-size: 12px;
        line-height: 120%;
        margin: 30px 0px 0px 0px;
        background-color: #CC9900;
}
p.subtitlecenter {
        color: #66c;
        font-weight: bold;
        font-size: 12px;
        line-height: 110%;
        margin: 5px 0px 5px;
        text-align: center;
}
p.text    { color: #333; line-height: 125%; text-align: justify; margin: 10px 5px 0px 10px }
p.textklein    {
        color: #333;
        font-size: 7pt;
        text-align: left;
        margin: 0px 0px 0px 0px;
        line-height: 90%;
        padding-left: 0px;
}

p.fehlerklein    {
        color: #00008B;
        text-align: left;
        font-size: 7pt;
        line-height: 90%;
        margin: 0px 0px 0px 0px;
        padding-left: 0px;
}
p.rightnav {
        color: White;
        text-align: justify;
        margin: 5px 0px 10px;
}
p.fehler {        color: Red }
p.gut {
        color: #008B8B;
}
.TextGrey  {
        font-size: 8pt;
        color: #555555;
}
.TextBlue  {
        font-size: 8pt;
        color: #001E4B;
}
/* Inline Links */
/* special styles */
select.text {
        width: 238px;
}
select.klein {
        width: 120px;
}
select.eltern {
        width: 200px;
}
select.lehrer {
        width: 90px;
}
select.klasse {
        width: 50px;
}
select.zahl {
        width: 40px;
}
span.klein {
        margin-right: 2px;
        color: #900;
        font-size: 10px;
        margin-left: 2px;
}
span.path { color: #ffffff; font-weight: bold; font-size: 70%; }
span.trenner {
        color: Black;
        font-size: 8pt;
        width: 20px;
}
span.red {
        color: Red;
        font-weight: bold;
        font-size: 8pt;
}

/* list styles */
table { }

table.content {
        color: #2F4F4F;
}
td { background-color: #eee; border-bottom: 1px solid #fff }
td.bank {
	font-size: 20px;
	font-family: "Courier New", Courier, monospace;
}

td.lesen {
        background-color: White;
        border-bottom: 1px solid #fff;
}
td.top {
        padding: 10px 0px 0px 1px;
        border: none;
        background-image: url(_table_top.gif);
        background-repeat: repeat-x;
        font-weight: bold;
}
td.1 {
        padding: 0px 0px 0px 3px;
        font-weight: normal;
        background-color: #D6D6D6;
        border-bottom: 1px solid #D6D6D6;
}
td.2 {
        padding: 0px 0px 0px 1px;
        border: none;
        font-weight: normal;
        background-color: #E9E9FF;
        border-bottom: 1px solid #D6D6D6;
        text-align: center;
}
table.form {
        font-size: 8pt;
        border-left: 1px solid #ddd;
}

td.blind {
        background-color: transparent;
        padding: 3px;
        border-bottom: 1px solid #fff;
        height: 2px;
        font-size: 1px;
        color: White;
}
td.form_error { color: #f00; font-weight: bold }
td.panel { background-color: #eee; border-bottom: 0px none }
td.neuerdatensatz {background-color: #F0E68C;}
td.gelb {background-color: Yellow; font-weight: bold}
td.lime {background-color: Lime; }
td.s {
        color: #fff;
        font-weight: bold;
        background-color: #9191FF;
}
td.werte5 {
        color: #fff;
        font-weight: bold;
        background-color: #339;
        background-image: url(stufenhintergrund5.gif);
        background-repeat: no-repeat;
        background-position: 3px;
}
td.werte2 {
        color: #fff;
        font-weight: bold;
        background-color: #339;
        background-image: url(stufenhintergrund_prozent_j.gif);
        background-repeat: no-repeat;
        background-position: 3px;
}
thead.s {
        color: #fff;
        font-weight: bold;
        background-color: #339;
}
table.standard td { font-size: 70%; background-color: #eee; vertical-align: middle; padding: 5px; border: none }
textarea.text {
        border: inset 1px #66cccc;
        width: 480px;
        height: 120px;
        border-top: 1px solid #66cccc;
        border-left: 1px solid #66cccc;
}
textarea.text2 {
        border: inset 1px #66cccc;
        width: 500px;
        height: 40px;
        border-top: 1px solid #66cccc;
        border-left: 1px solid #66cccc;
}
textarea.links {
        border: inset 1px #66cccc;
        width: 140px;
        height: 120px;
        border-top: 1px solid #66cccc;
        border-left: 1px solid #66cccc;
}
ul    {
        list-style-image: url(_bli.gif);
        margin: 4px 0px 4px 10px;
        padding: 0px 0px 0px 10px;
}
ul li ul li {
        margin-left: 0px;
        margin-bottom: 2px;
        font-size: 8pt;
        line-height: 125%;
}

/* form styles */
/* tables */
/* Links */