@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: #bbb; color: #222; font: 101% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; overflow-y: scroll; padding: 20px 0; text-align: center; }

abbr { border-bottom: 1px dotted #999; cursor: help; }
em { font-style: italic; }
strong { font-weight: bold; }
hr { clear: both; }

/* Container */
#container { background: #444; margin: 0 auto; text-align: left; width: 880px; }

/* Header */

#header #topnav { background: url(../images/backgrounds/header.gif) no-repeat 0 -115px; height: 85px; }
.start #header #topnav { background-position: 0 -145px; }
#header #topnav img { padding: 20px 10px 10px 20px; }

#header h1 { background: url(../images/stoetzel-gruppe.gif) no-repeat 695px 0; height: 65px; margin: 10px 0; }
#header h1 a { display: block; font-size: 1px; height: 65px; margin-left: 624px; text-indent: -9999px; width: 236px; }

/* Sidebar */
#sidebar { margin: 0 30px 0 20px; width: 270px; }
#sidebar img { padding: 10px 0 10px 5px; }

#sidebar ul { margin: 0 10px; }
#sidebar ul li { display: inline; font-size: .9em; }
#sidebar ul li,
#sidebar ul li a { color: #e5e5e5; font-weight: normal; line-height: 1.4; text-decoration: none; }
#sidebar ul li a { background: #333; border: 1px solid #222; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: block; margin: .6em 0; padding: 2px 10px; }
#sidebar ul li a small { display: inline-block; font-size: .8em; line-height: 1.2; }
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li a:active { background: #666; }
#sidebar ul li a.active,
#sidebar ul li a.active:hover,
#sidebar ul li a.active:focus,
#sidebar ul li a.active:active { text-decoration: none; }
.verkehrsbetrieb #sidebar ul li a.active,
.verkehrsbetrieb #sidebar ul li a.active:hover,
.verkehrsbetrieb #sidebar ul li a.active:focus,
.verkehrsbetrieb #sidebar ul li a.active:active { background: #f80; color: #222; }
.fahrschule #sidebar ul li a.active,
.fahrschule #sidebar ul li a.active:hover,
.fahrschule #sidebar ul li a.active:focus,
.fahrschule #sidebar ul li a.active:active { background: #b2004d; color: #222; }
.kraftfahrer #sidebar ul li a.active,
.kraftfahrer #sidebar ul li a.active:hover,
.kraftfahrer #sidebar ul li a.active:focus,
.kraftfahrer #sidebar ul li a.active:active { background: #1aa6e5; color: #222; }
#sidebar ul ul { margin: 0; }
#sidebar ul ul li { font-size: .7em; }
#sidebar ul ul li a { border: 1px solid #222; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #e5e5e5; padding-left: 10px; margin: .3em 10px; }
#sidebar ul ul li a:hover,
#sidebar ul ul li a:focus,
#sidebar ul ul li a:active { color: #e5e5e5; }
#sidebar ul ul li a.active,
#sidebar ul ul li a.active:hover,
#sidebar ul ul li a.active:focus,
#sidebar ul ul li a.active:active,
.verkehrsbetrieb #sidebar ul ul li a.active,
.verkehrsbetrieb #sidebar ul ul li a.active:hover,
.verkehrsbetrieb #sidebar ul ul li a.active:focus,
.verkehrsbetrieb #sidebar ul ul li a.active:active,
.fahrschule #sidebar ul ul li a.active,
.fahrschule #sidebar ul ul li a.active:hover,
.fahrschule #sidebar ul ul li a.active:focus,
.fahrschule #sidebar ul ul li a.active:active,
.kraftfahrer #sidebar ul ul li a.active,
.kraftfahrer #sidebar ul ul li a.active:hover,
.kraftfahrer #sidebar ul ul li a.active:focus,
.kraftfahrer #sidebar ul ul li a.active:active { color: #222; }

#sidebar ul .klassen ul { border: 1px solid #222; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: .3em 10px; }
#sidebar ul .klassen ul li a { border: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; }

.fahrschule #sidebar ul .klassen ul li a:hover,
.fahrschule #sidebar ul .klassen ul li a:focus,
.fahrschule #sidebar ul .klassen ul li a:active,
.fahrschule #sidebar ul .klassen ul li a.active,
.fahrschule #sidebar ul .klassen ul li a.active:hover,
.fahrschule #sidebar ul .klassen ul li a.active:focus,
.fahrschule #sidebar ul .klassen ul li a.active:active { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#sidebar ul li.external a { font-size: .7em; margin-top: 3em; }

#sidebar,
#content { float: left; }

/* Content */
#content { background-repeat: no-repeat; background-position: 0 0; height: 570px; margin-bottom: 80px; width: 560px; }

#content a { font-weight: bold; text-decoration: none; }
.start #content a,
.gruppe #content a { color: #333; }
.verkehrsbetrieb a { color: #f80; }
.fahrschule a { color: #b2004d; }
.kraftfahrer a { color: #1aa6e5; }
#content a:visited { color: #666; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }

.start #content { background-image: url(../images/backgrounds/start.jpg); }
.gruppe #content { background-image: url(../images/backgrounds/gruppe.gif); }
.verkehrsbetrieb #content { background-image: url(../images/backgrounds/verkehrsbetrieb.gif); }
.fahrschule #content { background-image: url(../images/backgrounds/fahrschule.gif); }
.kraftfahrer #content { background-image: url(../images/backgrounds/kraftfahrerschulung.gif); }

#contenthead { background-repeat: no-repeat; background-position: 0 0; height: 140px; }
.gruppe #contenthead { background-image: url(../images/backgrounds/header_gruppe.jpg); }
.verkehrsbetrieb #contenthead { background-image: url(../images/backgrounds/header_verkehrsbetrieb.jpg); }
.fahrschule #contenthead { background-image: url(../images/backgrounds/header_fahrschule.jpg); }
.kraftfahrer #contenthead { background-image: url(../images/backgrounds/header_kraftfahrerschulung-3.jpg); }

#innercontent { height: 423px; padding: 0 20px 0 30px; overflow: auto; }
#contentfoot { height: 7px; }
.start #contenthead { height: 7px; }
.start #innercontent { height: 536px; margin-left: 220px; margin-top: 20px; width: 290px; }

#content h2 { color: #333; font-size: 1.2em; font-weight: normal; line-height: 1.2; }
#content h3 { color: #333; font-size: .9em; font-weight: bold; line-height: 1.4; }
#content h3 small { font-size: .85em; font-weight: normal; }
#content h4 { color: #333; font-size: .7em; font-weight: bold; line-height: 1.4; }

#content h2,
#content h3,
#content h4,
#content p,
#content ol,
#content ul { margin: .9em 0; }
#content h2 small,
#content p small { font-size: .8em; }

#content p,
#content li,
#content th,
#content td { font-size: .7em; line-height: 1.4; }
#content th { font-weight: bold; }
#content th,
#content td { padding: .3em 20px .3em 0; }
#content table { width: 300px; padding-bottom: 1.2em; }
#content table.largetable { width: 490px; }
#content table.largetable th { border-bottom: 1px solid #ccc; padding-bottom: .9em; padding-top: 2em; }
#content table.largetable td { border-bottom: 1px solid #ccc; padding-bottom: .9em; padding-top: .9em; }
#content table .price { padding-right: 0; text-align: right; width: 65px; }
#content table .price_headline { text-align: right; }
#content table .halfday { background: #ddd; }
#content span.halfday { background: #ddd; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

#content li { background-repeat: no-repeat; background-position: 0 .5em; padding-left: 20px; }
.start #content li,
.gruppe #content li { background-image: url(../images/backgrounds/dot_li_gruppe.gif); }
.verkehrsbetrieb #content li { background-image: url(../images/backgrounds/dot_li_vb.gif); }
.kraftfahrer #content li { background-image: url(../images/backgrounds/dot_li_kraftfahrer.gif); }
.fahrschule #content li { background-image: url(../images/backgrounds/dot_li_fahrschule.gif); }

#content li p,
#content li h3,
#content li h4,
#content li h5 { font-size: 1.0em; }

#content hr { border: 0 solid #e5e5e5; height: 1px; }
.verkehrsbetriebe #content hr { background: #f80; }
.fahrschule #content hr { background: #b2004d; }
.kraftfahrer #content hr { background: #1aa6e5; }

#content .footnote,
#content .disclaimer { margin-top: 3em; }
#content .footnote h2,
#content .footnote h3,
#content .footnote p,
#content .disclaimer h3,
#content .disclaimer p { font-size: .6em; }
#content .footnote h2 { font-weight: bold; }
#content img.leftalign { float: left; margin: 0 20px .6em 0; }
#content img.rightalign,
#content p.rightalign{ float: right; margin: 0 0 .6em 20px; }
#content div.leftalign { float: left; margin: 0 20px 1em 0; width: 230px; }
#content div.rightalign { float: right; margin: 0 0 1em 20px; width: 230px; }
#content th.rightalign,
#content td.rightalign { text-align: right; }
#content .imagerow,
#content .clear { clear: both; }
#content .imagerow img { margin-bottom: 0; padding-bottom: 10px; }
#content .imagebox { float: left; width: 230px; }
#content .untertitel { color: #444; text-align: center; }
#content div.untertitel { font-size: .7em; line-height: 1.4; }
#content .first { margin-right: 30px; }
#content .leftend { clear: both; }
#content .rightend { clear: both; text-align: right; }
#content div.leftalign,
#content div.rightalign,
#content p.untertitel { background: url(../images/backgrounds/box_middle.gif) no-repeat 0 100%; }
#content .endline { clear: both; font-size: 1px; height: 1.2em; line-height: 1.0; margin: 0; padding: 0; }
#content .gallery img { margin: 0 10px 8px 0; }

#content blockquote cite { clear: both; color: #444; display: block; font-size: .8em; font-style: normal; text-align: right; }
#content blockquote em { font-family: Georgia, "Times New Roman", Times, serif; }

#contenthead #subnav { height: 20px; margin: 0; padding: 120px 0 0; }
.verkehrsbetrieb #contenthead #subnav { background: #f80 url(../images/backgrounds/header_verkehrsbetrieb2.jpg); }
.kraftfahrer #contenthead #subnav { background: #1aa6e5 url(../images/backgrounds/header_kraftfahrerschulung-3-2.jpg); }
.fahrschule #contenthead #subnav { background: #b2004d url(../images/backgrounds/header_fahrschule2.jpg); }
#contenthead #subnav li { background: none; display: inline; }
#contenthead #subnav li a { border-right: 1px solid #bbb; color: #bbb; display: block; float: left; font-weight: normal; line-height: 1.6em; padding: 0 20px; }
#contenthead #subnav li a:hover,
#contenthead #subnav li a:focus,
#contenthead #subnav li a:active { color: #fff; }
#contenthead #subnav li a.active,
#contenthead #subnav li a.active:hover,
#contenthead #subnav li a.active:focus,
#contenthead #subnav li a.active:active { color: #fff; font-weight: bold; text-decoration: none; }


/* Footer */
#footer { background: url(../images/backgrounds/footer.gif) no-repeat 0 0; clear: both; padding: 20px; }
#footer p { color: #aaa; font-size: .75em; }
#footer a { color: #aaa; 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; }