body {
  color: #E0E0E0;
  background: #FFCC66;  
  font-family: sans-serif;
  font-size: 100%;
  background: url(images/bg_m1.jpg); 
  background-repeat: repeat;
}



/*-------------- Menu ------------------------------------*/
 
nav {
  background: #660000;  
  width: 100%;
  max-width: 98em;
  height: 3em;
  /* margin: 0 0 0.5em 0;   /* Platz nach unten */
  margin: 0 auto;   /* Platz nach unten */
  font-size: 0.9em;
  /* opacity: 0.7; */
  /* position: fixed; */
  /* z-index: 10;   */
}

nav angel {
   display: inline;
}

nav a#angel img
{ 
   height: 2em;
}

nav flag
{
   /* width: 20%; */
   /* height: auto; */
   display: inline;
}

nav a#flag img {
   height: 1.2em;
   margin: 1em 1em 0 0;
   /* padding: 1em 0 0 1em; */
   float: right;
}

nav ul {
  /* background: #660000; */
  margin: 0 0 0 1em;
  padding: 1em 0 0 0;
  display: inline;
}

nav ul li {
  list-style: none;
  margin: 0;
  display: inline;
}
 
nav ul li a {
  color: #E0E0E0;
  position: relative;
  padding: 0.5em 0.5em 0.5em 0.5em;
  display: inline;
  text-decoration: none;
  text-transform: uppercase;
  border-width: 0px;
  border-style: solid;
}
 
nav ul.menu li a:hover {
    color: #E0E0E0;
    border-width: 0px;
    border-style: solid;
    border-color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    background-color: #CC9966;
}


.footer
{
  color: #E0E0E0; 
  background: #660000;  
  width: 100%;
  max-width: 98em;
  height: 3em;
  margin: 1em auto;   /* Platz nach unten */
  font-size: 0.9em;
}

.footer a {
  color: #E0E0E0;
  position: relative;
  padding: 0.5em 0.5em 0.5em 0.5em;
  display: inline;
  text-decoration: none;
  text-transform: uppercase;
  border-width: 0px;
  border-style: solid;
}

/* ------------ Hauptteil ---------------------------------------- */

/* ------------ Überschriften ---------------------------------------- */


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #000033;                                         
  margin-bottom: 15px;
  margin-top: 0;
}

/*       "KulTOUR KONZEPT"           Headline*/
h1 { 
  color: #660000;     
    background-color: transparent;
    max-width: 29.3em;  /* Abgestimmt auf die 3em font-size....  */
    /* margin-right: 1em; */
    /* margin-top: 0.2em; */
    margin: 0 auto;
    font-size: 3em;
    font-family: serif;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    text-shadow: #E0E0E0 -2px -1px,
                 #333333 2px 1px;
    }

/*       Maintext Headline      */
h2 { 
    color: #000033;
    background-color: inherit;
    font-family: Tahoma,"Trebuchet MS",verdana,arial,helvetica,sans-serif;
    font-size: 160%;
    font-weight: normal;
    text-align: center;
    }

/*       Section Header with Image (left)      */
h3 { 
    color: #000033;
    background-color: inherit;
    font-family: sans-serif;
    font-size: 140%;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    }

h3 img {
        height: 50px;
       }

h4 { 
    font-size: 120%;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    }

h5 { 
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    }

/* ------------ Text ---------------------------------------- */

#maintext { 
    color: #000033;
    background-color: #E0E0E0;
    max-width: 85em;
    /* margin-top: 3px; */
    margin: 0 auto;
    padding: 20px;

    font-size: 100%;
    text-align: justify;
    /* opacity: 0.9; */
    border: 3px ridge #CC9966;
}


/* ------------ Bilder ---------------------------------------- */
.thubs { 
    /* float: left; */
    vertical-align: top; 
    margin: 1em 0 0 0;
    display: inline-block;
    }

.thubs img { 
    border: 1px solid rgb(204, 153, 102);
    padding: 0.5em;
    height: 4em;
    margin-right: 1em;
	}

.pictureright { 
    float: right;   
    width: 20%;
    min-width: 200px;
    max-width: 600px;
    /* opacity: 1; */
    margin: 0 1em 1em 1em; 
    vertical-align: top;
	}

.pictureright img{
    width: 100%;
    height: auto;
    padding: 0.5em 0.5em 0.5em;
    border: 1px outset #CC9966;
	}

.pictureleft { 
    float: left;  
    display: inline-block;
    width: 10%;
    min-width: 100px;
    max-width: 600px;
    /* opacity: 1; */
    margin: 0 1em 1em 0em; 
    vertical-align: top;
}

.pictureleft img {
    width: 100%;
    height: auto;
    padding: 0.5em 0.5em 0.5em 0em;
    border: 1px outset #CC9966;
    }

.pictureleft2 { 
    float: left;  
    width: 10%;
    min-width: 100px;
    max-width: 600px;  
    display: inline-block;
    /* opacity: 1; */
    margin: 0 1em 1em 0em; 
    vertical-align: top;
}

.pictureleft2 img {
  
    height: auto;
    padding: 0.5em 0.5em 0.5em 0em;
    border: 1px outset #CC9966;
    }


/*--------- Media Queries ------------------------------------*/

/*--------- PC ------------------------------------*/

