/* CSS für MODx-Template – Krehl’s Gastronomie Floral (krehl_floral) */

*, form, fieldset, input { margin: 0; padding: 0;  }
body { background: url("../images/body_bg.png"); text-align: center; font-family: "Gerogia", Times, serif; color: #666;}

#page {width: 765px; margin: 0 auto; position: relative;}
#k {position: absolute; height: 171px; left: 10px; top: 190px; z-index: 100; width: 281px;}

#header {height: 100px; position: relative;}
#header #logo { left:0; top:10px; position:absolute;}

#player { height: 260px; position: relative; }
#player #laub {position: absolute; height: 154px; right: -15px; top: -22px; z-index: 100; width: 199px;}
#player #sendToBackground {left: 0; position: absolute; top: 0; z-index: 0;}

#main {position: relative; background: #FFFFFF url(../images/main_bg.png); padding-bottom: 20px; text-align: left; width: 765px;}
#main #pflanze { position:absolute; bottom:-4px; height:236px; right: -65px; width:150px; z-index:0; }
#sidebar {background: transparent; display: inline; float: left; padding: 0 10px; position: relative; width: 224px; margin-bottom: 3em; }
#sidebar #linie {border-right:1px solid #8BA1AA; height:50px; position:absolute; right:-1px; top:-35px; width:2px; z-index:20; }


/*#################### SIDEBAR-MODULE ####################*/
.modul { padding: 10px; margin-bottom:10px; position:relative; background: #efedd9; font-size: 0.9em;}

ul.mainNav { font: normal 0.9em/1.8em "Georgia", Times, serif; list-style-type: none; width: 224px; z-index: 100; margin-bottom: 10px;}
ul.mainNav li { position: relative; }
ul.mainNav li ul { display: none; }
ul.mainNav li a { background: transparent url("../images/bullet.png") no-repeat 7% 50%; border-bottom: 1px solid #C5D0D4; color:#333; display:block; height:30px; width:170px; padding-left:55px; text-decoration:none;}
ul.mainNav li a:hover { background:#EFEDD9 url("../images/bullet.png") no-repeat scroll 7% 50%; }
ul.mainNav li.active a { background:#EFEDD9 url("../images/bullet.png") no-repeat scroll 7% 50%; }


#newsletter fieldset { border: 0; border-bottom: 1px solid #fff; margin-bottom: 0.5em; }
#newsletter input { border: 1px solid #999; padding: 3px; font-family: "Gerogia", Times, serif; color: #333; font-size: 1em;}
#newsletter #submit { border: 1px solid #999; width: 100px; background: #e0dcb4; margin: 0.5em 0; }
#newsletter #email { width: 195px; }
#newsletter hr { height: 0; background: none; border: 0; border-bottom: 1px dashed #999; margin: 10px 0  }

#speisekarte { padding-left: 110px; position: relative; width: 104px; }
#speisekarte img { position: absolute; bottom: 0; left: -5px; }

#suchformular fieldset { margin-bottom: 0; border: 0; }
#suchformular input { border: 1px solid #999; padding: 3px; font-family: "Gerogia", Times, serif; color: #333; font-size: 1em; width: 145px; }
#suchformular #ajaxSearch_submit { border: 1px solid #999; padding: 2px 3px; background: #e0dcb4; width: 45px; margin: 0,5em 0 0 0; }
#ajaxSearch_output { margin-top: 0em; }
#ajaxSearch_intro { display: none; }

.vcard .url {display:none;}
.vcard .adr {margin-bottom: 1em;}

#content { width: 440px; padding: 40px 65px 0 0px; font-size: 0.9em; line-height: 1.2em; float: right; display: inline; }
#content ul { margin: 1em; list-style: square; }
#content ul li ul { margin-left: 2em; }
#content ol { margin-left: 1.5em; }
#content img { float: left; margin: 0 10px 0 0; }

.news { border-bottom: 1px dashed #C5D0D4; margin-bottom: 0.4em; padding-bottom: 0.4em; }
.news.first { background: #C5D0D4; height: 100%; margin-top: 10px; padding: 10px 10px 0 10px; }
.news.count5 { border: 0; padding: 0; margin: 0 }
.news h3 { display: inline; color: #fff; font-size: 1.5em; line-height: 1.2em; }

#footer {text-align: center; background:transparent url(../images/footer_bg.png); clear:both; font-size:0.9em; height:50px; padding:20px 0pt; position:relative; width:100%;}
#footer #schatten {background:transparent url(../images/footer_schatten_bg.png); height:19px; left:0pt; position:absolute; top:-19px; width:100%; z-index:20;}
#footer ul {list-style-type: none; margin-bottom:0.5em;}
#footer ul li ul {display: none;}
#footer ul li {display: inline;}
#footer ul li:after {content: " | ";}
#footer ul li.last:after {content: "";}

.adresse { display: none; }

a:link {color:#F48D21;}
a:active, a.active {}
a:visited {color:#F48D21;}
a:hover {background:#F48D21 none; color:#FFFFFF;}
#logo:hover { background: transparent; } 

/*#################### CALx ####################*/
#CALx { margin-top: 1em; }
#CALx a { text-decoration: none; }
#CALx .navPeriod { width: 100%; position: relative; text-align: center; margin-bottom: 1px; background: #fff; padding: 3px 0; }
#CALx .navPeriod .previousYear { position: absolute; left: 5px; }
#CALx .navPeriod .previousMonth { position: absolute; left: 30px; }
#CALx .navPeriod .nextMonth { position: absolute; right: 30px; }
#CALx .navPeriod .nextYear { position: absolute; right: 5px; }

#CALx .CALxTable { width: 100%; }
#CALx .CALxTable a { display: block; }
#CALx .CALxTable td { text-align: center; border: 1px solid #fff; }
#CALx .CALxTable thead th { background: #fff; text-align: center;}
#CALx .CALxTable .today { background: #fff; }

#CALx acronym { border: 0; }
#overDiv { background: #fff; }


/*#################### SHORTNEWS ####################*/
.startnews { margin-bottom: 15px; }
.startnews h3 { font-size: 1.3em; color: #F48D21; }
.startnews a { color: #666; }
.startnews a:hover { color: #FFF; background: #F48D21; }

dl.shortnews { margin-bottom: 1em; }
dl.shortnews dt { padding:0 5px; font-weight: bold;}
dl.shortnews dd { background:#EEEEEE; margin:0pt 0pt 1em; padding:5px 5px 5px 5px;}
.date { font-style: italic; font-weight: normal; color: #999; font-size: 0.8em; }


/*#################### KONTAKTFORMULAR ####################*/
#content #EmailForm fieldset { border: 0; }
#content #EmailForm span { clear: both; display: block; padding: 1em 0; }
#content #EmailForm label { float: left; }
#content #EmailForm input, select, textarea { float: right; width: 60%;}


/*#################### HEADLINES ####################*/
h2 { color: #f48d21; margin-bottom: 0.8em; font-size: 1.5em; line-height: 1.2em; font-style: italic; font-weight: normal;}
h3, legend { font-size: 1em; margin-bottom: 0; font-weight: bold; }
.shortnews h3 { margin-bottom: 0; }
h3.shortnews {margin: 1.5em 0 0 0;}
.subline { font-weight: bold; font-style: italic; }


/*#################### SONSTIGES ####################*/
p {margin-bottom:1em;}
p.dropcap:first-letter { float:left; font-size:4.3em; margin-right:4px; padding-top: 4px; line-height: 0.8em; color: #ccc; }

.offset05 {margin-bottom: 1.5em; display: block;}
.clear {clear:both; line-height: 0px; height: 1px;}
img {border: 0 !important;}
.veranstaltungImage { float: left; margin: 0 15px 10px 0 !important; border: 1px solid #c5d0d4; }
.preis { font-size: 0.8em; font-style: italic; }
.right { float: right; }
.news .right { width: 255px; }


/*.RASTER { position: absolute; height: 700px; width: 765px; background: url(../images/RASTER.png); z-index: 1000; }*/