@charset "UTF-8";
/**
 * Zöbisch - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-09
 * 
 */
@import url(core/base.css);
@import url(content.css);
@import url(navigations.css);
@import url(jquery.fancybox.css);



/* ------------------------------------------ */
/* Layout, Seitenaufbau und Abstände */
body { background: url('../images/bg_body.gif') repeat-x #e2e5e9; }
#page_margins, #footer_margins { min-width: 750px; max-width: 90em; margin: 0 auto 0 auto; padding: 0 0 0 20px; }
#main { background: url('../images/bg_main.gif') repeat-y #fff; min-height: 500px; }



/* ------------------------------------------ */
/* Basemod */
#col1 { width: 200px; }
#col2 { width: 290px; padding: 1px 0; }
#col2_content { background: url(../images/bg_content.gif) repeat-x; padding: 20px; margin: 0 1px 0 0; min-height: 300px; }
#col3 { margin: 0 290px 0 201px; padding: 1px 0; }
#col3_content { background: url(../images/bg_content.gif) repeat-x; padding: 20px; margin: 0 1px; min-height: 300px; }
.hidecol2 #col3, #teaser { margin: 0 0 0 201px; }



/* ------------------------------------------ */
/* Header */
#header { padding: 10px 0 0 0; }
#header h1 { margin: 10px 0 15px 0; }

/* Status-Bar */
#status { background: url('../images/bg_status.gif') repeat-y #b6bdc7; height: 50px; position: relative; }
#status .printlink { color: #cbd0d7; position: absolute; bottom: 10px; left: 8px; text-decoration: none; }
#status .printlink:hover, #status .printlink:active, #status .printlink:focus { color: #fff; }



/* ------------------------------------------ */
/* Main + Content */
#main { }
.blau { color: #003399; }

/* Teaser */
#teaser { padding: 1px 0 0 0; }
#teaser_content { background: #1a48a3; color: #fff; font-weight: bold; margin: 0 1px; padding: 20px; }
#teaser_content .ifl { float: left; margin: 0 1.5em 0 0; }
#teaser_content .ifl img { border: 1px #fff solid; }
#teaser_content h3 { color: #fff; font-size: 1.4em; font-style: italic; margin: 0; padding: .5em 0; text-transform: uppercase; }

/* Teaser Startseite */
#col3_teaser { background: #1a48a3; color: #fff; margin: 0 1px; overflow: hidden; }
#tc01, #tc02, #tc03 { float: left; width: 33%; }
#tc02 { width: 34%; }
#tc01, #tc02 .tc02border, #tc03 { min-height: 230px; padding: 10px 0 0 0; }
#tc02 .tc02border { border-right: 1px #587abc solid; border-left: 1px #587abc solid; }
#col3_teaser h3 { margin: 0; padding: 20px 10px 8px 20px; }
#col3_teaser p.text { line-height: 160%; margin: 0; padding: 0 10px 10px 20px; }
#col3_teaser p.image {
  border-top: 1px #587abc solid;
  border-bottom: 1px #587abc solid;
  height: 100px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
#tc01 p.image img, #tc02 p.image img, #tc03 p.image img { display: none; }
#tc01 p.image { background: url(../images/teaser_bad.jpg) center 0 no-repeat; }
#tc02 p.image { background: url(../images/teaser_heizung.jpg) center 0 no-repeat; }
#tc03 p.image { background: url(../images/teaser_solar.jpg) center 0 no-repeat; }
#col3_content .teaser .c33r .cc { padding-left: 30px; }

/* Formular */
form { margin: 0 0 1em 0; }
form fieldset { border: 0; margin: 0 0 1em 0; padding: 0; }
form legend { display: none; }
form .type-text, form .type-select { margin: 0 0 .8em 0;}
form .type-text label, form .type-select label { display: block; padding: 0 0 .5em 0; }
form .type-text input, form .type-text textarea { background: #f8f8f8; border: 1px #003399 solid; padding: 2px; width: 95%; }
form .type-text input:hover, form .type-text input:focus, form .type-text textarea:hover, form .type-text textarea:focus { background: #fff; }
form .type-select select { border: 1px #95c4d9 solid; padding: 1px;  width: 100px; }
form .type-submit input { background: #003399; border: 1px #fff solid; color: #fff; padding: .2em 10px .2em 16px; }
form .type-submit input:hover, form .type-submit input:active, form .type-submit input:focus { background: #e2001a; cursor: pointer; }
form .error { color: #e2001a; margin: 1em 0 0 0; padding: 0 0 .2em 0; }
form sup { color: #e2001a; }



/* ------------------------------------------ */
/* Footer */
#footer_bg { background: url(../images/bg_footer.gif) center bottom no-repeat; }
#footer { background: url('../images/bg_main.gif') repeat-y #b6bdc7; border-bottom: 1px #fff solid; padding: 0 20px 8px 20px; position: relative; }
#footer p { margin: 0; }
#footer #totop {
  color: #333b44;
  letter-spacing: 1px;
  font-size: .9em;
  position: absolute; top: 5px; right: 1em;
  text-decoration: none;
  text-transform: uppercase;
}
#footer #totop:hover, #footer #totop:active, #footer #totop:focus { text-decoration: underline; }