@font-face {
  font-family: 'InterstateLight';
  src: url('interstate-light.eot'); /* IE9 Compat Modes */
  src: url('interstate-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('interstate-light.woff') format('woff'), /* Modern Browsers */
  url('interstate-light.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('interstate-light.svg#InterstateLight') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'InterstateBold';
  src: url('interstate-bold.eot'); /* IE9 Compat Modes */
  src: url('interstate-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('interstate-bold.woff') format('woff'), /* Modern Browsers */
  url('interstate-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('interstate-bold.svg#InterstateLight') format('svg'); /* Legacy iOS */
}

/* CSS-Boxes */

body { 
font-family: 'InterstateLight', Verdana, Arial, sans-serif; 
background: #fff; 
color: #000; 
margin: 20px auto; 
padding: 0 20px; 
max-width: 980px;
font-size:0.8em;
}

#sh_navigation {
width:320px;
float:left;
padding-top:7px;
}

div.abstand-logo {
padding-top:5em;
padding-left:10em;
}

div.LogoNav {
padding-top:15em;
float:left;
width:260px;
}

#MainContent {
float:right;
max-width:395px;
min-height:550px;  
margin-top:0.8em; 
}

#MainContentFormular {
padding-left:3em;
}

#MainContentKontakt {
float:right;
width:435px;
min-height:680px; 
}

div.sv-kontaktform {
padding-left:25em;
}

#contentText-sv {
padding-left:27em;
}

.CSSImgPreload { 
width:1px; 
height:1px; 
visibility:hidden; 
}

div.contentBild {
width:290px; 
height:286px;
}

div.contentText {
width:290px; 
}

div.sound {
margin-top:20px;
float:right;
}

div.FooterLinks {
width:38em;
border-bottom: solid 1px black;
margin-bottom:5px;
}

div.Inhalt {
margin-top:2.3em;
border-top:solid 1px black;
font-family:InterstateLight, Verdana, Arial, sans-serif;
}

div.Inhalt2 {
margin-top:1em;
border-top:solid 1px black;
font-family:InterstateLight, Verdana, Arial, sans-serif;
}

div.Inhalt3 {
padding-left:12em;
margin-top:23.3em;
border-top:solid 1px black;
font-family:InterstateLight, Verdana, Arial, sans-serif;
}

div.bilderzeile {
padding-top:0.8em;
}

div.zeile1 {
padding-top:3.2em;
}

div.zeile2 {
float:left;
margin-top:20px;
}

img {
	height: auto;
  border:none;
}

img.bilderzeile {
display:inline;
width:67px;
border:none;
padding:0;
margin:0;
padding-top:10px;
padding-bottom:5px;

}

hr.linie {
height: 1px;
color:black;
border:none;
border-top:solid 1px black;
}

hr.linie2 {
margin-top:22.9em;
height: 1px;
color:black;
border:none;
border-top:solid 1px black;
}

hr.linie3 {
margin-top:2.3em;
height: 1px;
color:black;
border:none;
border-top:solid 1px black;
}



/* Logo-Navigation */
div.pflanze {
padding-left:7.2em;
}
 
div.wasser {
padding-left:4em;
padding-bottom:0.6em;
}

div.holz {
padding-left:14.4em;
padding-top:0.2em;
}

div.stein {
padding-left:6.5em;
padding-top:0.1em;
}

div.metall {
padding-left:11.8em;
padding-top:1.6em;
}

div.animationStart {
position:relative;
}

div.animationStart2 {
position:relative;
padding-top:7em;

}

div.animationPflanzeStart {
position:absolute;
top:198px;
left:259px;
z-index:1100;
border:solid 1px red;
}

div.skipIntro {
width:343px;
text-align:center;
padding-top:20px;
}

div.skipIntroSV {
width:343px;
text-align:center;
padding-top:20px;
}

div.skipIntro a {
color:grey;
text-decoration:none;
}

div.skipIntroSV a {
color:grey;
text-decoration:none;
}

a.footerLinks {
color: black;
padding: 0 2px 1px 5px;
text-decoration: none;
}

a.footerLinks:hover {
color: black;
text-decoration: none;
font-size: 1em;
background: #fff url(../img/ecke.png) left center no-repeat;
}

input.audiobutton {
border:none;
background:none;
font-size:10px;
margin:0;
padding:0;
}


