﻿body {
	color: #303030;
	background: #303030;
	font-family: Arial, sans-serif;
	fond-size: 11pt;
	padding: 5px 0px 5px 0px;
}

#hauptbox {
	position: relative;
	margin: auto;
	background: #fee496;
	width: 1006px;
	height: 100%;
	padding: 0px 0px 0px 0px;
}

#header {
	border-style: double;
	border-color: #a0a0a0;
	width: 1000px;
	height: 140px;	
	margin: 0px;
	padding: 0px;
	background: #fee496;
	float: left;
}

#balken {
	width: 1006px;
	height: 10px;	
	margin: 0px;
	padding: 0px;
	background: #303030;
	float: left;
}

#inhalt {
	width: 1006px;
	height: 100%;	
	margin: 0px;
	padding: 0px;
	background: #fee496;
	float: left;
}

#fuss {
	width: 1006px;
	height: 35px;	
	margin: 0px;
	padding: 0px;
	background: #fccd65;
	float: left;
}

#fuss2 {
	text-align:center;
}

a:link {
	color: #303030;
}

a:visited {
	color: #303030;
}

a:hover {
	color: #e05c1e;
}

a:active {
	color: #303030;
}

a#punkt {
	display: block;
	width: 14px;
	height: 16px;
	text-align: center;
	background: #feecb5 url(http://www.simposium-hosting.de/bilder/punkt.gif);
	border: 0;
	float: left;
}

a#punkt:link {
	background: #feecb5 url(http://www.simposium-hosting.de/bilder/punkt.gif) no-repeat;
	border: 0;
}

a#punkt:visited {
	background: #feecb5 url(http://www.simposium-hosting.de/bilder/punkt.gif) no-repeat;
	border: 0;
}

a#punkt:hover {
	background: #feecb5 url(http://www.simposium-hosting.de/bilder/punkthoover.gif) no-repeat;
	border: 0;
}

a#punkt:active {
	background: #feecb5 url(http://www.simposium-hosting.de/bilder/punkt.gif) no-repeat;
	border: 0;
}

#navi a:link, #navi a:active, #navi a:visited {
	text-decoration: none;
	color: #303030;
}	

#navi a:hover {
	color: #505050;
}

.clear
{
clear: both;
margin: 0;
}


/*Formatierungen für das Kontaktformular*/

#kontakt {
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: #303030;
	margin: 0px 0px 0px 0px;
}

textarea {   

	scrollbar-base-color:#e05c1e;
	scrollbar-3d-light-color:#79949E;
	scrollbar-arrow-color:#e05c1e;
	scrollbar-darkshadow-color:#e05c1e;
	scrollbar-face-color:#fccc64;
	scrollbar-highlight-color:#fccc64;
	scrollbar-shadow-color:#e05c1e;
	scrollbar-track-color:#fee496;
	background-color: #feecb5;	
	font-size: 11pt;
	font-family: Arial, sans-serif; 
	color: #303030;
}


input {
	font-size: 11pt;
	font-family: Arial, sans-serif; 
	color: #303030; 
	background-color: #feecb5;
}

/*Hier kommen jetzt die Sachen vom Bestellformular*/

#wrapper {
  padding:10px;
  background:#FFF;
  border:0px solid #666;
}

h1  {
  background:#feca65;
  border:1px solid #e36b29;
  font-size:120%;
  padding:0.2em 0 0.2em 0.2em;
  margin: 0px 555px 0px 13px;
  color:#e36b29;
}

h4 {
	margin: 0px 0px 0px 13px;
	font-style: normal;
	font-size: 11pt;
}

a img {
  border:none;
}
form {
  background:#fee496;
  border:0px solid #666;
  margin:1em 0;
  padding:0 1em 1em 1em;
}
fieldset {
  background:#fee496;
  margin:1em 0 0 0;
  padding:0 10px 10px 0px;
  border:none;
  text-align:left;
}
legend {
  margin:0 0 5px 0;
  padding:2px 10px;
  background:#feca65;
  border:1px solid #e36b29;
  color:#e36b29;
  font-weight:bold;
  clear:both;
}
/* Darstellung Einleitungstext und Preisangabe */
p#einl {padding:0px 0px 0px 13px;}
p#preisangabe {
  font-size:100%;
}
/* Elemente im ersten Formularblock Artikelliste */
fieldset#fs_best table {
  border-collapse:collapse;
  width:100%;
  border:1px solid #303030;
  font-size:85%;
}
fieldset#fs_best p {
  padding:0.5em 0;
}
fieldset#fs_best thead {
  border:1px solid #303030;
}
fieldset#fs_best tr {
  border-bottom:1px solid #303030;
}
fieldset#fs_best th {
  padding:0 2px;
  border-bottom:1px solid #303030;
  background:#fccd65;
  color:#e05c1e;
}
fieldset#fs_best th.text_left {
  padding-left:2px;
}
fieldset#fs_best td {
  border:none;
  border-bottom:1px solid #303030;
  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 #303030;
  background:#feecb5;
  padding:0 2px;
  font-size:10pt;
  margin-right:0.2em;
}
/* Elemente im dritten Formularblock Addresse/Bemerkungen */
#anrede select {
  width:6em;
  border:1px solid #666;
  background:#feecb5;
}
input#vorname {width:106px;}
input#zuname  {width:175px;}
input#hausnum {width:106px;}
input#strasse {width:175px;}
input#plz     {width:106px;}
input#wohnort {width:175px;}
input#vorwahl {width:106px;}
input#rufnum  {width:175px;}
fieldset#fs_lieferadr input#email {width:285px; padding:0 8px 0 2px;}

div.float_left {
float:left;
width:19em;
}
 p#bemerkung {
  display:inline;
  padding:0;
  border:0px solid #000;
}

p#bemerkung textarea {
  background: #feecb5;
  width:294px;
  height:8em;
  margin:0;
  font-family:Arial, sans-serife; font-size:100%;
  border:1px solid #303030;
  overflow:auto;
  padding-right:0;
}
/* Buttons zum Senden des Formulars */
input#senden, input#recalc  {
  padding:0.1em 0.5em;
  font-weight:bold;
  color:#feecb5;
  background:#e36b29;
  border:1px solid #feca65;
  border-top:1px solid #feca65;
  border-left:1px solid #feca65;
  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:#e05c1e;
  border:2px solid #e05c1e;
  color:#303030;
}
p span.error {padding:0 2px;}
form#bestellform input.error {background:#FFF;}
/* Elemente der Dankesseite */
p#danke {
  font-size:100%; 
  line-height:1.2em; 
  margin:0 0 1em 0; 
  padding:0;
}
code {
  background:#fee496; 
  font-family: Arial, sans-serif;
  display:block;
  padding:13px;
}
/*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;
}
