input[type=submit] {
	font-family: 'Trebuchet MS';
}
input.button {
    padding: 0 .25em;
    width: 0;  /* IE table-cell margin fix */
    overflow: visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}
.btn_green_left {
	float:left;
    background-image:url(../images/design/basic/btn_green_left.png);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:28px;
    width:17px;
    border:0;
    cursor:pointer;
}

.btn_green_right {
	float:left;
    background-image:url(../images/design/basic/btn_green_right.png);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:28px;
    width:34px;
    border:0;
    cursor:pointer;
}

.btn_green_center {
	float:left;
    background-image:url(../images/design/basic/btn_green_center.png);
    background-repeat:repeat-x;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    margin:0;
    text-transform:uppercase;
    padding:0;
    height:28px;
    border:0;
    cursor:pointer;
    width:auto;
}
.btn_green_center span {
	position:relative;
	top:5px;
}

.btn_green_center_hover {
	float:left;
    background-image:url(../images/design/basic/btn_green_center.png);
    background-repeat:repeat-x;
    font-size: 12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#CDD8A3;
    margin:0;
    padding:0;
    height:28px;
    border:0;
    cursor:pointer ;
}
.btn_green_center_hover span {
	position:relative;
	top:5px;
}
.btn_green_left_l {
	float:left;
    background-image:url(http://www.vidavida.es/images/design/basic/btn_green_left_l.jpg);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:28px;
    width:17px;
    border:0;
    cursor:pointer;
}

.btn_green_right_l {
	float:left;
    background-image:url(http://www.vidavida.es/images/design/basic/btn_green_right_l.jpg);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:28px;
    width:34px;
    border:0;
    cursor:pointer;
}








.btn_greenbig_left {
	float:left;
    background-image:url(../images/design/basic/btn_greenbig_left.jpg);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:38px;
    width:28px;
    border:0;
    cursor:pointer;
}

.btn_greenbig_right {
	float:left;
    background-image:url(../images/design/basic/btn_greenbig_right.jpg);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    height:38px;
    width:54px;
    border:0;
    cursor:pointer;
}

.btn_greenbig_center {
	float:left;
    background-image:url(../images/design/basic/btn_greenbig_center.jpg);
    background-repeat:repeat-x;
    font-size:16px;
    font-weight:bold;
    color:#FFF;
    margin:0;
    padding:0;
    padding-top:7px !important;
    height:38px;
    border:0;
    cursor:pointer;
}

.btn_greenbig_center_hover {
	float:left;
    background-image:url(../images/design/basic/btn_greenbig_center.jpg);
    background-repeat:repeat-x;
    font-size: 16px;
    font-weight:bold;
    color:#CDD8A3;
    margin:0;
    padding:0;
    padding-top:7px !important;
    height:38px;
    border:0;
    cursor:pointer ;
}

.btn_greenbig {
    border:0;
    margin:0;
    padding:0;
    height:38px;
    width:auto;
    line-height:38px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    letter-spacing:1px;
    outline-style:none;
    outline-width:0;
}
.es .btn_greenbig {
    letter-spacing:normal;
}

.btn_greenbig em {
    float:left;
    background:url(../images/design/basic/btn_greenbig.png) no-repeat left top;
    *background:url(../images/design/basic/btn_greenbig.gif) no-repeat left top;
    height:38px;
    width:24px;
}
.btn_greenbig span, .btn_greenbig input{
    float:left;
    padding-right:45px;
    outline-style:none;
    outline-width:0;
    background:url(../images/design/basic/btn_greenbig.png) repeat-x right top;
    *background:url(../images/design/basic/btn_greenbig.gif) no-repeat right top;
}
.btn_greenbig:hover {
	color:#CDD8A3;
}
.btn_greenbig:hover em{
	background:url(../images/design/basic/btn_greenbig.png) no-repeat left bottom;
	*background:url(../images/design/basic/btn_greenbig.gif) no-repeat left bottom;
}
.btn_greenbig:hover span, .btn_greenbig:hover input{
	background:url(../images/design/basic/btn_greenbig.png) repeat-x right bottom;
	*background:url(../images/design/basic/btn_greenbig.gif) no-repeat right bottom;
}
.green_noarrow .btn_greenbig {
    border:0;
    margin:0;
    padding:0;
    height:38px;
    width:auto;
    line-height:38px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    letter-spacing:.5px;
}
.green_noarrow .btn_greenbig em{
    float:left !important;
    background:url(../images/design/basic/btn_greenbig_noarrow.png) no-repeat left top !important;
    *background:url(../images/design/basic/btn_greenbig_noarrow.gif) no-repeat left top;
    height:38px !important;
    width:24px !important;
}
.green_noarrow .btn_greenbig span, .green_noarrow .btn_greenbig input{
    float:left !important;
    padding-right:20px !important;
    background:url(../images/design/basic/btn_greenbig_noarrow.png) no-repeat right top !important;
    *background:url(../images/design/basic/btn_greenbig_noarrow.gif) no-repeat right top;
}

.green_noarrow .btn_greenbig:hover {
    color:#CDD8A3;
}
.green_noarrow .btn_greenbig:hover em{
    background:url(../images/design/basic/btn_greenbig_noarrow.png) no-repeat left bottom !important;
    *background:url(../images/design/basic/btn_greenbig_noarrow.gif) no-repeat left bottom;
}
.green_noarrow .btn_greenbig:hover span, .green_noarrow .btn_greenbig:hover input {
    background:url(../images/design/basic/btn_greenbig_noarrow.png) no-repeat right bottom !important;
    *background:url(../images/design/basic/btn_greenbig_noarrow.gif) no-repeat right bottom;
}

#overlaylogin {
	position:absolute;
	top:-999em;
	left:-999em;
	z-index:10;
	disolay:none;
}
#overlaylogin .form {
	padding:20px 10px 10px 10px;
	*padding:20px 10px 10px 5px;
	width:211px;
	height:auto;
	background:#A13FA4 url(../images/design/basic/bg_loginlayer.jpg) repeat-x 0 0;
}
#overlaylogin p {
	color:#FFF;
	text-transform:uppercase;
    font-weight:bold;
    letter-spacing:1px;
    text-align:left;
}

