@font-face {font-family: "Roboto"; src: local("Roboto"), url("roboto.ttf"); }
@font-face {font-family: "Roboto"; src: local("Roboto2"),url("roboto-bold.ttf"); }


body {
background: #fff;
font-family: Roboto, sans-serif, Arial, Verdana;
}

.imgborder {
border: 1px solid #C9C9C9;
}

#bodybox {
background-color:#E6E6FA !important;
font-family: Roboto, sans-serif, Arial, Verdana;
}

a {
color:#0D0D0D;
font-size:15px;
text-decoration:none;
}

a#fancybox-left {
display:none;
}

#fancybox-right-ico {
display:none;
}

#fancybox-left-ico {
display:none;
}

a#fancybox-right {
display:none;
}

#box-catalog {
width:250px; 
height:35px;
background-color:#104E8B;
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

#box-nav {
width:100%; 
height:36px;
background-color:#104E8B;
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
margin-right:-0px;
}

.categorie {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:16px;
font-weight: bold;
padding:5px;
padding-left:20px;
}

.categorie-katalog {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
font-weight: bold;
padding:5px;
padding-left:20px;
}

.untercategorie {
color:#585858;
font-family: Roboto2, sans-serif, Arial, Verdana;
font-size:16px;
font-weight: bold;
padding-left:20px;
}

.profilcategorie {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
padding:5px;
padding-left:5px;
}

#startartikel {
max-width:98%;
height:auto;
border: 1px solid #848484;
}

.startartikel-text {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
text-align: center;
}

.startartikel-cash {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:18px;
font-weight: bold;
text-align: center;
}

#box-artikel {
width:100%; 
height:36px;
background-color:#104E8B;
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
margin-top:-10px;
}

.artikel-text-1 {
width:500px;
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
font-weight: bold;
}

.artikel-text-2 {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:12px;
}

.artikel-cash {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:18px;
font-weight: bold;
}

.artikel-mwst {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:12px;
font-weight: bold;
}

.artikeldetail-text-1 {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:18px;
font-weight: bold;
}

.artikeldetail-text-2 {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
}

.artikellager-0 {
color:red;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
font-weight: bold;
}

.artikellager-1 {
color:orange;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
font-weight: bold;
}

.artikellager-2 {
color:green;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
font-weight: bold;
}


.artikeldetail-mwst {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:12px;
font-weight: bold;
}

IMG[name="warenkorb"] {
position:absolute;
top:50px;
right:240px;
}

select[name="flatdiscount"] {
width:252px;
height:30px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
border-width: thin;
}


#box-footer {
position:absolute;
bottom:0px;
left:0px;
right:0px;
background:#104E8B;
color:#fff;
font-family:Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

.box-footer-menu {
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:20px;
}

.box-footer-text {
color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

.basket-header {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:20px;
color:#104E8B;
font-weight: bold;
}

.basket-text-1 {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
color:#585858;
font-weight: bold;
}

.basket-text-2 {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:14px;
color:#585858;
font-weight: bold;
}


#button {
width:257px;
height:36px;
color:#fff;
background-color:#FFB90F; //#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:0;
}

#button-nav {
width:30px;
height:30px;
color:#fff;
background-color:#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

input {
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:14px;
}

input[name="my-add-button"] {
height:38px;
color:#fff;
background-color:#FFB90F; //#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:0;
}

#basket-position {
position:relative;
bottom:-370px;
text-align:center;
}

input[name="submit"] {
width:257px;
height:36px;
color:#fff;
background-color:#FFB90F; //#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:0;
}

input[name="user"] {
width:450px;
height:48px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
}

input[name="password"] {
width:450px;
height:48px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
}

input[name="email"] {
width:450px;
height:48px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
}

input[name="regemail"], input[name="regname"],input[name="regvorname"],input[name="regfirma"],input[name="regstrasse"],input[name="reghnummer"],input[name="regplz"],input[name="regort"],input[name="regtel"], input[name="reghandy"], input[name="regland"], input[name="regpassword"] {
height:28px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:3px;
margin-bottom:3px;
}

input[name="proemail"], input[name="proname"],input[name="provorname"],input[name="profirma"],input[name="prostrasse"],input[name="prohnummer"],input[name="proplz"],input[name="proort"],input[name="protel"], input[name="prohandy"], input[name="proland"], input[name="propassword"], input[name="newemail"], input[name="newpassword"] {
height:32px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:3px;
margin-bottom:3px;
}

input[name="enter"] {
width:257px;
height:36px;
color:#fff;
background-color:#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:0;
}

select[name="reganrede"], select[name="regland"] {
width:250px;
height:30px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:3px;
margin-bottom:3px;
}

select[name="proanrede"], select[name="proland"] {
width:250px;
height:32px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:3px;
margin-bottom:3px;
}

input[name="connr"] {
height:32px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:5px;
margin-bottom:5px;
}

select[name="conbetreff"] {
width:255px;
height:32px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:35px;
margin-top:5px;
margin-bottom:5px;
}

textarea[name="context"] {
width:515px;
height:180px;
color:#585858;
background-color:#FFF;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
border:#585858;
boder-width: thin;
border-radius:18px;
margin-top:5px;
margin-bottom:5px;
}

.errortext {
color:#ff0000;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
border:0;
}

.username {
color:#000;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:13px;
//font-weight: bold;
}

.login-header {
color:#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:32px;
font-weight: bold;
}

.login-text {
color:#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:26px;
font-weight: bold;
}

.pay-error {
color:#FF0000;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:26px;
font-weight: bold;
}

.pay-text {
color:#000;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:26px;
font-weight: bold;
}

.text {
color:#104E8B;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

#user-box-catalog {
width:100%; 
height:35px;
background-color:#104E8B;
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
margin-top:-10px;
}


#docs-catalog {
width:100%; 
height:36px;
background-color:#104E8B;
color:#fff;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
margin-top:-10px;
}

.docs-text {
color:#585858;
font-family: Roboto, sans-serif, Arial, Verdana;
font-size:15px;
}

#jump {
position:absolute;
top:-200px;
}

#basketdoc {
position:absolute;
top:10px;
left:10px;
}




@media screen and (min-width: 800px) {

#switch_on { display:none }
#switch { display:block }

}


@media screen and (min-width: 400px) and (max-width: 799px) {

#switch_on { display:none }
#switch { display:block }

}


@media screen and (min-width: 1px) and (max-width: 399px) {

#switch_on { display:block }
#switch { display:none }

}