/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CSS MG-WEINE
created by agentur etcetera


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- FONTS ----- */

body,a,div,p,li,ul,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,select,optgroup,option{
	font-family:Verdana,"Lucida Grande",Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:14px;
	color:#191919;
}
.hellgrau{
	color:#808080;
}
.gruen{
	color:#00693c;
}
.gold50{
	color:#d5c9a6;
}
.rot{
	color:#981e32;
}

/* ----- SUPERGLOBALS ----- */

body,html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:#191919;
}
.formbutton{
	border:1px solid #808080;
	color:#981e32;
	background-color:#ffffff;
	text-decoration:none;
	height:14px;
	line-height:14px;
	padding:0px;
	margin:0px;
	text-align:center;
	display:block;
}

/* ----- IDS ----- */

#container{
	display:block;
	width:760px;
	height:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
	background-color:#ffffff;
}
#head{
	display:block;
	width:760px;
	height:44px;
	margin:50px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
	background-color:#ffffff;
}
#content{
	display:block;
	width:760px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
	background-color:#e5ebf2;
}
#foot{
	display:block;
	width:760px;
	height:20px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #ab924d;
	background-color:#ffffff;
	line-height:20px;
	text-align:left;
	color:#00693c;
}
#topmenu{
	display:block;
	width:635px;
	height:45px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
	background-color:#00693c;
}
#mainhead{
	display:block;
	width:635px;
	height:125px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
}
#produktmenu{
	display:block;
	float:left;
	width:160px;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px none #ffffff;
}
#mainleft{
	display:block;
	float:left;
	width:635px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#mainright{
	display:block;
	float:left;
	width:125px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#maincontent{
	display:block;
	float:left;
	width:460px;
	margin:23px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

/* ----- HEADINGS ----- */