#overlaylogin input {
	width:210px;
	font-size:11px;
	margin:5px 0;
}
#overlaylogin #btn_homelogin {
	float:right;	
}


 
.btn_green {
	border:0;
    margin:0;
    padding:0;
    height:28px;
    width:auto;
    line-height:28px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    letter-spacing:1px;
}

.es .btn_green {
    letter-spacing:normal;
}

.btn_green em {
	float:left;
	background:url(../images/design/basic/btn_green.png) no-repeat left top;
	*background:url(../images/design/basic/btn_green.gif) no-repeat left top;
	height:28px;
	width:14px;
}
.btn_green span, .btn_green input{
	float:left;
	padding-right:30px;
	background:url(../images/design/basic/btn_green.png) no-repeat right top;
	*background:url(../images/design/basic/btn_green.gif) no-repeat right top;
}
.btn_green:hover {
	color:#CDD8A3;
}
.btn_green:hover em{
	background:url(../images/design/basic/btn_green.png) no-repeat left bottom;
	*background:url(../images/design/basic/btn_green.gif) no-repeat left bottom;
}
.btn_green:hover span, .btn_green:hover input{
	background:url(../images/design/basic/btn_green.png) no-repeat right bottom;
	*background:url(../images/design/basic/btn_green.gif) no-repeat right bottom;
}

#btn_green .btn_green {
    height:28px !important;
}
#btn_green .btn_green em{
	float:left !important;
	background:url(../images/design/basic/btn_green.png) no-repeat left top !important;
	*background:url(../images/design/basic/btn_green.gif) no-repeat left top;
	height:28px !important;
	width:14px !important;
}
#btn_green .btn_green span, #btn_green .btn_green input{
	float:left !important;
	padding-right:30px !important;
	background:url(../images/design/basic/btn_green.png) no-repeat right top !important;
	*background:url(../images/design/basic/btn_green.gif) no-repeat right top;
}

#btn_green .btn_green:hover {
	color:#CDD8A3 !important;
}
#btn_green .btn_green:hover em{
	background:url(../images/design/basic/btn_green.png) no-repeat left bottom !important;
	*background:url(../images/design/basic/btn_green.gif) no-repeat left bottom;
}
#btn_green .btn_green:hover span, #btn_green .btn_green:hover input{
	background:url(../images/design/basic/btn_green.png) no-repeat right bottom !important;
	*background:url(../images/design/basic/btn_green.gif) no-repeat right bottom;
}




