/* CSS Document */

/* VORSICHT!! Classes und ID's nicht ändern, sonst funktioniert javascript nicht mehr! */


html, body {
  margin: 0px;
  padding: 0px;}

* {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;}
	

div#seite {
	min-width:970px;}  /* sonst "bricht" der Lastwagen :) */


/* === Artikeltabelle ====================================================================== */

.tableclass {
	border-spacing: 1px;
	border: 0px solid silver;
	margin: 0px 0px 0px 0px;
	font-size:12px;
	}

.tableclass tr {
	}

.tableclass th {
	background-color: #f3f4f4;
	text-align:left;
	padding: 4px 2px 4px 2px;
	}

/*.tableclass td {
	background-color: #f3f4f4;
	text-align:left;
	padding: 2px 2px 2px 2px;
	}*/

.tdfarbedunkel{
	background-color: #f3f4f4;
	text-align:left;
	padding: 2px 2px 2px 2px;
	}

.tdfarbehell{
	/*background-color: #f3f4f4;*/
	text-align:left;
	padding: 2px 2px 2px 2px;
	}
	

/* === DIVS rechte Seite ================================================= */

div#buttonGroup {
	margin:0 0 10px 0;
	padding:3px;}

div#divRechts {
	margin:0 0 0 10px;}	

/* === Lastwagen DIVS ================================================= */

div.LW * { margin:0; padding:0; border-width:1px;}

div.LW {
	margin:0 0 10px 0;
	border:2px solid black;
	float:left;
	padding:3px;}

/* Paletten (divs) */

div.palKleinQuer {
	float:left;
	margin:2px;
	background-image:url(lw.jpg);
	height:35px;
	width:70px;}

div.palKleinHoch {
	float:left;
	margin:2px;
	background-image:url(lw.jpg);
	height:70px;
	width:35px;
	margin: 2px 12px -35px 2px;}

div.palGrossQuer {
	float:left;
	margin:2px;
	background-image:url(lw.jpg);
	height:45px;
	width:70px;
	position:relative;}

div.palGrossHoch {
	float:left;
	margin:2px;
	background-image:url(lw.jpg);
	height:70px;
	width:45px;
	margin: 2px 2px -35px 2px;}

div.palGrossQuer.oben{
	margin-bottom:-10px;}

div.palGrossQuer.unten{
	margin-top:-8px;}

div.transparent {
	background-image:url(light.png);}

/* Artikel (inputs) */

.LW div div {
	float: left;
}

.inpQuer {
	background: #E1E1E1;
	width:26px;
	text-align:center;
	margin-left:3px;}

.inpQuer.gross	{
	margin:14px 0px 0px 6px;}

.inpQuer.klein	{
	margin:10px 0px 0px 6px;}

.inpHoch {
	background: #E1E1E1;
	width:27px;
	text-align:center;
	margin-top:8px;}
		
.inpHoch.gross	{
		margin:13px 0px 0px 9px;}

.inpHoch.klein	{
		margin:13px 0px 0px 4px;}


/* === Form ====================================================================== */

div#anfrageDIV {
	border: 1px solid black;
	margin-top:20px;
	padding:10px;}

form label {
	width: 144px;
	float: left;
	}
	
div.fieldset {
	margin-bottom:5px;}

div.fieldset input {
	width:230px;}	

.redborder { border: 1px solid red; }


/* === CLEARFIX ====================================================================== */

div.clearfix {
	clear:both;}


/* === ERROR ====================================================================== */

div#msg.keineNachricht {
	display:none;}

div#msg.error {	
	display:block;
	color:red;
	margin: 0 0 5px 10px;
	padding: 2px;
	border: 2px solid red;}