@charset "UTF-8";
/* standards  */

html[xmlns^="http"] 	{overflow-y: scroll;}

/* css 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, strong, 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;}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}

html, body				{min-height: 100%; height: auto; height: 100%; line-height: 1.6em; background: #fff;}
body 					{font-size: 66%; font-family: Verdana, Geneva, sans-serif; color: #444;}
ul 						{list-style-type: none;}
a 						{color: #f00;}
a:hover					{text-decoration: none;}
br 						{margin: 0; padding: 0; line-height: 0.0001em;}
table					{border-collapse: collapse;}
td, th 					{vertical-align: top; text-align:left}
p						{padding: 0 0 .8em 0;}

.firmendaten 			{margin-bottom: 1em;}
.firmendaten td			{font-size: 1.2em; padding: .2em 0;}
.bordered				{border-bottom: 1px dashed #515151;}
.firmendaten .desc		{font-weight: bold; padding-right: 4em;}

.clearblock:after		{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearblock				{display: inline-block;}
html[xmlns] .clearblock	{display: block;}
* html .clearblock		{height: 1%;}
.clear	 				{clear: both;}

.todo					{background: #f00 !important; color: #fff !important;}
.img_repl				{font-size: 0; line-height: 0; text-indent: -99999px;}

.pdf					{background-image:url(../images/standard/pdf.gif); background-repeat:no-repeat; padding-left:20px;}

#anfahrt iframe			{border: 2px solid #004993;}

/* ewcms */
#ewcms_edit_controller	{position: fixed; _position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; font-weight: bold; font-size: 1.1em; z-index: 10;}
#ewcms_edit_controller a{color: #f00;}

/* end of standards  */
h1 { padding:67px 0 36px 0}
h1 a { background:url(../images/logo.jpg) bottom right no-repeat; text-indent:-99999px; height:70px; width:219px; display:block;}



#container					{ width:945px; margin:0 auto; padding-bottom:25px}
#header					{ display:block; height:423px}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) { h1 { padding:67px 0 20px 0}}

#content				{ width:50%; float:left}
#sidebarRight 			{ width:22%; padding-left:20px; float:left}
#sidebarRight p, #sidebarRight form { background-color:#eaefef; padding:8px; margin:1px 0 25px 0 }
#sidebarRight p span {padding-top:8px; display:block}
#sidebarRight strong {font-weight:normal; width:40px; display:block; float:left}
#sidebarRight h5 { padding:3px 0 6px 8px; border-bottom:1px solid #dfdfdf } 
#sidebarRight a.speisekarte { display:block;  color:#fff; margin:10px 0 0 0 ; height:25px; padding:5px 0 0 50px}
body.restaurant #sidebarRight a.speisekarte { background:#3d3d3d url(../images/restaurant/bg-a-right.jpg) 14px 2px no-repeat}
body.schule #sidebarRight a.speisekarte { background:#3d3d3d url(../images/schule/bg-a-right.jpg) 14px 2px no-repeat}
body.kultur #sidebarRight a.speisekarte { background:#3d3d3d url(../images/kultur/bg-a-right.jpg) 14px 2px no-repeat}
body.gutshof #sidebarRight a.speisekarte { background:#3d3d3d url(../images/gutshof/bg-a-right.jpg) 14px 2px no-repeat}

#footer					{border-top:1px solid #dfdfdf; padding:5px 10px; text-align:right; margin-top:15px}
#footer a {color:#aaa}

/*index seite*/
#uebersicht p, #impressum p { width:23%; margin-right:22px;  float:left}
#uebersicht p.last, #impressum p.last  { width:24%; float:left; margin-right:0}
#uebersicht p span {padding-left:5px; display:block}
body#uebersicht, #impressum, #kalender, #jobs, #anfahrt  { background:url(../images/bg-body-index.jpg) 0 0 repeat-x}
#impressum #header { background:url(../images/header-impressum.jpg) 0 bottom no-repeat}
#kalender #header { background:url(../images/header_kalender.jpg) 0 bottom no-repeat}
#kalender #jobs, #kalender #anfahrt { background:url(../images/header_jobs.jpg) 0 bottom no-repeat}
#uebersicht #header { background:url(../images/bg-index-header.jpg) 0 bottom no-repeat}
#uebersicht a.indexKultur { background:url(../images/index/bg-kultur-h3.jpg) 0 -67px no-repeat; height:67px; display:block; text-indent:-99999px; margin-bottom:8px }
#uebersicht a.indexKultur:hover { background-position:0 0}
#uebersicht a.indexSchule { background:url(../images/index/bg-schule-h3.jpg) 0 -67px no-repeat; height:67px; display:block; text-indent:-99999px; margin-bottom:8px }
#uebersicht a.indexSchule:hover { background-position:0 0}
#uebersicht a.indexRestaurant { background:url(../images/index/bg-restaurant-h3.jpg) 0 -67px no-repeat; height:67px; display:block; text-indent:-99999px; margin-bottom:8px }
#uebersicht a.indexRestaurant:hover { background-position:0 0}
#uebersicht a.indexGutshof { background:url(../images/index/bg-gutshof-h3.jpg) 0 -67px no-repeat; height:67px; display:block; text-indent:-99999px; margin-bottom:8px }
#uebersicht a.indexGutshof:hover { background-position:0 0}


