/*================================= UFO-Zeile =================================*/

div#Ufo {
position:absolute;
left:677px;
background: url(../img/ufo2.gif);
background-repeat:no-repeat;
float: right;
width: 312px;
height: 30px;

}
.Ufo-rechts-innen{
position:absolute;
left: -20px;
top: -6px;
width: 312px;
height: 30px;
font: bold 11px arial, sans-serif;
}

div#Ufo-links {
position:absolute;
left:152px;
background: url(../img/ufo-links.gif);
background-repeat:no-repeat;
float: right;
width: 612px;
height: 30px;

}

.Ufo-links-innen{
position:absolute;
left: -25px;
top: -12px;
width: 612px;
height: 30px;
}

/* Ende UFO-Zeile*/


/*================================= Breadcrumb =================================*/

div.breadcrumb {
float: right;
  margin: 8px -5px 0px 0px;
  font-size: 9pt;
  color: black;
  font-weight: bold;

}

a.breadcrumb {
 color: #0172A9;
  text-decoration: none;
}

a:hover.breadcrumb {
color:#CC4444;
text-decoration: NONE;
border-bottom: dashed 1px #CC4444;
}

/* Ende Breadcrumb*/



/*================================= NAV =================================*/


.NAV {/*
float: top;
display: inline;
position: static;


margin: 00px 0 00px 12px;
*/
}

.menueleiste{
/*float: bottom;

display: block;
position: static;
height: 480px;*/margin: 40px 0px 0px -25px;
}

/*================================= NAV A-B (links) =================================*/
ul.NAV-A {
/*
display:block;
position: static;*/
width: 123px;/*
margin: 0px 0px 10px 0px;
float: left;

color: #FFFFFF;
text-decoration:none;
font: verdana, sans-serif;
height: 20px;
line-height: 20px;*/
text-align: center;
list-style-type: none;
}

li.NAV-A {
/* display:block;
position: static;
list-style-type: none;
*/
background: url(../img/kartusche123.gif);
background-repeat: no-repeat;

width: 123px;
margin: 0px 0px 0px 00px;
color: #FFFFFF;
text-decoration:none;
font: bold 12px verdana, sans-serif;

height: 20px;/*
line-height: 20px;
font-size: 10pt;
font-weight: bold;

width: 123px;
margin: 20px 0px 0px -30px;




text-transform: capitalize;*/
text-align: center;
}

ul.NAV-B {
/*
display:block;
position: static;*/
width: 123px;
margin: -0px 0px 20px -30px;
/*
float: left;

color: #FFFFFF;
text-decoration:none;
font: verdana, sans-serif;
height: 20px;
line-height: 20px;*/
text-align: left;
list-style-type: none;
}

li.NAV-B {
margin:   0 0 4px 0px;
color: #FFFFFF;
text-decoration:none;
font: bold 11px verdana, sans-serif; /*
height: 20px;
line-height: 20px;
background: #00FFFF;
list-style-type: none;*/
text-align: left;

padding: 0px;
color:#2F4692;

/*-----------------------*/
/*width: 123px;
margin: 0 0 6px -60px;
/*
position: static;
color: #FFFFFF;
text-decoration:none;
font: bold 11px verdana, sans-serif;
text-align: left;
list-style-type: none;
padding: 0px;
color:#0172A9;*/
}


a:link.NAV-B, a:visited.NAV-B, a:active.NAV-B {
position: static;
display:block;
color:#0172A9;
text-decoration:none;
font: bold 11px verdana, sans-serif;

/*line-height: 11px;
font-variant:small-caps; */
}

a:hover.NAV-B {
/* background:TRANSPARENT; */
color:#CC4444;
text-decoration:NONE;
border-bottom: dashed 1px #CC4444;
}

/* Ende NAV A-B (links) */



/*================================= NAV C-D (rechts) =================================*/

div.NAV-Right {
/* display: inline;*/
float: right;
width: 200px;
margin: 20px 0px 0px 000px;
padding: 00px 100px 0px 0px;
font: bold 11px verdana, sans-serif;
text-align: center;

/* background: #FF0000;*/
}


ul.NAV-Right-A {

width: 100px;
float: right;/*
margin: 00px 0 0 00px;
background: #000000;

color: #00FFFF;
height: 20px;
line-height: 20px;
text-align: center;
list-style-type: none;*/

}


li.NAV-Right-A {
/* display: inline;
background: #0000FF;*/
background: url(../img/kartusche200.gif) no-repeat;
background-repeat: no-repeat;
list-style-type: none;
width: 200px;

color: #FFFFFF;
text-decoration:none;
font: bold 12px verdana, sans-serif;
height: 20px;
line-height: 20px;
/*margin: 0px 0 7px 00px;
text-transform: capitalize;
text-align: center;*/

}


/*
lh.NAV-B {
display:block;
background: #2F4692 url(images/kartusche1.gif);
width: 123px;
margin: 0 0 0 -12px;
color: #FFFFFF;
text-decoration:none;
font: bold 14px verdana, sans-serif;
height: 20px;
line-height: 20px;
text-transform: capitalize;
text-align: center;
}
*/
ul.NAV-Right-B {
margin: 0 0px 0px 0px;


}

