body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/*

VOLKSKUECHE WEISSIG VERWALTUNG

*/

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	color: #000;
	text-align: center;
}

#wrapper {
	width: 1200px;
	height: auto;
	margin: 20px auto;
	text-align: left;
	position: relative;
}

#header {
	width: 1200px;
	height: 200px;
	margin-bottom: 20px;
}

#header h1 {
	background-color: #507839;
	color: #fff;
	height: 25px;
	padding: 5px 0 0 10px;
	font-size: 1.3em;
	clear: both;
}


/*========  LOGIN  ============*/
#header .mod_login {
	width: 180px;
	float: right;
	border: 1px solid #507839;
	padding: 10px;
	margin-bottom: 10px;
}

#header .mod_login .widget {
	margin-bottom: 10px;
}

#header .mod_login input {
	width: 170px;
	border: 1px solid #A5AE9D;
	padding: 3px;
}


#header .mod_login form#tl_logout input.submit {
	background-color: #ED6A55;
}

#header .mod_login button {
	background-color: #A5AE9D;
	padding: 5px 15px;
	font-size: 1em;
	color: #333;
}

#header .mod_login button:hover {
	cursor: pointer;
	color: #fff;
}


/*==============  ALLGEIMEINE ANGABEN  ==============*/
#main p {
	margin-bottom: 15px;
}

#main a {
	color: #C9AB3B;
	text-decoration: underline;
}

#main table {
	border-spacing: 0;
}

#main table tr td {
	vertical-align: top;
	padding: 0 10px 10px 0;
}

#main input.text,
#main input[type='text'],
#main textarea {
	border: 1px solid #507839;
	padding: 3px;
	width: 220px;
}

#main textarea {
	width: 400px;
	height: 150px;
}

#main input.submit,
#rechts input.submit,
#main input[type='submit'] {
	padding: 2px 3px;
	cursor: pointer;
	background-color: #E6A510;
	-moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
	color: #fff;
	
	 -webkit-box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                        rgba(0, 0, 0, .6) 0 1px 2px;
    -moz-box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                     rgba(0, 0, 0, .6) 0 1px 2px;
    box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                rgba(0, 0, 0, .6) 0 1px 2px;
}

#main input.submit:hover,
#rechts input.submit:hover,
#main input[type='submit']:hover {
	-webkit-box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                        rgba(255, 255, 255, .6) 0 25px 30px -12px inset,
                        rgba(0, 0, 0, .6) 0 1px 2px;
    -moz-box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                     rgba(255, 255, 255, .6) 0 25px 30px -12px inset,
                     rgba(0, 0, 0, .6) 0 1px 2px;
    box-shadow: rgba(255, 255, 255, .5) 0 1px 0 inset,
                rgba(255, 255, 255, .6) 0 25px 30px -12px inset,
                rgba(0, 0, 0, .6) 0 1px 2px;
   
}

#main select {
	border: 1px solid #507839;
	padding: 3px;
}



/*===========  RIGHT  ===========*/
#rechts {
	width: 272px;
	height: auto;
	float: right;
	border: 1px solid red;
}

#rechts .mod_contentbox .mod_box_items {
	border: 1px solid #507839;
	padding: 10px;
	margin-bottom: 10px;
	width: 250px;
}

#main .box {
	width: 250px;
	float: right;
	clear: right;
	border: 1px solid #507839;
	padding: 10px;
	margin-bottom: 10px;
}

#main input.file,
#main input.submit {
	margin-bottom: 10px;
}

#rechts a {
	color: #C9AB3B;
	text-decoration: underline;
}

#rechts p {
	margin-bottom: 10px;
}

/* ===================  AJAXSUCHE  =============*/
.ac_input {
	width: 200px;
	border: 1px solid #000;
	padding: 2px;
	margin-top: 5px;
}
.ac_results {
	width: 200px;
	padding: 0 2px;
	background: #eee;
	border: 1px solid #000;
	cursor: pointer;
	position: absolute;
	left: 0;
	font-size: 90%;
	z-index: 101;
	text-align: left;
}
.ac_results ul {
	width: 204px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	width: 200px;
	padding: 2px;
	margin: 0 -2px;	
}

.ac_results li:hover {
	background-color: #DAD8CF;
}

/* fehlerhafte darstellung im IE - weißer block über ergebnisse */
.ac_results iframe {
	width: 204px;
	position: absolute;
	z-index: -1;
	filter: mask(); /*irgendwas mit transparenz */
}

.ac_loading {
	background : url('/indicator.gif') right center no-repeat;
}

/*==================  TABELLE PERSONENSUCHE  ==================*/
#main table  {
	width: 100%;
	border-spacing: 0;
}

