@charset "UTF-8";
/**
 * Schreinerei Schaller - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2009-03
 *
 * Hacer con Amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(jquery.fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: #ededee; }
#margins { background: #fff; border-top: 15px #ededee solid; margin: 0 auto; position: relative; width: 970px; }
#page { padding: 30px; }



/* ------------------------------------------ */
/* Header */
#header { border-bottom: 1px #aaab99 dashed; margin: 0 0 3px 0; padding: 0 0 3px 0; position: relative; }
#header h1 { margin: 0 0 30px 0; }
#header #shortcuts { position: absolute; top: 0; right: 0; }
#header #shortcuts ul { float: right; display: inline; margin: 0; padding: 0; }
#header #shortcuts li { display: inline; list-style: none; margin: 0; padding: 0; }
#header #shortcuts a, #header #shortcuts strong { display: inline; float: left; height: 34px; margin: 0 0 0 20px; }
#header #shortcuts a.sc1, #header #shortcuts strong.sc1 { background: url(../images/b_schreinerei.gif) 0 0 no-repeat; width: 243px; }
#header #shortcuts a.sc2, #header #shortcuts strong.sc2 { background: url(../images/b_messebau.gif) 0 0 no-repeat; width: 189px; }
#header #shortcuts a.sc3, #header #shortcuts strong.sc3 { background: url(../images/b_ladenbau.gif) 0 0 no-repeat; width: 196px; }
#header #shortcuts a span, #header #shortcuts strong span { display: none; }
#header #shortcuts a:hover, #header #shortcuts a:active, #header #shortcuts a:focus,
#header #shortcuts strong, #header #shortcuts li.open a { background-position: 0 -50px !important; }
#header .printlink {
  color: #909183;
  position: absolute; right: 1em; bottom: .9em;
  text-decoration: none;
}
#header .printlink:hover, #header .printlink:active, #header .printlink:focus { color: #505557; }



/* ------------------------------------------ */
/* Main */
#main { border-top: 12px #aaab99 solid; padding: 5px 0 0 0; }
#col1 { float: left; width: 240px; }
#col2 { float: left; margin: 0 0 0 5px; width: 420px; }
#col3 { float: right; width: 240px; }

div.hr { border-bottom: 1px #aaab99 dashed; height: 1px; margin: .8em 0; padding: 0; }
div.hr hr { visibility: hidden; }
.first { margin-top: 0; }
.xs { font-size: .9em; }
.xl { font-size: 1.1em; }

/* Teaser */
#col2_teaser .teaserbox { background: #e89900; margin: 0 0 5px 0; padding: 1em; }
#col2_teaser .teaserbox h3 { color: #fff !important; font-size: 2em; margin: 0; padding: 0 0 1em 0; }

/* Contentbox */
#col2_content { background: #f6f6f6; margin: 0 0 5px 0; min-height: 450px; padding: 1em; }

.image { margin: 0 0 5px 0; }
.box { background: #f6f6f6; margin: 0 0 5px 0; padding: 1em; }
.orangebox { background: #e89900; color: #fff; }
.orangebox h3 { color: #fff; }
.orangebox div.hr { border-color: #fff; }
.orangebox a { color: #fff; }

/* Fotobox */
.fotobox { margin: 0 0 1em 0; }
.fotobox ul { margin: 0; padding: 0; }
.fotobox li { border: 1px #ececec solid; float: left; list-style: none; margin: 0 3px 3px 0; padding: 0; }
.fotobox a { background: #fff; border: 1px #e4e4e4 solid; float: left; margin: 0; }
.fotobox a img { margin: 2px; }
.fotobox a:hover, .fotobox a:active, .fotobox a:focus { background: #aaab99; }

/* PID */
#pid9 h3 { color: #8a7e66; }
#pid9 #col2_teaser .teaserbox { background-color: #8a7e66; }
#pid10 h3 { color: #cab907; }
#pid10 #col2_teaser .teaserbox { background-color: #cab907; }
#pid11 h3 { color: #505557; }
#pid11 #col2_teaser .teaserbox { background-color: #505557; }



/* ------------------------------------------ */
/* Footer */
#footer { background: #f6f6f6; margin: 0 245px 0 245px; padding: .5em 1em; }
#footer a { text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; }