li.NAV-Right-B, a.NAV-Right-B{
/*width: 120px;*/
margin: 0 0 4px -10px;
color: #FFFFFF;
text-decoration:none;
font: bold 11px verdana, sans-serif;
height: 16px;
line-height: 16px;/*
background: #00FFFF;*/
text-align: left;
list-style-type: none;
padding: 0px;
color:#2F4692;

}


a:link.NAV-Right-B, a:visited.NAV-Right-B, a:active.NAV-Right-B {
/* display:block; */
color:#2F4692;text-decoration:none;
font: bold 11px verdana, sans-serif;
height: 20px;
line-height: 20px;
/* font-variant:small-caps;*/
}

a:hover.NAV-Right-B {
background:TRANSPARENT;
color:#CC4444;
text-decoration:NONE;
border-bottom: dashed 1px #CC4444;
}


/* ================================= NAV Bildungspläne ================================= */
div.NAV-BP {
float: right;
width: 100px;
margin: 00px 50px 0px 0px;
padding: 00px 100px 0px 0px;
font: bold 11px verdana, sans-serif;
text-align: center;
}


ul.NAV-Bildungsplaene-A{
width: 100px;
float: right;/*
margin: 00px 0 0 00px;
background: #000000;

color: #00FFFF;
height: 20px;
line-height: 20px;
text-align: center;
list-style-type: none;*/
}


li.NAV-Bildungsplaene-A {
/* display: inline;
background: #0000FF;*/
background: url(../img/kartusche200.gif) no-repeat;
background-repeat: no-repeat;
list-style-type: none;
width: 200px;

color: #FFFFFF;
text-decoration:none;
font: bold 12px verdana, sans-serif;

line-height: 20px;
/*
height: 20px;margin: 0px 0 7px 00px;
text-transform: capitalize;
text-align: center;*/
}



li.NAV-Bildungsplaene-B, a.NAV-Bildungsplaene-B {
width: 240px;
margin: 0 0 00px -15px ;
text-decoration:none;
font: bold 10px verdana, sans-serif;
line-height: 14px;
text-align: left;
list-style-type: none;
padding: 0px;
color:#2F4692

}


a:link.NAV-Bildungsplaene-B, a:visited.NAV-Bildungsplaene-B, a:active.NAV-Bildungsplaene-B {
display:block;
float: left;
color:#2F4692;text-decoration:none;
font: bold 10px verdana, sans-serif;

font-variant:small-caps;
}

a:hover.NAV-Bildungsplaene-B {
float: left;
background:TRANSPARENT;
color:#CC4444;
text-decoration:NONE;
border-bottom: dashed 1px #CC4444;
}


/* Ende NAV*/




/* ================================= LogIn-Box ================================= */
div#loginbox {

position: relative;
left: 10px;
background: url(../img/kartusche123quad.png);
background-repeat: no-repeat;
    font-size: 10pt;
    font-weight: bold;
width: 123px;
height: 123px;
margin: 00px 0 0px 25px;
color: #FFFFFF;
text-decoration:none;


line-height: 20px;
text-transform: capitalize;
text-align: center;
}

div#loginbox input
 {
    font-size: 7pt;
    border: 0;
    }

div#loginbox p
 {
    font-size: 8pt;
    text-align: left;
    margin: 6px 0 0px 12px;
    line-height: 12pt;
    }

div#loginbox a
 {
    font-size: 8pt;
    text-align: left;
    color:#0172A9;
    font-weight: bold;
    margin: 0px 0 0px -12px;
    line-height: 12pt;
    }

/* Ende Login-Box*/




/* ================================= Warenkorb ================================= */

div.Warenkorbzeile {
/* display:inline-block;
text-align: left;
height: 44px;*/
font-family: Arial, helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
white-space:nowrap;
padding: 0px 0 0 0;
vertical-align: middle;
}

.Preis {
color: #EF8A09;
}

span#CartButton a {
  background: url(../img/cart-button-dbl5.png) no-repeat;
  background-repeat: no-repeat;
  display: inline-block;
  position:relative; top:9px; left:8px;
  width: 77px;
  height: 31px;
  text-decoration: none;
/*  text-indent: -999px;*/
    color: transparent;
  padding: 0px 30px 0 0;
  }

span#CartButton a:hover {background-position:   0 -31px;}
/*
.Cart-Button-Bildungsplan {
position:relative;
top:8px;
} */

span#DownloadButton {


  display: inline-block;
  position:relative; top: 10px; left:8px;
  width: 77px;
  height: 31px;
  text-decoration: none;
/*   background-repeat: no-repeat;  background: url(../img/cart-button-dbl5.png) no-repeat; text-indent: -999px;*/
    color: transparent;
  padding: 0px 30px 0 0;
  }

.td-8 {
position:relative;
top:50px;
left: 100px;
}

span.Korb-Inhalt-Preis {
font-family: Arial, helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: bold;
color: #EF8A09;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
div.menueleiste	ul.NAV-B  {
margin: 10px 0px 20px -30px;

}
}