@charset "UTF-8";
/* VOLKSKÜCHE WEISSIG


grün hell		#B8CF9B

grün			#51773A

gelb hell		#EADAB1

gelb			#D6B663

grau hell

grau			A5AE9D

 */

/* OPEN SANS */
@font-face{
        font-family:"OPENSANS LIGHT";
        src: url("../fonts/OpenSans-Light-webfont.ttf") format("truetype");
		font-weight: 200;
}

@font-face{
        font-family:"OPENSANS";
        src: url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype");
		font-weight: 400;
}

@font-face{
        font-family:"OPENSANS SEMI";
        src: url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype");
		font-weight: 600;
}


*,
*:before,
*:after{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
 	box-sizing: border-box;
 	word-wrap: break-word;
}

body {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #333;
}

#wrapper {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}

/*==============  HEADER  ===============*/
#header {
	display: none;
}

a[href*="aktmo"] {
	display: none;
}

/*==============  NAVIGATION  =============*/
#header .mod_navigation {
	display: none;
}
/*===========  MAIN  ==============*/
#main {
	width: 100%;
	float: left;
	text-align: center;
	background-color: none;
}

#main .inside {
	max-width: 940px;
	width: 95%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
}

.schule #main {
	background-color: #fff;
}

.kantine #main {
	background-color: #fff;
}

#main h1 {
	font-size: 1.2em;
	margin-bottom: 15px;
}

#main h2 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#main p {
	margin-bottom: 20px;
}

#main a {
	color: #333;
	text-decoration: underline;
}

.schule #main a {
	color: #51773A;
}

.schule #main a:hover {
	text-decoration: underline;
}

.kantine #main a {
	color: #D6B663;
}

.kantine #main a:hover {
	text-decoration: underline;
}

#main ol,
#main ul {
	margin: 0 0 20px 20px;
}

#main ol li,
#main ul li {
	margin-bottom: 10px;
}

table {
	border-spacing: 0;
	width: 100%;
}

table tr td {
	vertical-align: top;
	padding: 0 10px 10px 0;
}

/* formulare */
form .widget {
	margin-bottom: 10px;
}

input.text,
input[type='text'],
textarea {
	border: 1px solid #507839;
	padding: 3px;
	width: 220px;
}

textarea {
	width: 400px;
	height: 150px;
}

button,
input.button{
	background-color: #A5AE9D;
	padding: 5px 15px;
	font-size: 0.9em;
	color: #333;
	font-weight: 400;
}

button:hover,
input.button{
	cursor: pointer;
	color: #fff;
}

select {
	border: 1px solid #507839;
	padding: 3px;
}

select option {
	padding-right: 10px;
}

p.error {
	border: 1px solid red;
	background-color: #ffdddd;
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
}

div.reda {
	display: none;
}

/*  LOGIN  */
#main #login form {
	border-bottom: 1px solid #ccc;
}

#main #login form label {
	display: none;
}




#main .pdf_link {
	position: absolute;
	top: 60px;
	left: 740px;
}

/*=============== SPEISEPLAN  =============*/
#main table.speiseplan {
	width: 100%;
}

#main table.speiseplan tr td {
	text-align: center;
}

#main table.speiseplan table tr td {
	padding: 5px 10px;
}

@media (max-width: 991px) {
    #main table.speiseplan table {width: 100%;}
	#main table.speiseplan tr td {
	width: 100%;
	text-align: center;
	display: block;
    box-sizing: border-box;}
}


#main table.speiseplan table.tag tr td.essensart {
	display: none;
}

#main table.speiseplan table.tag tr td.essen_ohne,
#main table.speiseplan table.tag tr td.essen_mit {
	display: none;
}

#main table.speiseplan table.tag tr td.essen_ohne.anzeigen,
#main table.speiseplan table.tag tr td.essen_mit.anzeigen {
	display: inline;
	word-wrap: break-word;
	font-size: 0.9em;
}

#main table.speiseplan table.tag tr td.essen div {
	display: none;
}