#main table tr th {
	background-color: #507839;
	color: #fff;
	padding: 3px;
}

#main table tr td {
	padding: 8px 3px;
}

#main table tr:nth-child(odd) td {
	background-color: #CAD6C3;
}

#main table tr:nth-child(even) td {
	background-color: #E5EBE1;
}

#main table tr td a {
	color: #507839;
}

/*===============  TABELLE EINRICHTUNG  ================*/
#main #einrichtungen table tr td.loeschen a {
	text-decoration: none;
	color: red;
}

/*===============  DETAILS EINRICHTUNG FORM UPDATE  ===============*/
/*===============  DETAILS EINRICHTUNG FORM NEU  ===============*/
#main #einrichtung-update form fieldset,
#main #einrichtung-neu form fieldset {
	margin-bottom: 1px;
	background-color: #eee;
	padding: 3px;
	vertical-align: top;
}

#main #einrichtung-update form fieldset label,
#main #einrichtung-neu form fieldset label {
	display: block;
	float: left;
	width: 120px;
}

#main #einrichtung-update form fieldset.einrichtung input,
#main #einrichtung-neu form fieldset.einrichtung input {
	float: left;
}

#main #einrichtung-update form fieldset.essen_check,
#main #einrichtung-neu form fieldset.essen_check {
	display: block;
	float: left;
	width: 45px;
	margin-right: 10px;
}

#main #einrichtung-update form fieldset.essen_check label,
#main #einrichtung-neu form fieldset.essen_check label {
	display: inline;
	width: auto;
	margin: 0 auto;
}

#main #einrichtung-update form fieldset.essen_check.k1,
#main #einrichtung-neu form fieldset.essen_check.k1 {
	margin-left: 20px;
}

#main #einrichtung-update form fieldset.ferien .essen_check.fk1,
#main #einrichtung-update form fieldset.essen_check.preisk1,
#main #einrichtung-neu form fieldset.ferien .essen_check.fk1,
#main #einrichtung-neu form fieldset.essen_check.preisk1 {
	margin-left: 248px;
}

#main #einrichtung-update form fieldset.essen_check.fruehstueck,
#main #einrichtung-update form fieldset.essen_check.ffruehstueck,
#main #einrichtung-update form fieldset.essen_check.preisfruestueck,
#main #einrichtung-neu form fieldset.essen_check.fruehstueck,
#main #einrichtung-neu form fieldset.essen_check.ffruehstueck,
#main #einrichtung-neu form fieldset.essen_check.preisfruestueck {
	width: 60px;
}

#main #einrichtung-update form fieldset.essen_check.vesper,
#main #einrichtung-update form fieldset.essen_check.fvesper,
#main #einrichtung-update form fieldset.essen_check.preisvesper,
#main #einrichtung-neu form fieldset.essen_check.vesper,
#main #einrichtung-neu form fieldset.essen_check.fvesper,
#main #einrichtung-neu form fieldset.essen_check.preisvesper {
	width: 60px;
	margin-right: 0;
}

#main #einrichtung-update form fieldset.essen_check input.text,
#main #einrichtung-neu form fieldset.essen_check input.text {
		width: 35px;
}

#main #einrichtung-update form fieldset.submit,
#main #einrichtung-neu form fieldset.submit {
	background-color: transparent;
	text-align: center;
	margin-top: 20px; 
}

/*=============  BESTELLUNGEN  ================*/
#main #bestellungen input.text,
#main #bestellungen input[type='text'] {
	width: 20px;
	padding: 2px;
}

#main #bestellungen form#streichen input[type='submit'] {
	background-color: #ED6A55;	
}

#main #bestellungen table tr:nth-child(odd) td {
	background-color: transparent;
}

#main #bestellungen table tr:nth-child(even) td {
	background-color: transparent;
}

#main #bestellungen table.ueberschrift {
	background-color: #FFFFCC;
	padding: 3px;
	width: 780px;
}


#main #bestellungen table {
	width: 754px;
	float: left;
}

#main #bestellungen table table {
	border: 1px solid #487330;
	width: 148px;
	margin-bottom: 15px;
}

#main #bestellungen table table tr td {
	width: 148px;
	text-align: center;
	padding: 5px 0;
	background-color: #999;
}

#main #bestellungen table table tr td.tag {
	width: 148px;
	margin-bottom: 20px;
	padding: 3px 0;
	background-color: #999;
	color: #fff;
	font-weight: 900;
}

#main #bestellungen table tr td.essensart {
	background-color: #339933;
	color: #fff;
	padding: 3px;
	font-weight: 900;
}