@media screen and (min-width: 85em)   /*  1024 px  */
{
   nav ul.menu {
      max-height: 20px;
      }			
      a#nav-m, a.close {
	display: none;
      }
    nav ul li {
          color: #E0E0E0;
          margin: 0 30px 0 0;
      }	

nav a#angel img
{ 
   margin: 0.3em 0 0 2em;
}	
   }

/*--------- Handy ------------------------------------*/
/*-------Formatierung Mobiles Menue  -----------------*/	

@media screen and (max-width: 84.999em)    /*  <1024 px */
{	
			
nav ul {
   color: #E0E0E0;
   background: #660000; 
   position: relative;
   top: 1em; 
   width: 100%;
   left: -100%;
   height: 20em;
   margin: auto auto;
   padding: 1em 0em;   /* etwas Luft nach oben... */
   list-style-type:none;
   transition:all .6s ease;-webkit-transition:all .6s ease;
   z-index: 10;
   }
nav ul li{
   width: 90%;
   color: #E0E0E0;
   display: block;
  text-align: center;
  padding: 0.5em 0.5em 0.5em 0.5em;
}	
nav ul li a {
  color: #E0E0E0;
  width: 100%;
 display: block;
  border-width: 1px;
  border-style: solid;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;

				
}
nav ul.menu li a:hover {
    color: #000033;
    background-color: #CC9966;
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;

}			


nav a#angel img
{ 
    margin: 0.3em 0 0 35%;   /* mittig  */
}

nav a#flg img
{ 
    float: right; 
}

/*-------   Hamburger-Icon    ------------------*/

nav a#nav-m img, a.close img {
   height: 1.5em;   
   padding: 0.7em 1em 0 0;
   float: left;   
 }			
nav > .close, a#nav-m:target {
    display: none; 
}

a:target ~ ul,
a:target ~ .close {
   display: inline-block;
}
			
a:target ~ .close {
  float: left;   
   /* display: block; */
   /* margin-left: auto; */
   /* margin-right: auto; */
}		

a:target ~ ul {
   left: 0;
}
}
/*--------------------------------------*/		


.table {
  width: 980px;
  margin-left: auto;      /* Zentrierung der Tabelle */
  margin-right: auto;     /* Zentrierung der Tabelle */
  padding: 0px auto;
  color: #FFFFFF;
  border: 0;
  cellspacing: 0px;
  cellpadding: 0px;
  background-color: transparent; /* Tabellenhintergrund CC Hell */
}

td,tr {
  background-color: transparent; /* Tabellenzellen */
  padding: 5px;
}

p {
  font-size: 100%;
  padding: 3px;
  margin: 0px;
}

/* ------------ Header ---------------------------------------- */

.headerleft { 
    padding: 10px 10px 10px 10px;
    height: 100px;
    width: 190px;
    }

.headerleft img { 
    float: left;
    padding: 0pt;
    vertical-align: middle;
    margin-left: 0px;
    height: 80px;
    }

.header { 
    padding: 10px 10px 10px 50px;
    height: 100px;
    width: 790px;
    }

#header img { 
    float: left;
    padding: 0.5em 1em 0 0.5em;
    margin-left: 0px;
    }



/* ------------ Zwischenzeile ---------------------------------------- */

td.topnavi { 
    height: 30px;
    font-size: 100%;
    text-indent: 10px;
    font-family: sans-serif;
    text-align: left;
    vertical-align: middle;
    }

.topnavi li a:hover { 
    text-decoration: none;
    color: #FFFFCC;
    }


/* ------------ Linke Spalte / Menue  ---------------------------------------- */


.menuetext1 { 
    padding: 20px 10px 10px;
    vertical-align: sub;
    font-size: 100%;
    font-style: normal;
    text-align: left;
    margin-top: 0px;
    /* box-shadow: 2px 2px 2px #E0E0E0; */
    }

.menue { 
    /* box-shadow: 2px 2px 2px #E0E0E0;  */
    padding: 5px;
    list-style-type: none;              /* keine bullets  */
    text-align: left;
    }

.menue li a, .menue li a:active, .menue li a:visited { margin: 3px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    color: #E0E0E0;
    background-color: transparent;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 100%;
    font-weight: normal;
    display: block;
    text-indent: 10px;
    }

  .menue li a:hover { 
    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    color: #000033;
    background-color: #CC9966;
    }

/* ------------ Text ---------------------------------------- */


 td.mainbg { 
   background-color: #E0E0E0;
  }


#indeximage {
    /* border:solid 1px #660000; */ 
    width: 80%;
    /* margin-left: 10%;    */
    padding: 0 0 0 10%;

}

.imageslide_right { 
    width: 20%;
    min-width: 200px;
    max-width: 600px;
    margin: 1em; 
    vertical-align: top; 
    opacity: 1; 
    float: right;
    }

.imageslide_right img{
    width: 100%;
    height: auto;
    padding: 0.5em 0.5em 0.5em;
    border: 1px outset #CC9966;
}



/* ------------ Links ---------------------------------------- */

/*  a:link, a:visited, a:active { */
/*    color: #330000;*/
/*    text-align: center;*/
/*    font-weight: normal;*/
/*    font-size: 1em;*/
/*    }

/*  a:hover { */
/*    color: #000033;*/
/*    text-decoration: underline;*/
/*    text-align: center;*/
/*    font-weight: normal;*/
/*    font-size: 1em;*/
/*}*/