@font-face { 
    font-family: 'RasiCondensed';
    src: url('ttf/RasiCondensed.eot');
    src: local('RasiCondensed'), local('RasiCondensed-Regular'), url('ttf/RasiCondensed.eot') format('embedded-opentype'), url('ttf/RasiCondensed.ttf');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'RasiCondensed';
    src: url('ttf/RasiCondensedExtraBold.eot');
    src: local('RasiCondensed'), local('RasiCondensed-Bold'), url('ttf/RasiCondensedExtraBold.eot') format('embedded-opentype'), url('ttf/RasiCondensedExtraBold.ttf');
    font-style: normal;
    font-weight: 700;
}
@font-face { 
    font-family: 'Solut';
    src: url('ttf/SolutSemiboldItalic.eot');
    src: local('Solut'), local('Solut-Italic'), url('ttf/SolutSemiboldItalic.eot') format('embedded-opentype'), url('ttf/SolutSemiboldItalic.ttf');
    font-style: italic;
    font-weight: 600;
}

*{margin:0;padding:0;}
img, iframe {border:0;}
header, nav, section, footer {display:block}
figure {display:inline}
body {
  font-family: 'RasiCondensed','Trebuchet MS';
  font-size:4.6mm;
  color:#382f2e;
  background-color:#e7e2dd;
  height:100%;
  margin:auto;
  min-width:1000px;
  max-width:1300px;
}
body>div {
  background-color:#ffffff;
  position:relative;
}
/*#baum {position:absolute;top:0px;left:0px;width:30%;display:block;text-align:center;color:#FFF;z-index:100;}
#baum>img {margin:50px 0 0 20px;}
#baum div {position:absolute;width:30%;z-index:100;}
#baum div span, #baum div a {font-weight:bold;list-style:none;position:absolute;display:block;color:#FFF;}*/
a {text-decoration:none;color:#382f2e;}
h1,h2 {font-size:100%;}
body>div>h1 {font-weight:normal}
h3 {font-size:100%;font-weight:normal;}
h4 {font-size:100%;font-weight:normal;font-style:italic;}
h2>span {font-size:80%;font-weight:normal;}
h2 a {border-bottom:1px dashed #382f2e;cursor: pointer;}
h3+ul {margin:0 20px;}
section div>h3+ul>li>a {border-bottom:1px dashed #382f2e;color:#382f2e;}
h3+ul+a, h4+p+a {color: #b3130f;float:right;text-decoration:none;margin-top:-10px;}
h5 {font-size:90%;font-weight:normal;margin:0 0 20px 0;}
.clear {clear:both;}
.left {clear:left;}
/*top*/
.logo {float:right;margin:64px 94px 0 0;}
.logo img{width:324px;height:78px}
img[src$="ziel.jpg"] {width:355px;height:266px;float:left}
nav {
	background-color:#79b4d2;background: #acc3cf; /* Old browsers */
	background: -moz-linear-gradient(left, #acc3cf 0%, #98bdd0 37%, #98b4d2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #acc3cf 0%,#98bdd0 37%,#98b4d2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #acc3cf 0%,#98bdd0 37%,#98b4d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acc3cf', endColorstr='#98b4d2',GradientType=1 ); /* IE6-9 */
	height:46px;}
nav div {float:right;margin-right:140px;padding-top:10px;}
nav div * {color:#FFF;font-size:140%;margin:0 20px;}
nav div a:hover, nav div span {border-bottom:7px solid #b3130f;padding-bottom:4px;}
#kontaktfix {background-image: url(bilder/kontakt.png);background-repeat: no-repeat;cursor: pointer;color:#FFF; padding:30px 16px;margin:0;width:36px;position:absolute;top:340px;right:0px;z-index:50;}

/*main*/
section {
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #dddddd 10%, #eeeeee 43%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 0%,#dddddd 10%,#eeeeee 43%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 0%,#dddddd 10%,#eeeeee 43%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */;
	min-height:340px;padding:10px;}
section>div {float:left;width:27%;margin:0 2%;padding:4% 0;height:100%;line-height:1.6em;}
section div:first-child {font-family: 'Solut';line-height:1.4em;color:#48a8d5;width:27%;}
section div:first-child>*  {text-align:center;margin:2% 0;list-style:none;width:90%;height:100%;font-size:110%;}
section div:first-child>p {font-size:120%;}
section div:first-child>p>span {font-size:70%;}
section div:first-child>ul span {color:#b3130f;font-size:120%;line-height:2em;}
section div:first-child>div span {padding-top:40px;font-size:66%;}
section div ul a {border-bottom:1px dashed #48a8d5;color:#48a8d5;line-height:1.8em;}
section div p {margin-bottom:10px;}
section div p a {border-bottom:1px dashed #382f2e;color:#382f2e;}
section span+span, section div+div {clear:right;}
.showButton {float:right;color:#b3130f;cursor:pointer;}
/*footer*/
footer {
	position:relative;
	clear:left;
	background: #a11610; /* Old browsers */
	background: -moz-linear-gradient(top, #a11610 0%, #bc1913 10%, #f92219 43%, #ff231a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a11610 0%,#bc1913 10%,#f92219 43%,#ff231a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a11610 0%,#bc1913 10%,#f92219 43%,#ff231a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a11610', endColorstr='#ff231a',GradientType=0 ); /* IE6-9 */
	height:160px;width:100%;z-index:50;}
footer * {color:#FFF;}
footer>div>div {float:left;min-width:13%;padding:40px 10px 10px 10px;}
footer>div>div:first-child {width:33%;margin-top:35px;font-size:16pt;cursor: pointer;padding-left:50px;}
footer>div>div+div+div+div {width:59px;margin-left:35px;text-align:center;padding-top:20px}
footer>div+div {clear:left;width:100%;text-align:center;font-size:86%;}
/*Formular*/
form {
   position:absolute;
   width:100%;
   background-color: #9d1610;
   z-index:100;
   overflow-y:hidden;
}
form * {margin:4px 0px;font-size:90%;padding:2px;}
form a {text-decoration:underline;}
form div {width:27%;float:left;margin:4% 1.9%;display:inline;}
form div span {width:96%;display:block;text-align:center;}
form img+div {font-size:110%;padding:50px 0 0 40px;width:23%;}
form img {position:absolute;top:20px;right:20px;cursor:pointer;}
form input {width:96%;line-height:2em;height:22px;}
textarea {
  width:96%;
  font-family: 'RasiCondensed','Trebuchet MS';
  font-size:102%;
}
form input[type=submit]{width:50%;height:40px;border:2px outset #b3130f;border-radius:10px;color:#382f2e;cursor:pointer;}
#form-message {
  position:absolute;z-index:1000;
}
#form-message img {
  float:left;
  position:relative;
  top:0;
  left:20px;
  height:9px;
  width:17px;

}
#form-message span {
  float:left;
  position:absolute;
  white-space:nowrap;
  top:8px;
  left:10px;
  border:1px solid activeborder;
  padding: 5px 15px;
  background-color:#F0C0C0;
  border-radius:5px;
}

