@charset 'utf-8';

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

@import url(reset.css);



body { background: #adbfd6; color: #222; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; padding-bottom: 10px; text-align: center; }


abbr { border-bottom: 1px dotted #ddd; cursor: help; }

strong,
em { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; }
em { font-style: italic; }

#container { background: #eee url(../images/backgrounds/container.gif) repeat-y; border-left: 1px solid #5b80ad; margin: 0 auto; text-align: left; width: 940px; }



/* Header */

#header { background: url(../images/backgrounds/header.gif) no-repeat 0 100%; height: 132px; padding-top: 20px; }

#header img { margin-left: 20px; }

#header a { display: block; float: left; font-size: .85em; height: 112px; }

/* Navigation */
#nav li { background: url(../images/backgrounds/nav_link.gif) no-repeat; height: 132px; float: left; }

#nav a { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; height: 112px; letter-spacing: -1px; margin: 0 20px; text-align: center; text-decoration: none; width: 140px; }
#nav a:link,
#nav a:visited { color: #5b80ad; }
#nav a:hover,
#nav a:focus,
#nav a:active { color: #2d6291; }
#nav .active,
#nav .active:hover,
#nav .active:focus,
#nav .active:active { background: #5b80ad url(../images/backgrounds/nav_active.gif) no-repeat; }
#nav .active a,
#nav .active a:link,
#nav .active a:visited,
#nav .active a:hover,
#nav .active a:focus,
#nav .active a:active { color: #fff; }
#nav a span { display: block; font-size: .95em; padding-top: 70px; }
#nav .active a span { padding-top: 35px; }

/* Subnav */
#subnav { margin: 20px 0 10px 20px; }
#subnav li { display: inline; }
#subnav a { border-bottom: 5px solid #7c99bd; color: #7c99bd; display: block; font-size: .75em; font-weight: bold; float: left; margin: .3em 0 1.2em; padding: .3em 10px; text-decoration: none; }
#subnav a:hover,
#subnav a:focus,
#subnav a:active { color: #2d6291; }
#subnav a.active,
#subnav a.active:hover,
#subnav a.active:focus,
#subnav a.active:active { border-bottom: 5px solid #2d6291; color: #2d6291; margin: 1.2em 0 .3em ; }

/* Content */
#content { background: url(../images/backgrounds/footer_top.gif) no-repeat 0 100%; clear: left; }

#content a { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-weight: bold; }
#content a:link { color: #2d6291; }
#content a:visited { color: #555; }
#content a:link,
#content a:visited { text-decoration: none; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }


#content h2,
#content .map_block h3 { color: #c9252c; font:  bold 1.4em/1.2 "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 15px 20px .3em; text-shadow: 1px 1px 0 #222; }
#content h3 { color: #2d6291; font-size: .95em; font-weight: normal; line-height: 1.4; margin: 1.2em 40px 0 20px; }
#content h3:after { content: ":"; }
#content h4 { color: #2d6291; font-size: .75em; font-weight: bold; line-height: 1.6; margin: 0 40px 0 20px; }


#content p,
#content li { font-size: .75em; line-height: 1.6; }


#content p,
#content ul { margin: 0 40px 0 20px; padding-bottom: 1.2em; }

#content li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .6em; padding-left: 10px; }

#content p.imagerow { margin: 0 10px; }
#content p.imagerow img { margin-right: 20px; }

#content .address_block { display: inline; float: left; margin-right: 20px; width: 360px; }
#content .map_block { display: inline; float: left; margin-bottom: 20px; width: 540px; }
#content .map_block h3 { margin-left: 0; }
#content .map_block h3:after { content: ""; }

#content .footnote { font-size: .6em; }
#content h3.footnote { margin-top: 6em; }

#content .profil { float: left; margin: 20px 0 0 15px; text-align: center; width: 136px; }
#content .profil h3 { color: #222; font-size: .75em; font-weight: bold; height: 3.2em; line-height: 1.6; margin: 0; }
#content .profil h3:after { content: ""; }
#content .profil p { margin: 0; padding: 0; }

#content .downloads li { margin-top: 1.4em; }
#content .downloads li strong { font-size: 1.2em; line-height: 1.2; }

/* Form */
#content .warning { background: #fff; border: 1px solid #c9252c; color: #c9252c; font-weight: bold; margin: .3em 20px .3em 0; padding: .3em 5px; }
#content form p { clear: both; margin-left: 0; padding: .3em 0; }
#content form legend { color: #2d6291; font-size: .95em; font-weight: normal; line-height: 1.4; padding: 1.2em 0 0 0; }
#content form legend:after { content: ":"; }
#content form label.label { float: left; width: 160px; }
#content form input.input { float: left; width: 330px; }
#content form textarea { height: 120px; margin-bottom: 1em; width: 490px; }

/* Map */
#content .gmnoprint div div p { font-size: .75em; line-height: 1.3; }

/* Footer */
#footer { background: #5b80ad url(../images/backgrounds/footer.gif) repeat-y; clear: both; text-align: right; }
#footer p { background: url(../images/backgrounds/footer_bottom.gif) no-repeat 0 100%; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: .65em; font-weight: bold; padding: .4em 40px .4em 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover,
#footer a:focus,
#footer a:active { text-decoration: underline; }
#footer a.active,
#footer a.active:hover,
#footer a.active:focus,
#footer a.active:active { color: #adbfd6; text-decoration: none; }