body {
height: 100%;
background-color: #fff;
padding: 0;
margin:0;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
background-image: url("graphics/hg.jpg");
background-position: center;
background-repeat: no-repeat;
/*background-image: url("graphics/hgneu.jpg");*/
}

html {height: 100%;}

#space {
width: 10px;
height: 50%;
margin-bottom: -250px;        /* Die Hälfte der Inhalts-Höhe! */
float: left;
}

#buehne { /* Hier liegt der komlette Content der Website! */
margin: 0 auto;
position: relative; /* Hebt die buehne von der space */
clear: left; /* Hebt das float vom space auf */
height: 470px;
width: 620px;
padding-top: 44px;
border: 0px solid red;
}

/* SUBMENUE START*/

#submenue {
width: 144px;
height: 20px;
border: 0px solid black;
padding: 0px;

}

ul#submenue{
list-style-type:none;
margin-left: 0px;
padding-left:0px;
color: #000;
border: 0px solid black;
margin: 0 auto;
font-size:8pt;
padding-top: 15em;
}
ul#submenue li{
float:left;
padding-right:0px;
border: 0px solid red;
font-size:8pt;
}
ul#submenue li a{
padding:0px;
font-size:8pt;
}
ul#submenue li a:hover{
font-size:8pt;
}
/* SUBMENUE ENDE*/


a:link.sublink {color:#59656e; font-family: "Times New Roman", Times, serif;  letter-spacing: 0.5px; text-decoration:none; font-size:8pt; padding-bottom: 3px;}
a:visited.sublink {color:#59656e; font-family: "Times New Roman", Times, serif;  letter-spacing: 0.5px; text-decoration:none; font-size:8pt;padding-bottom: 3px;}
a:focus.sublink {color:#59656e; font-family: "Times New Roman", Times, serif;  letter-spacing: 0.5px; text-decoration:none; font-size:8pt;padding-bottom: 3px;}
a:hover.sublink {color:#000; font-family: font-family: "Times New Roman", Times, serif; letter-spacing: 0.5px; text-decoration:none; font-size:8pt;padding-bottom: 3px;}
a:active.sublink {color:#59656e; font-family: font-family: "Times New Roman", Times, serif;  letter-spacing: 0.5px; text-decoration:none; font-size:8pt;padding-bottom: 3px;}


@media screen and (max-width: 870px) {
#buehne { /* Hier liegt der komlette Content der Website! */
margin: 0 auto;
position: relative; /* Hebt die buehne von der space */
clear: left; /* Hebt das float vom space auf */
/*height: 470px;*/
width: 100%;
padding-top: 44px;

}
}


@media screen and (max-width: 870px) {
img {

width: 190%;

}
}




h1 {
font-family: "Times New Roman", Times, serif;
text-align: center; margin-bottom: -1em; margin-top: 5em;}

h2 {
margin-top: 0em; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none;  outline:none;
text-align: center;}

@media screen and (max-width: 870px) {
h2 {
margin-top: 0em; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase; outline:none;
text-align: center;}
}



p {
font-family: "Times New Roman", Times, serif; text-align: center; font-size: 24px;}

p.klein {
font-family: "Times New Roman", Times, serif; text-align: center; font-size: 10px;}



@font-face {
        font-family: 'FontFS';
        src: url('FontFS.eot');
        src: url('FontFS.eot?#iefix') format('embedded-opentype'),
                url('FontFS.woff') format('woff'),
                url('FontFS.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        }


a:link {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; /*text-shadow: 2px 2px 3px #898989;*/outline:none;}
a:visited {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}
a:focus {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}
a:hover {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.4em; font-weight: normal; font-family: "Times New Roman", Times, serif; text-decoration: none; text-transform: none; /*text-shadow: 5px 5px 5px #a7a7a7;*/outline:none;}
a:active {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 21px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}

 /*

@media screen and (max-width: 870px) {
a:link {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase; outline:none;}
a:visited {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase;outline:none;}
a:focus {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase;outline:none;}
a:hover {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#97203e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family: "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase; outline:none;}
a:active {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 18px;letter-spacing: 0.5em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: uppercase;outline:none;}
}


@media screen and (max-width: 400px) {
a:link {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 11px;letter-spacing: 0.3em; font-weight: normal; font-family:  FontFS, Arial, sans-serif; text-decoration: none; text-transform: uppercase; outline:none;}
a:visited {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 11px;letter-spacing: 0.3em; font-weight: normal; font-family:  FontFS,Arial, sans-serif; text-decoration: none; text-transform: uppercase;outline:none;}
a:focus {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 11px;letter-spacing: 0.3em; font-weight: normal; font-family:  FontFS, Arial, sans-serif; text-decoration: none; text-transform: uppercase;outline:none;}
a:hover {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#97203e;font-size: 11px;letter-spacing: 0.3em; font-weight: normal; font-family: FontFS, Arial, sans-serif; text-decoration: none; text-transform: uppercase; outline:none;}
a:active {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 11px;letter-spacing: 0.3em; font-weight: normal; font-family:  Gods,Arial,  sans-serif; text-decoration: none; text-transform: uppercase;outline:none;}
}

*/

@media only screen
and (min-device-width : 540px)
and (max-device-width : 960px) {

}


@media only screen
and (min-device-width : 540px)
and (max-device-width : 960px)
and (orientation : landscape) {

}


@media only screen
and (min-device-width : 540px)
and (max-device-width : 960px)
and (orientation : portrait) {

}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {

}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {

#buehne { border: 0px solid green; width: 88%;}
img {width: 100%;}
a:link {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 29px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; /*text-shadow: 2px 2px 3px #898989;*/outline:none;}
a:visited {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 29px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}
a:focus {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 29px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}
a:hover {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 29px;letter-spacing: 0.4em; font-weight: normal; font-family: "Times New Roman", Times, serif; text-decoration: none; text-transform: none; /*text-shadow: 5px 5px 5px #a7a7a7;*/outline:none;}
a:active {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;color:#59656e;font-size: 29px;letter-spacing: 0.3em; font-weight: normal; font-family:  "Times New Roman", Times, serif; text-decoration: none; text-transform: none; outline:none;}

/* SUBMENUE START*/

#submenue {
width: 260px;
height: 20px;
border: 1px solid black;
padding: 0px;

}

ul#submenue{
list-style-type:none;
margin-left: 0px;
padding-left:0px;
color: #000;
border: 0px solid black;
margin: 0 auto;
font-size:18pt;
padding-top: 7em;
}
ul#submenue li{
float:left;
padding-right:0px;
border: 0px solid red;
font-size:18pt;
}
ul#submenue li a{
padding:0px;
font-size:18pt;
}
ul#submenue li a:hover{
font-size:18pt;
}
/* SUBMENUE ENDE*/

 *//*offensichtlich Iphone*/
}