* { margin:0; padding:0; }
html, body { height:100%; }

body {  background-color:#050; 
        font-style:normal; font-variant:normal; font-weight:normal;
        font-size:1.0em; line-height:1.0em;
        font-family:Verdana,Arial,sans-serif;
        text-align:center; 
        }

/* padding: oben rechts unten links */
.hidden	{ visibility:hidden; }

#container	{ position:absolute; top:10px; left:10px; 
        width:950px; background-color:#013300; min-height:600px; 
        background-image:url(vgt2.jpg); background-repeat:no-repeat; }

#level0 { position:absolute; text-align:left; top:10px; left:10px;
	font-size:1.0em; color:#fff; width:920px; }
#level0 a       { display:block; float:left; color:#ff0; 
		text-decoration:none; padding:5px 10px; }
#level0 a:hover { color:#fff; text-decoration:none; background-color:#700; }
#level0 span    { display:block; float:left; padding:5px 10px; }

#level1 { position:absolute; top:40px; left:10px; 
	width:920px; text-align:left; font-size:0.9em; color:#fff; }
#level1 a	{ display:block; float:left; color:#ff0; 
		text-decoration:none; padding:5px 10px; }
#level1 a:hover	{ color:#fff; text-decoration:none; background-color:#700; }
#level1 span	{ display:block; float:left; padding:5px 10px; }

#spacer	{ position:static; float:none; z-index:10; width:950px; height:295px; }

#main	{ position:static; width:900px; padding:0px 0px 50px 20px; min-height:800px;
	text-align:left; font-size:0.85em; line-height:1.3em; color:#fff; }
#main a		{ color:#ff0; text-decoration:none; }
#main a:hover	{ color:#fff; text-decoration:none; }
#main p		{ font-size:1em; padding:1em 0em 0.5em 0em; width:750px; text-align:justify; }
#main h2	{ font-weight:normal; font-size:1.3em; padding:1em 0em 0.2em 0em; }
#main li 	{ list-style-type:none; font-size:1em; line-height:1.5em; }
#main ul	{ font-size:1em; padding:2px 0px 2px 20px; line-height:1.5em; width:550px; }
#main .klein	{ font-size:0.75em; }
#main .fett	{ font-weight:bold; color:#79f979; }
#main input	{ background-color:#151; border:0px; padding:4px 30px 4px 30px; color:#fff; }

#nachhalt	{ width:700px; }
#nachhalt li	{ font-size:0.8em; margin-top:0.5em; }
#nachhalt br	{ line-height:0.5em; }

#hinweis	{ position:absolute; top:380px; left:680px; width:200px; 
		float:both; text-align:center; z-index:2; }

.lichtbild	{ float:left; position:relative; margin:18px 20px 20px 0px; 
		border-radius:6px; border:solid 2px #fff; }
.tuev		{ float:right; position:relative; right:100px; }
.baum		{ float:right; position:relative; top:400px; right:50px; }

/* Registrieren */
#regist { width:700px; text-align:left; color:#fff; font-size:1.0em; }
#regist h1      { font-size:1.1em; padding-top:20px; padding-bottom:20px; font-weight:normal; }
#regist h2      { font-size:0.8em; padding-bottom:20px; font-weight:normal; }
#regist td      { padding:6px; }
#regist input   { background-color:#151; border:0px; padding:4px; width:450px; color:#fff; }
#regist .bez    { width:200px; text-align:right; }
#regist .bezkl  { font-size:0.7em; }
#regist .feld   { width:500px; }
#regist .senden { width:100px; background-color:#282; font-weight:bold; }
#regist .senden2 { width:200px; background-color:#282; font-weight:bold; }
#regist .plz    { width:150px; }
#regist .chkbox { color:#151; }
#regist .fehler { padding-top:20px; padding-left:50px; }
#regist a       { color:#ff0; text-decoration:none; }
#regist a:hover { color:#aa0; }

#tabelle a		{ color:#fff; }		
#tabelle a.hidshow	{ color:#fff; }
#tabelle a.hidshow:hover	{ color:#ff0; }
#tabelle a.hidshow span		{ display:none; }
#tabelle a.hidshow:hover span	{ display:inline; padding:10px; position:absolute; 
				z-index:5; top:298px; left:620px; }
#tabelle .hidbild	{ margin:20px; max-height:520px; max-width:240px; 
			border:0px; border-radius:6px; }
#tabelle .hiddiv	{ background-color:#fff; width:280px; 
			border-radius:6px; border:0px;
			color:#040; font-size:0.9em; text-align:center; } 
#tabelle tr.header { background-color:#060; height:2em; }
#tabelle tr.mark1  { background-color:#040; }
#tabelle td        { padding:3px; }
#tabelle td.art    { width:150px; line-height:1em; }
#tabelle td.bez    { width:250px; line-height:1em; }
#tabelle td.preis  { width:100px; text-align:right; line-height:1em; }
#tabelle td.wako   { width:40px; text-align:center; }
#tabelle td.wako a { color:#fff; }
#tabelle td.menge	{ width:40px; text-align:center; }
#tabelle td.menge a	{ color:#fff; font-weight:normal; }
#tabelle td.minibild	{ text-align:center; background:#010; }
#tabelle td.minibild img	{ max-height:100px; max-width:100px; 
				padding:2px 10px 2px 10px; }

#backnext	{ color:#fff; background-color:#020; width:575px; height:2em; }
#backnext a.backlink	{ width:200px; display:block; padding:4px 20px 4px 10px; 
			position:relative; top:0px; left:0px; float:left; }
#backnext a.nextlink	{ width:200px; display:block; padding:4px 10px 4px 20px; 
			position:relative; top:0px; left:0px; float:right; 
			text-align:right; }

#validate       { display:block; position:fixed; top:20px; left:1050px; }

#suche		{ line-height:2em; }
#suche td	{ padding:0px 40px 0px 0px; }

#login		{ position:absolute; top:25px; left:795px; width:150px; 
		font-size:0.75em; color:#ccc; text-align:center; overflow:hidden; }
#login span	{ font-size:3em; line-height:1em; font-weight:bold; color:#329b32; }
#login p	{ padding: 30px 0px 0px 0px; }
#login a         { color:#cc0; text-decoration:none; }
#login a:hover   { color:#ccc; text-decoration:none; }

