/* GLOBAL */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing:0.05em;
	font-weight: normal;
	color: #8DA351;
	line-height: 1.4em;
	
}
header
{
        position:relative;
        width:100%;
}
#kopf {
	background-color: #8da351;
	text-align: center;
	height: 43px;
	width: 100%;
	margin-bottom: 0;
	background-image: url(../img/allgemein/kopf_hell_.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px solid #369;
}
section{
	width:95%;
	padding-bottom: 50px;
	padding-top: 20px;
	border: 0px solid #CC9933;
	align:center;
	margin: 0px auto;
}

article{
width: 50%;
margin: 0 auto 20px auto;
border:0px solid #33f;
}
.center
{width: 100%;margin: 0 auto 20px auto; border:0px solid #369;}

/*--------------schrift---------------*/

.linkliste {
    font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #8DA351;
}
.text {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #8DA351;
}
br{
line-height: 1em;
}
p.start {
  width: 100%;
	margin: 0 0 10px auto;
	font-size: 1em;
	border: 0px solid #369;
	line-height: 1.5em;
}
/*---------überschriften-----------------*/
.starth1{
font-size: 1.3em;
margin: 0 0 15px 0;
	font-weight: normal;
	line-height: 1.8em;
	}
h1 {
    margin-left: -9000px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.2em;
	font-weight: normal;
	color: #339900;
}
h2 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: center;
}
h3 {
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
}
h4 {
    text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-align:left;
}
h5 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
}


