body{
	background-color:White;
  background:url(bilder/topback.jpg);
  background-repeat:repeat-x;
	font-family: 'Arial',san-serif;
	font-size: 12px;
	padding: 0px;
	margin:0px;
	color:black;
  text-align:center;
}
body.bodyleer{
	background-color:White;
  background:url(bilder/topback2.jpg);
  background-repeat:repeat-x;
	font-family: 'Arial',san-serif;
	font-size: 12px;
	padding: 0px;
	margin:0px;
	color:black;
  text-align:center;
}

#top{
	text-align:left;
	position: relative;

 margin:0px auto;
	width: 990px;
	height:105px;
	background:url(bilder/top.jpg);
	background-repeat:no-repeat;



}
#foot{
	text-align:center;
	position: relative;
	margin: auto;
	width: 100%;
	height:30px;
  border-top:1px solid #000887;
	margin-top: 5px;


}
#main{
	text-align:left;
	position: relative;
	margin:0px auto;
	width: 990px;



}
/********************************************************************************************/
/*allgemein*/
/********************************************************************************************/
a{
  text-decoration:none;
  border:none;
  color: #000887;
}
a img {
  border: none;
}
a.menuelink{
  color: white;
}
div.zeilenumbruch{
  text-align:left;
	position: relative;
  width: 100%;
	height:1px;
	float:left;
}
div.zeilenumbruchbl{
  text-align:left;
	position: relative;
  width: 100%;
	height:1px;
  background:#000887;
	float:left;
}
div.zeilenumbruchgrey{
  text-align:left;
	position: relative;
  width: 100%;
	height:1px;
  background:lightgrey;
	float:left;
	margin-bottom: 10px;
}
div.bennenung1{
   text-align:left;
	position: relative;
  width: 200px;

	float:left;
}
div.bennenung2{
  text-align:left;
	position: relative;
  width: 300px;

	float:left;
}


div.Meldungrot{
  background:red;
  color:blue;

}

/********************************************************************************************/
/*Einstellungen*/
/********************************************************************************************/
div.kategorieph{
  text-align:left;
	position: relative;
  width: 10px;
	height:40px;
  float:left;
  background:url(bilder/einstreturn.jpg);
}
div.kategorieauf{
  text-align:left;
	position: relative;
  width: 200px;
	height:40px;
  float:left;

}
div.kategorieaufhaupt{
  text-align:left;
	position: relative;
  width: 200px;
	height:40px;
  float:left;
  font-size: 16px;

}
div.kleinesformular{
  text-align:left;
	position: relative;
  width: 300px;
	height:40px;
	float:left;
}

div.formbreit{
  text-align:left;
	position: relative;
  width: 100%;
  float:left;
  border: 1px solid #000887;
  padding-top:3px;
  padding-bottom:3px;

}
div.auflistung{
  text-align:left;
	position: relative;
  width: 100%;
  float:left;
  border-bottom: 1px solid #000887;
  padding-top:3px;
}
div.formtext{

  text-align:left;
	position: relative;
  width: 250px;
  float:left;
  text-indent: 5px;

}
div.formtext100{

  text-align:left;
	position: relative;
  width: 100px;
  float:left;
  text-indent: 5px;

}
div.formtextlang{
    text-align:left;
	position: relative;
  width: 450px;
  float:left;
  text-indent: 5px;
}
div.formtextkurz{

  text-align:left;
	position: relative;
  width: 150px;
  float:left;
  text-indent: 5px;
  overflow:hidden;

}
div.formtextextrakurz{

  text-align:left;
	position: relative;
  width: 73px;
  float:left;
  text-indent: 5px;

}
div.formtextblock{
  text-align:left;
	position: relative;
  width: 100%;
  float:left;
  text-indent: 5px;
}
div.formtextright{
  text-align:right;
	position: relative;
  width: 100%;
  float:right;
  background:#000887;
  text-indent: 5px;
}

div.floatright{
  text-align:right;
	position: relative;

  float:right;
}
h6{
	font-size: 10px;
}
input.textfeld{
  width:100%;
}
.90{
  width:90%;
}

