/****************** Dokumentdefinition ******************/

@charset "UTF-8";


body
		{
			margin: 0;
			padding: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000;	
			text-decoration: none;
			background-color: #ddd;
		}
		
#container
		{
			margin: auto;
			margin-top: 6px;
			width: 1007px;
			background-color: #FFF;
			background-image: url(pics/back.gif);
			background-repeat: repeat-y;
		}
		

#banner
		{
		width: 1007px;
		height: 165px;
		background-image: url(pics/header.jpg);
		}			
		
		#infozeile-themenuebersicht{
				position: relative;
				top: 145px; 
				float: left;
				height: 16px;
				left: 15px;
				width: 100px;
				}
				
		#infozeile-siesindhier{
				position: relative;
				top: 145px; 
				float: left;
				left: 75px;
				height: 25px;
				width: 300px;
				}
		
		#infozeile-lesezeichen{
				position: relative;
				top: 145px; 
				float: left;
				height: 16px;
				width: 90px;
				left: 515px;
				}
		
#nav
		{
			clear: both;
			float: left;
			width: 140px;
			margin-left: 10px;
			padding-top: 1em;
		}
		
#nav p { margin-top: 0;
		}
		
#content
		{
			
			margin: 0 2em 0 175px;
		}

#bild
		{
			width: 300px;
			height: 225px;
			margin-left: 15px;
			float: right;
		}		
		
#footer
		{
			clear: both;
			width: 1007px;
			height: 25px;
			background-image: url(pics/footer.gif);			
			padding-top: 8px;
		}
		
		
		

/* CSS-Datei, die einzig dazu dient, die DIV's aus der alten WVE-Seite auszublenden, die derzeit nicht benötigt werden und stören. Alle alten Fuktionen sollen nämlich erhalten bleiben */


	#hiddennavaccess	{
	display:none;
	}
	
	#navAccesskey	{
	display:none;
	}
	
	#bannercontent{
	display:none;
	}
	
	#banneroben{
	display:none;
	}
	
	#bannerlinks{
	display:none;
	}
	
	#bannerrechts{
	display:none;
	}
	
	#bannerunten{
	display:none;
	}
	
	#bannerro{
	display:none;
	}
	
	#bannerlu{
	display:none;
	}
	
	#bannerru{
	display:none;
	}
	
	#bannerlo{
	display:none;
	}
	
	
	#hiddennavaccess{
	display:none;
	}
	
	#navAccesskey{
	display:none;
	}
	
	
	#hiddennavfontzoom{
	display:none;
	}
	
	#fontzoom{
	display:none;
	}
	
	
	#hiddennavhaupt{
	display:none;
	}
	
	#hauptnavigation{
	display:none;
	}
	
	
	#hiddennavsub{
	display:none;
	}
	
	#Subnavwerbung{
	display:none;
	}
	
	#Subnavoben{
	display:none;
	}
	
	#Subnavlinks{
	display:none;
	}
	
	#Subnavrechts{
	display:none;
	}
	
	#Subnavunten{
	display:none;
	}
	
	#Subnavro{
	display:none;
	}
	
	#Subnavlu{
	display:none;
	}
	
	#Subnavru{
	display:none;
	}
	
	#Subnavlo{
	display:none;
	}
	
	#Subnavcontent{
	display:none;
	}
	
	
	#hiddenSubnavwerbung{
	display:none;
	}
	
	
	#linkhoch{
	display:none;
	}
	
		
		
		



/****************** Textdeklarationen ******************/


.layouttext-large {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;	
		text-decoration: none;
		}
		
.layouttext-large a {
		color: #FFFFFF;
		text-decoration: none;
		}
		
.layouttext-large a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}

.layouttext-large a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		}

.layouttext-large a:active {
		color: #FFFFFF;
		text-decoration: none;
		}
		
		
		
.layouttext-small {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;	
		text-decoration: none;
		}
		