/* CSS allgemein */

a.bilderzeile {
padding:0;
margin:0;
text-decoration:none;
}

a { 
color: #000; 
}

a.hover {
text-decoration: underline;
}

/* Formular */

input.stdText {
border:solid 1px black;
width:200px;
}

input.stdTextPlz {
border:solid 1px black;
width:80px;
}

textarea.stdTextarea {
border:solid 1px black;
width:200px;
}

select {
border:solid 1px black;
width:60px;
}

input.submit {
border:solid 1px black;
}

td.special {
padding-top:145px;
}

div.logo-sv-bereich1 {
position:absolute;
float:left;
top:680px;
}


/* Navigation */
span.menu-headline {
font-size:1.5em;
font-weight:bold;
padding:0
;margin:0;
left:-1em;
text-decoration:underline;
height:0em;
}

span.black {
color:#000;
}

ul.navigation {
list-style-type:none;
padding:0;
margin:0;
padding-left:1.75em;
}

ul.navigation-innen {
list-style-type:none;
padding:0;
margin:0;
padding-left:1.15em;
}

li.navigation-ebene1-gruen {
list-style-type:square;
color:#6cb156;
font-size:1.25em;
margin-top:0.5em;
}

li.navigation-ebene2-gruen {
list-style-type:square;
color:#6cb156;
}

a.navigation-ebene1-link-gruen {
color:#6cb156;
text-decoration:none;
}

a.navigation-ebene2-link-gruen {
color:#6cb156;
text-decoration:none;
}

a.navigation-ebene2-link-gruen {
color:#6cb156;
text-decoration:none;
}

li.navigation-ebene1-blau {
list-style-type:square;
color:#18c1e8;
font-size:1.25em;
margin-top:0.5em;
}

li.navigation-ebene2-blau {
list-style-type:square;
color:#18c1e8;
}

a.navigation-ebene1-link-blau {
color:#18c1e8;
text-decoration:none;
}

a.navigation-ebene2-link-blau {
color:#18c1e8;
text-decoration:none;
}

li.navigation-ebene1-braun {
list-style-type:square;
color:#8a542d;
font-size:1.25em;
margin-top:0.5em;
}

li.navigation-ebene2-braun {
list-style-type:square;
color:#8a542d;
}

a.navigation-ebene1-link-braun {
color:#8a542d;
text-decoration:none;
}

a.navigation-ebene2-link-braun {
color:#8a542d;
text-decoration:none;
}

li.navigation-ebene1-grau {
list-style-type:square;
color:#a0a2a4;
font-size:1.25em;
margin-top:0.5em;
}

li.navigation-ebene2-grau {
list-style-type:square;
color:#a0a2a4;
}

a.navigation-ebene1-link-grau {
color:#a0a2a4;
text-decoration:none;
}

a.navigation-ebene2-link-grau {
color:#a0a2a4;
text-decoration:none;
}

li.navigation-ebene1-rot {
list-style-type:square;
color:#e33449;
font-size:1.25em;
margin-top:0.5em;
}

li.navigation-ebene2-rot {
list-style-type:square;
color:#e33449;
}

a.navigation-ebene1-link-rot {
color:#e33449;
text-decoration:none;
}

a.navigation-ebene2-link-rot {
color:#e33449;
text-decoration:none;
}

li.navigation-ebene1-schwarz {
list-style-type:square;
margin-top: 0.5em;
font-size:1.25em;
}


li.navigation-ebene2-schwarz {
list-style-type:square;
}

a.navigation-ebene1-link-schwarz {
color:black;
text-decoration:none;
}

a.navigation-ebene2-link-schwarz {
color:black;
text-decoration:none;
}

li.abstand1em {
padding-top:1.25em;
}


div.abstand1 {
margin-top:30px;
border-top: solid 1px black;
width: 238px;
height:25px;
}

span.link-gutachter-galabau-menu {
font-size:1em;
font-weight:bold;
padding:0;
margin:0;
left:-1em;
line-height:1.5em;
}

span.link-gutachter-galabau-menue2 {
font-size:1.15em;
font-weight:bold;
text-decoration:underline;
}

a.link-gutachter-galabau-menue {
font-weight:bold;
font-size:1.25em;
text-decoration:underline;
}