body {
	font-family: Helvetica Neue, Helvetica, Arial, FreeSans, sans-serif;
	font-size: 0.875em;
	margin: 0;
	padding: 0;
	background-color: white;
	color: black;
}

h1 {
	font-size: 2em;
	color: #555;
	margin-top: 0px;
	/*padding-top: 12px;*/
	/*background-color: white;*/ /* specify background color for IE */
	vertical-align: middle;
	margin-bottom: 0.5em;
	font-weight: normal;
}
#headsection {
	font-size: 0.6em;
	margin: 0;
}
#headsection a {
	text-decoration: none;
}
h2 {
	font-size: 1.5em;
	color: #666;
	margin-top: 10px; margin-bottom: 0.5em;
	font-weight: normal;
	/*background-color: #e7ffdc;
	padding-left: 8px; padding-top: 2px; padding-bottom: 2px;
	border-bottom: 1px solid #9c6;
	background-image: url(/media/img/corner.gif);
	background-position: left top; background-repeat: no-repeat;*/
}
h2:first-child {
	margin-top: 0;
}
h3 {
	font-size: 1.1em;
	color: #666; margin-top: 0.5em;
}
h3 span.edit a {
	text-decoration: none; margin-left: 1em; font-size: 0.8em;
}
/*h3:first-child {
	margin-top: 0;
}*/

p {
	/*color: black;*/
	text-align: justify;
	margin-top: 0.5em;
}
p.center {
	text-align: center;
}
p.helptext {
	font-size: 0.875em;
	color: #333;
}
p.note {
	font-size: 0.875em;
	color: #666;
}

small {
	font-size: 0.875em;
}

strong.error {
	color: red;
}

a {
	text-decoration: underline;
	color: #693;
}
a:hover {
	background-color: #693;
	color: white;
	text-decoration: none;
}
a img { border-width: 0; background-color: transparent; }

a.image {
	background-color: white;
}

a:hover span.logotitle {
	background-color: #390;
	text-decoration: none;
}