/********************************************************************************************/
/*Tabellenauflistung mit div, Aufgaben etc*/
/********************************************************************************************/
div.tabtext{
  	/*breite in html angeben */
  	text-align:left;
	position: relative;
  	float:left;
  	overflow:hidden;
  	border: 1px solid black;
  	margin: 1px;
  	padding: 2px;


}
div.tabcontainer{
  	/*breite in html angeben */
  	text-align:left;
	position: relative;
  	float:left;
  	overflow:hidden;
  	margin: 0px;
  	padding: 0px;


}
table.aufgabe{
	font-size: 13px;
}
table.aufgabe td{

  	border: 1px solid black;
  	margin: 1px;
  	padding: 2px;
}
table.liste1 td{
		margin: 1px;
		padding: 5px;
}

/********************************************************************************************/
/*Getrennte notengebenung*/
/********************************************************************************************/
textarea.getrenntenoten{
	line-height: 23px;
	overflow: hidden;
  width:55px;
  height:800px;
}
input.abzuege{
	width:55px;
}
/********************************************************************************************/
/*main*/
/********************************************************************************************/
div.mainkateha{
 text-align:left;
	position: relative;
  width: 230px;
	height:300px;
  padding:  8px;
	float:left;
}
div.mainkatebi{
  text-align:center;
	position: relative;
  width: 230px;
	height:280px;
  background:lightgrey;
	float:left;
}
div.mainkatete{
  text-align:center;
	position: relative;
  width: 230px;
	height:20px;
  color:white;
	float:left;
  background:#000887;
  line-height:18px;
  font-size: 12px;
}
img.mainkatebi{
  width: 210px;
	height:260px;
  padding: 10px;
}
div.katpfad{
	position: relative;
  width: 100%;
	margin-top:3px;
  border: 1px solid #000887;
  float:left;
}
a.mainkatete{
  color:white;
  text-decoration:none;

}
div.mainmenue{
  text-align:left;
	position: relative;
  width: 150px;
	color:white;
	float:left;
  background:#000887;
  line-height:18px;
  font-size: 12px;
}
div.auflistungeinzel{
  text-align:left;
	position: relative;
  width: 100%;
	float:left;
  border-bottom: 1px solid #000887;
  margin-bottom: 3px;

}
div.auflistung{
  text-align:left;
	position: relative;
  width: 100%;
	float:left;

}
div.auflistunganfang{
  text-align:left;
	position: relative;
  width: 500px;
	float:left;

}
div.auflistungende{
  text-align:left;
	position: relative;
  width: 250px;
	float:right;

}
div.platzhalter{
  text-align:left;
	position: relative;
  width: 100%;
  height:10px;
	float:left;

}
/********************************************************************************************/
/*Login*/
/********************************************************************************************/
div.Facebook{
  text-align:left;
	position: relative;
  width: 100%;
	float:center;
  padding:5px;
  margin:5px;
  background: #000887;
}
a.Facebook{
  font-weight:bold;
  color:white;
}
/********************************************************************************************/
/*Erstellen*/
/********************************************************************************************/
#produkterstellen{
  position: absolute;
  top:30px;
  left:200px;
  margin: auto;
  background:lightgrey;
  border: 1px solid #000887;
  width: 500px;
  z-index:4;
  visibility:hidden;
}
#bildeinfuegen{
  position: absolute;
  top:30px;
  left:200px;
  margin: auto;
  background:lightgrey;
  border: 5px solid white;
  width: 500px;
  z-index:4;
  visibility:hidden;
}
div.rahmenpopup{
  position: relative;
  border: 1px solid #000887;
  width:100%;
  float:left;


}
div.erstellenhead{
  position: relative;
  width: 100%;
	color:white;
	float:left;
  text-align:right;
  background:#000887;
}

