@charset "UTF-8";
/**
 * Newi Solar - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2009-10
 *
 * hacer con amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../images/bg.png) repeat-y #fff; }
#margins { background: url(../images/bg_header.png) no-repeat; margin: 0; width: 1000px; }



/* ------------------------------------------ */
/* Header */
#header { position: relative; }
#header h1 { margin: 0 0 15px 0; padding: 12px 40px 0 0; text-align: right; }
/* Nav-Meta + Suche */
#header-top { background: url(../images/bg_nav-meta.png) 0 bottom no-repeat; position: absolute; top: 0; left: 200px; width: 420px; }
#search { position: absolute; top: 5px; right: 10px; }
#search input { vertical-align: middle; }
#search input#f_suche { background: #fff; border: 1px #d7d7d7 solid; color: #999; margin: 0 8px 0 0; padding: 1px 4px; width: 100px; }



/* ------------------------------------------ */
/* Main */
#main { }
#col1 { float: left; min-height: 400px; width: 200px; }
#col1_content { background: url(../images/bg_col1.png) repeat-x; min-height: 380px; padding: 15px 0 15px 20px; }
#col2 { float: left; width: 768px; }
#col2_subleft { float: left; width: 508px; }
#col2_subright { float: left; width: 260px; }
#teaser { }
#content { padding: 15px; }
#sidebar { padding: 15px 20px; }



/* ------------------------------------------ */
/* Footer */
#footer { font-size: .9em; padding: 30px 47px 10px 215px; }
#footer a { border: none; color: #888; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { color: #00629a; text-decoration: underline; }



/* ------------------------------------------ */
/* Content */
.first { margin-top: 0; }
.xs { font-size: .9em; }
.xl { font-size: 1.2em; }
.c { text-align: center; }
.r { text-align: right; }
img.a-ico { margin-right: .4em; vertical-align: middle; }