#main #bestellungen table table tr td.essen_red,
#main #bestellungen table table tr td.essenr {
	background-color: #ddd;
}

/*  rechte Spalte  */
#main #bestellungen #rechts {
	width: 300px;
	float: right;
}

#main #bestellungen #rechts form {
	width: 300px;
	margin-bottom: 20px;
}

#main #bestellungen #rechts form#suchen input[type='text'] {
	width: 80px;
}

#main #bestellungen #rechts h2 {
	color: #C9AB3B;
	font-size: 1.3em;
}

#main #bestellungen #rechts hr {
	height: 3px;
	background-color: #507839;
}

#main #bestellungen #rechts form table {
	width: 300px;
}

#main #bestellungen #rechts form table tr td,
#main #bestellungen #rechts form table tr th {
	padding: 3px 0 3px 0;
	text-align: center;
}

#main #bestellungen #rechts form table tr td:first-child,
#main #bestellungen #rechts form table tr th:first-child {
	text-align: left;
}

/*======================  NEUER KUNDE  =================*/

#main #neuer-kunde form fieldset,
#main #neuer-kunde form .widget {
	margin-bottom: 1px;
	background-color: #eee;
	padding: 3px;
	vertical-align: top;
}

#main #neuer-kunde form .widget label,
#main #neuer-kunde form .widget legend,
#main #neuer-kunde form fieldset legend,
#main #neuer-kunde form fieldset label {
	display: block;
	float: left;
	width: 220px;
	margin-top: 5px;
}

#main #neuer-kunde form .widget.einrichtung input,
#main #neuer-kunde form fieldset.einrichtung input{
	float: left;
}

/*  checkbox  */
#main #neuer-kunde form fieldset.checkbox_container span {
	display: block;
	float: left;
	width: 100px;
	margin-right: 10px;
}

#main #neuer-kunde form fieldset.checkbox_container legend span.invisible {
	display: none;
}

#main #neuer-kunde form fieldset.checkbox_container legend span {
	display: inline;
	width: auto;
	float: none;
}


#main #neuer-kunde form fieldset.checkbox_container span input.checkbox,
#main #neuer-kunde form fieldset.radio_container span   {
	float: left;
	margin-right: 5px;
}

#main #neuer-kunde form fieldset.checkbox_container span label,
#main #neuer-kunde form fieldset.radio_container span label{
	display: inline;
	width: auto;
	margin: 0 auto;
}

#main #neuer-kunde form div.submit_container {
	background-color: transparent;
	text-align: center;
	margin-top: 20px; 
}

/*  ERROR  */
#main #neuer-kunde form p.error {
	color: red;
	border: 1px solid red;
	padding: 3px;
	text-align: center;
	float: right;
}

#main #neuer-kunde form input.error {
	border: 1px solid red;
}

#main #neuer-kunde form label.error {
	color: red;
}


/*==============  KARTEIKARTE  =============*/
#main #karteikarte h2 {
	background-color: #999;
	color: #fff;
	font-size: 1.2em;
	padding: 3px;
}

#main #karteikarte p {
	margin: 10px 0 5px 0;
}

#main #karteikarte form fieldset {
	margin-bottom: 1px;
	background-color: #eee;
	padding: 3px;
	vertical-align: top;
}

#main #karteikarte form fieldset label,
#main #karteikarte form fieldset legend {
	display: block;
	float: left;
	width: 120px;
	margin-top: 5px;
}

#main #karteikarte form textarea {
	width: 300px;
}

#main #karteikarte div.kundendaten,
#main #karteikarte div.kontakt {
	width: 450px;
	float: left;
	margin-bottom: 20px;
}

#main #karteikarte div.kontakt {
	float: right;
}

#main #karteikarte div.dauerbesteller,
#main #karteikarte div.bank,
#main #karteikarte div.sonstiges {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}

#main #karteikarte form div.submit_container {
	background-color: transparent;
	text-align: center;
	margin-top: 20px; 
}

#main #karteikarte form fieldset.radio_container input.radio,
#main #karteikarte form fieldset.checkbox_container input.checkbox {
	margin-top: 5px;
}

#main #karteikarte form fieldset.radio_container span {
	padding: 0 10px 0 5px;
}

/*===============  EINRICHTUNG LÖSCHEN  ============*/
#main #einrichtung-loeschen div.rot {
	width: 758px;
	border: 1px solid red;
	padding: 10px;
	text-align: center;
	background-color: #F0B2B2;
}

#main #einrichtung-loeschen div.rot a {
	color: red;
	margin: 0 50px 0 50px;
}

/*========  SONSTIGES  ==========*/
.invisible {
	display: none;
}

.clear {
	clear: both;
}