@charset 'utf-8';

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

@import url(reset.css);

body { background: #239; color: #222; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }

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; }

/* Head */
#head_wrap,
#head,
#head h1,
#head a { height: 125px; }
#head_wrap { background: url(../images/backgrounds/head_wrap.gif) repeat-x; text-align: center; }
#head { margin: 0 auto; text-align: left; width: 760px; }
#head h1 { background: url(../images/backgrounds/sandstrahlen.gif) no-repeat; font-size: 1px; text-indent: -9999px; }
#head a { display: block; width: 340px; }

/* Main */
#main_wrap { background: #444 url(../images/backgrounds/main_wrap.gif) repeat-x; text-align: center; }
#main { background: url(../images/backgrounds/main.gif) repeat-y; margin: 0 auto; text-align: left; width: 760px; }

/* Navigation */
#nav { background: #8ad url(../images/backgrounds/nav.gif) no-repeat; display: inline; float: left; margin: 0 10px; padding: 60px 0 0; width: 180px; }
#nav li { border-bottom: 2px dotted #fff; }
#nav a { color: #fff; display: block; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; letter-spacing: -1px; padding: .8em 10px; text-decoration: none; text-align: right; width: 160px; }
#nav a:hover,
#nav a:focus,
#nav a:active { background: #9be; }
#nav .active { border-bottom: 2px dotted #222; }
#nav .active a,
#nav .active a:hover,
#nav .active a:focus,
#nav .active a:active { background: #8ad url(../images/backgrounds/dot_blue.gif) no-repeat 10px 1.1em; color: #222; padding-left: 20px; text-align: left; width: 150px; }

/* Content */
#content { background: #d6d6d6; border-top: 10px solid #fff; display: inline; float: left; width: 550px; }
#content h2 { background: url(../images/backgrounds/h2.gif) repeat-x; color: #239; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.05em; font-weight: bold; height: 50px; letter-spacing: -1px; line-height: 40px; padding: 0 10px; }
#content h3 { color: #239; font-size: 1.05em; font-weight: normal; letter-spacing: -1px; line-height: 1.4; margin: .9em 10px .6em; }

#content p,
#content ul,
#content ol { margin: .6em 10px; }

#content p.imgrow { margin: .9em 0 0 10px; }
#content p.imgrow img { margin-right: 10px; }
#content p.lastrow { border-bottom: 10px solid #d6d6d6; margin-bottom: 0; }

#content p,
#content li { font-size: .75em; line-height: 1.4; }
#content li { background: url(../images/backgrounds/dot_blue.gif) no-repeat 0 .55em; padding-left: 10px; }

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

#content #map { margin: 0 0 10px 10px; }

#content .leftalign { float: left; margin: .3em 10px .9em 0; }
#content .rightalign { float: right; margin: .3em 0 .9em 10px; }
#content .clear { clear: both; }

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

/* Foot */
#foot_wrap { background: url(../images/backgrounds/foot_wrap.gif) repeat-x; height: 100px; text-align: center; }
#foot { margin: 0 auto; padding: 0 560px 0 0; width: 200px; }
#foot ul { background: #8ad url(../images/backgrounds/foot_ul.gif) no-repeat 0 100%; padding: 10px 0; }
#foot li { display: inline; }
#foot a { color: #fff; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; font-size: .75em; font-weight: bold; letter-spacing: -1px; line-height: 2.0; padding: 0 3px; text-decoration: none; }
#foot a:hover,
#foot a:focus,
#foot a:active { text-decoration: underline; }
#foot .active a,
#foot .active a:hover,
#foot .active a:focus,
#foot .active a:active { color: #222; text-decoration: none; }