.toplink, .presslink { line-height: 1em; margin: 1em 0 -5px 0; }
.presslink { margin: 0; }
.toplink a, .presslink a {
  background: url(../images/bg_totop.png) right center no-repeat;
  border: 0 !important;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: right;
  font-size: .85em;
  padding: .1em 30px .1em 10px;
}
.presslink a { background-image: url(../images/bg_presslink.png); padding: .3em 30px .2em 10px; text-decoration: none; }
.toplink a:hover, .toplink a:active, .toplink a:focus { background-image: url(../images/bg_totop-hover.png); color: #fff; text-decoration: none !important; }
.presslink a:hover, .presslink a:active, .presslink a:focus { background-image: url(../images/bg_presslink-hover.png); color: #fff; }

div.hr { background: url(../images/bg_hr.png) center 0 no-repeat; height: 20px; margin: 1.2em -15px .2em -15px; position: relative; overflow: hidden; }
div.hr hr { visibility: hidden; }

/* Subcols */
.subcols div h3:first-child, .subcols div h4:first-child, .subcols div h5:first-child { margin-top: 0; }
.c50l { float: left; width: 230px; }
.c50r { float: right; width: 230px; }

/* Galerie */
.gallery { margin: 0 0 1em 0; }
.gallery ul { margin: 0; padding: 0; }
.gallery ul li { display: inline; float: left; list-style: none; margin: 0 0 8px 8px; padding: 0 0 5px 0; }
.gallery ul li.first { clear: left; margin: 0 0 8px 0; }
.gallery ul li p { font-size: .8em; margin: 0; padding: 0 5px; width: 140px; }
.gallery ul li a { border: none !important; margin: 0; }
.gallery ul li a img { background: #fff; border: 5px #f1f1f1 solid; padding: 1px; }
.gallery ul li a:hover img, .gallery ul li a:active img, .gallery ul li a:focus img { border-color: #0076aa; }

/* News */
.meta { background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 1em 0; padding: 1em; }
.meta dl { font-size: .9em; margin: 0; padding: 0; }
.meta dt { float: left; margin: 0; padding: 0; width: 100px; }
.meta dd { color: #0076aa; float: left; margin: 0; padding: 0 10px; width: 320px; }

.tagcloud { list-style: none; margin: 0; padding: 0; }
.tagcloud li { display: inline; list-style: none; margin: 0; padding: 0 .6em 0 0; }
.tagcloud li a { font-weight: bold; text-decoration: none; }
.tagcloud li.s0 a { color: #676767; font-weight: normal; font-size: .8em; }
.tagcloud li.s1 a { color: #676767; font-size: .8em; }
.tagcloud li.s2 a { color: #676767; font-size: 1em; }
.tagcloud li.s3 a { color: #316978; font-size: .8em; }
.tagcloud li.s4 a { color: #316978; font-size: 1em; }
.tagcloud li.s5 a { color: #316978; font-size: 1.2em; }
.tagcloud li.s6 a { color: #316978; font-size: 1.4em; }
.tagcloud li a:hover, .tagcloud li a:active, .tagcloud li a:focus { text-decoration: underline; }

ul.nav-news { list-style-image: url(../images/ico_arrow.png); }
ul.nav-news a { color: #00405f; text-decoration: none; }
ul.nav-news strong, .nav-news a:hover, .nav-news a:active, .nav-news a:focus { border-bottom: 1px #00405f dotted; }
ul.nav-news strong { color: #316978; }

/* Suche */
.tx-indexedsearch-res { margin: 1em 0; }
.tx-indexedsearch-redMarkup { color: #316978; }
.tx-indexedsearch-res dl, .tx-indexedsearch-res dl dt, .tx-indexedsearch-res dl dd { margin: 0; padding: 0; }
.tx-indexedsearch-res dl dd.search-info { background: url(../images/bg_hr.png) center bottom no-repeat; font-size: .9em; padding: .5em 0 20px 0; }

/* Paging */
.paging { background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .2em 0; }
.paging a, .paging strong {
  background: url(../images/bg_paging.png) 0 center no-repeat;
  border: 0 !important;
  color: #fff;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: .85em;
  padding: .5em 10px .4em 45px;
}
.paging a.next, .paging strong.next { background-position: right center; float: right; padding: .5em 45px .4em 10px; }
.paging a:hover, .paging a:active, .paging a:focus { background-image: url(../images/bg_paging-hover.png) !important; color: #fff; text-decoration: none !important; }
.paging strong { background-image: url(../images/bg_paging-inactive.png) !important; font-weight: normal; }

/* Pressebereich */
.files { background: #f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em; }
.files ul { list-style: none; margin: 0; padding: 0; }
.files li { margin: 0; padding: 0; }

/* Sibebox im Pressebereich */
.sidebox { background: url(../images/bg_pressarchiv-bottom.png) 0 bottom no-repeat; margin: 1em 0; padding: 0 0 10px 0; }
.sidebox h3 {
  background: #00629a;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  color: #fff;
  font-size: .9em;
  font-weight: normal;
  margin: 0;
  padding: .4em 10px .2em 10px;
}
.sidebox .cc { background: url(../images/bg_pressarchiv-top.png) no-repeat #fff; padding: 10px; }

/* Slidelist */
dl.sl { margin: 0; padding: 5px 0; }
dl.sl dt { background: url(../images/bg_pressarchiv_dt.png) 0 bottom no-repeat; font-weight: normal; margin: 5px 0; padding: 0 0 7px 9px; }
dl.sl dt a {
  background: url(../images/bg_pressarchiv_dt-a.png) no-repeat #36b6e9;
  color: #fff;
  display: block;
  padding: .3em 5px .2em 34px;
  text-decoration: none;
}
dl.sl dt a.open, dl.sl dt a:hover, dl.sl dt a:active, dl.sl dt a:focus { background-position: -250px 0; background-color: #0093db; color: #fff; }
dl.sl dd { margin: 0; padding: 0 0 0 10px; }
.js dl.sl dd { display: none; }

/* Pressearchiv */
#pressarchiv .cc { background: url(../images/bg_pressarchiv-top.png) no-repeat #fff; padding: 0 0 0 1px; }
#pressarchiv dl dd { height: 300px; margin: 0; padding: 0 0 0 10px; overflow: auto; }
#pressarchiv dl dd .pressitem { background: url(../images/bg_pressitem.png) 0 bottom repeat-x; margin: 0 0 10px 0; padding: 0 0 5px 0; width: 185px; }
#pressarchiv dl dd .pressitem h4 { margin-top: 0; }

/* Team */
#team .cc { background: url(../images/bg_pressarchiv-top.png) no-repeat #fff; padding: 0 0 0 1px; }
#team dl dd { padding: 1px 5px 1px 44px; }
.passbild img { border: 11px #f3f3f3 solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
h4.team { padding: 0 0 0 11px; }
.tel { background: url(../images/ico_phone.png) 10px .2em no-repeat; margin: 0; padding: 0 0 0 33px; }
.mail { background: url(../images/ico_mail.png) 10px .2em no-repeat; margin: 0 0 2em 0; padding: 0 0 0 33px; }
.mail a { border: none !important; color: #676767; }
.mail a:hover, .mail a:active, .mail a:focus { color: #00405f; }

/* c1box */
.c1box { margin: 1em 0; }
.c1box h3 {
  background: url(../images/bg_c1box-h.png) right bottom no-repeat #0088dc;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  color: #fff;
  font-size: .9em;
  font-weight: normal;
  margin: 0;
  padding: .4em 10px .2em 10px;
}
.c1box p { margin: 0; }
.c1box .button a {
  background: url(../images/bg_c1box-button.png) -180px center no-repeat;
  border: 0 !important;
  color: #555;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  display: block;
  font-size: .85em;
  margin: 0;
  padding: .3em 30px .2em 10px;
  text-decoration: none;
}
.c1box .button a:hover, .c1box .button a:active, .c1box .button a:focus { background-position: 0 center; }

/* c3box */
.c3box { margin: 1em 0; }
.c3box h3 {
  background: url(../images/bg_c3box-h-cyan.png) 0 bottom repeat-x #0088dc;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  color: #fff;
  font-size: .9em;
  font-weight: normal;
  margin: 0;
  padding: .4em 10px .2em 10px;
}
.c3box-grau h3 { background: url(../images/bg_c3box-h-grau.png) 0 bottom repeat-x #5a5b62; }
.c3box .cc { background: url(../images/bg_c3box-cyan.png) 0 bottom repeat-x #009cdf; color: #fff; padding: 15px; }
.c3box-grau .cc { background: url(../images/bg_c3box-grau.png) 0 bottom repeat-x #747474; }
.c3box .button {
  background: #00618a;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  line-height: 1em;
  margin: 0;
  padding: 5px 0;
}
.c3box-grau .button { background: #454545; }
.c3box .button a {
  background: url(../images/bg_c3boxlink.png) right center no-repeat;
  border: 0 !important;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  float: right;
  font-size: .85em;
  margin: 0 6px 0 0;
  padding: .1em 30px .1em 10px;
  text-decoration: none;
}
.c3box .button a:hover, .c3box .button a:active, .c3box .button a:focus { background-image: url(../images/bg_c3boxlink-hover.png); color: #fff; text-decoration: none !important; }

/* Formulare */
form { margin: 0 0 1em 0; padding: 0; }
form fieldset { border: 0; background: url(../images/bg_fieldset.png) right 0 repeat-y; margin: 0 0 1px 0; padding: 10px 0; position: relative; }
form fieldset legend { font-weight: bold; margin: 0; padding: 0; }
form sup { color: #676767; font-weight: bold; margin-left: -.4em; }
form .type-text, form .type-select, form .type-check { padding: 10px 10px 5px 0; overflow: hidden; }
form .type-text label, form .type-select label { float: left; font-weight: bold; margin: 0 22px 0 0; padding: .1em 0 0 0; width: 110px; }
form .type-text input, form .type-text textarea, form .type-select select { border: 1px #cecece solid; float: left; padding: 4px 5px; width: 320px; }
form .type-text input.smallinput, form .type-select select { padding: 4px 5px; width: 200px; }
form .type-check { padding: 10px 10px 5px 132px; }
form .type-check input, form .type-check label { vertical-align: middle; }
form .type-button { padding: 15px 0; text-align: right; }
form .type-button input {
  background: url(../images/bg_submit.png) right center no-repeat #0076a7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 0; /*border: 1px #0076a7 solid;*/
  color: #fff;
  cursor: pointer;
  padding: .3em 43px .3em 10px;
}
form .type-button input:hover, form .type-button input:active, form .type-button input:focus { background-image: url(../images/bg_submit-hover.png); }
/* */
form fieldset.check .type-check { padding-left: 330px; }
form fieldset.check legend span { line-height: 1.8em; position: absolute; left: 132px; top: 5px; width: 180px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { form fieldset.check legend span { top: 17px; } }
/* */
form fieldset.agb .type-check input { float: left; }
form fieldset.agb .type-check label { float: left; font-size: .9em; padding-left: 5px; width: 300px; }
form fieldset.agb legend span { position: absolute; left: 0; top: 10px; }
/* Error */
form .error legend, form .error label { color: #f05100; }
form .error input, form .error select, form .error textarea { border-color: #f05100; color: #f05100; }
#error { background: url(../images/bg_error.png) 5px 2.7em no-repeat; position: absolute; top: 580px; left: 720px; width: 225px; }
#error h4 {
  background: #ef4a00;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  color: #fff;
  margin: 0 0 0 10px;
  padding: .4em 10px .2em 10px;
}
#error .cc {
  background: #f47700;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  color: #fff;
  margin: 0 0 0 10px;
  padding: .5em 10px;
}
/* Sidebar */
#sidebar form fieldset { background: none; }
#sidebar form .type-text, #sidebar form .type-select { padding-top: 0; }
#sidebar form .type-text input { width: 110px; }
#sidebar form .type-select select { width: 122px; }
#sidebar form .type-text label, #sidebar form .type-select label { margin-right: 0; width: 80px; }
#sidebar form .type-button { text-align: left; padding: 0 0 0 80px; }