/* Standard-Eigenschaften: RESET */

* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

ol, ul {
list-style: none;
}

b, strong {
font-weight: bold;
}

img, a img {
border: none;
}

/* Ende RESET */

html {
        overflow-y:scroll;
}

body {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        /* height:100%; */
        margin:0;
        padding:0;
        background-color:rgb(255,255,255);
        color:rgb(0,0,0);
        text-align: center;
        font-family: Arial, sans-serif;
      }

#container {
        position: relative;
        top:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:30px;
        width:1020px;
        height:100%;
        border: 0px solid red;
        text-align:left;
}

#mycustomscroll {
         position: relative;
         top:0;
         /* left: 119px; */
         left:0;
         border:0px solid green;
         background-color:rgb(255,255,255);
         color:rgb(0,0,0);
         width:697px;
         /* height:636px; */
         /* background-image: url('http://www.cartoonorama.de/img/flcampus.jpg'); */
         background-repeat: no-repeat;
         padding-left:30px;
         padding-right:30px;
         float: left;
}

#navileft {
        position:relative;
        top:0;
        left:0;
        height:636px;
        width:88px;
        color:rgb(0,0,0);
        border:0px solid blue;
        float:left;
}

#naviright {
        position:relative;
        top:-3px;
        left:0;
        border:0px solid cyan;
        height:636px;
        width:168px;

        float:right;
}

#navishop {
        height:65px;
        /* width:757px; */
        color:rgb(0,0,0);
        border:0px solid blue;
}

#wkorb {
position:absolute;
top:0;
left:480px;
border: 1px dashed #2B6699;;
}

a.navitop:link, a.navitop:visited {
margin-right: 15px;
padding-bottom:1px;
padding-top:1px;
padding-left:5px;
padding-right:5px;
display: inline;
text-decoration: none;
font-weight:bold;
color:#FF662B;
font-size:72%;
border: none;
}

a.navitop:hover {
background-color:#FF662B;
color:#FFFFFF;
}

a.wk:link, a.wk:visited {
margin-right: 15px;
padding-bottom:1px;
padding-top:1px;
padding-left:5px;
padding-right:5px;
display: inline;
text-decoration: none;
font-weight:bold;
color:#FF662B;
border: none;
}

a.wk:hover {
background-color:#FF662B;
color:#FFFFFF;
}

a.navileft:link, a.navileft:visited {
text-decoration: none;
color:#2B6699;
font-size:72%;
font-weight:bold;
display: block;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
}

a.navileft:hover {
background-color:#2B6699;
color:#FFFFFF;
}

a.navilefto:link, a.navilefto:visited {
text-decoration: none;
color:#FFFFFF;
background-color:#FF662B;
font-size:72%;
font-weight:bold;
display: block;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
}

a.navilefto:hover {
background-color:#FF662B;
color:#FFFFFF;
}

h1 {
color:#006666;
font-size:85%;
font-weight: bold;
margin-bottom:20px;
}

p.logo {
text-align: center;
}

p.textbl {
color:#2B6699;
font-size:72%;
margin-bottom:20px;
font-weight: bold;
}

p.textor {
color:#FF662B;
font-size:85%;
margin-bottom:20px;
font-weight:bold;
}

p.texts {
color:#000000;
font-size:72%;
margin-bottom:20px;
font-weight:bold;
}

table.formular {
color:#000000;
font-size:72%;
width:166px;
}

td.formular {
color:#2B6699;
width:166px;
}

p.spacerleft {
margin-bottom: 225px;
}

p.spacerright {
margin-bottom: 0px;
}


table.shopstart {
font-size:72%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
margin-left:5px;
}

tr {
/* height:40px; */
}

th {
text-align: left;
font-weight: bold;
}




th.preis, th.gruppe, th.bild, th.betrag, th.stueck {
text-align: center;
}

td.artikelnr {
width: 45px;
font-weight: normal;
vertical-align: middle;
text-align: center;
}

td.artikel {
width: 190px;
font-weight: bold;
vertical-align: middle;
text-align: left;
}

td.artikel2 {
width: 250px;
font-weight: bold;
vertical-align: middle;
text-align: left;
}

