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



/* ------------------------------------------ */
/* Layout & Raster */
.margins { margin: 0 auto; position: relative; width: 1000px; }



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



/* ------------------------------------------ */
/* Teaser */



/* ------------------------------------------ */
/* Main */
#main { margin: 0; padding: 0 0 130px 0; }
#content { border-bottom: 1px #c0bbac solid; margin: 0 40px; }



/* ------------------------------------------ */
/* Footer */
#footer { border-top: 1px #c0bbac solid; letter-spacing: .3em; font-size: .85em; margin: 0; padding: 0 0 120px 0; text-transform: uppercase; }
#footer p { margin: 0; text-align: center; }
#footer a { text-decoration: none; }
#footer a.top {
  background: url(../images/ico_top.png) right 0 no-repeat;
  letter-spacing: 1px;
  line-height: 1em;
  padding: 0 16px 0 0;
  position: absolute; top: 20px; right: 30px;
  text-decoration: none;
  text-transform: uppercase;
}
#footer a.top:hover, #footer a.top:active, #footer a.top:focus { background-position: right -23px; }
#footer .donate { margin: 35px 0 0 0; }
#footer .donate a { background: url(../images/ico_pig1_3c.png) center 0 no-repeat; display: inline-block; font-family: Times, "Times New Roman", serif; font-size: 1.4em; padding: 70px 0 0 0; }
#footer .donate a:hover, #footer .donate a:active, #footer .donate a:focus { background-image: url(../images/ico_pig1_2c.png); }
#footer .claim { margin: 14px 0 35px 0; }
#footer .claim span { border-top: 1px #c0bbac solid; display: inline-block; padding: 7px 0 0 0; }



/* ------------------------------------------ */
/* Contentelemente */
.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.c { text-align: center; }
.r { text-align: right; }

