/* default einstellungen */
   body {
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left:0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
    background-position: center  top;
	margin: 0px;
	SCROLLBAR-FACE-COLOR: #361a00;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #74462c;
	SCROLLBAR-ARROW-COLOR: #74462c;
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #74462c;
}
   table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:500;
	font-style: normal;
	text-decoration:none;
    text-align: left;
	color: none;
}
   .formular{
	font-family:verdana,arial,helvetica;
	font-size:11px;
	background-color : White;
	border : 1px solid Black;
}

 /* text formate */
   .textsmall{
	font-size:9px;
	font-weight: 400;
}
   .blocktext{
	text-align: justify;
}

   font.photo{
	font-size:7px;
	font-weight: 400;
}

.photo{
	font-size:7px;
	font-weight: 400;
}

 /* layout */
   td.aussenbox{
	background-color: #ADC6E5;
	border-left : 1px solid Black;
}
   td.centerbox{
	background-color: #ffffff;
	border-left : 1px solid Black;
}
   td.titelbalken{
	background-color: #ADC6E5;
	font-size:11px;
	font-weight:800;
	color: Black;
}
   td.dunkel{
	background-color: #6D8DB6;
	font-size:11px;
	font-weight: 400;
	color: White;
}
   img.news {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 8px;
    text-align: justify;
}
   td.foto  {
	text-align: justify;
}

   bottom  {
 	font-size: 9px;
 	font-weight: normal;
 	font-style: normal;
 	text-decoration: none;
 	color: #000000;
}

   hr  {
 	color: #000000;
}

   .tabelleaussen {
 	border: 1px solid black;}


/*Linkdefinition*/
   a:link{
	color: #000000;
	text-decoration: underline;
}
   a:visited{
	color: #000000;
	text-decoration: underline;
}
   a:hover{
	color: #000000;
	text-decoration:none;
}
   a:active{
	color: #000000;
	text-decoration: underline;
}

   a.bottom:link{
	color: Black;
	text-decoration: none;
	font : 9px;
}
   a.bottom:visited{
	color: Black;
	text-decoration: none;
	font : 9px;
}
   a.bottom:hover{
	color: Black;
	text-decoration: underline;
	font : 9px;
}
   a.bottom:active{
	color: Black;
	text-decoration: none;
	font : 9px;
}



/*
#######################################################################
#  um-Bestellformular Skript V1.00                                    #
#  zur freien Verwendung, d. h. keinerlei Lizenzen oder Copyright     #
#  der backlink soll aber sein!                                       #
#  Auf jeden Fall aber diesen Tag im XHTML Template einbinden:        #
#  <meta name="Generator" content="script by http://um-fritz.de" />   #
#  Danke und viel Erfolg!                                             #
#  http://um-fritz.de                                                 #
#######################################################################
Diese CSS Datei erm&ouml;glicht es, das Bestellformular zu gestalten. Grundkenntnisse
in HTML und CSS sind dabei von grossem Vorteil.
Hervorragende Dokumentationen zu beiden Themenbereichen finden Sie unter:
http://de.selfhtml.org/
*/
/* Allgemeine Angaben */
* 
#wrapper {
  padding:10px;
  background:#FFF;
  border:1px solid #000;
}
h1  {
  border:0px solid #000;
  font-size:110%;
  padding:0.2em 0 0.2em 1em;
  color:#000;
}
p {font-size:100%; padding:0.1em 0;}
p small {font-size:85%;}