.green_corner .btn_green {
	border:0;
    margin:0;
    padding:0;
    padding-right:3px;
    text-transform:lowercase;
    letter-spacing: 0;
    *padding-right:0;
    height:26px;
    width:auto;
    line-height:26px;

    color:#FFF;
    font-weight:normal;
    cursor:pointer;
}
.green_corner .btn_green em{
	float:left;
	background:url(../images/design/community/comment_button.jpg) no-repeat left top;
	*background:none;
	height:26px;
	width:3px;
	*width:0;
}
.green_corner .btn_green span, .green_corner .btn_green input{
	float:left;
	background:url(../images/design/community/comment_button.jpg) no-repeat right top;
}

.green_corner .btn_green:hover {
	color:#CDD8A3;
}
.green_corner .btn_green:hover em{
	background:url(../images/design/community/comment_button.jpg) no-repeat left bottom;
}
.green_corner .btn_green:hover span, .green_corner .btn_green:hover input {
	background:url(../images/design/community/comment_button.jpg) no-repeat right bottom;
}






.green_noarrow .btn_green {
    border:0;
    margin:0;
    padding:0;
    height:28px;
    width:auto;
    line-height:28px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    letter-spacing:1px;
}
.green_noarrow .btn_green em{
    float:left !important;
    background:url(../images/design/basic/btn_green_noarrow.png) no-repeat left top !important;
    *background:url(../images/design/basic/btn_green_noarrow.gif) no-repeat left top;
    height:28px !important;
    width:14px !important;
}
.green_noarrow .btn_green span, .green_noarrow .btn_green input{
    float:left !important;
    padding-right:15px !important;
    background:url(../images/design/basic/btn_green_noarrow.png) no-repeat right top !important;
    *background:url(../images/design/basic/btn_green_noarrow.gif) no-repeat right top;
}

.green_noarrow .btn_green:hover {
    color:#CDD8A3;
}
.green_noarrow .btn_green:hover em{
    background:url(../images/design/basic/btn_green_noarrow.png) no-repeat left bottom !important;
    *background:url(../images/design/basic/btn_green_noarrow.gif) no-repeat left bottom;
}
.green_noarrow .btn_green:hover span, .green_noarrow .btn_green:hover input {
    background:url(../images/design/basic/btn_green_noarrow.png) no-repeat right bottom !important;
    *background:url(../images/design/basic/btn_green_noarrow.gif) no-repeat right bottom;
}


#green_corner .btn_green {
	border:0;
    margin:0;
    padding:0;
    padding-right:5px;
    *padding-right:0;
    height:33px;
    width:auto;
    line-height:33px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}
#green_corner .btn_green em {
	float:left;
	background:url(../images/design/basic/button_submit.gif) no-repeat left top;
	*background:none;
	height:33px;
	width:5px;
	*width:0;
}
#green_corner .btn_green span, #green_corner .btn_green input {
	float:left;
	background:url(../images/design/basic/button_submit.gif) no-repeat right top;
}

#green_corner .btn_green:hover {
	color:#CDD8A3;
}
#green_corner .btn_green:hover em{
	background:url(../images/design/basic/button_submit.gif) no-repeat left bottom;
}
#green_corner .btn_green:hover span, #green_corner .btn_green:hover input {
	background:url(../images/design/basic/button_submit.gif) no-repeat right bottom;
}



.btn_grey, .btn_grey-selected, .btn_grey-over {
    border:0;
    margin:0;
    padding:0;
    height:23px;
    width:auto;
    line-height:23px;
    text-decoration:none;
    display: inline;
}
.btn_grey {
    color:#7F9D19;
    cursor:pointer;
}
.btn_grey:hover em{
	float:left;
	background:url(../images/design/basic/button_gray.png) no-repeat left bottom;
	*background:url(../images/design/basic/button_gray.gif) no-repeat left bottom;
	height:23px;
	width:5px;
}
.btn_grey:hover span, .btn_grey:hover input{
	float:left;
	padding-right:5px;
	background:url(../images/design/basic/button_gray.png) no-repeat right bottom;
	*background:url(../images/design/basic/button_gray.gif) no-repeat right bottom;
}
.btn_grey:visited {
    color:#7F9D19;
}
.btn_grey:active {
    color:#7F9D19;
}
a.btn_grey-selected {
	color:#8B8B8B;
	/* background-color:#EEEEEE; */
}
.btn_grey-selected em{
	float:left;
        height:23px;
	width:5px;
	background:url(../images/design/basic/button_gray.png) no-repeat left top;
	*background:url(../images/design/basic/button_gray.gif) no-repeat left top;
}
.btn_grey-selected span, .btn_grey-selected input{
	float:left;
        padding-right:5px;
	background:url(../images/design/basic/button_gray.png) no-repeat right top;
	*background:url(../images/design/basic/button_gray.gif) no-repeat right top;
}
.btn_grey span, .btn_grey input {
	float:left;
	color:#7F9D19;
	padding-right:5px;
}
.btn_grey em{
	float:left;
	height:23px;
	width:5px;
}
.btn_grey-over em{
	float:left;
	background:url(../images/design/basic/button_gray.png) no-repeat left top;
	*background:url(../images/design/basic/button_gray.gif) no-repeat left top;
        height:23px;
	width:5px;
}
.btn_grey-over span, .btn_grey-over input{
	float:left;
	padding-right:5px;
	background:url(../images/design/basic/button_gray.png) no-repeat right top;
	*background:url(../images/design/basic/button_gray.gif) no-repeat right top;
}
.form_header_blue {
	background-color:#FFFFFF;
	border:1px solid #CAD6E2;
    color:#CC6600;
    font-size:1em;
}