a.extern { color: #c00; }
a.extern:hover { color: #f00; }

span.gray {
	color: #666;
}

/*a.button { display: block; margin-top: 1em; text-align: center; text-decoration: none; vertical-align: bottom; line-height: 32px; overflow: hidden; }
a.button:hover { color: #390; background-color: white; }
a.smallbutton { display: block; text-align: center; text-decoration: none; vertical-align: bottom; line-height: 24px; overflow: hidden; }
a.smallbutton:hover { color: #390; background-color: white; }*/

var { font-style: italic; }

ul {
	/*margin-left: 2em;*/
	list-style-type: circle;
}
ul li {
	text-align: justify;
}

ol.terms li {
	margin-top: 0.5em;
}

ol {
	/*margin-left: 2.0em;*/
}

ol ol { list-style-type: lower-alpha; }

th {
	/*padding: 4px;
	padding-top: 0;*/
	padding: 0 4px;
	text-align: center;
	color: #666;
	font-weight: normal;
}

td {
	padding: 0 4px;
	/*padding-left: 0.2em;
	padding-right: 0.2em;*/
	/*text-align: left;*/
}

span.oekosozialmarkt { color: #693; }

div.right { float: right; }
div.clear { clear: both; }
div.clearleft { clear: left; }
div.clearright { clear: right; }

ul.plain,
form table ul {
	list-style-type: none;
	margin-left: 1em;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-indent: -1em;
}
ul.plain li {
	text-align: left;
}

p.homepage {
	text-align: center;
}

ul.back { list-style-type: none; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 1em; }
ul.back li { padding-left: 0; margin-left: 0; }
ul.back li a {
	background-image: url(../media/img/back.gif); background-position: left center; background-repeat: no-repeat;
	padding-left: 20px;
}
ul.back li a:hover { background-image: url(../media/img/back_hover.gif); }

.iconed {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
a.iconed:hover {
	background-color: #693;
}
.iconed.link {
	background-image: url(../media/img/link.gif);
}
a.iconed.link:hover {
	background-image: url(../media/img/link_hover.gif);
}
.iconed.cart {
	background-image: url(../media/img/cart.gif);
}
a.iconed.cart:hover {
	background-image: url(../media/img/cart_hover.gif);
}
.iconed.recommended {
	background-image: url(../media/img/icons/recommended.gif);
}
.iconed.certificate {
	background-image: url(../media/img/icons/certificate.gif);
}

ul.icons {
	margin: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.icons li {
	float: left;
	/*width: 74px;
	height: 85px;*/
	width: 55px;
	height: 55px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	/*margin-right: 1px;*/
}

ul.actions { list-style-type: none; margin-left: 0; margin-bottom: 0.5em; }
ul.actions li { margin-top: 2px; }
ul.actions a,
/*ul.topmenu a,*/
a.action, p.edit a {
	text-decoration: none; border-left: solid 2px #9c6;
	border-right: solid 2px #9c6;
	padding-left: 0.5em;
	padding-right: 0.5em;
	/*background-color: transparent;*/
}
ul.actions a:hover,
/*ul.topmenu a:hover,*/
a.action:hover,
p.edit a:hover {
	/*text-decoration: underline;*/
}

ul.actions.horizontal { margin-top: 5px; }
ul.actions.horizontal li { display: inline; margin-right: 5px; }

ul.options {
	list-style-type: none;
	/*font-size: 1.1em;*/
	font-weight: normal; 
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2px;
	padding-left: 0;
}
ul.options li {
	background: url(../media/img/option.gif) left top no-repeat;
	padding-left: 15px;
	padding-top: 4px;
}
ul.options span.additional {
	font-size: 0.8em;
	font-weight: normal;
}

p.edit { margin-top: 0.5em; }

span.money.big { font-size: 1.3em; font-weight: bold; }

ul.errorlist {
	margin-bottom: 0.5em; margin-top: 0.2em; list-style-type: none; margin-left: 0;
	border: 2px solid #c00;
	padding: 2px 4px; font-size: 0.8em; font-weight: bold;
	background-color: white;
	text-indent: 0;
}
ul.errorlist li {
	text-align: left;
}
ul.errorlist a {
	color: #666;
}
ul.errorlist a:hover {
	color: #999;
	background-color: transparent;
}

ul.topmenu { margin-top: 0.5em; margin-bottom: 1em; list-style-type: none; margin-left: 0; }
ul.topmenu li { display: inline; margin-right: 1em; }

/*
ul.choices { margin-top: 0.5em; margin-bottom: 1em; margin-left: 0; list-style-type: none; border-left: solid 1px #9c6; }
ul.choices li { display: inline; border-right: solid 1px #9c6;  padding-left: 1em; padding-right: 1em; }
ul.choices li.active { background-color: #e2fcde; }
*/

/*p.tags { font-weight: bold; background-color: #e2fcde; border: solid 1px #9c6; padding: 0.2em; }
p.tags a { color: #666; text-decoration: none; }
p.tags a:hover { color: white; background-color: #666; }*/

p.credits { font-style: italic; color: #999; }

table.description th {
	font-weight: normal; text-align: left; padding-right: 1em;
	vertical-align: top;
}

ul.enterprises { margin-left: 0; margin-top: 5px; padding: 0; margin-bottom: 5px; list-style-type: none; }
ul.enterprises li { display: block; float: left; font-size: 0.9em; width: 210px; height: 200px; text-align: center; margin: 3px; overflow: hidden; border: 1px solid #9c6; padding: 3px; }
ul.enterprises li img { display: block; margin-left: auto; margin-right: auto; }
ul.enterprises li span.logotitle { font-size: 1.2em; font-weight: bold; margin-top: 4px; margin-bottom: 0.5em; display: block; text-decoration: underline; }
ul.enterprises li a:hover span.logotitle { background-color: #390; text-decoration: none; }

table.enterprises {
	border-collapse: collapse;
	width: 100%;
}
table.enterprises td {
	padding-bottom: 4px;
	padding-top: 2px;
	border-bottom: 1px solid #ccc;
}
table.enterprises td.logo {
	padding-right: 16px;
	text-align: right;
	width: 200px;
}
table.enterprises h2 {
	margin-top: 0;
}

table.items {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}
table.items td {
	padding-bottom: 4px;
	padding-top: 2px;
	border-bottom: 1px solid #ccc;
}
table.items td.logo {
	padding-right: 16px;
	text-align: right;
	width: 50px;
}
table.items p.title {
	margin: 0;
	font-weight: bold;
}

div.recommended {
	float: right;
	color: #666;
	font-weight: normal;
	font-size: 10pt;
}
#all div.recommendation * {
	text-align: left;
}

/*table.products { margin-left: 0; margin-top: 5px; margin-bottom: 5px; }
table.products td { text-align: center; margin: 3px; border: 1px solid #9c6; padding: 3px; }
table.products td img { display: block; margin-left: auto; margin-right: auto; }*/

div.products {
	margin-left: 0; padding: 0; margin-top: 5px; margin-bottom: 5px; list-style-type: none;
}
div.products div {
	font-size: 0.9em; display: block; float: left; width: 160px; height: 80px;
	text-align: center; margin: 3px; overflow: hidden;
	border: 1px solid #999;
	padding: 3px;
}
div.products div img { display: block; margin-left: auto; margin-right: auto; }
div.products div.break { float: none; clear: left; width: 0; height: 0; margin: 0; padding: 0; border: none; }

p.question { margin-bottom: 1em; }

#map {
	border: solid 1px #ccc;
	margin-left: auto; margin-right: auto; overflow: hidden;
}
#map.side {
	width: 298px;
	height: 200px;
}
/* #map.big { width: 99%; height: 450px; margin-top: 0.5em; } */
/*#map.centermap { width: 500px; height: 400px; }*/
/*#mapContainer { display: none; }*/

#map h2 {
	font-size: 1.1em;
}

p.mapfooter { text-align: center; }

/*div.maptab img { display: block; float: left; margin: 2px; }*/

div.comment { width: 100%; vertical-align: top; margin-top: 1em; }
div.comment p.head { border-top: 1px solid #ccc; }
/*div.comment p.text { padding-bottom: 0.5em; }*/
div.comment span.datetime { font-size: 0.8em; }
div.comment div.thumb { float: left; width: 50px; margin: 0.5em; margin-left: 0; }
div.comment div.text { margin-left: 60px; }

div.forumentry { width: 700px; }
div.forumentry p.head { border-top: 1px solid #ccc; }
div.forumentry div.text { padding-bottom: 0.5em; margin-left: 60px; }
div.forumentry span.datetime { font-size: 0.8em; }
div.forumentry div.answers { margin-left: 1.0em; border-left: 1px solid #ccc; padding-left: 0.3em; }
div.forumentry div.thumb { float: left; margin: 0.5em; margin-left: 0; }

#forumoverview {
	width: 99%;	
}

table.forum { margin-top: 0; border-collapse: collapse; }
table.forum td { border: 1px solid #ccc; padding: 4px; padding-left: 0.3em; }
table.forum td.entrycount { text-align: center; }
table.forum h3 { margin: 0; font-size: 1.3em; }

table.tabular,
table.orders {
	margin-bottom: 0.5em;
	border-collapse: collapse;
}
table.tabular th,
table.orders th {
	padding: 4px;
}
table.tabular td,
table.orders td {
	border: 1px solid #ccc;
	padding: 4px;
}
table.tabular td.nr,
table.orders td.nr {
	text-align: center;
}
table.tabular td.time,
table.orders td.time {
	/*font-size: 0.875em;*/
	width: 80px;
}
table.tabular td.money,
table.orders td.money {
	text-align: right;
}
table.tabular td.number {
	text-align: right;
}
table.tabular tr.sum td {
	font-weight: bold;
	border-top: 1px solid black;
}

td.right {
	text-align: right;
}

table.outlets {
	width: 100%;
	margin-top: 0.5em;
}
table.outlets th,
table.outlets td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}
table.outlets th {
	font-weight: bold;
	font-size: 1em;
}
table.outlets td.openinghours {
	padding-left: 12px;
	vertical-align: top;
	color: #333;
	text-align: right;
}

div.orderstorno {
	position: absolute;
	right: 0;
	width: 500px;
	background-color: white;
	border: 2px solid #999;
	padding: 10px;
}

dl.summary {
	margin-top: 0;
}
dl.summary dt {
	color: #333;
	margin-top: 6px;
}
dl.summary dd {
	text-align: justify;
}
dl.summary dd p {
	margin-top: 0;
	margin-bottom: 0.5em;
	text-align: justify;
}

table.quantities { width: 100%; }
table.quantities td.position { }
table.quantities td.name { width: 50%; border-bottom: 1px solid #ccc; }
table.quantities td.quantity { width: 50%; }
table.quantities td.quantity div { color: black; height: 1.7em; min-height: 22px; }
table.quantities td.quantity div.bgtop { background-image: url(../media/img/quantity_top.gif); background-repeat: no-repeat; background-position: top right; background-color: #ccc; }
table.quantities td.quantity div.bgbottom { background-image: url(../media/img/quantity_bottom.gif); background-repeat: no-repeat; background-position: bottom right; }
table.quantities td.quantity div.content { padding-left: 0.5em; vertical-align: middle; margin-top: auto; margin-bottom: auto; padding-top: 0.2em; overflow: visible; }
table.quantities td.zero { width: 50%; }

table.description {
}
table.description th {
	text-align: left;
}

/*#overview td { padding: 0.5em; width: 50%; text-align: center; vertical-align: top; }
#overview td img {  margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; }
#overview th { font-size: 1.2em; text-align: center; padding: 3px; }*/

#advantages {
	/*margin: 0;*/
	padding: 0;
	margin-left: 2em;
	font-size: 1.2em;
	margin-top: 0;
}
#advantages li {
	list-style-image: url(../media/img/plus.gif);
	margin-top: 0.5em;
	text-align: left;
}
/*#advantages li.organisation { list-style-image: url(/media/img/icon_organisation.gif); }
#advantages li.company { list-style-image: url(/media/img/icon_company.gif); }
#advantages li.community { list-style-image: url(/media/img/icon_community.gif); }*/

div.markup { }
div.markup.truncated h2 { font-size: 1.2em; }
div.markup p { text-align: justify; }
div.markup li { text-align: justify; }
div.markup table td, div.markup table th {
	padding: 1px;
	padding-right: 6px;
}
div.markup table th {
	vertical-align: top;
	text-align: left;
}
div.markup table thead th {
	text-align: center;
}

div.button { text-align: center; margin-top: 0.5em; }

ul.markupcontrols {
	list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 5px; margin-top: 0;
	text-indent: 0;
}
ul.markupcontrols li {
	display: inline; margin-right: 3px;
}

div.cart {
	border: 1px solid #ccc;
	padding: 4px 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.cart ul li {
	list-style-type: circle;
}

table.cart {
	border-collapse: collapse;
} 
table.cart td.aggregate {
	border-top: 1px solid #333; padding-top: 0.5em;
}
table.cart th, table.cart td {
	padding: 4px;
}
table.cart td.product { }
table.cart td.peritem { text-align: right; }
table.cart td.quantity {
	text-align: right;
}
table.cart td.price {
	text-align: right; width: 6em;
}
table.cart td.price.total {
	text-decoration: underline;
}
table.cart td.discount { text-align: right; width: 6em; }
table.cart td.sign {
	text-align: right;
}

table.cart td.error {
	color: red;
	font-weight: bold;
	padding-left: 1em;
}

ul.process {
	margin-left: 0; margin-top: 0; margin-bottom: 1em;
	padding: 4px 8px;
	border: 1px solid #ccc;
	color: #666;
}
ul.process li { display: inline; }
ul.process li.active { font-weight: bold; color: black; }

div.buy {
	width: 100%;
	padding: 0.5em; margin-top: 1em;
	border: 1px solid #9c6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 1em;
}
div.buy form,
div.buy table {
	width: 100%;
}
div.buy th {
	padding-right: 0;
}

div.buy.unavailable {
	padding: 0.5em;
}
div.buy.unavailable p {
	margin: 0;
	text-align: left;
}

ul.navmenu {
	margin: 0;
	list-style-type: none;
	padding: 0;
	font-weight: bold;
}
ul.navmenu li {
	float: left;
	margin: 0;
	margin-left: 5px;
	padding: 6px 0 4px; 
	/*border-bottom: 1px solid #999;*/
	/*border-top: 1px solid white;*/
	z-index: 1;
	position: relative;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.navmenu li a {
	padding: 6px 12px 4px; 
	/*height: 18px;*/
	/*background-color: #b3c69f;*/
	text-decoration: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.navmenu li a:hover {
	/*background-color: #ccd9bf;*/
	background-color: white;
	/*border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	/*color: #69c;*/
	/*color: #693;*/
	color: #7b4;
}
ul.navmenu li.active {
	padding-bottom: 4px;
	border-bottom: 1px solid white;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
ul.navmenu li.active a {
	background-color: transparent;
}
ul.navmenu li.active a:hover {
	background-color: transparent;
}
ul.navmenu.right {
	padding-right: 6px;
	float: right;
}

div.navcontent {
	width: 100%;
	border-top: 1px solid #999;
	clear: both;
	padding-top: 10px;
	z-index: 0;
	position: relative;
	top: -1px;
}

div.smalltabs {
	font-size: 0.85em;
	margin-bottom: 0.5em;
}
div.smalltabs a.active {
	text-decoration: underline;
}



/* LAYOUT */

#everything {
	width: 950px;
	/*min-height: 500px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

#all {
	width: 950px;
	table-layout: fixed;
	margin-bottom: 1em;
	height: 400px;
	/*border-top: 1px solid green;*/
}
#all th,
#all td {
	vertical-align: top;
}

#head {
	color: white;
	background: url(../media/img/design/top.gif) top left no-repeat;
	padding-top: 0px;
	/*border-bottom: 3px solid #669933;*/
	height: 80px;
}
#head #logo {
	float: left;
	margin-top: 2px;
	margin-right: 30px;
}

#head #topmenu {
	/*margin-top: 8px;*/
	width: 700px;
	float: left;
	/*height: 65px;*/
	position: relative;
}

/*#head a {
	color: white;
	text-decoration: none;
}
#head a:hover,
#head #menu li.selected a:hover {
	background-color: #8CC63F;
	text-decoration: none;
}*/

#head a.image {
	background-color: transparent;
}
#head #menu {
	/*position: absolute;
	top: 0;
	left: 4px;*/
	float: left;
	list-style-type: none;
	margin: 0;
	/*margin-top: 8px;*/
	padding: 0;
	margin-right: 10px;
}
#head #menu li {
	margin-top: 20px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	overflow: hidden;
	/*background-color: #669933;*/
}
#head #menu li a {
	color: white;
}

#head #menu li.companies {
	background: url(../media/img/design/top_left.gif) top left;
}
#head li.companies a:hover,
#head #menu li.companies_selected a:hover,
#head #menu li.companies_highlighted a {
	background: url(../media/img/design/top_left_hover.gif) top left;
}
#head #menu li.companies_selected a {
	background: url(../media/img/design/top_left_selected.gif) top left;
}

