@CHARSET "ISO-8859-1";

body {
background-color:#ffffcc;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff99;
margin:0px;
font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
  font-size: 125%;
  color: #333333;
  font-weight:bold;
  /*DEBUG*/
   border: 0px solid #008888;
}

h2{
 font-size: 110%;
 color: #333333;
 padding-top: 0px;
 padding-bottom: 5px;
 font-weight:normal;
/*DEBUG */
 border: 0px solid #008888;
}

h3{
 font-size: 100%;
 color: #333333;
}

a:link, a:visited, a:active {
	color: #ffff99;
	text-decoration: none;
	
}
a:hover {
	color: #ee6600;
	text-decoration: none;
}

img {
	border: 0;
}

ul {
	margin-top: 5px;
	margin-left: 5px;
	padding:0px;
	list-style-type: circle;
	list-style-position: inside;
	/*Debug*/
	border: 0px solid #770077;
}

input, textarea, select {
	font-size: 11px;
}

/**********************************************/
/*            Box Body                      */
/**********************************************/

#bodyBox {
	position:absolute;
	top: 0px;
	left:0px;

    width:100%;

    
    background-color:#ffffcc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffff99;
	margin:0px;
	font-size: 11px;
	
	border: 0px solid #0000ff;
}

/**********************************************/
/*            Box Header                      */
/**********************************************/
#headerBox {
	background-color: #000066;
	border-bottom: 2px solid #dd6600;

	height: 53px;
    width:100%;
}

#headLi {
	color: #ffff99;
	float:left;
	width:200px;
	/* Bildhoehe ist 40px - Angabe padding fuer Definition der mittigen Anordnung*/
	padding-top: 6px;
/* DEBUG */
	border: 0px solid #ff0000;
	
}

#headRe {
	color: #ffff99;
	font-size: 110%;
	text-align: right;
	padding-top: 20px;
	/*DEBUG */
	border: 0px solid #ff0000;
}

#boxdgrau {
   width:100%;
   height:4px;
   padding:0px;
   margin:0px;
   background-color: #8585b7; /* #7676a1;*/
   font-size: 2px;
/* DEBUG */
   border: 0px solid #00ff00; 
}

/**********************************************/
/*            Boxen Haupttext und Navigation  */
/**********************************************/
#navmainBox {
/* background-color: #9999aa; */
	background-image:url(bilder/verlauf.jpg);
	
}

#navLi {
   width:150px;
   padding: 15px 5px 0px 5px;
   margin:0px;
	float:left;

    font-size:120%;
/*DEBUG  */
   border: 0px solid #00ffff; 
}

div#navLi ul {
	margin-top: 5px;
	margin-left: 5px;
	padding:0px;
	list-style-type: none;
	/*Debug*/
	border: 0px solid #770077;
}

div#navLi li {
	padding: 5px;
	/*Debug*/
	border: 0px solid #008888;
}

div#navLi a:link {
	color: #fef56a;
}

div#navLi a:active {
	color: #fef56a;
}

div#navLi a:visited {
	color: #fef56a;
}

div#navLi a:hover {
	color: #ee6600;
}

#mainBox {
/*DEBUG */
	border: 0px solid #00ffff;
	
   background-color: #ffffcc;
   margin:0px 0px 0px 150px;
   padding:10px 20px 10px 20px;
   color: #333333;
   min-height: 470px;
}

* html #mainBox {  /* nur fuer Internet Explorer - TAN-HACK*/
  height:470px;     /* Version 5.x */
  h\eight:470px;    /* Version 6 */
}

div#mainBox p {
	margin: 5px 0px 10px 0px;
}

div#mainBox a:link {
	color: #888888;
	text-decoration: none;
}

div#mainBox a:active {
	color: #ff3300;
	text-decoration: none;
}

div#mainBox a:visited {
	color: #888888;
	text-decoration: none;
}

div#mainBox a:hover {
	color: #ff3300;
	text-decoration: none;
}


/**********************************************/
/*            Box Artikel in Artikeluebersicht*/
/**********************************************/
.artikel {
   width:700px;
   height:100px;
   padding: 0px 0px 0px 0px;
   margin: 10px 0px 20px 0px;
/* DEBUG */
    border: 0px solid #ff6600; 
	}

/*********************************************/
/*        Bilder in Artikelübersicht */
/*********************************************/
.imgArtikel {
	float:left; 
	vertical-align: text-top; 
	margin:4px 0px 0px 0px; /*top - right - bottom - left*/
	font-size:0px;
	color: #ff0000; 
}

