/*********************************************
Reset
*********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

form {
	display: inline;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*********************************************
Settings
*********************************************/

body, td, th {
	color: #000;
	font-size: 0.625em;
	line-height: 1.8em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

input, textarea, select {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a {
	color: #688b09;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*********************************************
Frame
*********************************************/

#head .wrap,
#main .wrap,
#foot .wrap {
	width: 960px;
	margin: 0 auto;
}

/* http://www.positioniseverything.net/easyclearing.html */

.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*********************************************
Headlines
*********************************************/

h2 {
	color: #000;
	font-size: 2.1em;
	font-weight: 700;
	text-align: left;
}

h3 {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0.5em;
	position: relative;
	text-align: left;
}

h4 {
	color: #000;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	text-align: left;
}

h5 {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0.5em;
	text-align: left;
}

/*********************************************
Button + Pulldown
*********************************************/

/* default: gray + arrow icon */

a.button {
	background: url(/images/gui/buttons.png) right -26px no-repeat;
	color: #505050;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
}

a.button span {
	background: url(/images/gui/buttons.png) 0 0 no-repeat;
	display: block;
	float: left;
	font-size: 11px;
	height: 26px;
	line-height: 26px;
	margin-right: 13px;
	padding: 0 6px 0 10px;
}

a.button:hover {
	background-position: right -78px;
	text-decoration: none;
}

a.button:hover span {
	background-position: 0 -52px;
}

/* green + plus icon */

a.btn_plus {
	background-position: left -130px;
	color: #fff;
}

a.btn_plus span {
	background-position: right -104px;
	margin: 0 0 0 15px;
	padding: 0 11px 0 6px;
}

a.btn_plus:hover {
	background-position: left -182px;
}

a.btn_plus:hover span {
	background-position: right -156px;
}

/* green + arrow icon */

a.btn_arrow_g {
	background-position: right -338px;
	color: #fff;
}

a.btn_arrow_g span {
	background-position: left -312px;
	margin: 0 17px 0 0;
	padding: 0 7px 0 10px;
}

a.btn_arrow_g:hover {
	background-position: right -390px;
}

a.btn_arrow_g:hover span {
	background-position: left -364px;
}


/* gray + pulldown icon */

a.btn_pulldown {
	background-position: right -234px;
}

a.btn_pulldown span {
	background-position: left -208px;
	margin: 0 17px 0 0;
	padding: 0 7px 0 10px;
}

a.btn_pulldown:hover {
	background-position: right -286px;
}

a.btn_pulldown:hover span {
	background-position: left -260px;
}

/* pulldown active state */

a.btn_pulldown_active {
	background-position: right -234px !important;
}

a.btn_pulldown_active span {
	background-position: left -208px !important;
}

/* if button is followed by another button */

a.btn_seperate {
	margin-right: 5px;
}

/*********************************************
Icons
*********************************************/

.zoom {
	position: relative;
}

.zoom .magnify {
	bottom: 0;
	background: url(/images/icon/zoom.png);
	display: none;
	height: 16px;
	position: absolute;
	right: 0;
	width: 17px;
}

.smallbox_loader {
	background: url(/images/icon/smallbox_loader.gif);
	display: block;
	float: left;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.icolink {
	background-position: center left;
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	line-height: 16px;
	padding-left: 21px;
}

.ico_calendar {
	background-image: url(/images/icon/calendar.png);
}

.ico_mapcenter {
	background-image: url(/images/icon/mapcenter.png);
}

.ico_mapradius {
	background-image: url(/images/icon/mapradius.png);
}

.ico_shopping {
	background-image: url(/images/icon/basket.png);
}

.ico_rate {
	background-image: url(/images/icon/rating.png);
	background-position: 0 -16px;
}

.ico_time {
	background-image: url(/images/icon/clock.png);
}

.ico_map {
	background-image: url(/images/icon/map.png);
}

.ico_thumbup {
	background-image: url(/images/icon/thumbup.png);
}

.ico_thumbdown {
	background-image: url(/images/icon/thumbdown.png);
}

.ico_addtolist {
	background-image: url(/images/icon/addtolist.png);
}

.ico_comment {
	background-image: url(/images/icon/comment.png);
}

.ico_writetopic {
	background-image: url(/images/icon/writetopic.png);
}

.ico_fav {
	background-image: url(/images/icon/heart.png);
}

.ico_calc {
	background-image: url(/images/icon/calc.png);
	padding-left: 18px;
}

.mappoint {
	display: block;
	height: 38px;
	width: 24px;
}

.mappoint_a { background: url(/images/icon/gmark_a.png); }
.mappoint_b { background: url(/images/icon/gmark_b.png); }
.mappoint_c { background: url(/images/icon/gmark_c.png); }
.mappoint_d { background: url(/images/icon/gmark_d.png); }
.mappoint_e { background: url(/images/icon/gmark_e.png); }
.mappoint_f { background: url(/images/icon/gmark_f.png); }
.mappoint_g { background: url(/images/icon/gmark_g.png); }
.mappoint_h { background: url(/images/icon/gmark_h.png); }
.mappoint_i { background: url(/images/icon/gmark_i.png); }
.mappoint_j { background: url(/images/icon/gmark_j.png); }
.mappoint_k { background: url(/images/icon/gmark_k.png); }
.mappoint_l { background: url(/images/icon/gmark_l.png); }
.mappoint_m { background: url(/images/icon/gmark_m.png); }
.mappoint_n { background: url(/images/icon/gmark_n.png); }
.mappoint_o { background: url(/images/icon/gmark_o.png); }
.mappoint_p { background: url(/images/icon/gmark_p.png); }
.mappoint_q { background: url(/images/icon/gmark_q.png); }
.mappoint_r { background: url(/images/icon/gmark_r.png); }
.mappoint_s { background: url(/images/icon/gmark_s.png); }
.mappoint_t { background: url(/images/icon/gmark_t.png); }
.mappoint_u { background: url(/images/icon/gmark_u.png); }
.mappoint_v { background: url(/images/icon/gmark_v.png); }
.mappoint_w { background: url(/images/icon/gmark_w.png); }
.mappoint_x { background: url(/images/icon/gmark_x.png); }
.mappoint_y { background: url(/images/icon/gmark_y.png); }
.mappoint_z { background: url(/images/icon/gmark_z.png); }

/*********************************************
Rating
*********************************************/

.rating .stars,
.rating .stars span {
	background: url(/images/icon/rating.png) 0 0;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999em;
	width: 84px;
}

.rating .stars span {
	background-position: -84px 0;
	width: 0;
}

/*********************************************
Overlay/Popup
*********************************************/

.overlay {
	background: url(/images/gui/overlay_bg.png);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.popup {
	background: url(/images/gui/overlay_popup.png) -508px bottom;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 508px;
	z-index: 10001;
}

.popup .inner {
	background: url(/images/gui/overlay_popup.png) 0 0;
	font-size: 1.2em;
	margin-bottom: 50px;
	padding: 50px 50px 0;
	position: relative;
	width: 408px;
	z-index: 10001;
}

.popup_big {
	background-position: -1766px bottom;
	width: 750px;
}

.popup_big .inner {
	background-position: -1016px 0;
	width: 650px;
}

.popup .loader {
	background: url(/images/icon/smallbox_loader.gif);
	display: block;
	height: 16px;
	position: absolute;
	left: 30px;
	overflow: hidden;
	top: 32px;
	width: 16px;
	z-index: 10003;
}

.popup .closewindow {
	background: url(/images/gui/overlay_close.png) 0 0;
	display: block;
	height: 22px;
	position: absolute;
	right: 29px;
	top: 30px;
	width: 22px;
	z-index: 10003;
}

.popup .closewindow:hover {
	background-position: top right;
}

.popup .inner h6 {
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 0.7em;
}

.popup .inner h6 a {
	font-size: 0.65em;
	font-weight: 500;
}

.popup .inner .msg {
	padding: 1em 0;
}

.popup .inner .msg li {
	background-position: 5px center;
	background-repeat: no-repeat;
	display: block;
	font-weight: 700;
	margin-bottom: 1px;
	padding: 5px 5px 5px 26px;
}

.popup .inner .msg .msg_ok {
	background-color: #c9ffa0;
	background-image: url(/images/icon/tick.png);
}

.popup .inner .msg .msg_error {
	background-color: #ffd5cf;
	background-image: url(/images/icon/cross.png);
}

.popup .inner .form .label {
	color: #777;
	display: block;
	margin-bottom: 0.2em;
	padding-top: 0.4em;
}

.popup .inner .form .input {
	display: block;
	margin-bottom: 0.4em;
}

.popup .inner .form .submit {
	display: block;
	padding-top: 1em;
}

.popup .inner .form .submit input {
	margin-right: 0.5em;
}

.popup .inner .form .input textarea {
	width: 100%;
}

.popup .inner .form input,
.popup .inner .form textarea,
.popup .inner .form select {
	font-size: 11px;
}

.popup .inner p {
	margin-bottom: 1em;
}

/*********************************************
Overlay/Popup Delivery
*********************************************/

.delivery_check ul.products,
.delivery_select ul.products {
	border-bottom: 1px solid #ccc;
	max-height: 300px;
	height: auto !important;
	height: 300px;
	margin-bottom: 1em;
	overflow: auto;
	overflow-x: hidden;
}

.delivery_check ul.products li,
.delivery_select ul.products li {
	display: block;
	float: left;
	margin-bottom: 0.5em;
}

.delivery_check ul.products li.source {
	background-position: left center;
	background-repeat: no-repeat;
	clear: left;
	font-size: 1.2em;
	font-weight: 700;
	height: 38px;
	line-height: 28px;
	margin: 0;
	padding: 10px 0 0 30px;
	width: 100%;
}

.delivery_select ul.products li.source {
	border-top: 1px dotted #ccc;
	clear: left;
	font-size: 1.2em;
	font-weight: 700;
	padding: 0.5em 0 0;
	width: 100%;
}

.delivery_select ul.products li.source label.disabled {
	color: #aaa;
	text-decoration: line-through;
}

.delivery_select ul.products li.select {
	clear: left;
	margin-right: 5px;
}

.delivery_check ul.products li.product {
	color: #666;
	padding-left: 30px;
	width: 420px;
}

.delivery_select ul.products li.product {
	width: 330px;
}

.delivery_select ul.products li span.source {
	color: #999;
	display: block;
}

.delivery_select ul.products li.rating {
	width: 110px;
}

.delivery_select ul.products li.amount input {
	margin-right: 2px;
}

.delivery_check ul.products li.amount {
	font-weight: 700;
	width: 160px;
}

.delivery_select ul.products li.amount {
	color: #999;
}

.delivery_select ul.products li.error input {
	background-color: red;
	color: #fff;
}

/*********************************************
Create delivery
*********************************************/

.overlay .delivery_route .inner p {
	margin-bottom: 2em;
}

.delivery_route .edit {
	float: left;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	width: 250px;
}

.delivery_route .edit .entry {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 29px;
	position: relative;
}

.delivery_route .edit .entry li {
	float: left;
	line-height: 1.4em;
	width: 195px;
}

.delivery_route .edit .entry li.order {
	height: 38px;
	left: 0;
	position: absolute;
	top: 0;
	width: 24px;
}

.delivery_route .edit .entry .name {
	font-weight: 700;
}

.delivery_route .gmap {
	float: right;
	width: 400px;
}

.delivery_route .form {
	clear: left;
	padding-top: 1em;
}

.delivery_route .time {
	clear: left;
	padding-top: 2em;
}

.delivery_route .time span {
	color: #888;
}

/*********************************************
Pagination
*********************************************/

.pagination {
	display: block;
	float: right;
	margin-bottom: 1em;
}

.pagination li {
	display: block;
	float: left;
	margin-right: 5px;
}

.pagination a {
	background: url(/images/gui/pagination_buttons.png) 0 0 repeat-x;
	border-color: #ddd #ccc #aaa;
	border-style: solid;
	border-width: 1px;
	color: #666;
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 1px 6px;
}

.pagination a:hover {
	color: #333;
	text-decoration: none;
}

.pagination a:active {
	border-color: #bbb #ccc #ddd;
	color: #999;
}

.pagination .active a,
.pagination .active a:hover {
	background: none;
	border: none;
	color: #000;
	font-size: 2.2em;
	text-decoration: none;
}

/*********************************************
Pagination Arrows
*********************************************/

.pagination_arr a {
	background-image: url(/images/gui/pagination.png);
	display: block;
	float: left;
	height: 17px;
	margin-right: 0.5em;
	width: 20px;
}

.pagination_arr a.prev {
	background-position: 0 0;
}

.pagination_arr a.prev:hover {
	background-position: 0 -18px;
}

.pagination_arr a.next {
	background-position: -25px 0;
}

.pagination_arr a.next:hover {
	background-position: -25px -18px;
}


.pagination_arr a.prev_inactive,
.pagination_arr a.prev_inactive:hover {
	background-position: 0 -36px;
	cursor: default;
}

.pagination_arr a.next_inactive,
.pagination_arr a.next_inactive:hover {
	background-position: -25px -36px;
	cursor: default;
}

/*********************************************
Browse deliveries
*********************************************/

.delivery_search {
	background: #f8f8f8;
	border-bottom: 1px dotted #ddd;
	border-top: 1px dotted #ddd;
	display: block;
	font-size: 1.2em;
	margin: 0 auto 25px;
	padding: 1em;
	text-align: center;
	width: 880px;
}

.delivery_search label {
	font-weight: 700;
	padding-right: 0.5em;
}

.delivery_search input.text {
	color: #999;
	margin-right: 0.5em;
	width: 150px;
}

.delivery_list .pagination {
	margin-right: 25px;
}

.delivery_list .box {
	margin: 0 0 20px 25px;
}

.delivery_list .entry_list .entry {
	background: none !important; /* overwrite js class */
	margin-bottom: 0;
}

.delivery_list .rating {
	padding: 0.4em 0 0.3em;
  overflow: hidden;
}

.delivery_list .rating span {
	float: left;
	margin-right: 7px;
}

.delivery_list .shops,
.delivery_list .products {
	border-top: 1px dotted #ddd;
	margin-top: 18px;
	padding-top: 10px;
	float: left;
	margin-right: 9px;
	overflow: hidden;
	position: relative;
	width: 261px;
}

.delivery_list .products {
	margin-right: 0;
	width: 609px;
}

.delivery_list .shops ul,
.delivery_list .products ul {
 	position: relative;
 	width: 5000px;
}

.delivery_list .shops .picture,
.delivery_list .products .picture {
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	height: 60px;
	margin-right: 7px;
	width: 80px;
}

.delivery_list .shops .picture a,
.delivery_list .products .picture a {
	background: url(/images/gui/picture_frame.png) 0 -345px;
	display: block;
	float: left;
	height: 60px;
	margin-right: 10px;
	overflow: hidden;
	text-align: center;
	width: 80px;
}

.delivery_list .shops .title,
.delivery_list .products .title {
	color: #000;
	font-weight: 700;
	margin-bottom: 10px;
}

.delivery_list .pagination_arr {
	position: absolute;
	right: 0;
	top: 1em;
}

.delivery_list .pagination_arr .prev {
	margin-left: 10px;
}

#geo_not_found {
  background: #fdd4cc;
  border-bottom: 1px dotted #dd7662;
  border-top: 1px dotted #dd7662;
  font-size: 1.2em;
  font-weight: 700;
  margin: 0 auto 25px;
  padding: 1em;
  text-align: center;
  width: 880px;
}


/*********************************************
Startseite
*********************************************/

.home { position: relative; }
.home .intro { display: block;	margin: 0 auto 15px; }
.home .box { margin: 0 0 20px 25px; }

.home .button {
	position: absolute;
	right: 40px;
	top: 15px;
}

.home .map {
	float: left;
	height: 416px;
	width: 750px;
}

.home .users {
	background: #333;
	float: left;
	height: 416px;
	width: 130px;
}

.home .users h2 {
	background: #333;
	color: #fff;
	font-size: 1.2em;
	padding: 4px 0;
	text-align: center;
}

.home .users a {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 65px;
	text-indent: -9999em;
	width: 65px;
}

.home .users a:hover {
	border: 1px solid #fff;
	height: 63px;
	width: 63px;
}

.home .feature {
	float: left;
	height: 125px;
	padding: 10px 3% 0;
	width: 44%;
}

.home .feature img {
	display: block;
	float: left;
	margin-right: 12px;
}

.home .feature p {
	float: left;
	font-size: 1.1em;
	width: 360px;
}

.home .feature h3 {
	float: left;
	font-size: 2em;
	padding-top: 1px;
}



/*********************************************
Misc from old global.css
*********************************************/

/*****************************
Labels
*****************************/
span.biosphaere,
span.bio_suisse,
span.natura_beef,
span.ip_suisse,
span.bio,
span.demeter,
span.fidelio,
span.kagfreiland,
span.max_havelaar,
span.m7_bio,
span.m7,
span.suisse_garantie,
span.swiss_prim_gourmet,
span.fair_fish,
span.agri_natura,
span.naturaplan,
span.naturaplan_bio,
span.gebana,
span.delinat,
span.bio_weide_beef,
span.qm_schweizer_fleisch { background-repeat: no-repeat; display: block; float: left; line-height: 16px; height: 16px; font-size: 11px; overflow: hidden; text-indent: -9999em; }
a.biosphaere,
a.bio_suisse,
a.natura_beef,
a.ip_suisse,
a.bio,
a.demeter,
a.fidelio,
a.kagfreiland,
a.max_havelaar,
a.m7_bio,
a.m7,
a.suisse_garantie,
a.swiss_prim_gourmet,
a.fair_fish,
a.agri_natura,
a.naturaplan,
a.naturaplan_bio,
a.gebana,
a.delinat,
a.bio_weide_beef,
a.qm_schweizer_fleisch { background-repeat: no-repeat; display: block; float: left; line-height: 16px; height: 16px; font-size: 11px; color: #333; margin: 0 5px 5px 0; }
a.bio_suisse, span.bio_suisse { background-image: url(/img/labels/s/1.png); padding-left: 21px }
a.ip_suisse, span.ip_suisse { background-image: url(/img/labels/s/2.png); padding-left: 21px; }
a.natura_beef, span.natura_beef { background-image: url(/img/labels/s/3.png); padding-left: 21px; }
a.bio, span.bio { background-image: url(/img/labels/s/4.png); padding-left: 21px; }
a.demeter, span.demeter { background-image: url(/img/labels/s/6.png); padding-left: 39px; }
a.fidelio, span.fidelio { background-image: url(/img/labels/s/7.png); padding-left: 50px; }
a.kagfreiland, span.kagfreiland { background-image: url(/img/labels/s/8.png); padding-left: 68px; }
a.max_havelaar, span.max_havelaar { background-image: url(/img/labels/s/9.png); padding-left: 20px; }
a.m7_bio, span.m7_bio { background-image: url(/img/labels/s/10.png); padding-left: 21px; }
a.m7, span.m7 { background-image: url(/img/labels/s/11.png); padding-left: 21px; }
a.suisse_garantie, span.suisse_garantie { background-image: url(/img/labels/s/12.png); padding-left: 16px; }
a.swiss_prim_gourmet, span.swiss_prim_gourmet { background-image: url(/img/labels/s/13.png); padding-left: 53px; }
a.fair_fish, span.fair_fish { background-image: url(/img/labels/s/14.png); padding-left: 23px; }
a.agri_natura, span.agri_natura { background-image: url(/img/labels/s/15.png); padding-left: 55px; }
a.naturaplan, span.naturaplan { background-image: url(/img/labels/s/16.png); padding-left: 32px; }
a.naturaplan_bio, span.naturaplan_bio { background-image: url(/img/labels/s/17.png); padding-left: 32px; }
a.gebana, span.gebana { background-image: url(/img/labels/s/18.png); padding-left: 32px; }
a.delinat, span.delinat { background-image: url(/img/labels/s/19.png); padding-left: 21px; }
a.bio_weide_beef, span.bio_weide_beef { background-image: url(/img/labels/s/20.png); padding-left: 30px; }
a.qm_schweizer_fleisch, span.qm_schweizer_fleisch { background-image: url(/img/labels/s/21.png); padding-left: 40px; }
a.biosphaere, span.biosphaere { background-image: url(/img/labels/s/22.png); padding-left: 57px; }

/********************
Header
********************/
#head {
	height: 112px;
	margin: 10px auto 45px;
	position: relative;
	width: 960px;
}

#head .wrap a.home { display: block; height: 56px; width: 223px; background: url(/img/header-footer/eccofood.gif); position: absolute; top: 5px; left: 8px; }
#head .wrap .project { background: url(/img/header-footer/project.gif); width: 312px; height: 45px; position: absolute; right: 6px; bottom: 10px; z-index: 2; }
#head .wrap .project .rel { width: 312px; height: 45px; position: relative; }
#head a.mut-stiftung { position: absolute; display: block; width: 89px; height: 44px; left: 72px; top: 0; }
#head a.zuercher-tierschutz { position: absolute; display: block; width: 104px; height: 44px; right: 0; top: 0; }

#head .wrap a.register span,
#head .wrap a.login span,
#head .wrap .project span { display: none; }

#head .wrap a.register { display: block; height: 36px; width: 134px; background: url(/img/misc/button_round_register.png); position: absolute; top: 7px; right: 130px; }
#head .wrap a.login { display: block; height: 36px; width: 124px; background: url(/img/misc/button_round_login.png); position: absolute; top: 7px; right: 0; }
#head .wrap a.feedback { display: block; height: 29px; width: 149px; background: url(/img/misc/button_round_feedback.png); position: absolute; top: 20px; right: 0; }

#head .wrap a.newmessages { display: block; height: 44px; width: 152px; background: url(/img/header-footer/messagebubble.gif); position: absolute; top: 37px; right: 480px; }

#head .wrap a.newmessages div { height: 44px; width: 152px; position: relative; }
#head .wrap a.newmessages:hover { text-decoration: none; }
#head .wrap a.newmessages span { position: absolute; top: 7px; left: 8px; height: 22px; width: 138px; line-height: 22px; font-size: 10px; color: #fff; text-align: center; }

#head .wrap .failed { background-color: #B31515; color: #fff; position: absolute; right: 0; top: 60px; font-size: 11px; padding: 3px; }
#head .wrap .login { position: absolute; right: 0; top: 10px; font-size: 10px; color: #888; }
#head .wrap .login .h { position: relative; top: 10px; float: left; text-align: right; vertical-align: bottom; margin-right: 10px; font-size: 18px; color: #DDD; }
#head .wrap .login .txt { float: left; width: 100px; }
#head .wrap .login input.text { width: 90px; }
#head .wrap .login input.b { margin-top: 12px; }
#head .wrap .login .f { position: relative; top: 10px; width: 150px; }
#head .wrap .login-status { position: absolute; right: 0; top: 0; font-size: 10px; line-height: 13px; text-align: right; }
#head .tabline .content a.tab { display: block; float: left; height: 32px; line-height: 32px; width: 144px; color: #444; font-size: 12px; font-weight: bold; text-align: center; background-image: url(/img/header-footer/tab.gif); background-repeat: no-repeat; margin: 0 5px 0 0; padding-top: 3px; }
#head .tabline .content a.tab:hover { /*color: #8EB315;*/ text-decoration: underline; }
#head .tabline .content a.active { background-image: url(/img/header-footer/tab-active.gif); color: #FFF; font-size: 12px; }
#head .tabline .content a.active:hover { text-decoration: none; color: #FFF; }
/********************
Footer
********************/
#foot { background: url(/img/header-footer/subtab.gif) top repeat-x; border-top: 1px solid #ccc; padding:5px 0 25px 0; font-size: 11px; color: #999; text-align: center; margin: 0 auto; width: 960px; }
#foot li { padding: 2px; font-size: 11px; }
#foot a { color: #888; font-weight: bold; }
/********************
2. Nav-Ebene
********************/
#head .tabline { position: absolute; bottom: 0; width: 100%; border-bottom: 4px solid #8EB315; height: 32px; font-size: 11px; z-index: 1; }
#head .tabline .content { position: relative; width: 620px; height: 32px; padding: 0 0 0 5px; }
#head .tabline .subtabs { position: absolute; height: 27px; line-height: 27px; left: 0; bottom: -31px; background-image: url(/img/header-footer/subtab.gif); background-repeat: repeat-x; background-color: #FFF; width: 950px; }
#head .tabline .subtabs a { font-weight: bold; display: block; float: left; padding: 0 10px; color: #333; font-size: 11px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#head .tabline .subtabs a.active { background: #FFF; color: #82a218; font-size: 11px; border-bottom: none; }
#head .tabline .subtabs a.active:hover { color: #8EB315; }
#head .tabline .subtabs a.last { border-right: 1px solid #ccc; }
#head .tabline .subtabs a:hover { color: #82a218; text-decoration: none; }
/********************
3. Nav-Ebene
********************/
#head .tabline .subsub { bottom: -57px; background: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#head .tabline .subsub a { border: none; margin-left: 1px; margin-top: 3px; line-height: 23px; color: #999; }
#head .tabline .subsub a.active { background-color: transparent; color: #82a218; }
#head .tabline .subsubshadow { position: absolute; left: 0; bottom: -59px; width: 950px; background: url(/img/header-footer/tabline_bg.gif); font-size: 1px; height: 2px; }

span.fieldWithErrors textarea,
span.fieldWithErrors input,
span.fieldWithErrors select { background-color: #FDD4CC; }

/*********************************************
Slimbox
*********************************************/

#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 100000; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; z-index: 100000; }
.lbLoading { background: #fff  url(/img/slimbox/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; z-index: 100001; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent  url(/img/slimbox/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent  url(/img/slimbox/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 14px; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 100px; height: 22px; background: transparent  url(/img/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; z-index: 100002; }
#lbCaption { margin-right: 71px; color: #000; }
#lbNumber { margin-right: 71px; color: #666; }
#lbCaption { font-weight: bold; }

/*********************************************
Google Popup
*********************************************/

#googlebox { width: 730px; height: 520px; background: #fff; position: absolute; border: 4px solid #bbb; z-index: 51; }
#googleinnerbox { width: 710px; height: 500px; position: relative; padding:10px; }
#googlecontent { width: 710px; height:500px; }

.googlebox { width: 730px; height: 520px; background: #fff; position: absolute; border: 4px solid #bbb; z-index: 51; }
.googleinnerbox { width: 710px; height: 500px; position: relative; padding:10px; }
.googlecontent { width: 710px; height:500px; }

a.closeicon { display: block; width: 30px; height: 30px; position: absolute; top: -15px; left: -15px; background: url(/img/box/closepopup.png); }
.profile_spinner, .boxed_spinner { height: 100%; width: 100%; background: url(/img/profile/overlay_white.png); position: absolute; top: 0; left: 0; z-index: 888; }