/*--------------------------------menu max--------------*/
nav{
  border: 0px solid #369;      
}
nav ul {
	height: 40px;
	width: 100%;
	list-style-type: none;
	margin: 35px 0px 0px;
	padding: 10px 0px 0px;
	text-align: center;
	border-top: 1px solid #8DA351;

}
nav li{
	display: inline;
	margin: 0px 3em 0px 0px;
	padding: 0px 8px;
	border: 0px solid #369; 
   
}
.ind {
	background-image: url(../img/allgemein/startseite.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
.amsl {
	background-image: url(../img/allgemein/amschelly.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.galerie{
	background-image: url(../img/allgemein/galerie.gif);
	background-repeat: no-repeat;
background-position: 0px 0px;
}
.impressum{
	background-image: url(../img/allgemein/impressum.gif);
	background-repeat: no-repeat;
background-position: 0px 0px;
}
.kontakt{
	background-image: url(../img/allgemein/kontakt.gif);
	background-repeat: no-repeat;
background-position: 0px 0px;
}

/*---------links-----------------*/

nav a{
border:0px solid #369;
padding:4px 40px 0px 0;
}
a:link {
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	color:#8DA351;
	cursor:hand;
	font-style: normal;
}
a:visited {
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	color:#8DA351;
	cursor:hand;
	font-style: normal;
}
a:hover {
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	color:#627728;
	cursor:hand;
	font-style: normal;
	background-position: 0px -33px;
}
a:active {
	text-decoration:none;
	font-weight:normal;
	cursor:auto;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #8DA351;
}
/*-------------menu oben------------}
ul.top {
	height: 30px;
	width: 100%;
	list-style-type: none;
	margin: 20px 0px 0px;
	padding: 10px 0px 0px;
	text-align: center;
	border-top: 1px dotted #8DA351;
	top: 50px;
}
li.top{
	display: inline;	
}
li.topams {
	display: inline;
	font-size: 1.2em;
	border: 0px solid #8DA351;
	background-image: url(../img/but/ams.png);
	padding:3px 30px;
	background-repeat: no-repeat;
	background-position: 60px 0px ;
}
li.topgal {
	display: inline;
	font-size: 1.2em;
	border: 0px solid #8DA351;
	background-image: url(../img/but/gal.png);
	padding:3px 30px;
	background-repeat: no-repeat;
	background-position: 60px 0px;
}
li.topimp { 
	display: inline;
	font-size: 1.2em;
	background-image: url(../img/but/imp.png);
	padding:3px 30px;
	background-repeat: no-repeat;
	background-position: 60px 0px;
}
li.topkont { 
	display: inline;
	font-size: 1.2em;
	background-image: url(../img/but/kont.png);
	padding:3px 30px;
	background-repeat: no-repeat;
	background-position: 60px 0px;
}

/*-------#gal_total {width: 100%;margin: 0 auto 20px auto; border:0px solid #369;}
#gal_total li {
	border: 0px solid #3ff;
	list-style-type: none;

}
#int_webb {display: block;}/*--galerie einblend---*/
#int_mobb{ display: none;}/*--mobile gale ausblend---*/
 
	  

/*------------acc---------background: none !IMPORTANT;-----*/

ul.draw { list-style-type: none; text-align: center; margin: 0 0 1em 0; padding:0 0 1em 0;}/*titel auf gruen*/
ul.draw li {/*titel auf gruen*/
	margin: 1em;
	padding: 0;
	
}
ul.draw li.galli { background-image: url(../img/allgemein/pkt2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 13px; margin: 5px 1em; 
	 }
ul.draw li img { padding-top: 0px;  margin: 0;  border:0px solid #369;}
ul.draw h5 { margin: 0; font-size: 14px; line-height: 19px; background: #D1DDB0; border-radius: 6px; border-bottom: none; margin: 0; cursor: pointer; }
#drawers {border:0px solid #369; }
#drawers div { display:none; text-align:left; font-size: 0.8em; line-height: 1.2em;  }
#drawers div.first { display:block; }


/*#accordion div {
   background-color: #b2ce8f;
   height:50px;
   transition: height 1s ease-in-out;
   }
#accordion div:hover {
   background-color: #efd070;
   height: 240px; 		
}*/
/*------------acc--------------*/

.gal_int {/*internet */
	width: 48%;
	margin-top: 0px;
	margin-left:0px;
	padding-left: 0px;
	border: 0px solid #0033FF;
	
}
 /*tauschi bei internet*/
.gal_int_img {
	width: 48%;
	height:150px;
	margin-top: -150px;
	padding-top:5px;
	margin-bottom: 70px;
	margin-left: 50%;
	border: 0px solid #0033FF;
	background-color: F1F5E4;
	text-align:center;
	vertical-align: middle;
}
.gal_pri {/*print*/
    width:90%;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 0px;
	border: 0px solid #3ff;	
}

.galrei { /*bilderreihe*/
	width: 250px;
	height: 45px;
	margin-top: -60px;
	padding-bottom: 0px;
	margin-left: 420px;
	border: 0px solid #0033FF;
}

/*---------kontakt----------------*/
.kont {/*name adresse  */
	width: 500px;
	margin: 0 auto 50px auto;
	
	font-size: 1em;
    border: 0px solid #3ff;
	line-height: 1.3em;
	background-image: url(../img/allgemein/at_info.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.kont1 {/*log in unten width: 370px;
	margin: 80px auto 0 0;
	padding-top: 8px;
	font-size: 1em;
    border-top: 1px solid #8DA351;*/
	
	 position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}
/*form{
border: 0px solid #8DA351;
	width: 390px;
	margin-right: auto;
	margin-left: 0;
	margin-top: 0px;
	padding-top: 15px;
	font-size: 1em;
	font-family: Verdana, Helvetica, sans-serif;
}
input{
	margin-left: 50%;
	margin-top: -15px;
	margin-bottom: 5px;
	font-family: Verdana, Helvetica, sans-serif;
}
.sendi{
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: -8px;
}
.loschi{
	margin-left: 70%;
	margin-top: -25px;
	margin-bottom: 0px;
}

textarea{
	margin-left: 50%;
	margin-top: -12px;
	margin-bottom: 5px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
}
#checktxt{
    margin-left: 49px;
	margin-top:-17px;
	font-size: 1em;
	margin-bottom: 20px;
	border:0px solid #369;
}
#datenschutz{
    margin-left: 3%;
	margin-bottom: 0px;
    padding-left: 0px;
	margin-top:20px;
	
}
#datenschutz input{
	padding-top:15px;
	margin-left: 0px;
	margin-right: 0px;
	border:0px solid #369;
}
.sternchen{

margin-bottom: 20px;
}*/
.nose{
 position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}
/*---------impressum-----*/

.imp {
	width: 500px;
	margin-right: auto;
	margin-left: 0px;
	font-size: 1em;
	margin-bottom: 5px;
}
.imp1 {
	width: 500px;
	margin-right: auto;
	margin-left: 23px;
	padding-top: 5px;
	font-size: 1em;
	margin-bottom: 5px;
}
.imp2 {
	font-size: 1em;
	margin-bottom: -7px;
	line-height:1.4em;
}
.loimp {
	width: 400px;
	margin: 0px 0px 0px 30%;
	padding: 0px;
	height: 400px;
}
/*---------amschelly-----------*/
#bildams { /*---------ebene mit bild-----------*/
	width: 100%;
	height:135px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(../img/allgemein/AMS2011.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px solid #99FF00;	
}
/*text neben bild*/
.ams1 {
	width: 60%;
	margin-left: 130px;
	float: left;
	margin-top: 0px;
}

.ams {
	width: 100%;
	margin-right: auto;
	margin-left: 0;
	border: 0px solid #99FF00;
	margin-bottom:10px;
}

/*------footer-------*/
footer{
	width: 100%;
	height:45px;
	position:fixed;
	bottom:0px;
	left:0px;
	border-top: 1px solid #8da351;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
ul.unten {
	text-align: center;
	padding-top: 5px;
}
li.unten {
	width: 180px;
	display: inline;
	margin: 0px 50px 0px 0px;
	padding: 0px;
}
li.unten_m {
	width: 180px;
	display: inline;
	margin: 0px 50px 0px 0px;
	padding: 0px;
}
/*----------------------------------------------------------------mobiles menu------------------------*/

#mobileMenu
{
        position: fixed;
        top: 0;
        left: -10px;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #BBC996;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #8DA351;
}

.toggleMobile
{
        display: none;
}

.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
          clip: rect(1px, 1px, 1px, 1px);
}
/* --------------------------------------------------------------------------- MEDIA QUERIES FOR A RESPONSIVE LAYOUT ----------------------------------------------*/
@media only screen and (max-width: 1254px){

article{
width: 80%;
margin: 0 auto 20px auto;
border:0px solid #669;
}

}
@media only screen and (max-width: 640px){
	body/*---------------mit festem hg------------*/
	{
	    width:100% !important;
	    background-position: left 70px;
		background-attachment: fixed;
		font-size:0.9em;
	}

	header
	{/*----------feststehender headbereich, dahinter scrollbarar rinhalt*/
        position:fixed;
        width:100%;
		max-width:100% !important;
		min-width:150px !important;
		background:#fff;
	    height:45px;
		padding-top:11px;
	    margin-bottom: 0px;
		margin-top: 0px;
		z-index:1;	
}
section{
	border: 0px solid #CC9933;
	padding-top: 90px;
	padding-bottom: 70px;
	margin-bottom: 70px;
	height:155% !important;
}
#container{
border: 0px solid #f39;
padding-bottom: 70px;
	margin-bottom: 70px;
}
article{
border: 0px solid #6f3;/*grün*/
width: 100%;
height:100%;
margin-top: -20px;
}
p.start {
  width: 95%;
	margin: 0 auto 10px auto;
	font-size: 1em;
	border: 0px solid #369;
	line-height: 1.5em;
}

footer{
	height:30px;
}


 /*---zeilen im unteren bereich weg--*/
li.unten_m {
	display: none;
}

/*------------------------------------------amschelly-----------------------------*/
#bildams {
	width: 100%;
	height:135px;
	margin: -20px 0px 0px 0px;
	border: 0px solid #99FF00;
}
#ams {
	width: 100%;
	margin: 0 0 5px 0;
	border: 0px solid #99FF00;
}
/*text1 neben bild*/
.ams1 {
	width: auto;
	margin-left: 120px;
	margin-top: 0px;
}
/*text2 unter bild*/
.ams {
	width: 100%;
	margin: 0 0 5px 0;
	border: 0px solid #99FF00;
}

.ams2 {
	width: 85px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.ams3 {
	margin-left: 20px;
	float: left;
	margin-top: 0px;
	padding: 0px;
	border: 0px solid #99FF00;
}
br{
line-height:0.6em;
}
/*------------------------------------galerie------------------------------*/
.center
{width: 90%;margin: -20px auto 20px auto; border:0px solid #369; background-color: #ffffff;}
 #gal_total {width: 100%;margin: 0 auto 20px auto; border:0px solid #369;}


.gal_int {/*internet */
	width: 100%;
	margin-top: 0px;
	margin-left:0px;
	padding-left: 0px;
	border: 0px solid #0033FF;
	
}
 /*tauschi bei internet*/
.gal_int_img {
	width: 90%;
	height:150px;
	margin-top: 10px;
	padding-top:5px;
	margin-bottom: 20px;
	margin-left: 20px;
	border: 0px solid #0033FF;
	background-color: F1F5E4;
	text-align:center;
	vertical-align: middle;
}

.gal_pri {/*print*/
    width:100%;
	margin-bottom: 5px;
	margin-left: auto;
	border: 0px solid #3ff;	
}
.galrei { /*bilderreihe*/
	width: 90%;
	height: 45px;
	margin-top: 10px;
	padding-bottom: 0px;
	margin-left: 20px;
	border: 0px solid #0033FF;
}
/*--------------------kontakt----------------  */
.kont {/*name adresse  */
	width: 95%;
}

/*------------------------------------------*/

a:link,  a:visited, a:active {
	color:#7D9341;
}
 a:hover  {
	color:#5C6F28;
}
  


 /*---------------------------------------------------*/
        #mobileMenu
        {
                display: block;
                z-index: 99;
				
        }
        .toggleMobile /*   background:rgba(199,216,226,0.7) position kreuz/hamb */
        {      
                position: fixed;
                top: 15px;
                left: 20px;
                display: block;
                width: 40px;
                height: 36px; 
                cursor: pointer;
                z-index: 999;
				border:0 ;		
        }
		  .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 /*hambuger*/
        {
                display: block;
                position: absolute;
                width: 40px;
                height: 6px;
                left: 0;
                background: #ffffff;
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
				
        }
        .toggleMobile span.menu1
        {
                top: 0;
			
        }
        .toggleMobile span.menu2
        {
                top: 14px;
        }
        .toggleMobile span.menu3
        {
                top: 28px;
        }
        .toggleMobile.active span.menu1
        {
                top: 14px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-transition: all 0.35s-cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
		 .toggleMobile.active span.menu3
        {
                opacity: 0;
                -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
                transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        
         nav
        {
                display:none;
        }
}
	 
	 @media only screen and (max-width: 430px){
				  .column2 /*alle inhalte - spalte 2 klein*/
       { 
	    width:96%;
	    max-width:96% !important;
	    padding:0px 0px 0px 10px ;
	   	margin:  5px 0px 0px 0px;
		border: 0px solid #369;
	    }
		#text_columns/*  beide spalte-------genauso wie bei mittleren displays------*/
      {
	  	width:100%;
		max-width:100% !important;
		min-width:100% !important;
		border: 0px;
        padding:0px;
	  	margin-top: 70px;
	  	background-image: url(none);
       }
	   #int_webb {display: none;}/* galerie web ausblend */
	   #int_mobb{display: block;/* galerie mobil einblend */
	  
	   
	  
	   }
				
						}