h1{
	padding:0px 0px 0px 0px;
	margin:0px 0px 12px 0px;
	font-size:14px;
	line-height:16px;
	color:#00693c;
	font-weight:normal;
	width:455px;
}
h2.gold{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #ab924d;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}
h2.gruen{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #00693c;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}
h2.rot{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #981e32;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}
h2.gelb{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #efb73e;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}
h2.orange{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #ff7634;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}
h2.hgruen{
	padding:0px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	font-size:10px;
	line-height:14px;
	border:1px solid #64be00;
	font-weight:normal;
	height:14px;
	width:458px;
	text-indent:5px;
}

/* ----- LISTS ----- */

ul{
	list-style:square inside none;
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	width:450px;
}
ul.topmenu{
	display:block;
	list-style:none outside none;
	width:635px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#00693c;
}
li.topmenu{
	display:block;
	float:left;
	height:20px;
	text-indent:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.produktmenu{
	display:block;
	list-style:none outside none;
	width:160px;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
li.produktmenu{
	display:block;
	list-style:none outside none;
	width:160px;
	height:26px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* ----- LAYER/ PARAGRAPHS ----- */

p.content{
	display:block;
	padding:0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	width:450px;
}
p.copy{
	display:block;
	padding:0px 0px 16px 0px;
	margin:0px 0px 0px 0px;
	width:450px;
}
p.produkt{
	display:block;
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
div.clear{
	clear:both;
	line-height:1px;
	height:1px;
}
div.gold{
	text-align:center;
	color:#ffffff;
	background-color:#ab924d;
}
div.gold20{
	text-align:center;
	color:#191919;
	background-color:#eee9db;
}
div.gruen{
	text-align:center;
	color:#d5c9a6;
	background-color:#00693c;
}
div.gruen20{
	text-align:center;
	color:#191919;
	background-color:#cce1d8;
}
div.gelb{
	text-align:center;
	color:#ffffff;
	background-color:#efb73e;
}
div.orange{
	text-align:center;
	color:#ffffff;
	background-color:#ff7634;
}
div.verwoehn{
	text-align:center;
	color:#191919;
	background-color:#cce1d8;
	background-image:url(/htdocs/_images/verw%F6hn-bg.gif);
}
div.zahl{
	display:block;
	float:left;
	text-align:center;
	color:#ffffff;
	background-color:#cccccc;
	line-height:14px;
	width:8px;
	height:14px;
	border:1px solid #808080;
}
div.zahlon{
	display:block;
	float:left;
	text-align:center;
	color:#ffffff;
	background-color:#00693c;
	line-height:14px;
	width:8px;
	height:14px;
	border:1px solid #00693c;
}
div.text{
	display:block;
	float:left;
	text-align:center;
	color:#808080;
	background-color:#ffffff;
	line-height:14px;
	height:14px;
	border:1px solid #808080;
	border-left:0px none #808080;
}
div.texton{
	display:block;
	float:left;
	text-align:center;
	color:#191919;
	background-color:#ffffff;
	line-height:14px;
	height:14px;
	border:1px solid #00693c;
	border-left:0px none #00693c;
}
div.space{
	display:block;
	float:left;
	text-align:center;
	background-color:#ffffff;
	width:5px;
	height:14px;
}

/* ----- IMAGES ----- */

img{
	border:0px none #ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/* ----- LINKS ----- */

a.link{
	text-decoration:none;
	color:#00693c;
}
a.link:hover{
	text-decoration:underline;
}
a.splink{
	text-decoration:none;
	color:#191919;
}
a.topmenu{
	display:block;
	text-decoration:none;
	color:#ffffff;
	height:20px;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
a.topmenu:hover{
	color:#d5c9a6;
}
a.topmenuon{
	display:block;
	text-decoration:none;
	color:#d5c9a6;
	height:20px;
	line-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
a.produkt1{
	display:block;
	float:left;
	text-decoration:none;
	color:#191919;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #00693c;
}
a.produkt1:hover{
	color:#ffffff;
	background-color:#00693c;
}
a.produkt1on{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #00693c;
	background-color:#00693c;
}
a.produkt2{
	display:block;
	float:left;
	text-decoration:none;
	color:#191919;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ab924d;
}
a.produkt2:hover{
	color:#ffffff;
	background-color:#ab924d;
}
a.produkt2on{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ab924d;
	background-color:#ab924d;
}
a.produkt3{
	display:block;
	float:left;
	text-decoration:none;
	color:#191919;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #efb73e;
}
a.produkt3:hover{
	color:#ffffff;
	background-color:#efb73e;
}
a.produkt3on{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #efb73e;
	background-color:#efb73e;
}
a.produkt4{
	display:block;
	float:left;
	text-decoration:none;
	color:#191919;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ff7634;
}
a.produkt4:hover{
	color:#ffffff;
	background-color:#ff7634;
}
a.produkt4on{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ff7634;
	background-color:#ff7634;
}
a.produkt5{
	display:block;
	float:left;
	text-decoration:none;
	color:#191919;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #64be00;
}
a.produkt5:hover{
	color:#ffffff;
	background-color:#64be00;
}
a.produkt5on{
	display:block;
	float:left;
	text-decoration:none;
	color:#ffffff;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #64be00;
	background-color:#64be00;
}
a.produkt1a{
	display:block;
	float:left;
	text-decoration:none;
	color:#808080;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ffffff;
}
a.produkt1a:hover{
	color:#00693c;
	border:1px solid #00693c;
}
a.produkt1aon{
	display:block;
	float:left;
	text-decoration:none;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	color:#00693c;
	border:1px solid #00693c;
}
a.produkt1b{
	display:block;
	float:left;
	text-decoration:none;
	color:#808080;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	border:1px solid #ffffff;
}
a.produkt1b:hover{
	color:#981e32;
	border:1px solid #981e32;
}
a.produkt1bon{
	display:block;
	float:left;
	text-decoration:none;
	height:14px;
	width:80px;
	line-height:14px;
	text-indent:5px;
	margin:5px 0px 0px 8px;
	padding:0px 0px 0px 0px;
	color:#981e32;
	border:1px solid #981e32;
}

/* ----- FORMS ----- */
form{
	margin:0px;
	padding:0px;
}
fieldset{
	margin:-5px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	border:1px solid #000033;
	width:350px;
}
legend{
	font-size:13px;
	line-height:22px;
}
label.text{
	display:block;
	clear:left;
	float:left;
	width:55px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
input.anzahl{
	display:block;
	width:20px;
	height:10px;
	font-size:10px;
	line-height:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
select.text,input.text{
	display:block;
	float:left;
	width:170px;
	height:12px;
	color:#00693c;
	font-size:9px;
	line-height:12px;
	margin:2px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
select.texton,input.texton{
	display:block;
	float:left;
	width:200px;
	height:12px;
	color:#00337c;
	font-size:9px;
	line-height:9px;
	margin:2px 0px 6px 10px;
	padding:0px 0px 0px 0px;
	border:2px inset #ff4b4b;
	background-color:#ffffff;
}
textarea.textarea{
	display:block;
	float:left;
	width:200px;
	height:120px;
	color:#00693c;
	font-size:9px;
	line-height:9px;
	margin:2px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
input.submit{
	display:block;
	float:left;
	width:202px;
	height:18px;
	color:#ffffff;
	border:0px none #ffffff;
	background-color:#00337c;
	margin:6px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