div.imgArtikel img {
	border: 1px solid #dd6600; 
		}

.textUebersicht {
	margin: 0px 0px 0px 105px;
	height: 80px;
	/*DEBUG*/
	border: 0px solid #00ffff;
}

.preis {
	margin: 0px 0px 0px 105px;

	color: #666666;
	font-size: 90%;
	text-align: right;
	font-weight: bold;
	
	/*debug*/
	border: 0px solid #679877;
	
	border-bottom: 1px solid #555555;
}


/**********************************************/
/*            Box Artikeldetails              */
/**********************************************/
.detailBox{
	width:750px;
    height:344px;
    
    /*DEBUG */
    border: 0px solid #996600;
}

.textDetail {
	margin: 0px 0px 0px 310px;
	height:331px;
	font-size: 110%;
	/*DEBUG*/
	border: 0px solid #00ffff;
}

.preisDetail {
	margin: 0px 0px 0px 310px;
	color: #666666;
	font-size: 90%;
	text-align: right;
	font-weight: bold;
	
	/*debug*/
	border: 0px solid #679877;
	border-bottom: 1px solid #555555;
	
}

/**********************************************/
/*            Box Kontaktformular             */
/**********************************************/
.pflicht {
	border: 1px solid #ff0000;
	}


.kontaktBox {
	width: 320px;
	float: left;
	/*DEBUG*/
	border: 0px solid #880077;
}

div.kontaktBox h2{
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 110%;	
}

.formularBox {
	margin-left: 330px;
	padding-top:30px;
	width: 420px;

	/*DEBUG*/
	border: 0px solid #880000;
}

div.formularBox h2 {
	margin: 0px 0px 15px 0px;
	font-size: 110%;
	font-weight:bold;
	
}

.BezeichnerBox {
	width: 90px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/* DEBUG */
	border: 0px solid #0000ff;
}

.EingabeBox {
	width: 310px;
	margin: 0px 0px 0px 90px;
	padding:0px;
	/* DEBUG */
	border: 0px solid #00ffff;
}


.feldBezeichnerBox {
	width: 90px;
	height: 40px;
/*	height: 24px; */
	float:left;
	font-size:110%;
	margin:3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	/*DEBUG*/
	border: 0px solid #ff0000;
}

.feldEingabeBox {
	width: 310px;
	height: 27px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*DEBUG*/
	border: 0px solid #dd8800;
}

.feldTextBox {
	width: 400px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*DEBUG*/
	border: 0px solid #dd8800;
}

/**********************************************/
/*            Box Bestellformular             */
/**********************************************/
.formularreBox {
	margin-left: 330px;
	width: 420px;
	/*DEBUG*/
	border: 0px solid #880077;
}

div.formularreBox h2{
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 110%;	
}

.artikelBox {
	width:260px;
  	height:100px;
  	padding: 0px 0px 0px 0px;
  	margin: 0px 0px 0px 0px;
/* DEBUG */
    border: 0px solid #ff6600; 
}

.feldAnzahlBox {
	width: 170px;
	height: 90px;
	margin: 0px 0px 0px 85px;
	padding-top: 4px;
	/*DEBUG*/
	border: 0px solid #dd8833;

}

.preisBox {
	margin: 0 0 0 0px;
	padding:0px;
	width: 290px;
	height: 38px;
	font-size:105%;
	text-align:right;
	
	/*DEBUG*/
	border: 0px solid #ff8833;
	border-top: 1px solid #555555;
}

.betragBox {
	font-weight: bold;
	font-size:105%;
	text-align: right;	

}

.buttonBox {
	width: 320px;
	height: 27px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*DEBUG*/
	border: 0px solid #dd8800;
	}

.checkLiBox {
	width: 50px;
	float: left;
	/*DEBUG*/
	border: 0px solid #dd8833;
}

.checkReBox {
	width: 300px;
	margin-left: 55px;
	/*DEBUG*/
	border: 0px solid #dd8833;
}



/**********************************************/
/*            Box footer                      */
/**********************************************/
.footer {
color: #999999;
font-size: 80%;
text-align: right;

	clear:left;
   width:100%;
   height:10px;
   padding:0px;
   margin:0px;
   
   /*DEBUG */
   border: 0px solid #ff0000; 
   
   border-top: 1px solid #555555;
}


.f:link {
	color: #999999;
	text-decoration: none;
}

.f:active {
	color: #999999;
	text-decoration: none;
}

.f:visited {
	color: #999999;
	text-decoration: none;
}

.f:hover {
	color: #ff6600;
	text-decoration: none;
}