td.serie {
width: 50px;
font-weight: bold;
vertical-align: middle;
text-align: left;
}

td.beschreibung {
width: 150px;
vertical-align: middle;
text-align: left;
}

td.details {
width: 90px;
vertical-align: middle;
text-align: left;
}

td.loeschen {
width: 130px;
vertical-align: middle;
text-align: right;
}

td.preis{
width: 160px;
font-weight: normal;
vertical-align: middle;
text-align: center;
}

td.stueckzahl {
width: 50px;
font-weight: normal;
vertical-align: middle;
text-align: right;
}

td.betrag {
width:190px;
font-size:72%;
font-weight: bold;
vertical-align: middle;
text-align: right;
padding-right:0px;
}

td.gruppe {
width: 180px;
vertical-align: middle;
text-align: left;
text-align: center;
}

td.bild {
width: 200px;
vertical-align: middle;
text-align: center;
}

td.gruppeid {
width: 40px;
vertical-align: middle;
text-align: left;
}

td.gruppebezeichnung {
width: 400px;
vertical-align: middle;
text-align: left;
}

td.gruppebeschreibung {
width: 400px;
vertical-align: middle;
text-align: left;
}

td.spacer {
border-top: 2px dotted #2B6699;;

}

th.wkartnr, td.wkartnr {
font-size:72%;
width:30px;
}

th.wktitel, td.wktitel {
font-size:72%;
width:175px;
}

th.wkbeschr {
font-size:72%;
width:120px;

}

th.wkpreis {
font-size:72%;
width:65px;
}

th.wkstueck {
font-size:72%;
width:35px;
}

th.wkbutton {
font-size:72%;
width:65px;
}

th.wkbetrag {
font-size:72%;
width:100px;
text-align:right;
/* padding-right:10px; */
}

td.bepreis {
font-size:72%;
width:150px;
}






td.wkartikelnr {
font-size:72%;
font-weight:normal;
width:30px;
}

td.wkartikel {
font-size:72%;
font-weight:normal;
width:175px;
height: 35px;
vertical-align: middle;
}

td.wkbeschr {
font-size:72%;
font-weight:normal;
width:120px;
vertical-align: middle;
}



td.wkpreis {
font-size:72%;
font-weight:normal;
width:65px;
}

td.wkstueckzahl, td.wkstueck {
font-size:72%;
font-weight:normal;
}

td.wkbetrag {
font-size:72%;
font-weight:normal;
width:100px;
text-align: right;
}

td.wkloeschen {
font-size:72%;
font-weight:normal;
}





button {
width: 65px;
text-align: center;
vertical-align: middle;
color: rgb(255,255,255);
background-color: rgb(40, 92, 142);
border: 2px solid rgb(27,139,211);
font-family: Arial, sans-serif;
font-weight: bold;
font-variant: small-caps;
}

button:hover {
border: 2px solid rgb(182,112,114);
background-color: #FF662B;;
}

a.button:hover {
border: 2px solid rgb(182,112,114);
background-color: #FF662B;
}

h1.details {
color:#006666;
font-size:85%;
font-weight: bold;
margin-bottom:20px;
}

p.details {
color:#000000;
font-size:72%;
}

p.mitte {
text-align: center;
}

p.rechts {
text-align: right;
font-size:72%;
}

p.warenkorb {
padding-top: 3px;
padding-left: 3px;
font-size:72%;

}

table.details {
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
}

td.details2 {
font-size:72%;
vertical-align: top;
padding-bottom:20px;
}

td.details3 {
font-size:72%;
vertical-align: top;
padding-bottom:20px;
padding-left:20px;
}

td.projnr {
font-size:72%;
vertical-align: middle;
width:40px;
}

td.projbeschr {
vertical-align: middle;
width:524px;
}

table.zweispalter {
margin-bottom: 50px;
border: 2px dotted rgb(27,139,211);
padding: 25px;
}

td.links {
width: 200px;
vertical-align: top;
text-align: left;
padding-left:15px;
}

td.rechts {
width: 450px;
vertical-align: top;
text-align: left;
font-weight: bold;
}