/*Theme Name: Biergartenverein - Theme URI: http://biergartenverein.de/
Description: Das komplett eingedeutschte Standard-Theme - Design by Ursula Hoffmann - NetMuc WebDesign - www.netmuc.de
Deutsche Bearbeitung: <a href="http://blogshop.de">Olaf A. Schmitz</a>
Copyright Grafik & CSS by Netmuc-Webdesign

/*General*/
/*Elemente*/
#error { font-size: smaller; display: none; }
html {font-size: 100%; /* IE Hack */ color: #000; margin: 0; padding: 0;}
body { font-size: 70%; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background-color: #dbf0f5; margin: 0; padding: 0; }
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dashed #999;
}
cite { font-size: smaller; margin-left: 60px; }
td { font-size: 0.8em; }
/*Links im content */
a, a:link { color: #4a6b34; text-decoration: underline; }
a:visited { color: #76a853; }
a:focus, a:hover { color: #42839f; text-decoration: underline; }
a:active { color: #1c3752; }
a img, a:visited img, a:link img { background-image: none; border: none; }
.gotop { color: #4281a0; line-height: 16px; background-image: url(images/linktop.png); background-repeat: no-repeat; text-decoration: none; padding-right: 2px; padding-left: 20px; border: solid 1px #572c59; }
/*Ende Links*/
h1, h2, h3, h4, h5, h6, legend, #skipper { color: #76a555; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 200%; font-family: "Lucida Grande", Verdana, Pristina, "Lucida Sans Unicode", Verdana, sans-serif, "Lucida Handwriting"; font-weight: bolder; line-height: 1em; text-align: left; margin-top: 0; margin-bottom: 0; }
h2 { font-size: 170%; line-height: 1em; letter-spacing: 1px; margin-top: 20px; margin-bottom: 0; }
h3 { font-size: 150%; letter-spacing: 1px; margin: 0; padding-top: 10px; }
h4 { font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; clear: both; }
h5 { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2em 0 1em; }
h6 { font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2.33em 0; }
textarea { width: 75%; }
/* discrete "skip to the content" link */
#skipper a, #skipper a:link, #skipper a.visited { color: #dbf0f5; background-image: none; text-decoration: none; text-align: left; z-index: 100; overflow: hidden; margin: 0; padding: 0; display: block; }
#skipper a:hover { color: #fff8bf; background-color: #76a555; text-decoration: none; display: block; }
/*Die Layers und dazugehörige Stile für Titel, Links und Listen,  das Layout von oben nach unten*/
#wrappermax { width: 90%; max-width: 1300px; margin-right: auto; margin-left: auto; }
#container { background-color: #4281a0; position: relative; width: 90%; z-index: 1; clear: both; margin: 0 auto; padding: 0; border-color: #4281a0 #dbf0f5 #42839f; border-style: none solid solid; border-width: 1px; /* to overcome IE bug */}
/*border ohne important sonst wird ein Abstand generiert*/
#header { background-image: url(images/logo-biergartenverein.jpg); background-repeat: no-repeat; text-align: center; width: 1000px; height: 220px; z-index: 2; margin: 0 auto; padding: 0; }
#header h1 { color: #42839f; font-size: 110%; background-image: none; text-decoration: none; text-align: center; margin-right: auto; margin-left: auto; padding-top: 80px; }
.description { color: #000; font-size: 100%; letter-spacing: 1px; }
#searchform { background-color: #4281a0; z-index: 100; margin-top: 0; margin-bottom: 60px; margin-left: 15px; padding: 2px; }
#s { background-color: #fff8bf; }
#searchsubmit { color: #fff8bf; font-size: 135%; background-color: #4281a0; padding-top: 2px; padding-bottom: 2px; border-style: none; cursor: pointer; }
#navigation { background-color: #4281a0; text-align: left; width: 90%; height: 90px; z-index: 110; margin-right: auto; margin-left: auto; border-color: #4281a0 #dbf0f5; border-style: solid; border-width: 1px; }
#navigation h1 { display: none;}
#navigation ul { margin: 60px 0 0; padding: 0 0 0 25%; }
#navigation ul li { display: inline; margin: 0; padding: 0 20px 0 0; }
#navigation a { color: #ddc80b; font-family: Verdana, Helvetica, sans-serif; font-size: 125%; font-weight: bold; line-height: 2em; background-image: none; text-decoration: none; padding: 0.8em 1em 1.4em 0.8em; }
#navigation a:link { background-image: none; }
#navigation a:visited { background-image: none; }
#navigation a:focus, #navigation a:hover, #navigation a:active{ color: #4a6b34; background: #fff url(images/navround.png) no-repeat right top;}
#breadcrumbs { color: #d4e283; font-size: 80%; text-align: left; letter-spacing: 1px; float: left; padding: 0 0 0 25px; }
#breadcrumbs a:hover, #breadcrumbs a:focus { color: #fff8bf; background-color: #4281a0; background-image: none; }
#breadcrumbs a { text-decoration: none; }
#login { color: #fff8bf; font-size: 0.9em; font-weight: normal; line-height: 0.5em; background-color: #4281a0; background-image: url(images/roundleft.png); background-repeat: no-repeat; background-position: left top; text-align: right; width: 90%; height: 22px; margin: 0 auto; padding: 0; border-top: 1px solid #dbf0f5; border-bottom: 1px solid #4281a0; border-right-style: none; border-left-style: none; }
#login a, #login a:visited { color: #fff8bf; background-image: url(images/linknavbul.gif); background-repeat: no-repeat; background-position: left 50%; text-decoration: none; margin: 0 5px; padding: 0 0 0 10px; }
#login ul li { margin: 0; padding: 0 5px 0 0; display: inline; }
/* the following rule is for visually highlighting the correct general navigation tab html#pagehome #navigation li a#navhome,*/
body#home a#navhome,
body#bbb a#navbbb,
body#impressum a#navimpressum,
body#history a#navhistory,
body#verein a#navverein {color: #41829e; background: #fff url(images/navround.png) no-repeat right top;}
body#kontakt a#navkontakt,
body#vorstand a#navvorstand,
body#beitritt a#navbeitritt,
body#jahr a#navjahr,
body#foto a#navfoto{ color: #4281a0; font-size: larger; background-color: #fff; background-image: none; }
#content { background-color: #fff; z-index: 10; min-height: 660px; margin: 0 0 0 25%; padding: 0; }
#content h1 { color: #4281a0; }
#content h2 { color: #42839f; font-weight: bolder; text-align: left; margin-top: 50px; margin-bottom: 5px; padding: 0; }
#content h3 { color: #42839f; margin-top: 10px; margin-bottom: 2px; padding: 0; }
#content h4 { color: #42839f; font-weight: lighter; text-transform: none; letter-spacing: 1px; margin: 20px 0 2px; padding: 0; }
#content h5 { color: #42839f; font-size: 0.9em; font-weight: bold; text-transform: none; letter-spacing: 1px; margin: 5px 0 0; padding: 0; }
#contentwide { background-color: #fff; text-align: left; z-index: 10; padding: 0; border-color: #fff #4281a0 #4281a0; border-style: solid; border-width: 1px; }
/*Verschiedene Bars zur Seiten-Navigation*/
#sidebar { color: #9cc4c3; line-height: 1.4em; background-color: #4281a0; position: absolute; top: 0; width: 25%; left: 0; z-index: 80; margin: 0; padding: 0 0 20px; }
#sidebar a, #sidebar a:visited { color: #fff8bf; background-image: url(images/linknavbul.gif); background-repeat: no-repeat; background-position: left 50%; margin-left: 15px; padding-left: 10px; border-width: 0; display: block; }
#sidebar a:hover { color: #ddc80b; text-decoration: none; border-bottom: 1px solid #ddc80b; }
#sidebar ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
}
#sidebar ul li { font-size: 110%; font-weight: normal; font-style: normal; line-height: 2.4em; text-decoration: none; margin-top: 10px; padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#sidebar ul ul { font-variant: normal; font-weight: normal; line-height: 100%; list-style-type: none; margin: 0; padding: 0; text-align: left; }

#sidebar ul ul li { font-size: 95%; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1.4em; text-decoration: none; border: 0; letter-spacing: 0; margin-top: 0; padding: 0 0 0 5px; }

#sidebar ul ul li a, #sidebar ul ul li a:visited { color: #fff8bf; text-decoration: none; }

#sidebar ul ul li a:hover { color: #fff; border-bottom: 1px solid #ddc80b; display: block; }

#sidebar ul ul ul.children { font-size: 100%; padding-left: 4px; }
 #sidebar .feed li a{ background-image: url(images/rss.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding-left:20px; }
#adsbar { text-align: right; position: absolute; top: 60px; right: 0; width: 200px; z-index: 10; margin: 0; padding: 0; }
#adsbar p { text-align: left; padding: 20px 20px 20px 40px; }
#adsbar h3 { font-size: 0.8em; font-weight: normal; text-align: right; margin-top: 10px; margin-right: 10px; }
#show { text-align: center; width: 200px; padding-top: 10px; padding-bottom: 10px; }
#ad2 { margin-top: 40px; padding: 5px; border: solid 1px #42839f; }
#contactbar { color: #41829e; text-align: left; margin: 40px 6px 0 10px; position: absolute; z-index: 10; top: 0; right: 0; width: 200px; }
/*Ende Seiten-Navigation*/
#footer { color: #4281a0; font-size: 90%; background-color: #dbf0f5; text-align: right; width: 90%; margin: 10px auto 120px; padding: 0; }
#footer img { float: left; padding-right: 5%; }
.footer { float: left; margin: 0 10% 0 16%; padding-top: 0; padding-right: 0; padding-bottom: 0; }
/* Begin classes*/
.pagenarrow { z-index: 20; margin: 0 200px 0 40px; padding: 30px 0; }
.pagenarrow li { padding-bottom: 20px; list-style-type: none; list-style-image: none; }
.pagenarrow li a { font-weight: bold; }
.pagenarrow ul { margin-bottom: 50px; }
/*lässt Platz für Seitennavi, Abstand unten - braucht entry */
.pagenorm { margin: 0 30px 30px; padding: 20px; border: solid 1px #fff; }
.pagewide { text-align: right; right: 0; margin: 0 30px 30px; padding: 20px; border: solid 1px #fff; }
/*genauso wie norm nur rechts angeordnet
*/
.pagewide ul, pagenarrow ul { margin: 1em 0; font-size: 95%; padding: 0 20px; list-style-image: url(images/linknavbul.gif); }
.pagewide li, pagenarrow li { padding-bottom: 10px; list-style-image: url(images/linknavbul.gif); }
/*über die ganze Breite*/
.entry { text-align: left; clear: both; max-width: 600px; margin: 0 auto; padding: 0 60px; }
.post { margin: 0; padding: 0; }
.post h1 { color: #42839f; font-size: 1.4em; font-family: "Arial Black"; font-weight: normal; margin-top: 30px; margin-bottom: 0; padding: 0; }
.post h3 { font-size: 1.4em; }
.post hr { visibility: hidden; clear: both; display: block; }
.moreinfo { color: #ddc80b; font-weight: bold; background-image: url(images/linkmoreinfo.png); background-repeat: no-repeat; background-position: right 50%; text-align: right; padding: 2px 56px 2px 4px; cursor: pointer; display: block; }
.moreinfo a:hover { background-image: url(images/linkhoverinfo.png); background-repeat: no-repeat; background-position: left 50%; padding-left: 70px; }
.important { color: #e1ae3c; font-size: 160%; font-family: "Lucida Grande", Verdana, Pristina, "Lucida Sans Unicode", Verdana, sans-serif, "Lucida Handwriting"; background-image: url(images/important.png); background-repeat: no-repeat; padding-top: 50px; padding-bottom: 0; padding-left: 100px; }
.extra { font-size: 200%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bolder; padding: 0 10px; }
.inline  li { margin-right: 20px; display: inline; }
.info { color: #696969; font-size: smaller; line-height: normal; margin: 0; padding-top: 4px; padding-right: 40px; padding-bottom: 4px; }
.uppercase { text-transform: uppercase; }
.moretext { color: #000; font-size: 0.8em; text-decoration: none; margin-top: 10px; margin-bottom: 10px; display: block; }
.archive { margin: 0; padding: 0 40px 0; }
.postmetadata { color: #696969; font-size: 0.8em; line-height: normal; text-align: right; margin: 10px 0 25px; border-top: 1px solid #9cc4c3; clear: left; padding: 2px 15px; border-bottom: 1px solid #fff; }
.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}
.attachment {
	text-align: center;
	margin: 5px 0px;
}
.navigation { font-size: 90%; font-style: oblique; padding-bottom: 2em; }
.ruckseini20 { margin-left: 20px; }
.rucksowi40 { padding-top: 40px; }
/*Listen Styling*/
.leftlist { font-size: 80%; font-weight: bold; text-align: right; letter-spacing: 2px; float: left; margin: 0; padding: 0 20px 0 0; list-style-type: none; }
.fest { position: fixed; }
.rightlist { font-size: 85%; text-align: left; letter-spacing: 1px; float: left; margin: 0; padding: 0; list-style-type: none; }
.leftlist li, .leftlist ul { margin: 0; padding: 0; list-style-type: none; }
.rightlist li,.rightlist ul, rightlist h4 { list-style-type: none; margin: 0; padding: 0; }
.listing { list-style-type: none; list-style-image: none; }
.listing ul, .listing li { margin: 0; padding: 0; }
.listing h4 { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; }
listing h5 { margin: 0; padding: 0; }
/*Ende Listen Styling*/
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright { margin: 10px 0 10px 10px; padding: 4px; display: inline; }
img.alignleft {
	padding: 4px;
	margin: 10px 10px 10px 0;
	display: inline;
	}
.alignright { float: right; padding-right: 1em; padding-left: 1em; }
.alignleft { float: left
	; padding-right: 1em; padding-left: 1em; }
.aligncenter { text-align: center; }
/* End Images */
/* Begin Comments*/
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #fff3bb; border: solid 1px #333; padding: 0.2em; }
#commentform #submit { background-color: #fff3bb; cursor: pointer; }
#commentform textarea {
	width: 100%;
}

#commentlist li, #commentlist ul, #commentlist ol { border-left: 1px dotted #8d76a0; font-size: 110%; list-style-type: none; list-style-image: none; }

#commentlist li .avatar { float: left; margin-right: 6px; margin-left: 20px; border: solid 1px #8d76a0; padding: 2px; }

/* End Comments */