/* The fonts included are copyrighted by the vendor listed below.
 * @vendor:     Bitstream
 * @vendorurl:  http://www.Bitstream.com
 * @license:    Bitstream Vera Fonts Copyright
 */

/* Begin comment: not yet tested
@font-face {
	font-family: 'wsvsans';
	src: url(../fonts/vera.eot);
	src: local('Vera Sans'), local('VeraSans'), local('Bitstream Vera Sans'), url(../fonts/vera.ttf) format("truetype");
}

@font-face {
	font-family: 'wsvserif';
	src: url(../fonts/veraserif.eot);
	src: local('Vera Serif'), local('VeraSerif'), local('Bitstream Vera Serif'), url(../fonts/veraserif.ttf) format("truetype");
}
End comment */
 
html {height: 100%;}

body {
  height: 98%;
  margin: 0;
  padding: 0;
  font: 82% verdana, "Lucida Grande", "Bitstream Vera Sans", arial, helvetica, sans-serif;
  text-align: left;
  color: #CCCCCC;
  background-color: #42423d;
 }

a:link { 
  color: #CC6633;
  text-decoration: none;
 }
a:visited { 
  color: #CC6633;
  text-decoration: none;
 }

a:hover, a:active {
  color: #FFFFFF;
  background-color: #CC4911;
  text-decoration: none;
 }

h2 {
  color: #CCCCCC;
  font: 145% georgia, "Century Schoolbook L", times, "times new roman", serif;
  font-weight: bold;
  padding: 4px 4px;
  margin: 0 0 2px 0;
  background-color: #51504a;
 }

h2 a { text-decoration: none; }

h3 {
  color: #CCCCCC;
  font: 116% georgia, "Century Schoolbook L", times, "times new roman", serif;
  font-weight: bold;
  padding: 4px 4px;
  margin: 8px 0 8px 0;
  background-color: #51504a;
 }

h4 {
  color: #CCCCCC;
  font: 100% verdana, "Lucida Grande", "Bitstream Vera Sans", arial, helvetica, sans-serif;
  font-weight: bold;
  margin: 8px 0 8px 0;
  padding: 0;
  background-color: #51504a;
 }

hr {
  height: 0px;
  border: none;
  border-top: 1px solid #CCCCCC;
  margin: 10px 20px 10px 10px; 
 }

tr {
  vertical-align: top;
 }
  
#container {
  position: relative;
  margin: 0.5em auto;
  max-width: 1048px;
  min-width: 735px;
  min-height: 100%;
  text-align: left;
  background-color: #51504a;
  border: 1px solid #676767;
 }

#header {
  height: 286px;
  width: 100%;
  background-image: url(../images/templer_header.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #CC6633;
  border: 1px none #FFFFFF;
 }

#header h1 {
  font-size: 0px;
  text-align: left;
  color: #51504a;
  margin: 0;
  padding: 0;
  left: 98px;
 }

#mainnav {
  width: 100%;
  font-size: 108%;
  background-color: #D2691E;
  color: #51504a;
  padding: 4px 0;
  margin-bottom: 22px;
  border-top: 1px solid #51504a;
  border-bottom: 1px solid #666666;
  /* use IE/Mozilla/Opera gradient if supported */
  background-image: -ms-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -moz-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -o-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9933), color-stop(0.95, #CC6633));
  background-image: -webkit-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: linear-gradient(to bottom, #FF9933 0%, #CC6633 95%);
}

#mainnav ul {
  margin: 0 0 0 107px;
  padding: 0;
  border-left: 1px solid #51504a;
  list-style-type: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* IE 10+ */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }

#mainnav li {
  display: inline-block;
  margin: 0;
  padding: 4px 0px 4px 0px;
  border-right: 1px solid #51504a;
 }
 
#mainnav li.activepage {
  display: inline-block;
  color: #FF9900;
  margin: 0;
  padding: 4px 10px 4px 10px;
  border-right: 1px solid #51504a;
 }

#mainnav li a {
  text-decoration: none;
  margin: 0;
  padding: 4px 10px 4px 10px;
  color: #333333;
 }

#mainnav li a:hover {
  text-decoration: none;
  color: #FFCC33;
  background-color: #D2691E;
  /* use IE/Mozilla/Opera gradient if supported */
  background-image: -ms-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -moz-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -o-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9933), color-stop(0.95, #CC6633));
  background-image: -webkit-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: linear-gradient(to bottom, #FF9933 0%, #CC6633 95%);
 }

#contents {
   position: relative;
   top: 25px;
   margin: 0 20px 40px 20px;
   padding: 0;
 }

#contents p {line-height: 145%;}

#endtext {
   clear: both;
   padding-top: 100px;
 }

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #333333;
  background-color: #D2691E;
  text-align: right;
  font-size: 80%;
/* use IE10/Mozilla/Opera gradient if supported */
  background-image: -ms-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -moz-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -o-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9933), color-stop(0.95, #CC6633));
  background-image: -webkit-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: linear-gradient(to bottom, #FF9933 0%, #CC6633 95%);
 }

#footer p {
  padding: 5px;
  margin: 0;
 }
 
#footer a {
  text-decoration: none;
  color: #333333;
 }

#footer a:hover {
  text-decoration: none;
  color: #FFCC33;
  background-color: #D2691E;
/* use IE10/Mozilla/Opera gradient if supported */
  background-image: -ms-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -moz-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -o-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF9933), color-stop(0.95, #CC6633));
  background-image: -webkit-linear-gradient(top, #FF9933 0%, #CC6633 95%);
  background-image: linear-gradient(to bottom, #FF9933 0%, #CC6633 95%);
 }

.activepage {
  text-decoration: none;
  color: #FF9900;
 }

.section { 
  text-align: justify;
  margin: 0;
 }
 
.section p {
  margin: 10px 0 13px 0;
 }
 
.block {
  text-align: left;
  margin-top: 13px;
 }
 
.block p {
  margin: 0px;
 }

.imglogo { 
  float: left; 
  padding: 2px;
 }

.imgright {
  padding: 3px 3px 3px 3px;
  margin: 0 0 10px 10px;     /* schiebt den Text etwas weiter zur Seite */
  background-color: #D2691E;
  border: 1px solid #333333;
  float: right;
 }

.imgleft {
  padding: 3px 3px 3px 3px;
  margin: 0 10px 3px 0;     /* schiebt den Text etwas weiter zur Seite */
  background-color: #D2691E;
  border: 1px solid #333333;
  float: left;
 }

.imgsimple {
  padding: 3px 3px 3px 3px;
  margin: 0;
  background-color: #D2691E;
  border: 1px solid #333333;
 }

.imgstripe {
  margin-top:-7px;
  padding: 3px 3px 3px 3px;
  background-color: #D2691E;
  border: 1px solid #333333;
  width:inherit;
  overflow:hidden;  
}