/************************
 * base CSS - Bootstrap, Less, css3Pie, Media Queries  RULEZ \o/
 * Technik 03.10.2012
 * test
 ****/

/* bootstrap custom */
html body {
  background: url("../gfx/patern-bg.jpg");
  font-family: codaregular, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #4c2a21;
}

body a {
  color: #a8854e;
}
body a:hover {
  color: #4c2a21;
  text-decoration: underline;
}
/*
 * Main styles
 */
#main_content {
  background: url("../gfx/big-logo.png") no-repeat 0 15px;
  position: relative;
  height: 430px;
  z-index: 5;
}

#logo {
  position: absolute;
  z-index: 10;
  top: 95px;
  left: 75px;
  height: 150px; /* Opera hack */
}

/*
 * Nav Menu - Horizontal
 */
#main_content nav {
  float: right;
  top: 15px;
  position: relative;
}
nav ul {
  margin: 0px;
  padding: 0px;
}
nav ul li {
  display: inline;
  list-style: none;
  height: 30px;
  float: left;
}
nav ul li a {
  display: block;
  color: #4c2a21;
  font-size: 36px;
  font-family: "gustav_blackregular";
  padding: 20px 40px 16px 30px;
  background: url("../gfx/dots.png") no-repeat 0 0;
}
nav ul li a:hover,
nav ul li.selected a {
  color: #4c2a21;
  background: none;
  text-decoration: none;
  background: url("../gfx/dots.png") no-repeat 0 -56px;
}
nav ul li a:first-letter, nav ul li.selected a:first-letter, /* ie fix*/
nav ul li a:hover:first-letter {
  color: #d5151c;
}

/*
 * Font Face
 */
@font-face {
  font-family: "gustav_blackregular";
  src: url("../fonts/gustav/gustav-black-webfont.eot");
  src: url("../fonts/gustav/gustav-black-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/gustav/gustav-black-webfont.woff") format("woff"),
    url("../fonts/gustav/gustav-black-webfont.ttf") format("truetype"),
    url("../fonts/gustav/gustav-black-webfont.svg#gustav_blackregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "codaregular";
  src: url("../fonts/coda-regular.eot");
  src: url("../fonts/coda-regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/coda-regular.woff") format("woff"),
    url("../fonts/coda-regular.ttf") format("truetype"),
    url("../fonts/coda-regular.svg#codaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "impactregular";
  src: url("../fonts/impact/impact-webfont.eot");
  src: url("../fonts/impact/impact-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/impact/impact-webfont.woff") format("woff"),
    url("../fonts/impact/impact-webfont.ttf") format("truetype"),
    url("../fonts/impact/impact-webfont.svg#impactregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
 *  Templates 1 -	swap div z-index position | hover effect
 */
#swap_main_left {
  position: absolute;
  z-index: 1;
  top: 255px;
  width: 850px;
  height: 332px;
  background: url("../gfx/text_bg/bg.main_left.png") no-repeat;
}
#swap_right_top {
  position: absolute;
  top: 120px;
  right: 0;
  width: 446px;
  height: 322px;
  background: url("../gfx/text_bg/bg.right_top.png") no-repeat;
}

#swap_right_bottom {
  position: absolute;
  top: 450px;
  right: 0;
  width: 446px;
  height: 220px;
  background: url("../gfx/text_bg/bg.right_bottom.png") no-repeat;
}

.title_news_vertical {
  background: url("../gfx/title/title_news_vert.jpg") right bottom no-repeat;
  height: 310px;
  margin-left: 15px;
  width: 55px;
}

.title_mission_vertical {
  background: url("../gfx/title/title_mission_vert.jpg") left top no-repeat;
  height: 310px;
  margin: 10px 0 0 -5px;
  width: 55px;
}

.title_contact_vertical {
  background: url("../gfx/title/title_contact_vert.jpg") left bottom no-repeat;
  height: 200px;
  margin: 10px 0 0 -5px;
  width: 55px;
}

.swap section {
  padding: 15px 10px;
}

/*
 *  Templates 2 - Sub Page
 */
.sub_page {
  top: 120px;
  position: relative;
  margin-left: 20px;
}

.sub_header {
  background: url("../gfx/sub_page_header.png") left top no-repeat;
  height: 165px;
}

.sub_content {
  padding: 0 20px;
  background-color: #ffffff;
  border-left: 6px solid #ddd5c3;
  border-right: 6px solid #ddd5c3;
  margin-left: 0px !important;
}

.sub_content .content_left {
}

.sub_content .content_right {
  width: 47% !important;
  margin-top: -140px;
  background-color: white;
  padding: 0 10px 0 25px;
  margin-left: 30px !important;
}

.sub_footer {
  background: url("../gfx/sub_page_footer.png") left top no-repeat;
  height: 50px;
  margin-left: 0px !important;
}

/*
 * Template 3 + Zinnia blog
 */

.container .sub_content_main {
  position: relative;
  z-index: 10;
  top: 250px;
  background-color: #ffffff;
  padding: 0 20px;
  min-height: 350px;
  height: auto !important;
  height: 350px;
  border: 6px solid #ddd5c3;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  behavior: url(/static/pie/PIE.htc);
}

/*
 *  Zinnia style
 */

.hentry {
  padding-top: 10px;
  margin-bottom: 20px;
}
img.left {
  display: inline;
  float: left;
  margin: 0 20px 10px 0;
}
img.right {
  display: inline;
  float: right;
  margin: 0 0 10px 25px;
}

.entry-header {
  background: url("../gfx/dots.png") no-repeat 0 0;
  height: 55px;
  padding-left: 25px;
  margin: 10px 0;
  font-family: impactregular;
}

.entry-header h2.entry-title {
  margin: 0;
  padding-top: 10px;
  font-size: 17px;
  font-weight: normal;
  line-height: 17px;
  text-transform: uppercase;
}

.entry-header .entry-title a {
  color: #d5151c;
  text-decoration: none;
}

.entry-header .entry-info {
  margin: 0;
  color: #4c2a21;
  font-size: 17px;
}
.entry-header .entry-info abbr {
  border: none;
}