.schule #main table.speiseplan table {
	border-top: 10px solid #51773A;
	width: 180px;
	background-color: #fff;
	table-layout: fixed;
}

@media (max-width: 991px) {
    .schule #main table.speiseplan table {width: 100%;}
}

.schule #main table.speiseplan table .wochentag {
	text-align: center;
	color: #51773A;
	font-weight: bold;
}

.schule #main table.speiseplan table tr td.essensart {
	border-top: 1px solid #51773A;
	background-color: #e6f6d1;
}

.kantine #main table.speiseplan table {
	border-top: 10px solid #D6B663;
	width: 180px;
	background-color: #fff;
	table-layout: fixed;
}

@media (max-width: 991px) {
    .kantine #main table.speiseplan table {width: 100%;}
}

.kantine #main table.speiseplan table .wochentag {
	text-align: center;
	color: #D6B663;
	font-weight: bold;
}

.kantine #main table.speiseplan table tr td.essen_mit {
	border-top: 1px solid #D6B663;
}



#main table.speiseplan table form input {
	width: 140px;
	height: auto;
	white-space: normal;
	word-wrap: break-word;
	margin-bottom: 10px;
	padding: 3px;
	color: #000;
}

#main table.speiseplan table form input:hover{
	cursor: pointer;
	color: #fff;
}

#main table.speiseplan span.essen_bestellt {
	display: block;
	border: 1px solid green;
	padding: 2px;
	color: green;
	background-color: #fff;
	margin-bottom: 5px;
	font-size: 0.8em;
}

#main table.speiseplan input#streichen {
	background-color: #ED6A55;
	font-weight: 400;
	font-size: 0.9em;
}

#main table.speiseplan input#streichen:hover {
	background-color: #b25445;
	cursor: pointer;
	color: #fff;
}

#main .zusatzstoffe {
	font-size: 0.7em;
}

#main .zusatzstoffe p {
	margin-bottom: 0;
}

/*============  REGISTRIERUNG  ===============*/
#main .mod_registration .widget,
#main .mod_registration fieldset {
	margin-bottom: 10px;
	height: auto;
}

#main .mod_registration .widget label,
#main .mod_registration fieldset label {
	display: inline-block;
	width: 180px;
	vertical-align: top;
}

#main .mod_registration .widget input,
#main .mod_registration fieldset input {
	width: 250px;
}

#main #registrierung-kind .mod_registration .widget:nth-child(4),
#main #registrierung-kind .mod_registration .widget:nth-child(8),
#main #registrierung-kind .mod_registration .widget:nth-child(13),
#main #registrierung-kind .mod_registration .widget:nth-child(15){
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #507839;
}

#main #registrierung-erw .mod_registration .widget:nth-child(10),
#main #registrierung-erw .mod_registration .widget:nth-child(12){
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #507839;
}

#main .mod_registration .checkbox_container legend {
	width: 180px;
	float: left;
}

#main .mod_registration .checkbox_container label {
	display: inline;
	width: auto;
	margin-right: 50px;
}

#main .mod_registration .checkbox_container input {
	float: left;
	width: auto;
	margin-right: 10px;
}

#main .mod_registration .widget-submit {
	text-align: center;
	margin: 20px 0;
}


/*===============  bisherige Bestellungen  ===============*/
#main table.abrechnung {
	width: 754px;
	margin-bottom: 20px;
	border-bottom: 2px solid #999;
}

#main table.abrechnung  tr th {
	padding: 5px 10px;
	background-color: #999;
	color: #fff;
	font-weight: 900;
}

#main table.abrechnung  tr td {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

#main table.abrechnung tr th:last-child,
#main table.abrechnung tr td:last-child {
	text-align: right;
}

#main table.abrechnung  tr:hover td {
	background-color: #E5FFCF;
}

/*  drucken  */
#main .drucken {
	float: right;
	margin: -40px 0 0 0;
}

/*================  FOOTER  =================*/
#footer {
	display: none; 
}

/*==========  SONSTIGES  ============*/
.invisible {
	display: none;
}

.clear {
	clear: both;
}