html, body, table, tr, td
{
font-family: 'Metrophobic', Verdana, Arial, Sans-Serif;
font-size:16px; 
color:#000000; background-color:#efefef;
margin: 0;
padding: 0;
text-align: center;
}


#txt
{
margin: 0 auto 0 auto;
width:880px;
margin-top:40px;
padding: 30px;
padding-bottom: 1px;
text-align: left;
background-color:#ffffff;
box-shadow:0px 0px 5px #666;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

img {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#schwangau {
width: 400px; 
float: left;
}

#schwangau-rahmen {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#ffffff;
border:1px solid #339900;
padding: 20px;
}

#norderney {
width: 400px; 
float: right;
}

#norderney-rahmen {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#ffffff;
border:1px solid #0085DD;
padding: 20px;
}



h1
{
font-family: 'Marck Script';
font-size:25px;
margin: 0;
}

#schwangau h1 {
color: #339900;
}

#norderney  h1 {
color: #0085DD;
}

h2
{
font-size:14px;
color: #000000;
}

h3
{
font-size:14px;
}

a:link, a:visited
{
color:#315337;
text-decoration:underline;
}

a:hover
{
color:#6F6F6F;
text-decoration:none;
}

a:active
{
color:#6F6F6F;
text-decoration:underline;
}

.tmittel
{
font-size:14px;
}

.tklein
{
font-size:11px;
}


ul
{
margin: 4px;
padding-left: 12px;
}

li
{
margin-bottom: 6px;
}


a.button-schwangau, a.button-norderney {
display: block;
padding: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration: none;
}

a.button-schwangau {
text-decoration: none;
color: #fff;
background-color:#339900;
border:1px solid #339900;
}

a.button-schwangau:hover {
background-color:#ffffff;
border:1px solid #339900;
text-decoration: none;
color: #339900;
}

a.button-norderney {
text-decoration: none;
color: #fff;
background-color:#0085DD;
border:1px solid #0085DD;
}

a.button-norderney:hover {
background-color:#ffffff;
border:1px solid #0085DD;
color: #0085DD;
}


@media only screen and (max-width: 750px) {
#txt
{
margin: 0 auto 0 auto;
width:94%;
margin-top:40px;
padding: 3%;
padding-bottom: 1px;
text-align: left;
background-color:#ffffff;
box-shadow:0px 0px 5px #666;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#schwangau {
width: 100%; 
float: none;
margin-bottom: 40px;
}

#schwangau-rahmen {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#ffffff;
border:1px solid #339900;
padding: 20px;
}

#norderney {
width: 100%; 
float: none;
}

#norderney-rahmen {
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#ffffff;
border:1px solid #0085DD;
padding: 20px;
}

	
}

/* metrophobic-regular - latin */
@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/metrophobic-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Metrophobic Regular'), local('Metrophobic-Regular'),
       url('../webfonts/metrophobic-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/metrophobic-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/metrophobic-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/metrophobic-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/metrophobic-v10-latin-regular.svg#Metrophobic') format('svg'); /* Legacy iOS */
}
/* marck-script-regular - latin */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/marck-script-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Marck Script'), local('MarckScript-Regular'),
       url('../webfonts/marck-script-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/marck-script-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/marck-script-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/marck-script-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/marck-script-v8-latin-regular.svg#MarckScript') format('svg'); /* Legacy iOS */
}