@charset 'utf-8';

/******************************
screen.css
Version: 1.0
(c) by WERBESTUDIO HILD
www.werbestudio-hild.de
******************************/

@import url(reset.css);

body { background: #eaeaea url(../images/backgrounds/body.gif) repeat-y 50% 0; color: #222; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
body.image { background-image: none; padding: 30px; text-align: center; }
body.karte { background-color: #fff; }

abbr { border-bottom: 1px dotted #aaa; cursor: help; }
strong,
em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; }
em { font-style: italic; }
a { color: #f08805; }

/* Header */
#header_wrap { background: #f08805 url(../images/backgrounds/header_wrap.gif) repeat-x; border-bottom: 2px solid #222; text-align: center; }
#header { background: url(../images/backgrounds/header.jpg) no-repeat; margin: 0 auto; text-align: left; width: 740px; }
#header p { color: #fff; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding: .3em 10px .5em; }
#header h1 { text-align: right; }

/* Nav */
#nav_wrap { text-align: center; }
#nav { background: #60a727; border-bottom: 1px solid #305313; margin: 0 auto; text-align: left; width: 740px; }
#nav li { display: inline; }
#nav a { border-left: 1px solid #afd393; border-right: 1px solid #305313; color: #222; display: block; float: left; padding: .4em 0; text-align: center; text-decoration: none; width: 146px; }
#nav a:hover,
#nav a:focus,
#nav a:active { border-left: 1px solid #ecf1da; background: #afd393; }
#nav a.active,
#nav a.active:hover,
#nav a.active:focus,
#nav a.active:active { border-left: 1px solid #c0c0c0; background: #818181; color: #fff; }

/* Content */
#content_wrap { text-align: center; }
#content { margin: 0 auto; text-align: left; width: 740px; }

#content h2 { color: #f08805; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; line-height: 1.2; margin: .8em 10px .3em; }
#content h3 { clear: both; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: .85em; font-weight: bold; margin: 1.2em 10px 0; }
#content h4 { font-size: .85em; font-weight: normal; margin: 1.2em 10px 0; }

#content p,
#content ul,
#content ol { margin: .8em 10px; }
.image p { margin: .8em auto; }

#content blockquote p { font-family: "Times New Roman", Times, serif; }
#content blockquote p strong { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }

.image p,
#content p,
#content li { font-size: .85em; line-height: 1.6; }
#content li { background: url(../images/backgrounds/li_dot.gif) no-repeat 0 .55em; padding-left: 15px; }
#content .legende li { background: none; padding-left: 0; }
#content .legende li img { padding: .6em 5px .6em 0; vertical-align: middle; }

#content .leftalign { float: left; margin: 0 10px 10px 0; }
#content .rightalign { float: right; margin: 0 0 10px 10px; }

#vcard { height: 0; overflow: hidden; visibility: hidden; }

/* Footer */
#footer_wrap { margin: 10px 0; text-align: center; }
#footer { background: #f08805; border-top: 2px solid #222; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 auto; text-align: left; width: 740px; }

#footer p { color: #fff; font-size: 1.4em; float: left; line-height: 1.2; margin: 10px; width: 480px; }
#footer p small { font-size: .65em; }
#footer p.nav { font-size: .8em; text-align: center; width: 220px; }
#footer p.nav a { color: #fff; text-decoration: none; }
#footer p.nav a:hover,
#footer p.nav a:focus,
#footer p.nav a:active { text-decoration: underline; }
#footer p.nav a.active,
#footer p.nav a.active:hover,
#footer p.nav a.active:focus,
#footer p.nav a.active:active { color: #fc8; text-decoration: none; }

#footer abbr { border-bottom: 1px dotted #fa5; }

#footer em { font-style: normal; text-transform: uppercase; }

/* SHS */
#shs_wrap { clear: both; text-align: center; }
#shs { margin: 10px auto; text-align: left; width: 740px; }