#head #menu li.organisations {
	background: #669933;
}
#head li.organisations a:hover,
#head #menu li.organisations_selected a:hover,
#head #menu li.organisations_highlighted a {
	background: #8CC63F;
}
#head #menu li.organisations_selected a {
	background: #89B54F;
}

#head #menu li.community {
	background: url(../media/img/design/top_right.gif) top right;
}
#head li.community a:hover,
#head #menu li.community_selected a:hover,
#head #menu li.community_highlighted a {
	background: url(../media/img/design/top_right_hover.gif) top right;
}
#head #menu li.community_selected a {
	background: url(../media/img/design/top_right_selected.gif) top right;
}

/*#head #menu li.companies a {
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius: 5px;
}
#head #menu li.community {
	-moz-border-radius-topright: 5px;
	-webkit-border-radius: 5px;
}
#head #menu li.community a {
	-moz-border-radius-topright: 5px;
	-webkit-border-radius: 5px;
}*/

#head #menu li a {
	padding: 10px;
	margin-left: 0px;
	float: left;
	text-align: center;
	text-decoration: none;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
/*#head #menu li.selected a {
	color: white;
	*background-color: #89B54F;*
}*/
/*#head #menu li.company a {
	color: white;
	background: url(/media/img/design/top_left_selected.gif) top left;
}*/
/*#head #menu li.highlighted a {
	color: white;
	*background-color: #8CC63F;*
}*/