div.hr { background: url(../images/bg_hr.png) center 0 repeat-x; height: 1px; margin: 20px 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

/* News + JS-Navbox */
.news dl, .navstyle dl { background: url(../images/bg_hr.png) center 0 repeat-x; margin: 0; padding: 30px 0; }
.navstyle dl { background: none; border-bottom: 1px #c0bbac solid; }
.news dl.first { background: none; }
.news dt, .navstyle dt { float: left; font-family: Times, "Times New Roman", serif; font-size: 1.4em; font-weight: normal; letter-spacing: .2em; margin: 0; padding: .25em 0 0 0; text-align: right; text-transform: uppercase; width: 430px; }
.news dd, .navstyle dd { float: right; margin: 0; padding: 0; width: 430px; }
.news dd a, .navstyle dd a { text-decoration: none; }

/* Subcols */
.hcontent{ margin-right: 20px; margin-left: 20px; } /* für Headlines, die außerhalb von .subcols stehen */
.subcols { margin: 0 20px; }
.subcols .c50l { float: left; padding: 25px 0 55px 0; width: 420px; }
.subcols .c50r { float: right; padding: 25px 0 55px 0; width: 410px; }

/* Bilderliste */
.imagelist ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
.imagelist li { display: inline; margin: 0; padding: 0; }
.imagelist a { float: left; margin: 0 10px 10px 0; }
.layout1 { background: url(../images/bg_imagelist.png) no-repeat; height: 200px; margin-right: 10px; }
.layout1 .i3 a { margin-top: 105px; }
.layout1 .i4 a { margin: 0; }
.layout2 { background: url(../images/bg_imagelist.png) -410px 0 no-repeat; height: 305px; margin-right: 10px; }
.layout2 .i1 a { margin-top: 105px; }
.layout2 .i2 a { margin-right: 120px; }
.layout2 .i3 a { margin-left: 105px; }
.layout3 { background: url(../images/bg_imagelist.png) -820px 0 no-repeat; height: 305px; margin-right: 10px; }
.layout3 .i1 a { margin-top: 105px; }
.layout3 .i2 a { margin-right: 120px; }
.layout3 .i4 a { margin-left: 210px; }
.layout-pg { padding: 35px 20px 30px 20px; }

/* Company */
#about-small, #who-small, #service-small { display: none; }
.js #about-small, .js #who-small, .js #service-small { display: block; }
.js #about-full, .js #who-full, .js #service-full { display: none; }
#about-full, #who-full, #service-full { border-bottom: 1px #c0bbac solid; }
#service-small dl, #service-full { border: none; }

/* References */
#clients-small, #awards-small { display: none; }
.js #clients-small, .js #awards-small { display: block; }
.js #clients-full, .js #awards-full { display: none; }
#clients-full, #awards-full { margin: 0 20px; }
#clients-full .navstyle dl, #awards-full .navstyle dl { background: url(../images/bg_hr.png) center bottom repeat-x; border: none; }
#clients-full dl.last { background: none; border-bottom: 1px #c0bbac solid; }
#awards-full dl.last { background: none; }

/* Start */
#start { background-image: none; }
#start #header h1 { background: url(../images/bg_body.png) 0 58px repeat-x; margin: 0 140px 0 0; }
#start #header h1 img { border-right: 10px #fff9e5 solid; }
#start #content, #start #film { border-bottom: none; }
#start #content h3 { border: none; letter-spacing: .1em; margin: 0 0 0 100px; padding: 10px 0 5px 0; text-align: right; }
#start #content h3 a { background: url(../images/ico_arrow-start.png) right 2px no-repeat; padding: 0 20px 0 0; text-decoration: none; }
#start #content h3 a:hover, #start #content h3 a:active, #start #content h3 a:focus { background-position: right -21px; }
#start #nav-meta { background: url(../images/bg_body.png) repeat-x; margin: 0 20px 0 100px; padding: 0; }
#start #nav-meta a { background: #fff9e5; font-size: .9em; letter-spacing: .3em; }

/* Listen */
ul.liststyle1 { list-style: none; margin: 0; padding: 15px 0; }
ul.liststyle1 li { background: url(../images/bg_hr.png) center bottom repeat-x; color: #7f7c72; font-family: Times, "Times New Roman", serif; font-size: 1.4em; font-weight: normal; letter-spacing: .2em; margin: 0; padding: 25px 0; text-align: right; text-align: center; text-transform: uppercase; }
ul.liststyle1 li.last { background: none; }
ul.liststyle2 { list-style: none; margin: 0; padding: 0; }
ul.liststyle2 li { background: url(../images/bg_hr.png) center bottom repeat-x; color: #7f7c72; font-family: Times, "Times New Roman", serif; font-size: 1.4em; font-weight: normal; letter-spacing: .2em; margin: 0 10px; padding: 30px 0 25px 0; text-align: right; text-align: center; text-transform: uppercase; }
ul.liststyle2 li.last { background: none; }
ul.liststyle1 li a, ul.liststyle2 li a { text-decoration: none; }

/* Film Detail */
#film, #foto { border-bottom: 1px #c0bbac solid; padding: 10px 100px; }

.filmdetail .subcols { position: relative; }
.filmdetail #content { border-bottom: 0 !important; }
.filmdetail .subcols .c50l { padding-bottom: 5em !important; }
.donatebox { position: absolute; bottom: 0; left: 0; width: 410px; }
.donatebox p { margin: 0; }
.donatebox a {
  background: url(../images/ico_pig2.png) right 0 no-repeat;
  border-bottom: 1px #c0bbac solid;
  display: block;
  margin: 0 0 5px 0;
  padding: 14px 0 5px 0;
  text-decoration: none;
  text-transform: uppercase;
}
.donatebox a:hover, .donatebox a:active, .donatebox a:focus { background-position: right -50px; }

/* Formulare */
form .type-text input, form .type-text textarea { background: #000; border: 1px #000 solid; color: #fff; margin: 0 0 2px 0; padding: 5px; width: 380px; }
form .type-select select { background: #000; border: 1px #000 solid; color: #fff; margin: 0 0 2px 0; padding: 3px; width: 392px; }
form .type-select select option { color: #fff; padding: 2px; }
form .type-button input { background: #000; border: 1px #000 solid; color: #fff; margin: 0 0 2px 0; padding: 5px; text-align: left; text-transform: uppercase; width: 195px; }
form .type-button input#f_submit { margin-right: 2px; }
form .type-button input#f_reset { background: #807d73; border-color: #807d73; margin-right: 2px; }
form .type-button input:hover, form .type-button input:active, form .type-button input:focus { background-color: #dc0c82 !important; border-color:  #dc0c82 !important; cursor: pointer; }