/********************************************************************************************/
/*agb*/
/********************************************************************************************/
#agb{
  position: absolute;
  top:30px;
  left:50px;
  margin: auto;
  background:lightgrey;
  border: 1px solid #000887;
  width: 850px;
  height:500px;
  z-index:4;
  visibility:hidden;
  overflow:auto;
}
div.text{
  text-align:left;
	position: relative;
  float:left;
  width:100%;
  text-indent: 3px;

}
div.titel{
  text-align:left;
	position: relative;
  float:left;
  width:100%;
  text-indent: 3px;
  font-size:130%;
  text-decoration:underline;
  padding-top:5px;

}
div.ueberschrift{
  text-align:left;
	position: relative;
  float:left;
  width:100%;
  text-indent: 3px;
  font-size:130%;
  font-weight:bold;
  padding-top:5px;

}
/********************************************************************************************/
/*Produkteinzelheiten*/
/********************************************************************************************/
div.produktus{
  text-align:left;
	position: relative;
  width: 100%;
	color:white;
	float:left;
  background:#000887;

  font-size: 16px;
  font-weight:bold;
  text-align:center;

}
div.produktbes{
  text-align:left;
	position: relative;
  width: 790px;
	float:left;
  background:white;
  font-size: 12px;

}
div.produktbild{
  text-align:left;
	position: relative;
  width: 190px;
  height: 230px;
	float:right;
  background:lightgrey;
  font-size: 12px;


}
div.produktbildvor{
  position: absolute;
  width: 190px;
  height: 230px;
  z-index:3;
  visibility:hidden;


}
img.produktbild{
  margin-left:5px;
  margin-right:5px;
  margin-top:5px;
  font-size: 12px;
  width:180px;



}
div.produktsonst{
  text-align:left;
	position: relative;
  width: 100%;
	float:left;
  background:white;
  font-size: 12px;
}
div.bildmenue{
  text-align:center;
	position: absolute;
  bottom:1px;

  padding:1px;
  width: 100%;

}
img.icons{
  padding-left:2px;
}
#produktbildgross{
  position: absolute;
  top:30px;
  left:200px;
  margin: auto;
  background:lightgrey;
  border: 5px solid white;
  width: 700px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
#produktkommentarerstellen{
  position: absolute;
  top:30px;
  left:100px;
  margin: auto;
  background:lightgrey;
  border: 6px solid white;
  width: 800px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
img.produktbildgross{
  padding:10px;
}
div.menuewagrecht{
  text-align:center;
	position: relative;
  float:left;
  width:100%;
  color:white;
  border: 1px solid white;
  background:#000887;


}
#login{
  position: absolute;
  top:100px;
  left:250px;
  background:lightgrey;
  border: 6px solid white;
  width: 400px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
#login * label{
	font-size: 90%;
	float: left;
	clear: left;
	width: calc(25% - 6px);
	margin: 3px;
	line-height: 1.8em;
}
#login * input{
	font-size: 90%;
	float: left;
	width: calc(75% - 6px);
	margin: 3px;
	line-height: 1.8em;
}
#reiternennen{
  position: absolute;
  top:100px;
  left:250px;
  background:lightgrey;
  border: 6px solid white;
  width: 400px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
#neunennen{
  position: absolute;
  top:100px;
  left:200px;
  background:lightgrey;
  border: 6px solid white;
  width: 500px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
div.sternleer{
  position: relative;
  float:right;
  width: 75px;
	height:15px;
	background:url(bilder/icons/sternleer.jpg);

}
div.sternvoll{
  position: relative;
  float:left;
  height:15px;
	background:url(bilder/icons/sternvoll.jpg);

}
div.xloeschen{
  text-align:center;
	position: relative;
  float:right;

}
.recaptcha{

	position: relative;
	margin: 0px auto;
  padding: 5px;
	height:150px;
	color: white;
	float:left;
}
#problemmeldung{
  position: absolute;
  top:100px;
  left:250px;
  background:lightgrey;
  border: 6px solid white;
  width: 400px;
  z-index:4;
  text-align:center;
  visibility:hidden;
}
/********************************************************************************************/
/*Formulare*/
/********************************************************************************************/

textarea{
  width:500px;
  height:200px;
}

/********************************************************************************************/
/*Abrechnung*/
/********************************************************************************************/

.abrechnung{
  margin-top:8px;
  font-size:12px;

}
.abrechnungueberschrift{
  font-size:14px;
  font-weight:bold;

}