/*  ***************************************************************
    Sektionen und Hauptelemente
    *************************************************************** */
body {
    font-family: 'Titillium Web', sans-serif;
}

.wrapper {
  background: url("../media/img/background/background.jpg") top center no-repeat;
  min-width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}


/*
header,
footer,
div {
  min-height: 50px;
  outline: 1px dashed grey;
}


/*  ***************************************************************
    Typography
    *************************************************************** */

h1 {
  font-size: 35px;
  color: #ffffff;
  font-weight: normal;
}

h1 span {
  font-weight: normal;
  font-style: normal;
}

h2 {
  font-size: 24px;
  font-weight: normal;
  color: #ea3333;
  padding-top: 30px;
}

p {
  font-size: 16px;
  color: #ffffff;
}

p span {
  color: #ea3333;
  font-size: 16px;
}

/*  ***************************************************************
    Header/menu
    *************************************************************** */
.logo {
  margin-top: 36px;
}

.menu nav {
  float: right;
}

nav a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}

nav a.active {
  color: #ea3333;
}

.menu nav ul {
  padding-top: 80px;
  padding-right: 0px;
  list-style: circle;
}

.menu nav li {
  display: inline;
  margin-left: 12px;
}

.headerbild {
  margin-left: 4px;
  margin-bottom: 20px;
}

/*  ***************************************************************
    opaced/half
    *************************************************************** */

.height {
  height: 617px;
}

.opaced {
  background-color: rgba(10,10,10,0.8);
}

.opaced p {
  margin-top: 5px;
  margin-left: 28px;
  margin-right: 15px;
}

.opaced a {
  color: #ea3333;
  text-decoration: none;
}

.opaced span a {
  padding-bottom: 25px;
}

.opaced h1 {
  margin-top: 28px;
  margin-left: 28px;
  margin-right: 15px;
}

.opaced table {
  margin-left: 28px;
}

.opaced td {
  padding-right: 18px;
}

div .half {
  margin: 5px;
}

.half ul {
  list-style: disc;
  color: #ea3333;
  padding-left: 45px;
}

.half ul li {
  color: #ea3333;
}

.half ul a {
  color: #ea3333;
  text-decoration: none;
}

.half ul a:hover {
  color: #ea6d6d;
}

#biergarten {
  margin-left: 16px;
  margin-bottom: 20px;
}



/*  ***************************************************************
    polaroids
    *************************************************************** */

.polaroid {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 15px;
}

/*  ***************************************************************
    Sidebar_left
    *************************************************************** */

#eins {
  margin-top: 8px;
}

#zwei {
  margin-bottom: 8px;
}



/*  ***************************************************************
    Footer
    *************************************************************** */

.trennlinie_footer {
  margin-top: 22px;
  background-color: #3e3d3d;
  height: 1px;
}

 footer {
  background-color: #191919;
 }

 footer a {
  text-decoration: none;
  color: #ffffff;
 }

 footer p span {
  color: #969696;
 }

 .footer_bottom {
  height: 55px;
  text-align: center;
  background-color: #031000;
 }

 .impressum {
  padding-top: 16px;
 }

footer input[type="text"], footer textarea {
  background: #031000;
  padding: 3px;
  width: 290px;
  border: 2px solid #000;
  margin: 0 0 5px 0;
  color: #fff;
}

footer input[type="submit"] {
  float: right;
  padding: 5px 11px;
  background: #031000;
  color: #fff;
  border: 2px solid #000;
}

/* **********************************************************************************
   slideshow
   ********************************************************************************** */



/*
.top_area .nivoSlider {
  margin-top: 95px;
}
*/
/* **********************************************************************************
   facebook
   ********************************************************************************** */



/* **********************************************************************************
   newsletter
   ********************************************************************************** */



/*  ***************************************************************
    open table modification
    *************************************************************** */


#OT_searchWrapper h2 {
  padding-top: 0px;
}

.tabelle {
  margin-top: 154px;
}



/*  ***************************************************************
    Unterseite Projekte
    *************************************************************** */

tr:nth-child(1n) { color: #ffffff; }
tr:nth-child(2n) { color: #ea3333; }