html {
  font-family: Verdana, Arial, sans-serif;
}
body {
  margin: 0;padding: 0; border: 0;background: #DADADA;font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 1.5;
}
article,
footer,
header,
menu,
nav,
section {
  display: block;background-color: #F6FFEE;border: 1px solid black;
}

nav ul {display: inline;}
nav ul li {list-style: none; display: inline;margin-left:10px;margin-right:10px;}
nav ul li a {color: #F6FFEE;}

h1 {font-size:1.5em; font-weight:normal; line-height:1; padding:0px; margin:0px; margin-bottom:0.1em;}
h2 {font-size:1.4em; font-weight:normal; line-height:1; padding:0px; margin:0px; margin-bottom:0.1em;}
h3 {font-size:1.5em; font-weight:normal; color:#111;line-height:1;margin-bottom:1em;}
table {border-collapse:separate;border-spacing:1px;margin:0px;padding:0px;border:0px;}
table, th, td {vertical-align:middle;}
tr {padding:2px 2px 2px 2px; margin:2px;text-align:left;}
td {padding:2px 2px 2px 2px; margin:2px;text-align:center;}
img { border: 0px; padding:2px 2px 2px 2px;}

/* CSS für Desktop */
@media only screen and (min-width: 960px)
{
#container {width: 960px;margin: 1px auto;}
header {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; vertical-align: bottom; color: black; font-size: 120%;margin-bottom:2px;}
header ul {display: inline;}
header ul li {list-style: none; display: inline;margin-left:10px;margin-right:10px;font-size: 14px;}
nav {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; background-color: black;color: #F6FFEE; font-size: 14px;margin-bottom:2px}
main {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; background-color: #F6FFEE; color: black; font-size: 80%;margin-bottom:2px}
article {margin-bottom:2px;}
footer {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; color: black; font-size: 80%;margin-bottom:2px}
 #mrtheader {float:left;width: 948px;}
  #mainlogo {float:left;width: 250px;margin: 2px 0px 0px 8px;}
  #domainmenu {float:right;margin: auto 5px;}
 #mainnav {float:left;width: 948px;margin-right:10px;}
 #pageheader {float:left;width: 948px;margin-right:10px;margin-bottom:2px;padding: 5px;text-align:left;background-color: #F6FFEE;color: black; font-size: 80%; border: 1px solid black; border-radius: 5px;}
  .prepend {padding-left:20px;}
  .advert {float:left; width: 948px;}
 #mainarea {float:left;width: 948px;}
#linkblock a {display:block;color:#000;background:#f6ffee;text-decoration:none;}
  .mrtarticlel {border-radius: 5px; border:0px; float:left;width: 539px;margin-right:10px;margin-bottom:2px; text-align: left;}
  .mrtarticler {border-radius: 5px; border:0px; float:right;width: 385px;margin-right:10px;margin-bottom:2px; text-align: left;}
  .mrtcalarticlel {border-radius: 5px; border:0px; float:left;width: 639px;margin-right:10px;margin-bottom:2px; text-align: left;}
  .mrtcalarticler {border-radius: 5px; border:0px; float:right;width: 285px;margin-right:10px;margin-bottom:2px; text-align: left;}
  .linkblock a {display:block;color:#000;background:#F6FFEE;text-decoration:none;}
  .intlink {text-align: center;}
  .arthead {background-color:#99d590;border-radius:5px;padding:2px;margin:2px;}
  .boxr {background:#F6FFEE;margin:1em;border-bottom:1px dotted #aaa;}
  .some {background:#F6FFEE;padding:2px;margin:2px;margin-bottom:10px;border-bottom:1px dotted #aaa;}
  .photo {background:#EEEEEE;color:#000000; float:left;margin-right:10px;}
  .tsrlogo {float:left;width: 120px;}
  .tsrtext {width: 100%;}
  .liste {line-height: 200%;}
  .jump {width: 200px; padding:4px; padding-left:10px; margin:1px; background-color:#ddddff; border-radius:5px;}
.mlist{width: 100%; border: 0px; margin: 2px; padding: 2px;}
.minf{width: 100%; border: 0px; margin: 2px; padding: 2px;}
.infdat {background-color:#ddddff;padding:2px;padding-left:5px;padding-top:4px;text-align:left;color:#000000;}
.infname {background-color:#eeeeff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.infort {background-color:#eeeeff;padding:2px;padding-bottom:4px;text-align:left;color:#000000;}
.inftop {background-color:#ccccff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.inftop1 {width: 115px;background-color:#ccccff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.inftop2 {background-color:#ccccff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.inftop3 {width: 185px;background-color:#ccccff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.inf {background-color:#eeeeff;padding:2px;padding-left:10px;padding-bottom:2px;text-align:left;color:#000000;}
.ac {text-align: center;}
 #sitefooter {float:left;width: 948px;}
 .mobile {display: none;}
}



/* CSS für Smartphone */
@media only screen and (max-width: 959px)
{
#container {width: 95%;margin: 5px auto;}
header {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; color: black; font-size: 100%;margin-bottom:2px;}
header ul {display: block;}
header ul li {list-style: none; display: block;margin-left:10px;margin-right:10px;font-size: 14px;}
nav {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; background-color: black;color: #F6FFEE; font-size: 100%;margin-bottom:2px}
main {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; background-color: #F6FFEE; color: black; font-size: 100%;margin-bottom:2px}
article {margin-bottom:2px;}
footer {border: 1px solid black; border-radius: 5px; padding: 5px; text-align: center; color: black; font-size: 100%;margin-bottom:2px}
 #mrtheader {float:left;width: 97%;}
  #mainlogo {float:left;}
  #domainmenu {float:right;}
 #mainnav {float:left;width: 97%;}
 #pageheader {float:left;width: 97%;margin-right:10px;margin-bottom:2px;padding: 5px;text-align:left; background-color: #F6FFEE;color: black; border: 1px solid black; border-radius: 5px;}
  .prepend {padding-left:10px;}
  .advert {float:left; width: 97%;}
#mainarea {float:left;width: 97%;}
#linkblock a {display:block;color:#000;background:#f6ffee;text-decoration:none;}
  .mrtarticlel {border-radius: 5px; float:left;width: 100%;margin-bottom:10px; text-align: left;}
  .mrtarticler {border-radius: 5px; float:left;width: 100%;margin-bottom:10px; text-align: left;}
  .mrtcalarticlel {border-radius: 5px; float:left;width: 100%;margin-bottom:10px; text-align: left;}
  .mrtcalarticler {border-radius: 5px; float:left;width: 100%;margin-bottom:10px; text-align: left;}
  .linkblock a {display:block;color:#000;background:#F6FFEE;text-decoration:none;}
  .intlink {text-align: center;}
  .arthead {background-color:#99d590;border-radius:5px;padding:2px;margin:2px;}
  .boxr {background:#F6FFEE;margin:2px;border-bottom:1px dotted #aaa;}
  .some {background:#F6FFEE;text-align: center;padding:2px;margin:2px;margin-bottom:8px;border-bottom:1px dotted #aaa;}
  .photo {background:#EEEEEE;color:#000000; float:left;margin-right:10px;}
  .tsrlogo {float:left;width: 120px;}
  .tsrtext {width: 100%;}
  .liste {line-height: 2.0;}
  .jump {padding:4px; padding-left:10px; margin:1px; background-color:#ddddff; border-radius:5px;}
.mlist{width: 100%; border: 0px; margin: 2px; padding: 2px;}
.minf{width: 100%; border: 0px; margin: 2px; padding: 2px;}
.infdat {width: 100%;background-color:#ddddff;padding:2px;padding-left:4px;padding-top:4px;text-align:left;color:#000000;}
.infname {width: 100%;background-color:#eeeeff;padding:2px;padding-left:8px;text-align:left;color:#000000;}
.infort {width: 100%;background-color:#eeeeff;padding:2px;padding-left:12px;padding-bottom:4px;text-align:left;color:#000000;}
.inftop {background-color:#ccccff;padding:2px;padding-left:10px;padding-bottom:4px;text-align:left;color:#000000;}
.inf {background-color:#eeeeff;padding:2px;padding-left:10px;padding-bottom:2px;text-align:left;color:#000000;}
.ac {text-align: center;}
 #sitefooter {float:left;width: 97%;}
 .desktop {display: none;}
}