.layouttext-small a {
		color: #FFFFFF;
		text-decoration: none;
		}
		
.layouttext-small a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}

.layouttext-small a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		}

.layouttext-small a:active {
		color: #FFFFFF;
		text-decoration: none;
		}
		
		
.member {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #00519e;	
		text-decoration: none;
		}
		
.member a {
		color: #00519e;
		text-decoration: none;
		}
		
.member a:visited {
		color: #00519e;
		text-decoration: none;
		}

.member a:hover {
		color: #00519e;
		text-decoration: underline;
		}

.member a:active {
		color: #00519e;
		text-decoration: none;
		}



.text {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;	
		text-decoration: none;
		}
		
.text a {
		color: #00519e;
		text-decoration: none;
		}
		
.text a:visited {
		color: #00519e;
		text-decoration: none;
		}

.text a:hover {
		color: #00519e;
		text-decoration: underline;
		}

.text a:active {
		color: #00519e;
		text-decoration: none;
		}
			



/*
#######################################################################
#  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ö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;
  
}
h1  {
  background:#999 url(um-admin/bg_black.gif) center left repeat-x;
  border:1px solid #555;
  font-size:120%;
  padding:0.2em 0 0.2em 1em;
  color:#FFF;
}

form {
  background:#FFF;
  border:1px solid #666;
  margin:1em 0;
  padding:0 1em 1em 1em;
}
fieldset {
  background:#E9E9E9;
  margin:1em 0 0 0;
  padding:0 10px 10px 10px;
  border:none;
  text-align:left;
}
legend {
  margin:0 0 5px 0;
  padding:2px 10px;
  background:#999 url(um-admin/bg_black.gif) center left repeat-x;
  border:1px solid #555;
  color:#FFF;
  font-weight:bold;
  clear:both;
}
/* 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 #666;
  font-size:85%;
}
fieldset#fs_best p {
  padding:0.5em 0;
}
fieldset#fs_best thead {
  border:1px solid #666;
}
fieldset#fs_best tr {
  border-bottom:1px solid #666;
}
fieldset#fs_best th {
  padding:0 2px;
  border-bottom:1px solid #666;
  background:#999 url(um-admin/bg_black.gif) center left repeat-x;
  color:#FFF;
}
fieldset#fs_best th.text_left {
  padding-left:2px;
}
fieldset#fs_best td {
  border:none;
  border-bottom:1px solid #666;
  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 #666;
  background:#FFF;
  padding:0 2px;
  font-size:100%;
  margin-right:0.2em;
}
/* Elemente im dritten Formularblock Addresse/Bemerkungen */
#anrede select {
  width:6em;
  border:1px solid #666;
  background:#FFF;
}
input#vorname {width:9.2em;}
input#zuname  {width:9.2em;}
input#hausnum {width:4.4em;}
input#strasse {width:14em;}
input#plz     {width:4.4em;}
input#wohnort {width:14em;}
input#vorwahl {width:4.4em;}
input#rufnum  {width:14em;}
fieldset#fs_lieferadr input#email {width:18.6em; padding:0 8px 0 2px;}

div.float_left {
float:left;
width:19em;
}
 p#bemerkung {
  float:left;
  display:inline;
  padding:0;
  border:1px solid #000;
}
p#bemerkung label {
  display:block;
  padding:0.1em 0.5em;
  background:#999 url(um-admin/bg_black.gif) center left repeat-x;
  color:#FFF;
  font-weight:bold;
  border-bottom:1px solid #000;
  margin:0;
}
p#bemerkung textarea {
  width:18.4em;
  height:8em;
  margin:0;
  font-family:Arial, 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:#FFF;
  background:#B76800 url(um-admin/bg_orange_kl.gif) center left repeat-x;
  border:2px solid #7A4600;
  border-top:2px solid #EBC799;
  border-left:2px solid #EBC799;
  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;
}