#uebersicht a.subkultur { display:block; border-top:3px solid #972b65; color:#972b65; text-decoration:underline; margin-top:8px; background:url(../images/index/arrow-left.jpg) 5px 8px no-repeat; padding:5px 0 0 25px}
#uebersicht a.subschule { display:block; border-top:3px solid #6bae09; color:#6bae09; text-decoration:underline; margin-top:8px; background:url(../images/index/arrow-left.jpg) 5px 8px no-repeat; padding:5px 0 0 25px}
#uebersicht a.subrestaurant { display:block; border-top:3px solid #ff6100; color:#ff6100; text-decoration:underline; margin-top:8px; background:url(../images/index/arrow-left.jpg) 5px 8px no-repeat; padding:5px 0 0 25px}
#uebersicht a.subgutshof { display:block; border-top:3px solid #2f6563; color:#2f6563; text-decoration:underline; margin-top:8px; background:url(../images/index/arrow-left.jpg) 5px 8px no-repeat; padding:5px 0 0 25px}


/*restaurant seite*/
body.restaurant  { background:url(../images/restaurant/bg-body-restaurant.jpg) 0 0 repeat-x}
body.restaurant #header { background:url(../images/restaurant/bg-restaurant-header.jpg) 0 bottom no-repeat; margin-bottom:30px}
body.restaurant a {color:#f64f0c}
body.restaurant h5, body.restaurant h2 {color:#f64f0c}

/*schule seite*/
body.schule  { background:url(../images/schule/bg-body-schule.jpg) 0 0 repeat-x}
body.schule #header { background:url(../images/schule/bg-schule-header.jpg) 0 bottom no-repeat;  margin-bottom:30px}
body.schule a {color:#6bae09}
body.schule h5, body.schule h2 {color:#6bae09}

/*kultur seite*/
body.kultur  { background:url(../images/kultur/bg-body-kultur.jpg) 0 0 repeat-x}
body.kultur #header { background:url(../images/kultur/bg-kultur-header.jpg) 0 bottom no-repeat; margin-bottom:30px}
body.kultur a {color:#972b65}
body.kultur h5, body.kultur h2 {color:#972b65}

/*gutshof seite*/
body.gutshof  { background:url(../images/gutshof/bg-body-gutshof.jpg) 0 0 repeat-x}
body.gutshof #header { background:url(../images/gutshof/bg-gutshof-header.jpg) 0 bottom no-repeat; margin-bottom:30px}
body.gutshof a {color:#2f6563}
body.gutshof h5, body.gutshof h2 {color:#2f6563}


/*Navi Left*/

ul#navLeft { float:left; width:23%; margin-right:20px}
ul#navLeft li { border-bottom:1px solid #dfdfdf }
ul#navLeft li a { display:block; padding:5px 0 4px 5px;  text-decoration:none; }
ul#navLeft li a:hover {background-color:#3d3d3d; color:#fff;}
ul#navLeft ul li {border:0px}
ul#navLeft ul a {color:#999; padding:3px 0 2px 15px}

/*main navi*/
 ul#mainNav {margin:0; padding:0;  }  
 ul#mainNav li {width:25%; height:10px; float:left; color:#191919; overflow:hidden; }  
 ul#mainNav li a { color:#fff; text-decoration:none; font-size:1em; padding: 7px 20px 0px 20px; display:block;}  
 ul#mainNav li a:hover {color:#fff}
 .subtext {}
 #klapp {height:26px; overflow:hidden}
   
 /*Menu Color Classes*/  
 .kultur{background:#972b65;}  
 .schule{background:#6bae09;}  
 .restaurant{background:#ff6100;}  
 .gutshof{background:#2f6563;}  

/*allg*/
#schalter {position:absolute; top:0;left:0}
h2 {font-size:1.8em; font-weight:normal; border-bottom:1px solid #dfdfdf; padding-bottom:9px; margin-bottom:10px}
h3 {margin-bottom:3px}
.loop {margin-bottom:10px}
.loop span img {display:block;float:left; padding:3px; border:1px solid #dfdfdf; margin:0 15px 10px 0} 

/*kalender*/
#kalenderindex {padding-top:20px;margin-top:20px;border-top:1px solid #dfdfdf}
#kalenderindex p {float:none; width:auto; margin:0}
#kalenderindex a {color:#394377}
#kalenderindex h3 {background:url(../images/index/bg-kalender-h3.jpg) no-repeat; height:30px; width:245px; float:left; text-indent:-9999px}
#kalenderindex table {width:700px;float:right}
#kalenderindex td, #kalenderindex th {padding:6px 5px 5px 8px; border-bottom:1px solid #dfdfdf; border-right:1px solid #fff}
#kalenderindex th {font-weight:bold; background:#dfdfdf;}

#genuss-biokantine th {padding:6px 5px 5px 8px; border-bottom:1px solid #dfdfdf; background:#dfdfdf;font-weight:bold;}

#jobs #kalenderindex, #kalender #kalenderindex, #content table {width:100%}
#content td {padding:6px 5px 5px 8px; border-bottom:1px solid #dfdfdf; border-right:1px solid #fff}
#content ul {padding-bottom:.8em}
#content li {padding:2px 0 2px 10px; background:url(../images/bg_li.gif) no-repeat left 8px}

a.switch {color:#999!important}

.WebYepGalleryContainer img {padding:3px; border:1px solid #DFDFDF;}

#headerimg {height:250px; width:470px; float:right}
#uebersicht #kalaenderlink {color:#999; margin-left:338px; display:block; padding-top:5px}

th small {font-size:10px; font-weight:normal; line-height:10px}