/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v7-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
       url('../fonts/titillium-web-v7-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* ### Main-Styles ##################################################################*/
  
html { height: 100% } 

body {
    min-height: 101%;
    background: #2e6524 url('../grafiken/hg.gif') left top repeat-x; 
    }
      
.haupttext {   
    font-size:17px;
    color: #7bb531;
    font-weight:600;
    line-height:20px;
    text-shadow: 0 -3px #ffffff, 3px 0 #ffffff, 0 3px #ffffff, -3px 0 #ffffff;
    margin: 0px 90px 0px 120px;
    }

.datenschutz p {   
    font-size:17px;
    color: #7bb531;
    font-weight:600;
    line-height:20px;
    text-shadow: 0 -3px #ffffff, 3px 0 #ffffff, 0 3px #ffffff, -3px 0 #ffffff;
    margin: 0px 90px 0px 120px;
    }
.datenschutz ul {   
    font-size:17px;
    color: #7bb531;
    font-weight:600;
    line-height:20px;
    text-shadow: 0 -3px #ffffff, 3px 0 #ffffff, 0 3px #ffffff, -3px 0 #ffffff;
    margin: 20px 90px 20px 120px;
    }
        
.haupttext_start {   
    font-size:17px; 
    color: #7cb532;
    font-weight:600;
    text-align:center;
    line-height:20px;
    text-shadow: 0 -3px #ffffff, 3px 0 #ffffff, 0 3px #ffffff, -3px 0 #ffffff;
    margin: 15px 90px 0px 120px;
    }
    
body,table,td,div,form,input,pre {
    font-family: 'Titillium Web', sans-serif;
    color: #37414B; 
    vertical-align: top;
    }
    
#seite {
    margin:auto;
    width: 887px;
    -webkit-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 13px -5px rgba(0,0,0,0.75);
    }
    
/* ### Kopf-Styles ##################################################################*/
    
#kopfbox { 
    width:auto;
    height:103px;
    border-bottom:5px solid #518d45; /* GRÜN */
    -moz-box-shadow: 0px 0px 10px #000; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0px 0px 10px #000; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: 0px 0px 10px #000; /*CSS3 Standard*/
    }
    
#kopf {
    position:relative;
    margin:auto;
    width: 887px;
    }
    
#logo {
    position:absolute;
    top:0px;
    left:0px;
    width:334px;
    height:167px;
    }
   
#facebook { 
    float:right;
    width:498px;
    height:40px;
    text-align:right;
    padding-right:27px;
    }
    
#hnav { 
    float:right;
    width:525px;
    height:40px;
    }
    

#hnav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#hnav li {
	float: left;
	position: relative;
}

#hnav ul li {
    padding-right:17px;
    }

#hnav ul li:last-child {
    padding-right:0px;
    }
    
#hnav a {
    font-family: 'Titillium Web', sans-serif;
    font-weight:400;
    font-size: 19px;
    color: #377b2a;
	  display: block;
	  text-decoration: none;
    }
#hnav a:hover { color:#37414B; }
#hnav a.aktiv {
    color: #7bb531;
    }
    
/* ### Körper-Styles ##################################################################*/ 
    
#koerper { 
    width:auto;
    min-height:610px;
    padding:103px 0px 0px 0px;
    }
    
#inhalt { 
    position:relative;
    width:auto;
    min-height:590px;
    background: #ffffff url('../grafiken/koerper_hg.gif') left top no-repeat;
    padding-bottom:20px; 
    }
  
.start, .impressum, .kontakt { height:590px; }  
.galabau { height:750px; }
.datenschutz { height:4350px; }
    
#sloganbox {
    position:absolute;
    bottom:25px;
    left:110px;
    width:218px;
    height:75px;
    }
    
#minilogobox {
    position:absolute;
    bottom:25px;
    right:20px;
    width:162px;
    height:169px;
    }
    
#minilogobox_start {
    position:absolute;
    bottom:18px;
    right:20px;
    width:162px;
    height:72px;
    }
#sloganbox_start {
    position:absolute;
    bottom:25px;
    left:445px;
    width:218px;
    height:75px;
    }
      
#start_foto_1 { position:absolute; bottom:266px; left:97px; width:153px; height:116px; }
#start_foto_2 { position:absolute; bottom:96px; left:188px; width:108px; height:145px; }
#start_foto_3 { position:absolute; bottom:32px; left:273px; width:148px; height:112px; }  
#start_foto_4 { position:absolute; bottom:388px; right:108px; width:132px; height:101px; }  
#start_foto_5 { position:absolute; bottom:266px; right:74px; width:124px; height:90px; } 
#start_foto_6 { position:absolute; bottom:181px; right:176px; width:96px; height:127px; }
#gala_foto_1 { position:absolute; bottom:103px; right:230px; width:263px; height:196px; }

#inhalt ul.inhaltliste {
    list-style: none;;
    font-size:17px;
    color: #7bb531;
    font-weight:600;
    line-height:20px;
    text-shadow: 0 -3px #ffffff, 3px 0 #ffffff, 0 3px #ffffff, -3px 0 #ffffff;
    margin: 0px 90px 0px 80px;
    }

#inhalt ul.inhaltliste li:before {
    content: "+";
    color:#377b2a;
    margin-right: 4px;
}

p iframe { float:left; margin-right:25px; }
.fotorechts { float:right; margin:0px -65px 0px 20px; }
.marginunten { margin-bottom: 20px; }

/* ### Fuss-Styles ##################################################################*/
    
#fuss { 
    width:auto;
    height:7px;
    background: #77c340;    
    }

#datenschutzbox {
    margin:auto;
    width: 887px;
    height:15px;
    text-align:center;
    margin-top:5px;
    margin-bottom:30px;
    }
        
/* ### Standard-Styles ##################################################################*/ 
    
table { border-collapse:collapse; }

.saubersauger {clear:both;}
.SpamMessage {color: #c95050;}

h1 { font-size:51px; color: #7bb531; font-weight:900; margin: 0px 0px 0px 120px; line-height:51px; }
h2 { font-size:21px; color: #7bb531; font-weight:300; margin: 0px 0px 15px 120px;}
h3 { font-size:21px; color: #7bb531; font-weight:300; margin: 15px 0px 15px 120px;}

.dgruen {
    color:#377b2a;
    }

.htbold {
    font-weight:700!important;
    }

/* ### Linkfarben ##################################################################*/

a {outline:none;}

a:link { color: #7bb531; text-decoration: none; }
a:visited { color: #7bb531; text-decoration: none; }
a:hover { color: #7bb531; text-decoration: none; }

/* ### Noscript-Styles ##################################################################*/ 
    
#noscript-bg {
width:100%;
height:60px;
z-index:9999;
background:#ffff99;
border:1px solid #ffff99;
}

#noscript-warnung {
width:580px;
height:45px;
margin:7px auto;
background:url('../grafiken/noscript_warnung.gif') left top no-repeat;
padding:3px 0px 0px 60px;
font-size:12px;
line-height:1.5em;
color:#000000;
}

#noscript-warnung a {color:#ff0000;}
#noscript-warnung a:hover {color:#ff0000;}
#noscript-warnung b{font-size:16px;}