@charset "UTF-8";
/**
 * WFB Chemnitz - CSS: Layout
 *
 *
 * @author Danny Otto | Pixelbrand.net
 * @date   2008-06
 * 
 */
@import url(core/base.css);
@import url(content.css);
@import url(navigations.css);
@import url(fancybox.css);


/* ------------------------------------------ */
/* Basemod */
#col1 { width: 220px; }
#col1_content { padding: 0 10px; }
#col2 { width: 200px; }
#col2_content { padding: 2em 10px; }
#col3 { margin: 0 213px 0 220px; }
#col3_content { background: #e6ecf2; min-height: 500px; padding: 2em 1em; }

.hidecol1 #main { background-image: none; }
.hidecol1 #col3 { margin: 0 213px 0 220px; }
.hidecol1 #contactline { margin-left: 220px; }



/* ------------------------------------------ */
/* Layout */
#page_margins { min-width: 900px; max-width: 120em; margin: 0 auto 0 auto; }
#page {
  background: url(../images/bg_page.gif) right 0 repeat-y;
  border: 3px #fff solid;
  border-top: none;
  margin: 0 10px 0 50px;
  position: relative;
}



/* ------------------------------------------ */
/* Header */
#header { background: url(../images/bg_header.gif) 0 0 no-repeat; padding: 80px 0 5px 0; position: relative; }
#header h1 {
  background: url(../images/fotos_pid1.jpg) 0 0 no-repeat;
  border-top: 3px #fff solid;
  border-bottom: 3px #fff solid;
  padding: 0 0 0 10px;
  text-align: right;
}
#header h1 img { border-left: 3px #fff solid; }
#header h2 {
  color: #fff;
  position: absolute; bottom: 185px; right: 220px;
  padding: 0 0 0 260px;
}
#header h2 a { color: #fff; text-decoration: none; }
#header h2 a:hover, #header h2 a:active, #header h2 a:focus { text-decoration: underline; }
#header h2 span { text-transform: uppercase; }
#header #fontsize {
  color: #fff;
  font-size: 1.1em;
  position: absolute; bottom: 185px; right: 20px;
}
#header #fontsize a { color: #fff; margin: 0 0 0 10px; }
#header #fontsize img { vertical-align: bottom; }



/* ------------------------------------------ */
/* Main + Content */
#main { background: url(../images/bg_main.gif) 10px 0 repeat-y; margin: 10px 0; }

#col2_content .floatbox, #col3_content .floatbox { margin: 0 0 .8em 0; }

.grau { color: #555; }
.itl img { margin: 0 5px 5px 0; }
.itr img { margin: 0 0 5px 5px; }
div.hr { border-bottom: 1px #999 dotted; height: 1px; margin: 0 0 1.2em 0; }
div.hr hr { visibility: hidden; }

/* Schriftgröße */
#col2_content, #col3_content { color: #000; font-size: 1.2em; }

/* News */
.news-latest { border-bottom: 1px #999 dotted; margin: 0 0 1.5em 0; }
.news-latest dl { border-top: 1px #999 dotted; margin: 0 !important; }
.news-latest dl dt { float: left; margin: 0; padding: .5em 1em; }
.news-latest dl dd { float: left; margin: 0; padding: .5em 1em .5em 0; }
.news-latest dl dd a { color: #004079; font-weight: bold; text-decoration: none; }
.news-latest dl dd a:hover, .news-latest dl dd a:active, .news-latest dl dd a:focus { text-decoration: underline; }

/* Formular */
form { margin: 0 0 1em 0; }
form fieldset { border: 1px #004079 solid; margin: 0 0 1em 0; padding: 2em 1em 1em 1em; }
form legend { background: #eff7ff; border: 1px #004079 solid; color: #004079; font-weight: bold; margin: 0; padding: .4em 1em; }
form .type-text, form .type-select { margin: 0 0 .8em 0; }
form .type-text label, form .type-select label { float: left; padding: 0 0 .5em 0; width: 25%; }
form .type-text input, form .type-text textarea { background: #fff; border: 1px #004079 solid; padding: 2px; width: 60%; }
form .type-select select { background: #fff; border: 1px #004079 solid; padding: 1px; width: 60%; }
form .type-submit { padding: 1em 0 0 25%; }
form .type-submit input { background: #004079; border: 1px #718b80 solid; color: #fff; padding: .2em .5em; }
form .type-submit input:hover, form .type-submit input:active, form .type-submit input:focus { background: #fff; border-color: #004079; color: #004079; cursor: pointer; }
form .error { color: #d30132; padding: .4em 0 0 25%; }
form sup { color: #d30132; }

/* JS/jQuery */
img.jsico { margin-right: .2em; }

/* Subcols */
.c33r { width: 32%; }
.c50l, .c50r { width: 48%; }
.c66r { width: 65%; }

/* Paging */
.paging { margin: 2em 0 0 0; }
.paging ul { list-style: none; margin: 0; padding: 0; }
.paging li { display: inline; }
.paging a, .paging strong { background: #eff7ff; display: block; float: left; margin: 0 .5em 0 0; padding: .2em .6em; text-decoration: none; }
.paging a:hover, .paging a:active, .paging a:focus, .paging strong { background: #004079; color: #fff; }

/* ------------------------------------------ */
/* Col2 */
#col2_content * { color: #fff; }

ul.icons { list-style: none; margin: 0 0 .8em 0; }
ul.icons li { margin: 0 0 .8em 0; }
ul.icons li img { vertical-align: middle; }



/* ------------------------------------------ */
/* Footer */
#footer { background: #e6ecf2; border-top: 1px #004079 solid; margin: 0 213px 0 220px; padding: .5em 1em; }
#footer p { margin: 0; }
#footer p a { margin: 0 1em 0 0; text-decoration: none; }
#footer p a:hover, #footer p a:active, #footer p a:focus { text-decoration: underline; }

#contactline { color: #fff; line-height: 160%; margin: 0 203px 0 0; padding: 1em; }
#contactline span { text-transform: uppercase; }