*
{
  margin:  0;
  padding: 0;
}

a
{
  color:           #44CC66;
  text-decoration: none;
}

body
{
  background:  #44CC66;
  font-family: sans-serif;
}
@media( min-width: 50em )
{
  body
  {
    background: #44CC66 url( 'bilder/hintergrund.jpg' );
  }
}

img.triskele
{
	width: 10vw;
}

img.photo
{
	border:        1px solid #44CC66;
	border-radius: 15px;
	width:         100%;
}

h1
{
	text-align: center;
}

p
{
  -ms-hyphens:     auto;
  -webkit-hyphens: auto;
  hyphens:         auto;
  margin:          1em 0;
  text-align:      justify;
}

p.image
{
	text-align: center;
}

div.zitat
{
	display: table-cell;
}

div.zitatTable
{
	display: table;
	margin:  1em;
}

span.autor
{
	font-size: 75%;
}
span.autor::before
{
	content: '(';
}
span.autor::after
{
	content: ')';
}

span.zitat
{
	font-style: italic;
}
span.zitat::after,
span.zitat::before
{
	content: '"';
}

/*----------*/
/* mainMenu */
/*----------*/
#mainMenu
{
  background:     white;
  font-size:      4vw;
  list-style:     none;
  padding:        1em 1em;
  text-align:     center;
  white-space:    nowrap;
}
@media( min-width: 50em )
{
  #mainMenu
  {
    border-left:  1px solid #44CC66;
    border-right: 1px solid #44CC66;
    margin:       0 10vw;
	padding:      0;
    width:        80vw;
 }
}

#mainMenu li
{
  color:       #44CC66;
  display:     inline-block;
  font-weight: bold;
  padding:     0.45em 0;
  width:       32%;
}

#mainMenu nav
{
	text-align: left;
}

#mainMenu li:hover ul
{
  border:        1px solid #44CC66;
  border-radius: 5px;
  display:       inline;
}

#mainMenu li nav ul
{
  background:     white;
  display:        none;
  font:           sans-serif;
  margin:         1.2em 0 0 0em;
  padding:        0.25em 0.5em;
  position:       absolute;
  text-transform: none;
  z-index:        1;
}

#mainMenu nav li
{
  display: block;
}

/*--------*/
/* footer */
/*--------*/
footer
{
  background: #44CC66;
  color:      lightgray;
  display:    table;
  margin:     0 10vw;
  padding:    1em 0;
  text-align: center;
  width:      80vw;
}

footer a
{
  color:           lightgray;
  margin:          0;
  text-decoration: none;
}

/*------*/
/* main */
/*------*/
main
{
	background: white;
	display:    block;/*IE 10 + 11*/
	padding:    1em 0;
}
@media( min-width: 50em )
{
	main
	{
        border-left:  1px solid #44CC66;
        border-right: 1px solid #44CC66;
		margin:       0 10vw;
		width:        80vw;
	}
}

main div
{
	margin: 0 1em;
}
main div div
{
	margin: auto;
}

/*---------*/
/* kontakt */
/*---------*/
div.kontakt input[type="email"],
div.kontakt input[type="text"]
{
  padding: 2px;
  width:   100%;
}

div.kontakt #message
{
  height:  10em;
  padding: 2px;
  width:   100%;
}

table.kontakt
{
  margin: 1em;
}

/*----------*/
/* seminare */
/*----------*/
div.karte
{
  border-radius: 20px;
  height:        90vh;
  margin:        1em;
}

table.seminare
{
	margin: auto;
}

table.seminare p
{
	margin: 0;
}

table.seminare p.beschreibung
{
	padding: 0.5em 0 0 0;
}

table.seminare p.ort
{
	font-style: italic;
}

table.seminare p.title
{
	font-weight: bold;
}

table.seminare td
{
	padding:        0.5em;
	vertical-align: top;
}

table.seminare td.month
{
	_border-top: 1px solid #44CC66;
}

table.seminare td.seminar
{
	_border: 1px solid #44CC66;
}