#head form {
	margin-top: 26px;
	float: left;
}
#head form input {
	width: 120px;
}

#head #user,
#head #login {
	/*position: absolute;
	right: 4px;
	bottom: 0;*/
	float: right;
	/*margin-right: 10px;*/
}
#head #user {
	width: 50px;
	height: 50px;
	margin-top: 5px;
	text-align: right;
}
#head #login {
	margin-right: 10px;
	margin-top: 12px;
}
#head #login {
	/*position: absolute;
	right: 60px;
	bottom: 8px;
	text-align: right;*/
	color: #666;
	text-align: right;
	width: 170px;
	/*border: 1px solid black;*/
	overflow: hidden;
}
#head #login small {
	font-size: 10px;
	margin-right: 4px;
}
#head #loginbutton {
	/*position: relative;
	top: +18px;*/
	/*display: inline-block;*/
	margin-top: 20px;
}
#head .username {
	/*font-size: 1.2em;*/
	font-size: 14px;
	font-weight: bold;
}
#head .username a {
	padding: 1px 4px;
	text-decoration: none;
}

#usermenu {
	margin-top: -20px;
	/*margin-right: 0px; */
	float: right;
	text-align: right;
	/*border: 1px solid black;*/
}

#usermenu p {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	/*margin-bottom: 3px;*/
}