.form_header_blue .title {
	background-color:#E3EAF0;
	color:#000;
	font-size:1.5em;
}

.form_header_blue .title .step{
	color:#6B6B6B;
	font-style:italic;
	border:inherit;
}

.form_header_blue table {
	color:#CC6600;
}
.form_header_blue .border_top {
	border-top:1px dashed #C9C9C9;
}

.bg_gray {
	background-color:#F3F3F3;
}


.form_gray {
	background-color:#FFFFFF;
	border:0;
    font-size:1em;
}
.form_gray .border_top {
	border-top:1px dashed #C9C9C9;
}
.community_subtab {
	clear:both;
	margin:10px 0 10px 30px;
}
.btn_green_arrow_l {
	border:0;
    margin:0;
    padding:0;
    height:28px;
    *height:auto;
    line-height:28px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
}

.btn_green_arrow_l em {
	float:left;
	background:url(../images/design/basic/btn_green_arrow_l.gif) no-repeat right top;
	height:28px;
	width:14px;
}
.btn_green_arrow_l span, .btn_green_arrow_l input{
	float:left;
	padding-left:30px;
	background:url(../images/design/basic/btn_green_arrow_l.gif) no-repeat left top;
}

.btn_green_arrow_l:hover {
	color:#CDD8A3;
}
.btn_green_arrow_l:hover em{
	background:url(../images/design/basic/btn_green_arrow_l.gif) no-repeat right bottom;
}
.btn_green_arrow_l:hover span, .btn_green_arrow_l:hover input{
	background:url(../images/design/basic/btn_green_arrow_l.gif) no-repeat left bottom;
}



/*** FORMULARE ***/

/* ES DARF NICHT ELEMENT HEISSEN DA ES EIN RESERVIERTES WORT IST*/

.quickform_td_ding {
    background-color: #E8E3CE;
    color: #333333;
    font-size: 11px;
    width:250px;
    height: 17px;
}

.quickform_td_input {
    background-color: #E8E3CE;
    color: #333333;
    font-size: 11px;
    width:150px;
    height: 17px;
}

input {
    height: 18px;
    font-size: 12px;
    margin: 0 0 2px 0;
    padding: 0;
}

.input_meal_amount {
    float:left;
    margin-left:10px;
}

.quickform_table {
    width: 445px;
    margin: 0 10px 0 10px;
    padding: 0;
}

.form_error {
	color:red;
	clear:both;
	font-size:10px;
	width:200px;
}

.form_label {
	font-size:10px;
}

.form_attributes_left {
	clear:both;
	float:left;
	margin-left:20px;
	width:140px;
	line-height:100%;
}

.form_attributes_right {
	float:left;
	margin-left:20px;
	line-height:160%;
	font-size:10px;
}

input.small {
    height:15px;
    font-size:10px;
    margin:0 0 2px 0;
    padding:0;
}

select.small {
	height:17px;
	font-size:11px;
}
.btn_mealplan_action {
    border: solid 1px #dedbc5;
    margin:0;
    padding:0;
    height:20px;
    width:auto;
    font-size: 11px;
    font-weight: normal;
    line-height:25px;
    text-align: left;
    color:#553f0d;
    cursor:pointer;
    padding:2px 2px 2px 27px;
    background-color:#fff;
}
input.bHoliday {
    background-image: url(../images/design/mealplan/bt_hoiday.jpg);
}
input.bHoliday:hover {
    background-image: url(../images/design/mealplan/bt_hoiday_hover.jpg);
}