form {
  border:0px solid #000;
  margin:1em 0;
  padding:0 1em 1em 1em;
}
fieldset {
  margin:1em 0 0 0;
  padding:0 10px 10px 10px;
  border:none;
  text-align:left;
}
legend {
  margin:0 0 5px 0;
  padding:2px 10px;
  border:1px solid #000;
  color:black;
  font-weight:bold;
  clear:both;
  width:100%;
}
/* Darstellung Einleitungstext und Preisangabe */
p#einl {padding:1em 0 0 0;}
p#preisangabe {
  font-size:100%;
}
/* Elemente im ersten Formularblock Artikelliste */
fieldset#fs_best table {
  border-collapse:collapse;
  width:100%;
  border:1px solid #000;
  font-size:100%;
}
fieldset#fs_best p {
  padding:0.5em 0;
}
fieldset#fs_best thead {
  border:1px solid #000;
}
fieldset#fs_best tr {
  border-bottom:1px solid #000;
}
fieldset#fs_best th {
  padding:0 2px;
  border-bottom:1px solid #000;
  color:#000;
}
fieldset#fs_best th.text_left {
  padding-left:2px;
}
fieldset#fs_best td {
  border:none;
  border-bottom:1px solid #000;
  padding:2px 2px 0 2px;
}
fieldset#fs_best input {
  text-align:right;
}
fieldset#fs_best .text_left {
  padding-left:2px;
}
fieldset#fs_best .text_middle {
  text-align:center;
}
fieldset#fs_best .text_right {
  text-align:right;
}
fieldset#fs_best td input {
  height:1.2em;
  width:3em;
  line-height:1em;
  padding:0 2px;
}
fieldset#fs_best p {
  line-height:1.4em;
}
/* Elemente im zweiten Formularblock Zahlmethode */
#fs_zahlmeth label {
  display:block;
  overflow:auto;
  line-height:1.6em;
}
input#zahlmeth1, input#zahlmeth2, input#agb_confirm, input#send_mail_back {
  float:left;
  display:inline;
  margin:0.3em 5px 0 0;
  border:none;
  height:1.2em;
}
/* Eingabefelder im ersten und dritten Formularblock */
fieldset#fs_best input, fieldset#fs_lieferadr input, fieldset#fs_lieferadr textarea {
  border:1px solid #000;
  padding:0 2px;
  font-size:100%;
  margin-right:0.2em;
}
/* Elemente im dritten Formularblock Addresse/Bemerkungen */
#anrede select {
  width:6em;
  border:1px solid #000;
  background:#FFF;
}
input#vorname {width:10.2em;}
input#zuname  {width:10.2em;}
input#hausnum {width:5.4em;}
input#strasse {width:15em;}
input#plz     {width:5.4em;}
input#wohnort {width:15em;}
input#vorwahl {width:5.4em;}
input#rufnum  {width:15em;}
fieldset#fs_lieferadr input#email {width:20.6em; padding:0 8px 0 2px;}

div.float_left {
float:left;
width:21em;
}
 p#bemerkung {
  float:left;
  display:inline;
  padding:0;
  border:1px solid #000;
}
p#bemerkung label {
  display:block;
  padding:0.1em 0.5em;
  color:#000;
  font-weight:bold;
  border-bottom:1px solid #000;
  margin:0;
}
p#bemerkung textarea {
  width:20em;
  height:10em;
  margin:0;
  font-family:Verdana, sans-serife; font-size:100%;
  border:none;
  overflow:auto;
  padding-right:0;
}
/* Buttons zum Senden des Formulars */
input#senden, input#recalc  {
  padding:0.1em 0.5em;
  font-weight:bold;
  color:#000;
  border:1px solid #000000;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  font-size:100%;
  margin:0.5em 5px 0 0;
  cursor:pointer;
}
/* Anzeige Eingabefalder mit fehlerhaften Eingaben 'class="error"' */
p span.error, form#bestellform input.error, form#bestellform legend.error , form#bestellform select.error {
  background:#FFF;
  border:1px solid #F00;
  color:#000;
}
p span.error {padding:0 2px;}
form#bestellform input.error {background:#FFF;}
/* Elemente der Dankesseite */
p#danke {
  font-size:95%; 
  line-height:1.2em; 
  margin:0 0 1em 0; 
  padding:0;
}
code {
  background:#EEE; 
  display:block;
  padding:5px;
}
/*Klasse linksfloatender Objekte */
.float_left {float:left; margin-right:1em;}
p#balink {font-size:60%; text-align:right;}
p#valid a {font-weight:bold;}
/* CSS Hacks, Damit auch IE>7 versteht was gemeint ist */
*:first-child + html form {padding-top:1em;}
* html form {padding-top:1em;}
* html input#zahlmeth1, * html input#zahlmeth1, * html input#agb_confirm, * html input#send_mail_back {display:inline;}
* html input#agb_confirm, * html input#send_mail_back {margin-top:0;}
* html #fs_zahlmeth label,
* html legend {
  height:1%;
}
* html fieldset#fs_best p {
  line-height:1.6em;
}