#usermenu a {
	text-decoration: none;
}
#logout a {
	color: #c00;
}
#logout a:hover {
	color: white;
	background-color: #c00;
}

/*#search {
	width: 200px;
}*/

#search.empty {
	color: #888;
}

#left {
	width: 200px;
	padding-right: 20px;
}
#left h2, #right h2 {
	font-size: 1.2em;
}

#left h3 {
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	/*margin-top: 0em;
	margin-bottom: 0.1em;*/
}

#right ul.menu {
	width: 100%;
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	margin-top: 0.1em;
	margin-bottom: 0.5em;
}
#right ul.menu li {
	border-bottom: solid 1px #ccc;
	text-indent: -1em;
	padding-left: 1em;
}
#right ul.menu li.active a,
#right a:hover,
#right ul.menu ul.submenu li.active a,
#right ul.menu ul.submenu li a:hover {
	/*color: #5b2;*/
}

#right ul.menu ul.submenu {
	margin-left: 1.5em;
	padding: 0;
	font-size: 0.875em;
	margin-top: 0;
	margin-bottom: 0;
}
#right ul.menu ul.submenu li { list-style-type: none; margin-left: 0; border: none; }
#right ul.menu ul.submenu li a { /*color: #390; */ }


#content {
	/*width: 410px;*/
	text-align: left;
	/*min-height: 400px;*/
}


