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

@import url(reset.css);

body { background: #000; color: #444; font-family: Arial, Helvetica, sans-serif; overflow-y: scroll; text-align: center; }

abbr { border-bottom: 1px dotted #ddd; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: .8em; }

.leftalign { float: left; }
.rightalign { float: right; }
.clear { clear: both; }

/* Container */
#container { background: url(../images/backgrounds/container.gif) repeat-y; margin: 50px auto; text-align: left; width: 952px; }
#container h1 { text-indent: -9999px; font-size: 1px; }

/* Container Home */
#home #container { background: url(../images/backgrounds/home.gif) no-repeat; width: 564px; }
#home #container h1 { height: 64px; width: 564px; }

.leftalign { text-align: left; }
img.leftalign { margin-right: 10px; }
.rightalign { text-align: right; }
img.rightalign { margin-left: 10px; }
.centeralign { text-align: center; }
img.centeralign { margin-left: auto; margin-right: auto; }

/* Content */
#content { background: url(../images/backgrounds/content.gif) no-repeat; clear: left; margin-top: 1px; padding-top: 4px; }
#content div { background: #fff; margin: 0 74px 3px 71px; }

#content #content_text,
#content #content_mediumtext,
#content #content_largetext,
#content #content_thumbs,
#content #content_img { display: inline; float: left; }

#content #content_text { margin: 20px 30px 20px 40px; width: 260px; }
#content #content_mediumtext { margin: 20px 0 20px 40px; width: 352px; }
#content #content_largetext { margin: 20px 40px; width: 733px; }
#content #content_thumbs { margin: 20px 0 0; width: 62px; }
#content #content_img { margin: 20px 20px 0; width: 375px; }

#content #content_thumbs img,
#content #content_img img { border: 1px solid #53006c; display: block; margin-bottom: 20px; vertical-align: middle; }
#content #map { border: 1px solid #53006c; margin: 0 0 20px 0; }
#content #map div { background: none; margin: 0; }

#content h2,
#content h3,
#content h4,
#content h5 { color: #533a59; font-weight: normal; }
#content h2 { font-size: 1.3em; }
#content h3 { font-size: 1.05em; }
#content h4 { font-size: .9em; }
#content h5,
#content p,
#content li,
#content cite { font-size: .75em; line-height: 1.5; }

#content h2,
#content h3,
#content h4,
#content p,
#content ul,
#content ol { margin: .8em 0; }
#content ul li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 50%; padding-left: 10px; }

#content a { color: #533a59; font-weight: bold; text-decoration: none; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }

#content .footnote { clear: both; margin: 0; padding-top: 4em; }
#content .footnote h3 { color: #444; font-size: .6em; font-weight: bold; }
#content .footnote p { font-size: .6em; }
#content .footnote a { color: #444; font-weight: normal; }

/* Content Home */
#home #content { background: none; margin-top: 0; padding-top: 0; }
#home #content img { margin: 0 0 0 70px; vertical-align: middle; }
#home #content blockquote { background: #533a59; color: #fff; font-style: italic; margin: 7px 0 0 70px; padding-bottom: .6em; width: 322px; }
#home #content blockquote p { margin: 0; padding: .6em 0; }
#home #content blockquote cite { text-align: right; }
#home #content blockquote span,
#home #content blockquote cite { clear: both; display: block; margin: 0; padding: .3em 10px; }

/* Header | Nav | Footer */

#header { background: url(../images/backgrounds/header.gif) no-repeat; }
#header h1 { float: left; height: 65px; width: 449px; }
#header h1 a { display: block; height: 65px; width: 449px; }

#header #nav { background: url(../images/backgrounds/nav.gif) repeat-y; float: left; margin-top: 42px; padding: .25em 0; width: 503px; }
#header #nav li { }
#header #nav li.first { margin-left: 120px; }

#footer { background: #000 url(../images/backgrounds/footer.gif) no-repeat; padding: .3em 0 63px 73px; }
#footer li { }
#footer li.first { }

#header #nav li a,
#footer li a { background: url(../images/backgrounds/nav_dots.gif) no-repeat 4px 50%; color: #bbb; display: block; float: left; font-size: .75em; font-weight: bold; padding-left: 15px; text-decoration: none; }
#header #nav li a:hover,
#header #nav li a:focus,
#header #nav li a:active,
#footer li a:hover,
#footer li a:focus,
#footer li a:active { text-decoration: underline; }
#header #nav li.first a,
#footer li.first a { background: none; padding-left: 0; }
#header #nav li a.active,
#header #nav li a.active:hover,
#header #nav li a.active:focus,
#header #nav li a.active:focus,
#footer li a.active,
#footer li a.active:hover,
#footer li a.active:focus,
#footer li a.active:active { color: #fff; text-decoration: none; }

/* Google Map */
#content #map p { color: #444; font-size: .7em; margin: 0; }