/*das Stylesheet zur Website www.waldbauerntag-hillesheim.de
Author: Detlef Reuter
copyright: Detlef Reute*/
body              { color: black; font-size: 62.5%; font-family: "Trebuchet MS", "Lucida Sans", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 62.5%; background-color: #404040; text-align: center; margin: 0; padding: 0 }
#page             { color: black; line-height: 1em; background-image: url(images/waldbauerntag_web0804_green.png); text-align: left }
/*header*/
#header_bg  { background-image: url(images/waldbauerntag_web0804_bg.png); background-repeat: repeat-x; background-position: 0 top; margin: 0; padding: 0 }
#header            { background-image: url(images/waldbauerntag_web0804_logo.png); background-repeat: no-repeat; margin: 0 auto; padding: 0 0 20px; width: 920px }
#header h1         { text-indent: -9999px; margin: 0; padding: 0 }
#header h1 a { display: block; margin: 0; padding: 0; width: 920px; height: 210px }
#navcontainer            { text-align: left }
/*mainnav*/
ul#mainnav                        { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-left: 0; padding-left: 0 }
ul#mainnav a             { color: #fff; font-weight: normal; text-decoration: none }
ul#mainnav a:hover         { color: #f00; text-decoration: none }
ul#mainnav .current_page_item a                 { color: #99ca22 }
ul#mainnav .current_page_item a:hover      { color: #ffe000 }
ul#mainnav li               { list-style-type: none; display: inline; padding-right: 10px; height: 18px }
/*subnav*/
ul#subnav            { font-size: 14px; padding-top: 0; padding-left: 0 }
ul#subnav a            { color: gray; text-decoration: none; padding-right: 5px; padding-left: 5px }
ul#subnav .current_page_item a      { color: #ff6bf6 }
ul#subnav .current_page_item a:hover    { color: #000 }
ul#subnav a:hover       { color: black }
ul#subnav li         { font-weight: bold; list-style-type: none; display: inline }
/*content*/
#content_bg    { background-image: url(images/waldbauerntag_web0804_contb.png); background-repeat: repeat-x; background-position: center bottom; margin: 0; padding: 0; border-bottom: 1px solid #404040 }
#content             { color: #5f5f5f; font-size: 13px; margin: 0 auto 0; padding: 0; width: 920px }
.narrowcolumn      { padding-bottom: 20px; width: 550px; float: left }
.widecolumn    { margin: 0; padding-top: 2px; padding-bottom: 20px }
/*sidebar*/
#sidebar      { margin: 0 0 0 560px; padding-top: 20px; padding-bottom: 40px }
#sidebar h2   { color: #77240e; font-size: 16px; font-weight: bold }
#sidebar ul   { font-size: 1em; font-weight: normal; margin-top: 0; margin-bottom: 20px; margin-left: 0; padding: 0 0 0 10px }
#sidebar li   { font-size: 14px; list-style-type: none; padding-top: 3px; padding-bottom: 12px; padding-left: 0 }
/*images*/
#content img    { margin-bottom: 15px; padding: 3px; border: solid 1px #ffe000 }
#content img.icon { margin-bottom: 0; padding: 0; border-width: 0 }
#content a img { margin-bottom: 15px; padding: 3px; border: solid 1px #ffe000 }
#content a:hover  img { margin-bottom: 15px; padding: 3px; border: solid 1px #7d7d7d }
img.alignright  { display: inline; margin: 0 0 2px 20px }
img.alignleft { display: inline; margin: 0 10px 2px 0 }
/*galerie*/
.galerie  { margin-top: 10px }
.galeriebild  { margin: 2px }
.galerie a img   { padding: 1px; border: solid 1px #999 }
.galerie a:hover img   { padding: 1px; border: solid 1px #ffe000 }
/*dies und das*/
h1 { font-size: 2em; font-weight: bold; margin: 0.67em 0 }
h2      { color: #404040; font-size: 1.6em; font-weight: normal; line-height: 1.2em; margin: 0.83em 0 }
h3  { color: #d1392e; font-size: 1.17em; font-weight: bold; margin: 1em 0 0 }
td { font-size: 1em; line-height: 1.2em; vertical-align: top }
ul, ol   { margin-top: 0 }
ul li, ol li      { color: black; font-size: 1.1em; line-height: 1.2em; margin-top: 0; padding-top: 0; padding-bottom: 10px }
ol li ol li { font-size: 1em; line-height: 1.2em; padding-top: 5px }
iframe { margin-bottom: 15px; padding: 3px; border: solid 1px #ffe000 }
.meta { color: #7d7d7d; font-size: 10px; font-weight: normal; margin: 0; padding-bottom: 10px }
.attention { color: #f00; font-size: 1.2em; font-weight: bold; padding-left: 5px; border-left: 5px solid #f00 }
.alignright  { text-align: right }
.alignleft  { text-align: left }
.center { text-align: center }
a    { color: #404040; font-weight: bold; text-decoration: underline }
a:hover       { color: #ffe000 }
p         { color: black; font-size: 1.1em; line-height: 1.4em; text-align: justify; margin-top: 2px; margin-bottom: 6px }
small { font-size: 11px; font-weight: normal }
.small  { color: #7d7d7d; font-size: 11px; font-weight: normal }
small a { font-size: 11px; font-weight: normal }
hr   { visibility: hidden; height: 0; clear: both }
/*footer*/
#footer_bg   { background-color: #404040; display: block; margin: 0; padding: 0 }
#footer       { color: #fff; font-weight: normal; margin: 0 auto; padding: 0; width: 920px }
/*footernav*/
ul#footernav      { margin: 0; padding: 10px 0 30px }
ul#footernav a     { color: #b4b4b4; text-decoration: none }
ul#footernav a:hover    { color: #99ca22 }
ul#footernav .current_page_item a   { color: #99ca22 }
ul#footernav .current_page_item a:hover    { color: #ffe000 }
ul#footernav li     { color: #feffff; font-size: 1.2em; display: inline; padding-right: 5px; padding-bottom: 2px; padding-left: 5px }