#right {
	width: 300px;
	padding-left: 20px;
}
#right div.plain {
	text-align: center;
}

#right div.recommendation {
	text-align: left;
	color: #666;
	margin-bottom: 1em;
}

#rightinfo { width: 300px; float: right; padding-left: 24px; padding-bottom: 24px; background-color: white; /*border: 1px solid #9c6;*/ }

/*#right { position: absolute; right: 0; width: 300px; }*/

#footer {
	border-top: 1px solid #999;
	font-size: 0.85em; margin: 0; padding-top: 0.5em; padding-bottom: 2em;
}
#footer p {
	text-align: right;
}
#footer a.active { text-decoration: none; }
#footer a {
	color: #666;
}
#footer a:hover {
	color: white; background-color: #666; text-decoration: none;
}


/* FORMULAR */

form {
	margin-top: 0em;
	margin-bottom: 0em;
}
/* form p { text-align: center; } */
form input, textarea, select { /*border: solid 1px #fc9;*/ }
form textarea.big,
form textarea.med {
	width: 700px;
}
form th {
	text-align: left;
	vertical-align: top; /*width: 200px;*/
	padding-right: 2em;
	/*padding-top: 4px;*/
	/*width: 1em;*/
}
form th.disabled,
form td.disabled p {
	color: #ccc;
}
form td.submit { text-align: center; padding-top: 0.5em; }
form div.submit { text-align: center; width: 50%; margin-top: 1em; }
/*form td.submit input, form input.submit, form div.submit input*/ /*{ background-image: url(/media/img/button.gif); width: 203px; height: 43px; }*/
/*{ border-style: solid; border-width: 1px;  border-top-color: #9c6; border-left-color: #9c6; border-bottom-color: #090; border-right-color: #090; background-color: #390; color: #390; }*/

