@charset "UTF-8";
/**
 * Cool Tints - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2010-03
 *
 * Hacer con Amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(fancybox.css);



/* ------------------------------------------ */
/* Layout & Raster */
#margins { background: url(../images/bg_shadow.png) 0 bottom no-repeat; margin: 0 auto; padding: 20px 5px 0 5px; position: relative; width: 900px; }
#page { background: url(../images/bg_bottom.gif) right bottom no-repeat #000; padding: 12px 12px 20px 12px; position: relative; }
#main { background: url(../images/bg_col1.gif) 0 bottom no-repeat; padding: 0; position: relative; }



/* ------------------------------------------ */
/* Header */
#header h1 { position: absolute; top: 0; left: 0; z-index: 99; }
#header h2#subheader {
  background: url(../images/arrow.gif) 0 .35em no-repeat;
  font-family: Georgia;
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: 2px;
  padding: 0 0 0 20px;
  position: absolute; top: 90px; left: 190px;
  text-transform: uppercase;
}



/* ------------------------------------------ */
/* Main */
#col1 { background: url(../images/bg_dots.gif) 0 90px repeat-x; float: left; margin: 0 25px 0 0; padding: 92px 0 0 0; width: 155px; }
#col2 { background: url(../images/bg_dots.gif) 0 90px repeat-x; float: left; margin: 0; padding: 92px 0 0 0; width: 452px; }
#col3 { float: right; margin: 0; padding: 0 0 150px 0; width: 220px; }
#teaser { background: url(../images/dots.png) 0 bottom repeat-x; margin: 0 0 4px 0; padding: 4px 0; position: relative; }
#content { background: url(../images/bg_content.png) repeat-x; padding: 1px 25px; }
#footer { height: 10px; position: relative; }



/* ------------------------------------------ */
/* Special Content */

/* Col1 Teaser */
#c1Teaser { background: url(../images/bg_dots.gif) 0 bottom repeat-x; min-height: 310px; padding: 0 0 11px 0; }
#c1Teaser h3 { background: url(../images/bg_dots.gif) 0 bottom repeat-x; color: #fff; line-height: 1.4em; margin: 0; padding: 1em .8em; }
#c1Teaser p { line-height: 1.6em; padding: 1em; }

/* Col1 Infobox */
.c1Infobox { background: url(../images/arrow.gif) 1em 1.3em no-repeat; padding: 2.8em 1em 1em 1em; }

/* Teasercols */
#teaser { background: url(../images/bg_dots.gif) 0 bottom repeat-x; margin: 0 0 5px 0; padding: 10px 0 11px 0; }

/* Textbox */
.box { background: url(../images/arrow_box.gif) 1em 1.4em no-repeat #868686; font-size: 1.1em; padding: 1em 1em .5em 1em; text-indent: 15px; }

/* Thumbnails */
#thumbnails { position: relative; }
#th-slides { margin: 0 0 0 23px; overflow: hidden; }
#th-slides a { float: left; margin-right: 8px; }
#th-slides a img { height: 90px; width: 130px; }
#th-slides a span { display: none; }
#th-prev { position: absolute; top: 0; left: 0; }
#th-next { position: absolute; top: 0; right: 0; }

/* Formatierungen */
div.hr { background: url(../images/bg_dots.gif) repeat-x; height: 1px; margin: 1.2em 0; padding: 0; overflow: hidden; }
div.hr hr { visibility: hidden; }