@charset 'utf-8';

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

@import url(reset.css);
@import url(lightbox.css);

body { background: #028; color: #444; font: 101% "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 20px 0; overflow-y: scroll; text-align: center; }

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

/* Container */
#container { background: #fff; margin: 0 auto; padding: 15px; text-align: left; width: 910px; }

/* Header */
#header { background-image: url(../images/headers/header.jpg); background-repeat: no-repeat; background-position: 0 100%; padding: 20px 0 350px; }
#ueberuns #header { background-image: url(../images/headers/theater-gt.jpg); }
#leistungen #header { background-image: url(../images/headers/leistungen.jpg); }
#referenzen #header { background-image: url(../images/headers/glueck-seligkeit04.jpg); }
#messe #header { background-image: url(../images/headers/messe.jpg); }
#news #header { background-image: url(../images/headers/news.jpg); }
#gebrauchtmarkt #header { background-image: url(../images/headers/gebrauchtmarkt.jpg); }

#header #logo { float: left; width: 210px; }
#header #nav { float: left; width: 700px; }

/* Hauptnavigation */
#header #nav li { display: inline; }
#header #nav a { background: #888; border-right: 1px solid #fff; color: #fff; display: block; float: left; font-size: .75em; font-weight: bold; height: 30px; letter-spacing: -1px; line-height: 2.4; margin-top: 50px; text-align: center; text-decoration: none; width: 115px; }
#header #nav .last a { border-right: 0; width: 120px; }
#header #nav a:hover,
#header #nav a:focus,
#header #nav a:active { background: #aaa; }
#header #nav a.active,
#header #nav a.active:hover,
#header #nav a.active:focus,
#header #nav a.active:active { background: #abd4eb; color: #007dc2; }

/* Unternavigation */
#subnav { margin: 10px 0 0; }
#subnav li { display: inline; }

#subnav a { background: #aaa; border-right: 1px solid #fff; color: #444; display: block; float: left; font-size: .75em; font-weight: bold; height: 20px; letter-spacing: -1px; line-height: 1.6; padding: 0 20px; text-align: center; text-decoration: none; }
#subnav a:hover,
#subnav a:focus,
#subnav a:active { background: #888; color: #fff; }
#subnav a.active,
#subnav a.active:hover,
#subnav a.active:focus,
#subnav a.active:active { background: #444; color: #fff; }

/* Content */
#content { background: #ccc url(../images/backgrounds/container.gif) repeat-x; clear: both; min-height: 240px; padding: 23px 0 15px; }
#content h2 { font-size: 1em; line-height: 1.4; padding: 15px 15px 1em; }
#content h3 { font-size: .95em; font-weight: normal; line-height: 1.4; padding-top: 1.2em; }
#content p,
#content h4,
#content li { font-size: .75em; line-height: 1.4; }
#content p,
#content h3,
#content h4,
#content ul { margin: 1.2em 15px 0; }
#content h2,
#content h4 { font-weight: bold; }
#content h3 { clear: both; }
#content a { color: #007dc2; text-decoration: none; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }

#content li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .55em; padding-left: 20px; }
#content hr { background: #ccc; border: 0; clear: both; color: #ccc; height: 0; margin: 0; padding: 0; }

#content img,
#content #map { border: 1px solid #444; }
#content #map { margin: 15px 15px 0; }
#content #map p { margin: .3em 0; }

#content .leftalign { float: left; margin-right: 15px; }
#content .rightalign { float: right; margin-left: 15px; }
#content .clear { clear: both; }
#content .em { text-transform: uppercase; }
/* Fussnote */
#content .footnote { font-size: .8em; margin-top: 6em; }
#content .footnote p,
#content .footnote h3 { margin: 0 15px; }
#content .footnote a { font-weight: normal; }
/* Foto-Box */
#content .imgbox,
#content .largeimgbox { float: left; margin: 15px 0 15px 15px; }
#content .imgbox { width: 200px; }
#content .largeimgbox { width: 325px; }
#content .imgbox img,
#content .largeimgbox img { vertical-align: middle; }
#content .imgbox p,
#content .largeimgbox p { font-size: .65em; margin-top: .2em; text-align: center; }
/* Foto-Block */
#content .imgblock { float: right; margin: 15px 15px -15px 0; width: 430px; }
#content .imgblock img { margin: 0 0 15px 15px; vertical-align: middle; }
/* Text-Block */
#content .textblock { float: left; }
/* Foto-Reihe */
#content .imgrow img { margin: 0 0 15px 15px; }
#content .imgrow .first img { clear: both; margin: 0 0 15px 0; }
/* Ansprechpartner */
#content .aspbox { float: left; margin-bottom: 1.2em; width: 440px; }
#content .aspbox img { float: left; margin-right: 15px; }
/* Angebote */
#content .salesbox { float: left; width: 302px; }
#content .salesbox h3 { margin-top: 0; }
#content .salesbox em { color: #028; font-style: normal; font-weight: bold; }
#content .salesbox .price { font-size: .95em; margin-top: 0; text-align: right; }

#content .first { clear: both; }

/* Footer */
#footer { color: #b2ddff; margin: .6em auto; text-align: right; width: 940px; }
#footer p { font-size: .75em; line-height: 1.4; }
#footer a { color: #b2ddff; 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: #fff; text-decoration: none; }