/*das Stylesheet zur Website www.hilla-magazin.de
Author: Detlef Reuter
copyright: Detlef Reuter*/
body                { color: black; font-size: 62.5%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 62.5%; background-color: #fafafa; text-align: center; margin: 0; padding: 20px 0 0 }
#page               { color: black; line-height: 1em; background-color: #fff; text-align: left; margin-right: auto; margin-left: auto; padding: 0; width: 960px; border-style: solid; border-width: 1px; border-color: #fafafa #d7d7d7 #d7d7d7 #fafafa }
/*header*/
#header             { background-color: #2a1b76; background-image: url(images/hilla-header01.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px }
#header h1         { text-indent: -9999px; margin: 0; padding: 0 }
#header h1 a  { display: block; width: 800px; height: 110px }
#navcontainer              { background-color: #2a1b76; text-align: left }
/*mainnav*/
ul#mainnav                          { text-transform: uppercase; margin-left: 180px; padding-top: 3px; padding-left: 0; height: 25px }
ul#mainnav a               { color: #fbc100; text-decoration: none }
ul#mainnav a:hover          { color: #fff; text-decoration: none }
ul#mainnav .current_page_item a                  { color: #fff }
ul#mainnav .current_page_item a:hover       {
	color: #FFF
}
ul#mainnav li                 {
	font-size: 18px;
	font-weight: bold;
	list-style-type: none;
	display: inline;
	padding-right: 50px
}
/*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              { color: #5f5f5f; font-size: 13px }
.narrowcolumn      { padding-bottom: 20px; width: 550px; float: left }
.widecolumn       { margin-left: 180px; padding-right: 20px; padding-bottom: 20px }
.flash       {
margin-left: 0px;
padding: 0px 0px 20px;
height: 550px;
width: 800px;
}
/*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*/
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: #2a1b76; font-size: 1.8em; font-weight: normal; line-height: 1.2em; margin: 0.83em 0 0.4em }
h3   { color: #2a1b76; font-size: 1.4em; font-weight: normal; margin: 1em 0 0.3em }
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 #2a1b76 }
.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: #2a1b76; font-weight: bold; text-decoration: underline }
a:hover        { color: #fbc100 }
p          { color: black; font-size: 1.1em; line-height: 1.4em; 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         { color: #fbc100; font-weight: normal; background-color: #2a1b76; padding-top: 5px; height: 20px }
/*footernav*/
ul#footernav        { font-weight: bold; text-transform: uppercase; margin-bottom: 0; margin-left: 180px; padding: 0 }
ul#footernav a      { color: #fbc100; text-decoration: none }
ul#footernav a:hover     { color: #fff }
ul#footernav .current_page_item a    { color: #fff }
ul#footernav .current_page_item a:hover     { color: #fbc100 }
ul#footernav li        { color: #fbc100; font-size: 1.2em; display: inline; padding-right: 5px; padding-left: 5px }