html, body
{
  height: 100%;
  margin: 0;
  padding: 0;
}

body
{
  /*padding: 0 20px;*/
  color: #49463f;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  height: 100%;
  background: #939089;
}

#main
{
  /*border: 20px solid #7C0006;*/
  border: 20px solid #939089;
  background: #f5f4f2;
  min-height:100%;
  min-width:840px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#head
{
  background: #edecea;
  text-align: center;
}

#head div.page
{
  width: 825px;
  background: url(../img/atem.png) 0 50% no-repeat;
  padding-left: 125px;
  margin-left: -110px;
  text-align: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

#head div.page
{
  overflow: hidden;
}


#head div.page div.content
{
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width:225px;
}

#head div.page div.content p
{
  margin: 8px 0;
}

#head div.page div.content img.name
{
  margin-top: 30px;
}

#head div.page img
{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  max-width: 600px;
}

div.page
{
  width: 840px;
  margin: 0 auto;
}

#head + div.page
{
  padding: 55px 0 45px 0;
}

#main > div.page > #select-navi
{
  display: none;
}

a
{
  color: #47473f;
}

a:hover
{
  color: #e2464d;
}

p a,
small a
{
  color: #7C0006;
}

h1
{
  font-size: 36px;
  line-height: 30px;
  margin-top: 0;
  font-weight: normal;
}

p.intro
{
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}

p.emphasize
{
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #e6e5e3;
  padding: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #f8f7f5;
}

p.impressum
{
  color: #939088;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
}

p.error
{
  color: red;
}

p.impressum a
{
  color: #939088;
  text-decoration: none;
}

div.content-block
{
  background:#edecea;
  padding: 17px 20px 17px 40px;
  *padding-left:20px;
  line-height: 1.5;
  font-size: 13px;
}

div.content-block ~ div.content-block
{
  margin-top: 10px;
  margin-bottom: 10px;
}

div.content-block h2
{
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: 16px;
  position: relative;
}

div.content-block h3
{
  font-size: 14px;
}

div.content-block h2:before,
div.content-block h2:after
{
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
}

div.content-block h2:before
{
  border: 5px solid transparent;
  border-top: 10px solid #49463f;
  margin-top: -5px;
}

div.content-block h2.content-is-hidden
{
  font-weight: normal;
}

div.content-block h2.content-is-hidden:before
{
  border: 5px solid transparent;
  border-left: 10px solid #49463f;
  margin-top: -5px;
}

div.content-block h2.content-is-hidden:after
{
  border: 3px solid transparent;
  border-left: 7px solid #edecea;
  margin-top: -3px;
  left: -19px;
}

h2
{
  font-size: 1.2em;
}

h3
{
  font-size: 1em;
}

table
{
  margin: 1em 0;
}

table td,
table th
{
  vertical-align: top;
  text-align:left;
}

table tbody th
{
  font-weight: normal;
}

table tbody th,
table tbody td
{
  padding-top: 20px;
  padding-bottom: 20px;
}

table tr th ~ th,
table tr th ~ td,
table tr td ~ td
{
  padding-left: 40px;
}

table tbody tr ~ tr td,
table tbody tr ~ tr th
{
  border-top: 1px solid #7a776e;
  padding-top: 20px;

}

quote
{
  font-style: italic;
  padding: 50px;
  display:inline-block;
  border: solid 4px #ccc;
  margin: 30px;
} 

quote span
{
  font-size: 20px;
  color:#7a776e;
  margin-top: 20px;
  display: block;
}

/***************/

ul#navi
{
  float: left;
  *display: inline;
  *zoom: 1;
  width: 200px;
  list-style: none;
  margin:0;
  margin-top: -10px;
  padding:0;
  padding-right: 40px;
  color: #7a776e;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#navi li
{
  margin:0;
  padding:0;
}

#navi li a
{
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 10px 15px;
  color: #7a776e;
}

#navi li a:hover
{
  color: #e2464d;
}

#navi li.active
{
  background:#fff;
}

#navi li.active a
{
  /*color: #1b1a16;*/
  color: #000;
  background:#fff;
  font-weight: bold;
}

ul#navi + div
{
  width: 600px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

#navi li.timify-button  
{
  width: auto; 
  background: #9A002B; 
  margin-bottom: 15px; 
  text-decoration: none;
  display: block;  
  *zoom: 1;
  padding: 15px 15px; 
  color: #fff; 
  letter-spacing: 1px;
  text-align: center; 
  cursor: pointer;
}


/*************/

form.data-entry
{
  margin-bottom: 100px;
}

div.row
{
  min-height: 34px;
}


div.row label
{
  width: 200px;
  display: inline-block;
}

div.row input[type="text"],
div.row textarea
{
  width: 275px;
  display: inline-block;
  border: solid 1px #939089;
}

div.row input[type="text"]
{
  min-height: 24px;
}

div.row textarea
{
  min-height: 100px;
  resize: none;
}

div.row input[type="submit"]
{
  padding: 10px 20px;
  margin-top: 30px;
  font-weight: bold;
  display: inline-block;
  background-color: #7a776e;
  color: white;
  border: none;
  font-family: 'Open Sans', sans-serif;
}

div.row input[type="submit"]:hover
{
  background-color: #e2464d;
}

#navi-mobile {display:none;}

/*************/

@media only screen and (max-width: 1100px)
{
  #head div.page
  {
    background: none;
    padding: 0 0 0 15px;
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 880px)
{
  #main
  {
    border-width: 9px;
    min-width:768px;
  }
  #head div.page
  {
    width: 730px;
    padding-left: 25px;
  }

  #head div.page > img
  {
    width: 500px;
  }

  #head div.page div.content img.name
  {
    margin-top:15px;
  }

  div.page
  {
    width: 730px;
    padding: 0 10px;
  }

  ul#navi + div
  {
    width:490px;
  }
}

@media only screen and (max-width: 767px)
{
  #main
  { 
    border-width: 5px;
    min-width:310px;
  }

  #head
  {
    text-align: left;
  }

  #head div.page > img
  {
    display: none;
  }

  #head div.page div.content
  {
    width: auto;
    padding: 8px 0 0 0;
  }

  #head div.page div.content p
  {
    margin: 0;
  }

  #head div.page div.content img.name
  {
    margin: 20px 0 20px 0;
  }

  #head div.page,
  #head + div.page
  {
    width: auto;
    padding: 0 10px;
  }

  ul#navi
  {
    width: auto;
    margin: 10px 0 20px 0;
    padding: 0;
  }

  ul#navi li
  {
    display: inline-block;
    vertical-align: middle;
    max-width: 35%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 15px
  }

  ul#navi li br
  {
    display: none;
  }

  #navi li a
  {
    display: inline;
    padding: 0;
  }

  ul#navi + div
  {
    width: auto;
  }

}

@media only screen and (min-width: 480px) and (max-width: 767px)
{

  #main
  {
    min-width:470px;
  }

}


@media only screen and (max-width: 480px)
{

  ul#navi
  {
  margin-top: 10px;
  margin-bottom: 25px;
  }

  ul#navi li
  {
    max-width: 100%;
    padding: 10px 10px;
  }


/*
  #main > div.page #select-navi
  {
    display: block;
    padding: 20px 0;
  }

  #main > div.page #select-navi h5
  {
    margin: 0 0 5px 0;
  }


  #main > div.page > #select-navi + ul#navi
  {
    display: none;
  }

  #navi-mobile 
  {
   display:block;
   float: left;
   width: 330px;
   list-style: none;
   margin:0 0 20px 0;
   padding:10px 20px;
   color: #fff;
   font-size: 13px;
   line-height: 18px;
   text-transform: uppercase;
   letter-spacing: 1px; 
   background:#9A002B;
   text-align: center; 
   cursor: pointer;
 }

*/
	
}