/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 06.03.2016, 13:51:10
    Author     : ignition
*/
/*
blau = #0055A4
weiss = #ffffff
rot = #EF4531
*/
* {margin:0;padding:0;}
html, body { width:100%; height:100%; color:#000; font-family:Arial, sans-serif; font-size:12px; background-color:#f4f4f4;}
#wrapper {margin-bottom:50px;}
p.success {color:#008f00;font-size:12px;}
p.error {font-size:20px;color:#dc0000}
div.clear {clear:both;display:block;}
div.line {margin-top:10px;margin-bottom:10px;border-bottom:1px #000000 solid;}
input.button {-webkit-appearance: none;}
h1 {font-size:20px;margin-bottom:20px;}
h2 {font-size:18px;margin-bottom:10px;}
p {font-size:12px;margin-bottom:10px;}
a {color:#EF4531;text-decoration:underline;}

#main .absenden {margin-top:32px;}
#main .absenden .button {border:none;background-color:#ff0000;color:#ffffff;text-transform:capitalize;padding:9px 25px 9px 25px;margin-right:25px;cursor:pointer;}

/* Login */
#wrapper #login {width:400px;background-color: #ffffff;border:1px solid #d6d6d6;padding:20px;margin:0px auto;}
#wrapper #login label {display:block;}
#wrapper #login input.text {width:300px;height:20px;margin-bottom:10px;}
#wrapper .absenden {margin-top:32px;}
#wrapper .absenden .button {border:none;background-color:#ff0000;color:#ffffff;text-transform:capitalize;padding:9px 25px 9px 25px;margin-right:25px;cursor:pointer;}

/* HEADER */
#header {width:90%;background-color:#ffffff;border:1px solid #d6d6d6;padding:20px;margin:0px auto;margin-bottom:10px;height:50px;}
#header #navigation {margin-top:35px;float:left;}
#header #navigation ul li {list-style-type: none;float:left;padding:0px 10px;}
#header a {text-decoration:none;}
#header li.active a {text-decoration:underline;}
#header a:hover {text-decoration:underline;}
#header .logo {float:right;display:block;}

/* MAIN */
#wrapper #main {width:90%;background-color:#ffffff;border:1px solid #d6d6d6;padding:20px;margin:0px auto;margin-top:10px;}
#wrapper #main div.textLbl {clear:both;}
#wrapper #main div.textLbl label.lbl {width:100px;float:left;}
#wrapper #main div.warenkorb div.textLbl label.lbl {width:200px;float:left;}
#wrapper #main div.textLbl input.text {width:250px;float:left;}

#wrapper #main table td, #wrapper #main table th {padding:3px 8px;}
#wrapper #main table {border-collapse: 0;border-spacing: 0;border:0;}
#wrapper #main table tr td, #wrapper #main table tr th {border-bottom:1px solid #000000;}

/* TABLE */
table tr td.plus, table tr th.plus {color:#008f00;}
table tr td.minus, table tr th.minus {color:#ff0000;}
div.verkaeufe table tr.infos {cursor:pointer;}
div.verkaeufe table tr tr.normal {cursor:none;}

div.bestellArtikel {display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
div.artikel {width:250px;padding:25px 20px 25px 20px;float:left;border-bottom:1px #000000 solid;}
div.artikel .bildDiv {height:270px;}
.inDenWarenkorb {margin-left:20px;}

span.gruen {display:block;color:#008f00;margin-top:10px;}
table.auflistung {margin-bottom:50px;}