form.cart td.submit, form.cart div.submit {
	text-align: left;
}

form p {
	margin: 0;
}

form h2,
form h2:first-child {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}
form tr:first-child h2:first-child {
	margin-top: 0;
}

/*form td.submit input, form input.submit, form div.submit input, form input.button, a.button {
	font-family: Myriad,sans-serif; font-size: 12pt; font-weight: bold; color: #390;
	background-color: white; border: none; background-image: url(/media/img/button.gif); width: 152px;
	height: 32px; overflow: hidden;
}
form input.smallsubmit, form input.smallbutton, form td.submit input.smallbutton, a.smallbutton {
	font-family: Myriad,sans-serif; font-size: 10pt; font-weight: bold; color: #390;
	background-color: white; border: none; background-image: url(/media/img/smallbutton.gif);
	width: 113px; height: 24px; overflow: hidden;
}*/

a.button,
form td.submit input,
form input.submit,
form div.submit input,
form input.button,
a.smallbutton,
form input.smallbutton,
form input.smallsubmit {
	text-decoration: none;
	background-color: #81B031;
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 4px 12px;
	/*border: 1px solid #86b34d;*/
	border: 1px solid #4D662C;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-width: 80px;
	display: inline-block;
	text-align: center;
}
a.button:hover,
form td.submit input:hover,
form input.submit:hover,
form div.submit input:hover,
form input.button:hover,
a.smallbutton:hover,
form input.smallbutton:hover,
form input.smallsubmit:hover {
	/*background-color: #481;*/
	background-color: #9FD83C;
}
a.smallbutton,
form input.smallbutton,
form input.smallsubmit {
	font-size: 12px;
	padding: 2px 8px;
	min-width: 60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

form input.image { border: none; }
form select option { padding-right: 10px; }

form input.wide {
	width: 400px;
}
form input.iban {
	width: 300px;
}
form input.small {
	width: 50px;
}

/*form input.imagefield {
	min-width: 600px;
}*/

form div.helptext {
	margin-top: 0.5em; margin-bottom: 0.5em; font-size: 0.875em;
	color: #333;
}

/*form.fullwidth { width: 95%; }
form.fullwidth table { width: 100%; }*/
/*form.fullwidth textarea { width: 95%; }*/

select.countries option, a.iconed {
	background-repeat: no-repeat; background-position: left center; padding-left: 20px;
	background-color: white;
}
select.countries option { margin-left: 3px; }

form select option.break { margin-bottom: 0.5em; }
form select option.breakbefore { margin-top: 0.5em; }

div.editbox {
	background-color: #e7ffdc; padding: 0.5em; margin-top: 0.5em;
} /* for workplace selection */

form.favorize { width: 95%; }
form.favorize table { width: 100%; }
form.favorize p { text-align: center; }

form div.formgroup {
	margin-left: 20px;
}

form td.submit input.deleteaccount {
	background-color: #B08131;
}
form td.submit input.deleteaccount:hover {
	background-color: #D89F3C;
}


/* MESSAGE */

div.dark { position: absolute; left: 0; top: 0; overflow: hidden; text-align: center; }

div.popupContainer,
div.popupFrameContainer {
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.popupFrameContainer {
	z-index: 2;
}
div.popup,
iframe.popupFrame {
	/*z-index: 100;*/ /*position: absolute;*/
	width: 400px; min-height: 60px; margin-top: 200px;
	/*left: 400px;*/ /*top: 200px;*/
	text-align: center;
	vertical-align: middle;
	padding: 16px;
	margin-left: auto; margin-right: auto;
  background-color: white;
  border: 3px solid #9c6;
}
iframe.popupFrame {
	padding: 0; border: none;
}
div.popup div.buttons {
	margin-left: auto;
	margin-right: auto;
}
div.popup h2 {
	text-align: center;
	font-size: 1.2em;
	margin-top: 0;
}
div.popup a {
	margin: 0 6px;
}