html, body {
   height: 100%;
   padding: 0;
   margin: 0;
}

body {
   background-color:#E0E0FF;
   font-family:Arial,Verdana,Helvetica,sans serif;
   font-size:1em;
   line-height:2em;
   color:#000080;
   padding:0;
}

.text-center {
   text-align: center;
}

main div h1 {
    font-family:      times new roman, serif;
    font-size:        1.8em;
    line-height:      1em;
    letter-spacing:   .16em;
    color:            #DDD;
    font-weight:      normal;
    font-variant:     small-caps;
}

main div h1 i {
    font-family:  trebuchet ms, times new roman, serif;
    font-size:    .7em;
    font-style:   normal;
    font-variant: normal;
    font-weight:  normal;
}

main div h1 a:link {
	text-decoration:none;
	color:#669;
}

main div h1 a:visited {
	text-decoration:none;
	color:#669;
}

main div h1 a:hover {
	text-decoration:underline;
	color:#336;
}

main div h1 a:active {
	text-decoration:underline;
	color:#336;
}




main {
    display: table;
    width: 100%;
    height: 80%; /* For at least Firefox */
    min-height: 80%;
    margin-bottom: 60px;
}

main div {
    display: table-row;
    height: 30%; /* For at least Firefox */
    min-height: 30%;
    vertical-align: middle;
}

main div h1 {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 992px) {
    main {
        display: table;
        width: 100%;
        height: 80%; /* For at least Firefox */
        min-height: 80%;
        margin-bottom: 60px;
        }

    main div {
        display: table-cell;
        height: 30%; /* For at least Firefox */
        min-height: 30%;
        vertical-align: middle;
        width: 33%;
    }
    main div h1 {
        height: 100%; /* For at least Firefox */
        min-height: 100%;
        vertical-align: middle;
        width: 33%;
        text-align: center;
    }
}

/*














/*


@media (min-width: 768px) {
   main {
      height: 60%; /* For at least Firefox */ /*
      min-height: 60%;
      margin-bottom: 60px;
   }
}

@media (min-width: 992px) {
   main {
      height: 70%; /* For at least Firefox */ /*
      min-height: 70%;
      margin-bottom: 60px;
   }
}

@media (min-width: 1200px) {
   main {
      height: 80%; /* For at least Firefox */ /*
      min-height: 80%;
      margin-bottom: 60px;
   }
}

main div {
   display: table-cell;
   vertical-align: middle;
}

main div a img {
   width: 262px;
   height: auto;
}

@media (max-width: 768px) {
   main div a img {
      width: 162px;
      height: 100%;
   }
}
@media (max-width: 992px) {
   main div a img {
      width: 192px;
      height: 100%;
   }
}


main div a {
	text-decoration:none;
}

main div p {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,Verdana,Helvetica,sans serif;
	font-size:.9em;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:.1em;
	color:#336;
}






















/*
header #kopf1 {
   background-color:#444466;
   z-index:6;
}

header #kopf2 {
   background-color:#555588;
   z-index:6;
}

header #kopf1 h1, header #kopf2 h2 {
   margin:0;
   font-family:times new roman, serif;
   font-weight:normal;
   font-variant:small-caps;
   color:#DDD;
}

header #kopf1 h1 {
   text-align:right;
   margin-right:.8em;
   padding-top:.4em;
   padding-bottom:.05em;
   font-size:2em;
   line-height:1.2em;
   letter-spacing:.1em;
}

header #kopf1 h1 i {
   font-family:trebuchet ms, times new roman, serif;
   font-size:.7em;
   font-style:normal;
   font-weight:normal;
   font-variant:normal;
}

header #kopf2 h2 {
   text-align:right;
   margin-right:.8em;
   padding-top:.3em;
   padding-bottom:.3em;
   font-size:1.5em;
   line-height:1em;
   letter-spacing:.1em;
}

header #kopf2 h2 i {
   font-family:trebuchet ms, times new roman, serif;
   font-size:1.3em;
   font-style:normal;
   font-weight:normal;
   font-variant:normal;
}


main {
   display: table;
   width: 100%;
   height: 60%; /* For at least Firefox */ /*
    height: 60%;
    min-height: 60%;
   margin-bottom: 60px;
}

@media (min-width: 768px) {
   main {
      height: 60%; /* For at least Firefox */ /*
      min-height: 60%;
      margin-bottom: 60px;
   }
}

@media (min-width: 992px) {
   main {
      height: 70%; /* For at least Firefox */ /*
      min-height: 70%;
      margin-bottom: 60px;
   }
}

@media (min-width: 1200px) {
   main {
      height: 80%; /* For at least Firefox */ /*
      min-height: 80%;
      margin-bottom: 60px;
   }
}

main div {
   display: table-cell;
   vertical-align: middle;
}

main div a img {
   width: 262px;
   height: auto;
}

@media (max-width: 768px) {
   main div a img {
      width: 162px;
      height: 100%;
   }
}
@media (max-width: 992px) {
   main div a img {
      width: 192px;
      height: 100%;
   }
}

/*
main div a {
	text-decoration:none;
}

main div p {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial,Verdana,Helvetica,sans serif;
	font-size:.9em;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:.1em;
	color:#336;
}

main div p a:link {
	text-decoration:none;
	color:#669;
}

main div p a:visited {
	text-decoration:none;
	color:#669;
}

main div p a:hover {
	text-decoration:underline;
	color:#336;
}

main div p a:active {
	text-decoration:underline;
	color:#336;
}

/*
footer {
   position:fixed;
   bottom:0;
   left:0;
   width:100%;
   z-index:3;
}

footer #footer1 {
   margin:0;
   padding:.2em;
   text-align:center;
   font-family:arial, verdana, helvetica, sans serif;
   font-weight:normal;
   font-size:.8em;
   line-height:1.6em;
   letter-spacing:.1em;
   color:#444466;
}

footer #footer2 {
   height:4em;
   margin:0;
   padding:.6em;
   background-color:#444466;
   text-align:center;
   font-family:arial, verdana, helvetica, sans serif;
   font-weight:normal;
   font-size:.8em;
   line-height:1.6em;
   letter-spacing:.1em;
   color:#CCC;
}

footer #footer2 a:link {
   text-decoration:none;
   color:#999;
}

footer #footer2 a:visited {
   text-decoration:none;
   color:#999;
}

footer #footer2 a:hover {
   text-decoration:underline;
   color:#CCC;
}

footer #footer2 a:active {
   text-decoration:underline;
   color:#CCC;
}
*/
